@patternfly/react-table 6.3.0-prerelease.25 → 6.3.0-prerelease.26

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 (58) hide show
  1. package/CHANGELOG.md +6 -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/ExpandableRowContent.d.ts +5 -0
  11. package/dist/esm/components/Table/ExpandableRowContent.d.ts.map +1 -1
  12. package/dist/esm/components/Table/ExpandableRowContent.js +2 -2
  13. package/dist/esm/components/Table/ExpandableRowContent.js.map +1 -1
  14. package/dist/esm/components/Table/Table.d.ts +6 -1
  15. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  16. package/dist/esm/components/Table/Table.js +5 -4
  17. package/dist/esm/components/Table/Table.js.map +1 -1
  18. package/dist/esm/components/Table/Td.d.ts.map +1 -1
  19. package/dist/esm/components/Table/Td.js +23 -2
  20. package/dist/esm/components/Table/Td.js.map +1 -1
  21. package/dist/esm/components/Table/Tr.d.ts.map +1 -1
  22. package/dist/esm/components/Table/Tr.js +2 -2
  23. package/dist/esm/components/Table/Tr.js.map +1 -1
  24. package/dist/js/components/Table/ExpandableRowContent.d.ts +5 -0
  25. package/dist/js/components/Table/ExpandableRowContent.d.ts.map +1 -1
  26. package/dist/js/components/Table/ExpandableRowContent.js +2 -2
  27. package/dist/js/components/Table/ExpandableRowContent.js.map +1 -1
  28. package/dist/js/components/Table/Table.d.ts +6 -1
  29. package/dist/js/components/Table/Table.d.ts.map +1 -1
  30. package/dist/js/components/Table/Table.js +5 -4
  31. package/dist/js/components/Table/Table.js.map +1 -1
  32. package/dist/js/components/Table/Td.d.ts.map +1 -1
  33. package/dist/js/components/Table/Td.js +22 -1
  34. package/dist/js/components/Table/Td.js.map +1 -1
  35. package/dist/js/components/Table/Tr.d.ts.map +1 -1
  36. package/dist/js/components/Table/Tr.js +2 -2
  37. package/dist/js/components/Table/Tr.js.map +1 -1
  38. package/dist/umd/assets/{output-pufR2XmY.css → output-BKNhQUbO.css} +1493 -1487
  39. package/dist/umd/react-table.min.js +1 -1
  40. package/package.json +6 -6
  41. package/src/components/Table/ExpandableRowContent.tsx +7 -1
  42. package/src/components/Table/Table.tsx +12 -4
  43. package/src/components/Table/Td.tsx +37 -2
  44. package/src/components/Table/Tr.tsx +2 -1
  45. package/src/components/Table/__tests__/ExpandableRowContent.test.tsx +39 -0
  46. package/src/components/Table/__tests__/Table.test.tsx +62 -0
  47. package/src/components/Table/__tests__/Tr.test.tsx +79 -0
  48. package/src/components/Table/__tests__/__snapshots__/ExpandableRowContent.test.tsx.snap +11 -0
  49. package/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +13 -0
  50. package/src/components/Table/__tests__/__snapshots__/Tr.test.tsx.snap +35 -0
  51. package/src/components/Table/examples/Table.md +2 -0
  52. package/src/components/Table/examples/TableCompoundExpandable.tsx +23 -21
  53. package/src/components/Table/examples/TableExpandable.tsx +6 -1
  54. package/src/components/Table/examples/TableNestedExpandable.tsx +3 -3
  55. package/src/components/Table/examples/TableNestedTableExpandable.tsx +1 -1
  56. package/src/components/Table/examples/TableStripedExpandable.tsx +9 -3
  57. package/src/demos/examples/TableCompoundExpansion.tsx +87 -84
  58. package/src/demos/examples/TableExpandCollapseAll.tsx +1 -1
@@ -1,95 +1,3 @@
1
- .pf-v6-c-inline-edit {
2
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
5
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
6
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
8
- }
9
-
10
- .pf-v6-c-inline-edit__group {
11
- display: flex;
12
- align-items: baseline;
13
- }
14
-
15
- .pf-v6-c-inline-edit__group > * {
16
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
17
- }
18
-
19
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
20
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
21
- }
22
-
23
- .pf-v6-c-inline-edit__group.pf-m-footer {
24
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
25
- }
26
-
27
- .pf-v6-c-inline-edit__group.pf-m-column {
28
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
29
- flex-direction: column;
30
- }
31
-
32
- .pf-v6-c-inline-edit__group > :last-child {
33
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
34
- }
35
-
36
- .pf-v6-c-inline-edit__input {
37
- flex: 1;
38
- }
39
-
40
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
41
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
42
- }
43
-
44
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
45
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
46
- }
47
-
48
- .pf-v6-c-inline-edit__input,
49
- .pf-v6-c-inline-edit__action,
50
- .pf-v6-c-inline-edit__group.pf-m-action-group {
51
- display: none;
52
- }
53
-
54
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
55
- display: inline-block;
56
- }
57
-
58
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
59
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
60
- display: block;
61
- }
62
-
63
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
64
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
65
- display: inline-block;
66
- }
67
-
68
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
69
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
70
- display: inline-flex;
71
- }
72
-
73
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
74
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
75
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
76
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
77
- display: none;
78
- }
79
-
80
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
81
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
82
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
83
- }
84
-
85
- .pf-v6-c-inline-edit__label.pf-m-bold {
86
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
87
- }
88
-
89
- .pf-v6-c-inline-edit__editable-text br {
90
- display: none;
91
- }
92
-
93
1
  .pf-v6-c-table {
94
2
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
95
3
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -559,10 +467,10 @@
559
467
  display: revert;
560
468
  visibility: hidden;
561
469
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
562
- transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
470
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
563
471
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
564
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
565
- transition-property: opacity, translate, visibility;
472
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
473
+ transition-property: opacity, translate, visibility, background-color;
566
474
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
567
475
  }
568
476
 
@@ -594,6 +502,13 @@
594
502
  max-height: 0;
595
503
  }
596
504
 
505
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
506
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
507
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
508
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
509
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
510
+ }
511
+
597
512
  [class*=pf-v6-c-table].pf-m-truncate {
598
513
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
599
514
  --pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
@@ -1132,6 +1047,74 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1132
1047
  --pf-v6-c-table--cell--Width: 100%;
1133
1048
  }
1134
1049
 
1050
+ .pf-v6-c-table {
1051
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1052
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1053
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1054
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1055
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1056
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1057
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1058
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1059
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1060
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1061
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1062
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1063
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1064
+ }
1065
+
1066
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1067
+ position: sticky;
1068
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1069
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1070
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1071
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1072
+ }
1073
+
1074
+ .pf-v6-c-table__sticky-cell {
1075
+ --pf-v6-c-table--cell--Overflow: visible;
1076
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1077
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1078
+ background-clip: padding-box;
1079
+ }
1080
+
1081
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1082
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1083
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1084
+ }
1085
+
1086
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1087
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1088
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1089
+ }
1090
+
1091
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1092
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1093
+ }
1094
+
1095
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1096
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1097
+ }
1098
+
1099
+ .pf-v6-c-scroll-outer-wrapper {
1100
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1101
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1102
+ display: flex;
1103
+ flex-direction: column;
1104
+ max-width: 100%;
1105
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1106
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1107
+ overflow: hidden;
1108
+ }
1109
+
1110
+ .pf-v6-c-scroll-inner-wrapper {
1111
+ display: flex;
1112
+ flex-direction: column;
1113
+ max-width: 100%;
1114
+ max-height: 100%;
1115
+ overflow: auto;
1116
+ }
1117
+
1135
1118
  .pf-v6-c-table {
1136
1119
  --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));
1137
1120
  --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));
@@ -1993,74 +1976,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1993
1976
  --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));
1994
1977
  }
1995
1978
  }
1996
- .pf-v6-c-table {
1997
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1998
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1999
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
2000
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
2001
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
2002
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2003
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
2004
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
2005
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
2006
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2007
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
2008
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
2009
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
2010
- }
2011
-
2012
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
2013
- position: sticky;
2014
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
2015
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
2016
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
2017
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
2018
- }
2019
-
2020
- .pf-v6-c-table__sticky-cell {
2021
- --pf-v6-c-table--cell--Overflow: visible;
2022
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
2023
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
2024
- background-clip: padding-box;
2025
- }
2026
-
2027
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
2028
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
2029
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
2030
- }
2031
-
2032
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
2033
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
2034
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
2035
- }
2036
-
2037
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
2038
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
2039
- }
2040
-
2041
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
2042
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
2043
- }
2044
-
2045
- .pf-v6-c-scroll-outer-wrapper {
2046
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
2047
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
2048
- display: flex;
2049
- flex-direction: column;
2050
- max-width: 100%;
2051
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
2052
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
2053
- overflow: hidden;
2054
- }
2055
-
2056
- .pf-v6-c-scroll-inner-wrapper {
2057
- display: flex;
2058
- flex-direction: column;
2059
- max-width: 100%;
2060
- max-height: 100%;
2061
- overflow: auto;
2062
- }
2063
-
2064
1979
  .pf-v6-c-table {
2065
1980
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2066
1981
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -3689,30 +3604,269 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3689
3604
  --pf-v6-c-table--cell--Width: auto;
3690
3605
  }
3691
3606
  }
3692
- .pf-v6-c-form {
3693
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3694
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3695
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3696
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3697
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3698
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3699
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3700
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
3701
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3702
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3703
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3704
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3705
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3706
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3707
- --pf-v6-c-form__label--hover--Cursor: pointer;
3708
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3709
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3710
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3711
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3712
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3713
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3714
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3715
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3607
+ .pf-v6-c-inline-edit {
3608
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3609
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3610
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3611
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3612
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3613
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3614
+ }
3615
+
3616
+ .pf-v6-c-inline-edit__group {
3617
+ display: flex;
3618
+ align-items: baseline;
3619
+ }
3620
+
3621
+ .pf-v6-c-inline-edit__group > * {
3622
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3623
+ }
3624
+
3625
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
3626
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3627
+ }
3628
+
3629
+ .pf-v6-c-inline-edit__group.pf-m-footer {
3630
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3631
+ }
3632
+
3633
+ .pf-v6-c-inline-edit__group.pf-m-column {
3634
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3635
+ flex-direction: column;
3636
+ }
3637
+
3638
+ .pf-v6-c-inline-edit__group > :last-child {
3639
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3640
+ }
3641
+
3642
+ .pf-v6-c-inline-edit__input {
3643
+ flex: 1;
3644
+ }
3645
+
3646
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3647
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3648
+ }
3649
+
3650
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3651
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3652
+ }
3653
+
3654
+ .pf-v6-c-inline-edit__input,
3655
+ .pf-v6-c-inline-edit__action,
3656
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
3657
+ display: none;
3658
+ }
3659
+
3660
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3661
+ display: inline-block;
3662
+ }
3663
+
3664
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3665
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3666
+ display: block;
3667
+ }
3668
+
3669
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3670
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3671
+ display: inline-block;
3672
+ }
3673
+
3674
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3675
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3676
+ display: inline-flex;
3677
+ }
3678
+
3679
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3680
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3681
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3682
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3683
+ display: none;
3684
+ }
3685
+
3686
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3687
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3688
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3689
+ }
3690
+
3691
+ .pf-v6-c-inline-edit__label.pf-m-bold {
3692
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3693
+ }
3694
+
3695
+ .pf-v6-c-inline-edit__editable-text br {
3696
+ display: none;
3697
+ }
3698
+
3699
+ .pf-v6-u-screen-reader {
3700
+ position: fixed;
3701
+ inset-block-start: 0;
3702
+ inset-inline-start: 0;
3703
+ overflow: hidden;
3704
+ clip: rect(0, 0, 0, 0);
3705
+ white-space: nowrap;
3706
+ border: 0;
3707
+ }
3708
+
3709
+ .pf-v6-u-visible {
3710
+ position: static;
3711
+ overflow: visible;
3712
+ clip: auto;
3713
+ white-space: normal;
3714
+ border: inherit;
3715
+ }
3716
+
3717
+ .pf-v6-u-hidden {
3718
+ display: none !important;
3719
+ }
3720
+
3721
+ @media screen and (min-width: 36rem) {
3722
+ .pf-v6-u-screen-reader-on-sm {
3723
+ position: fixed;
3724
+ inset-block-start: 0;
3725
+ inset-inline-start: 0;
3726
+ overflow: hidden;
3727
+ clip: rect(0, 0, 0, 0);
3728
+ white-space: nowrap;
3729
+ border: 0;
3730
+ }
3731
+ }
3732
+ @media screen and (min-width: 36rem) {
3733
+ .pf-v6-u-visible-on-sm {
3734
+ position: static;
3735
+ overflow: visible;
3736
+ clip: auto;
3737
+ white-space: normal;
3738
+ border: inherit;
3739
+ }
3740
+ }
3741
+ @media screen and (min-width: 36rem) {
3742
+ .pf-v6-u-hidden-on-sm {
3743
+ display: none !important;
3744
+ }
3745
+ }
3746
+ @media screen and (min-width: 48rem) {
3747
+ .pf-v6-u-screen-reader-on-md {
3748
+ position: fixed;
3749
+ inset-block-start: 0;
3750
+ inset-inline-start: 0;
3751
+ overflow: hidden;
3752
+ clip: rect(0, 0, 0, 0);
3753
+ white-space: nowrap;
3754
+ border: 0;
3755
+ }
3756
+ }
3757
+ @media screen and (min-width: 48rem) {
3758
+ .pf-v6-u-visible-on-md {
3759
+ position: static;
3760
+ overflow: visible;
3761
+ clip: auto;
3762
+ white-space: normal;
3763
+ border: inherit;
3764
+ }
3765
+ }
3766
+ @media screen and (min-width: 48rem) {
3767
+ .pf-v6-u-hidden-on-md {
3768
+ display: none !important;
3769
+ }
3770
+ }
3771
+ @media screen and (min-width: 62rem) {
3772
+ .pf-v6-u-screen-reader-on-lg {
3773
+ position: fixed;
3774
+ inset-block-start: 0;
3775
+ inset-inline-start: 0;
3776
+ overflow: hidden;
3777
+ clip: rect(0, 0, 0, 0);
3778
+ white-space: nowrap;
3779
+ border: 0;
3780
+ }
3781
+ }
3782
+ @media screen and (min-width: 62rem) {
3783
+ .pf-v6-u-visible-on-lg {
3784
+ position: static;
3785
+ overflow: visible;
3786
+ clip: auto;
3787
+ white-space: normal;
3788
+ border: inherit;
3789
+ }
3790
+ }
3791
+ @media screen and (min-width: 62rem) {
3792
+ .pf-v6-u-hidden-on-lg {
3793
+ display: none !important;
3794
+ }
3795
+ }
3796
+ @media screen and (min-width: 75rem) {
3797
+ .pf-v6-u-screen-reader-on-xl {
3798
+ position: fixed;
3799
+ inset-block-start: 0;
3800
+ inset-inline-start: 0;
3801
+ overflow: hidden;
3802
+ clip: rect(0, 0, 0, 0);
3803
+ white-space: nowrap;
3804
+ border: 0;
3805
+ }
3806
+ }
3807
+ @media screen and (min-width: 75rem) {
3808
+ .pf-v6-u-visible-on-xl {
3809
+ position: static;
3810
+ overflow: visible;
3811
+ clip: auto;
3812
+ white-space: normal;
3813
+ border: inherit;
3814
+ }
3815
+ }
3816
+ @media screen and (min-width: 75rem) {
3817
+ .pf-v6-u-hidden-on-xl {
3818
+ display: none !important;
3819
+ }
3820
+ }
3821
+ @media screen and (min-width: 90.625rem) {
3822
+ .pf-v6-u-screen-reader-on-2xl {
3823
+ position: fixed;
3824
+ inset-block-start: 0;
3825
+ inset-inline-start: 0;
3826
+ overflow: hidden;
3827
+ clip: rect(0, 0, 0, 0);
3828
+ white-space: nowrap;
3829
+ border: 0;
3830
+ }
3831
+ }
3832
+ @media screen and (min-width: 90.625rem) {
3833
+ .pf-v6-u-visible-on-2xl {
3834
+ position: static;
3835
+ overflow: visible;
3836
+ clip: auto;
3837
+ white-space: normal;
3838
+ border: inherit;
3839
+ }
3840
+ }
3841
+ @media screen and (min-width: 90.625rem) {
3842
+ .pf-v6-u-hidden-on-2xl {
3843
+ display: none !important;
3844
+ }
3845
+ }
3846
+ .pf-v6-c-form {
3847
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3848
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3849
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3850
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3851
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3852
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3853
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3854
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
3855
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3856
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3857
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3858
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3859
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3860
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3861
+ --pf-v6-c-form__label--hover--Cursor: pointer;
3862
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3863
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3864
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3865
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3866
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3867
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3868
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3869
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3716
3870
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3717
3871
  --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3718
3872
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
@@ -4210,209 +4364,62 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4210
4364
  padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4211
4365
  padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4212
4366
  }
4213
-
4214
- .pf-v6-c-form__field-group-header-main {
4215
- display: flex;
4216
- flex-direction: column;
4217
- flex-grow: 1;
4218
- }
4219
-
4220
- .pf-v6-c-form__field-group-header-title {
4221
- display: flex;
4222
- }
4223
-
4224
- .pf-v6-c-form__field-group-header-title-text {
4225
- flex-grow: 1;
4226
- }
4227
-
4228
- .pf-v6-c-form__field-group-header-description {
4229
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4230
- color: var(--pf-v6-c-form__field-group-header-description--Color);
4231
- }
4232
-
4233
- .pf-v6-c-form__field-group-header-actions {
4234
- margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4235
- margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4236
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4237
- white-space: nowrap;
4238
- }
4239
-
4240
- .pf-v6-c-form__field-group-body {
4241
- display: grid;
4242
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4243
- gap: var(--pf-v6-c-form__field-group-body--Gap);
4244
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4245
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4246
- }
4247
-
4248
- .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4249
- max-height: 0;
4250
- padding-block-start: 0;
4251
- padding-block-end: 0;
4252
- visibility: hidden;
4253
- opacity: 0;
4254
- transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4255
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4256
- transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4257
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
4258
- }
4259
-
4260
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4261
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4262
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4263
- }
4264
-
4265
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4266
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4267
- }
4268
-
4269
- .pf-v6-u-screen-reader {
4270
- position: fixed;
4271
- inset-block-start: 0;
4272
- inset-inline-start: 0;
4273
- overflow: hidden;
4274
- clip: rect(0, 0, 0, 0);
4275
- white-space: nowrap;
4276
- border: 0;
4277
- }
4278
-
4279
- .pf-v6-u-visible {
4280
- position: static;
4281
- overflow: visible;
4282
- clip: auto;
4283
- white-space: normal;
4284
- border: inherit;
4285
- }
4286
-
4287
- .pf-v6-u-hidden {
4288
- display: none !important;
4289
- }
4290
-
4291
- @media screen and (min-width: 36rem) {
4292
- .pf-v6-u-screen-reader-on-sm {
4293
- position: fixed;
4294
- inset-block-start: 0;
4295
- inset-inline-start: 0;
4296
- overflow: hidden;
4297
- clip: rect(0, 0, 0, 0);
4298
- white-space: nowrap;
4299
- border: 0;
4300
- }
4301
- }
4302
- @media screen and (min-width: 36rem) {
4303
- .pf-v6-u-visible-on-sm {
4304
- position: static;
4305
- overflow: visible;
4306
- clip: auto;
4307
- white-space: normal;
4308
- border: inherit;
4309
- }
4310
- }
4311
- @media screen and (min-width: 36rem) {
4312
- .pf-v6-u-hidden-on-sm {
4313
- display: none !important;
4314
- }
4315
- }
4316
- @media screen and (min-width: 48rem) {
4317
- .pf-v6-u-screen-reader-on-md {
4318
- position: fixed;
4319
- inset-block-start: 0;
4320
- inset-inline-start: 0;
4321
- overflow: hidden;
4322
- clip: rect(0, 0, 0, 0);
4323
- white-space: nowrap;
4324
- border: 0;
4325
- }
4326
- }
4327
- @media screen and (min-width: 48rem) {
4328
- .pf-v6-u-visible-on-md {
4329
- position: static;
4330
- overflow: visible;
4331
- clip: auto;
4332
- white-space: normal;
4333
- border: inherit;
4334
- }
4335
- }
4336
- @media screen and (min-width: 48rem) {
4337
- .pf-v6-u-hidden-on-md {
4338
- display: none !important;
4339
- }
4340
- }
4341
- @media screen and (min-width: 62rem) {
4342
- .pf-v6-u-screen-reader-on-lg {
4343
- position: fixed;
4344
- inset-block-start: 0;
4345
- inset-inline-start: 0;
4346
- overflow: hidden;
4347
- clip: rect(0, 0, 0, 0);
4348
- white-space: nowrap;
4349
- border: 0;
4350
- }
4351
- }
4352
- @media screen and (min-width: 62rem) {
4353
- .pf-v6-u-visible-on-lg {
4354
- position: static;
4355
- overflow: visible;
4356
- clip: auto;
4357
- white-space: normal;
4358
- border: inherit;
4359
- }
4360
- }
4361
- @media screen and (min-width: 62rem) {
4362
- .pf-v6-u-hidden-on-lg {
4363
- display: none !important;
4364
- }
4367
+
4368
+ .pf-v6-c-form__field-group-header-main {
4369
+ display: flex;
4370
+ flex-direction: column;
4371
+ flex-grow: 1;
4365
4372
  }
4366
- @media screen and (min-width: 75rem) {
4367
- .pf-v6-u-screen-reader-on-xl {
4368
- position: fixed;
4369
- inset-block-start: 0;
4370
- inset-inline-start: 0;
4371
- overflow: hidden;
4372
- clip: rect(0, 0, 0, 0);
4373
- white-space: nowrap;
4374
- border: 0;
4375
- }
4373
+
4374
+ .pf-v6-c-form__field-group-header-title {
4375
+ display: flex;
4376
4376
  }
4377
- @media screen and (min-width: 75rem) {
4378
- .pf-v6-u-visible-on-xl {
4379
- position: static;
4380
- overflow: visible;
4381
- clip: auto;
4382
- white-space: normal;
4383
- border: inherit;
4384
- }
4377
+
4378
+ .pf-v6-c-form__field-group-header-title-text {
4379
+ flex-grow: 1;
4385
4380
  }
4386
- @media screen and (min-width: 75rem) {
4387
- .pf-v6-u-hidden-on-xl {
4388
- display: none !important;
4389
- }
4381
+
4382
+ .pf-v6-c-form__field-group-header-description {
4383
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4384
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
4390
4385
  }
4391
- @media screen and (min-width: 90.625rem) {
4392
- .pf-v6-u-screen-reader-on-2xl {
4393
- position: fixed;
4394
- inset-block-start: 0;
4395
- inset-inline-start: 0;
4396
- overflow: hidden;
4397
- clip: rect(0, 0, 0, 0);
4398
- white-space: nowrap;
4399
- border: 0;
4400
- }
4386
+
4387
+ .pf-v6-c-form__field-group-header-actions {
4388
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4389
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4390
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4391
+ white-space: nowrap;
4401
4392
  }
4402
- @media screen and (min-width: 90.625rem) {
4403
- .pf-v6-u-visible-on-2xl {
4404
- position: static;
4405
- overflow: visible;
4406
- clip: auto;
4407
- white-space: normal;
4408
- border: inherit;
4409
- }
4393
+
4394
+ .pf-v6-c-form__field-group-body {
4395
+ display: grid;
4396
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4397
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
4398
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4399
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4410
4400
  }
4411
- @media screen and (min-width: 90.625rem) {
4412
- .pf-v6-u-hidden-on-2xl {
4413
- display: none !important;
4414
- }
4401
+
4402
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4403
+ max-height: 0;
4404
+ padding-block-start: 0;
4405
+ padding-block-end: 0;
4406
+ visibility: hidden;
4407
+ opacity: 0;
4408
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4409
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4410
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4411
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
4412
+ }
4413
+
4414
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4415
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4416
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4417
+ }
4418
+
4419
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4420
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4415
4421
  }
4422
+
4416
4423
  .pf-v6-c-tooltip {
4417
4424
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4418
4425
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -4478,393 +4485,77 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4478
4485
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4479
4486
  }
4480
4487
 
4481
- .pf-v6-c-tooltip:is(.pf-m-right,
4482
- .pf-m-right-top,
4483
- .pf-m-right-bottom) {
4484
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4485
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4486
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4487
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4488
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4489
- }
4490
-
4491
- .pf-v6-c-tooltip:is(.pf-m-left-top,
4492
- .pf-m-right-top) {
4493
- --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4494
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4495
- }
4496
-
4497
- .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4498
- .pf-m-right-bottom) {
4499
- --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4500
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4501
- }
4502
-
4503
- .pf-v6-c-tooltip:is(.pf-m-top-left,
4504
- .pf-m-bottom-left) {
4505
- --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4506
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4507
- }
4508
-
4509
- .pf-v6-c-tooltip:is(.pf-m-top-right,
4510
- .pf-m-bottom-right) {
4511
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4512
- --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4513
- }
4514
-
4515
- .pf-v6-c-tooltip__content {
4516
- position: relative;
4517
- padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4518
- padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4519
- padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4520
- padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4521
- font-size: var(--pf-v6-c-tooltip__content--FontSize);
4522
- color: var(--pf-v6-c-tooltip__content--Color);
4523
- text-align: center;
4524
- word-break: break-word;
4525
- background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4526
- border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4527
- }
4528
-
4529
- .pf-v6-c-tooltip__content.pf-m-text-align-left {
4530
- text-align: start;
4531
- }
4532
-
4533
- .pf-v6-c-tooltip__arrow {
4534
- position: absolute;
4535
- top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4536
- right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4537
- bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4538
- left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4539
- width: var(--pf-v6-c-tooltip__arrow--Width);
4540
- height: var(--pf-v6-c-tooltip__arrow--Height);
4541
- pointer-events: none;
4542
- background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4543
- box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4544
- transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4545
- }
4546
-
4547
- .pf-v6-c-popover[data-popper-reference-hidden=true] {
4548
- visibility: hidden;
4549
- pointer-events: none;
4550
- }
4551
-
4552
- .pf-v6-c-divider {
4553
- --pf-v6-c-divider--Display: flex;
4554
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4555
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4556
- --pf-v6-c-divider--before--FlexBasis: 100%;
4557
- }
4558
-
4559
- .pf-v6-c-divider {
4560
- flex-direction: row;
4561
- width: 100%;
4562
- height: var(--pf-v6-c-divider--Size);
4563
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4564
- --pf-v6-hidden-visible--hidden--Display: none;
4565
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4566
- display: var(--pf-v6-hidden-visible--Display);
4567
- flex-shrink: 0;
4568
- align-items: stretch;
4569
- align-self: stretch;
4570
- justify-content: center;
4571
- border: 0;
4572
- }
4573
-
4574
- .pf-v6-c-divider.pf-m-hidden {
4575
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4576
- }
4577
-
4578
- @media screen and (min-width: 36rem) {
4579
- .pf-v6-c-divider.pf-m-hidden-on-sm {
4580
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4581
- }
4582
- .pf-v6-c-divider.pf-m-visible-on-sm {
4583
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4584
- }
4585
- }
4586
- @media screen and (min-width: 48rem) {
4587
- .pf-v6-c-divider.pf-m-hidden-on-md {
4588
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4589
- }
4590
- .pf-v6-c-divider.pf-m-visible-on-md {
4591
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4592
- }
4593
- }
4594
- @media screen and (min-width: 62rem) {
4595
- .pf-v6-c-divider.pf-m-hidden-on-lg {
4596
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4597
- }
4598
- .pf-v6-c-divider.pf-m-visible-on-lg {
4599
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4600
- }
4601
- }
4602
- @media screen and (min-width: 75rem) {
4603
- .pf-v6-c-divider.pf-m-hidden-on-xl {
4604
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4605
- }
4606
- .pf-v6-c-divider.pf-m-visible-on-xl {
4607
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4608
- }
4609
- }
4610
- @media screen and (min-width: 90.625rem) {
4611
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
4612
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4613
- }
4614
- .pf-v6-c-divider.pf-m-visible-on-2xl {
4615
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4616
- }
4617
- }
4618
- .pf-v6-c-divider::before {
4619
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4620
- content: "";
4621
- background-color: var(--pf-v6-c-divider--Color);
4622
- }
4623
-
4624
- .pf-v6-c-divider.pf-m-horizontal {
4625
- flex-direction: row;
4626
- width: 100%;
4627
- height: var(--pf-v6-c-divider--Size);
4628
- }
4629
-
4630
- .pf-v6-c-divider.pf-m-vertical {
4631
- flex-direction: column;
4632
- width: var(--pf-v6-c-divider--Size);
4633
- height: inherit;
4634
- }
4635
-
4636
- .pf-v6-c-divider.pf-m-inset-none {
4637
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4638
- }
4639
-
4640
- .pf-v6-c-divider.pf-m-inset-xs {
4641
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4488
+ .pf-v6-c-tooltip:is(.pf-m-right,
4489
+ .pf-m-right-top,
4490
+ .pf-m-right-bottom) {
4491
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4492
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4493
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4494
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4495
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4642
4496
  }
4643
4497
 
4644
- .pf-v6-c-divider.pf-m-inset-sm {
4645
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4498
+ .pf-v6-c-tooltip:is(.pf-m-left-top,
4499
+ .pf-m-right-top) {
4500
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4501
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4646
4502
  }
4647
4503
 
4648
- .pf-v6-c-divider.pf-m-inset-md {
4649
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4504
+ .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4505
+ .pf-m-right-bottom) {
4506
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4507
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4650
4508
  }
4651
4509
 
4652
- .pf-v6-c-divider.pf-m-inset-lg {
4653
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4510
+ .pf-v6-c-tooltip:is(.pf-m-top-left,
4511
+ .pf-m-bottom-left) {
4512
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4513
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4654
4514
  }
4655
4515
 
4656
- .pf-v6-c-divider.pf-m-inset-xl {
4657
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4516
+ .pf-v6-c-tooltip:is(.pf-m-top-right,
4517
+ .pf-m-bottom-right) {
4518
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4519
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4658
4520
  }
4659
4521
 
4660
- .pf-v6-c-divider.pf-m-inset-2xl {
4661
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4522
+ .pf-v6-c-tooltip__content {
4523
+ position: relative;
4524
+ padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4525
+ padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4526
+ padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4527
+ padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4528
+ font-size: var(--pf-v6-c-tooltip__content--FontSize);
4529
+ color: var(--pf-v6-c-tooltip__content--Color);
4530
+ text-align: center;
4531
+ word-break: break-word;
4532
+ background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4533
+ border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4662
4534
  }
4663
4535
 
4664
- .pf-v6-c-divider.pf-m-inset-3xl {
4665
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4536
+ .pf-v6-c-tooltip__content.pf-m-text-align-left {
4537
+ text-align: start;
4666
4538
  }
4667
4539
 
4668
- @media (min-width: 36rem) {
4669
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
4670
- flex-direction: row;
4671
- width: 100%;
4672
- height: var(--pf-v6-c-divider--Size);
4673
- }
4674
- }
4675
- @media (min-width: 36rem) {
4676
- .pf-v6-c-divider.pf-m-vertical-on-sm {
4677
- flex-direction: column;
4678
- width: var(--pf-v6-c-divider--Size);
4679
- height: inherit;
4680
- }
4681
- }
4682
- @media (min-width: 36rem) {
4683
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
4684
- --pf-v6-c-divider--before--FlexBasis: 100%;
4685
- }
4686
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4687
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4688
- }
4689
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4690
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4691
- }
4692
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
4693
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4694
- }
4695
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4696
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4697
- }
4698
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4699
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4700
- }
4701
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4702
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4703
- }
4704
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4705
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4706
- }
4707
- }
4708
- @media (min-width: 48rem) {
4709
- .pf-v6-c-divider.pf-m-horizontal-on-md {
4710
- flex-direction: row;
4711
- width: 100%;
4712
- height: var(--pf-v6-c-divider--Size);
4713
- }
4714
- }
4715
- @media (min-width: 48rem) {
4716
- .pf-v6-c-divider.pf-m-vertical-on-md {
4717
- flex-direction: column;
4718
- width: var(--pf-v6-c-divider--Size);
4719
- height: inherit;
4720
- }
4721
- }
4722
- @media (min-width: 48rem) {
4723
- .pf-v6-c-divider.pf-m-inset-none-on-md {
4724
- --pf-v6-c-divider--before--FlexBasis: 100%;
4725
- }
4726
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
4727
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4728
- }
4729
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
4730
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4731
- }
4732
- .pf-v6-c-divider.pf-m-inset-md-on-md {
4733
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4734
- }
4735
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
4736
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4737
- }
4738
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
4739
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4740
- }
4741
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4742
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4743
- }
4744
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4745
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4746
- }
4747
- }
4748
- @media (min-width: 62rem) {
4749
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4750
- flex-direction: row;
4751
- width: 100%;
4752
- height: var(--pf-v6-c-divider--Size);
4753
- }
4754
- }
4755
- @media (min-width: 62rem) {
4756
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4757
- flex-direction: column;
4758
- width: var(--pf-v6-c-divider--Size);
4759
- height: inherit;
4760
- }
4761
- }
4762
- @media (min-width: 62rem) {
4763
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4764
- --pf-v6-c-divider--before--FlexBasis: 100%;
4765
- }
4766
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4767
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4768
- }
4769
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4770
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4771
- }
4772
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4773
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4774
- }
4775
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4776
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4777
- }
4778
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4779
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4780
- }
4781
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4782
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4783
- }
4784
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4785
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4786
- }
4787
- }
4788
- @media (min-width: 75rem) {
4789
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
4790
- flex-direction: row;
4791
- width: 100%;
4792
- height: var(--pf-v6-c-divider--Size);
4793
- }
4794
- }
4795
- @media (min-width: 75rem) {
4796
- .pf-v6-c-divider.pf-m-vertical-on-xl {
4797
- flex-direction: column;
4798
- width: var(--pf-v6-c-divider--Size);
4799
- height: inherit;
4800
- }
4801
- }
4802
- @media (min-width: 75rem) {
4803
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
4804
- --pf-v6-c-divider--before--FlexBasis: 100%;
4805
- }
4806
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4807
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4808
- }
4809
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4810
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4811
- }
4812
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
4813
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4814
- }
4815
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4816
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4817
- }
4818
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4819
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4820
- }
4821
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4822
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4823
- }
4824
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4825
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4826
- }
4827
- }
4828
- @media (min-width: 90.625rem) {
4829
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4830
- flex-direction: row;
4831
- width: 100%;
4832
- height: var(--pf-v6-c-divider--Size);
4833
- }
4834
- }
4835
- @media (min-width: 90.625rem) {
4836
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
4837
- flex-direction: column;
4838
- width: var(--pf-v6-c-divider--Size);
4839
- height: inherit;
4840
- }
4841
- }
4842
- @media (min-width: 90.625rem) {
4843
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4844
- --pf-v6-c-divider--before--FlexBasis: 100%;
4845
- }
4846
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4847
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4848
- }
4849
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4850
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4851
- }
4852
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4853
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4854
- }
4855
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4856
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4857
- }
4858
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4859
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4860
- }
4861
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4862
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4863
- }
4864
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4865
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4866
- }
4540
+ .pf-v6-c-tooltip__arrow {
4541
+ position: absolute;
4542
+ top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4543
+ right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4544
+ bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4545
+ left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4546
+ width: var(--pf-v6-c-tooltip__arrow--Width);
4547
+ height: var(--pf-v6-c-tooltip__arrow--Height);
4548
+ pointer-events: none;
4549
+ background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4550
+ box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4551
+ transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4552
+ }
4553
+
4554
+ .pf-v6-c-popover[data-popper-reference-hidden=true] {
4555
+ visibility: hidden;
4556
+ pointer-events: none;
4867
4557
  }
4558
+
4868
4559
  .pf-v6-c-button {
4869
4560
  --pf-v6-c-button--Display: inline-flex;
4870
4561
  --pf-v6-c-button--AlignItems: baseline;
@@ -5730,6 +5421,88 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5730
5421
  scale: 1.5;
5731
5422
  }
5732
5423
  }
5424
+ .pf-v6-c-check {
5425
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5426
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5427
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5428
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5429
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5430
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5431
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5432
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5433
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5434
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5435
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5436
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5437
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5438
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5439
+ }
5440
+
5441
+ .pf-v6-c-check {
5442
+ display: grid;
5443
+ grid-template-columns: auto 1fr;
5444
+ grid-gap: var(--pf-v6-c-check--GridGap);
5445
+ accent-color: var(--pf-v6-c-check--AccentColor);
5446
+ }
5447
+
5448
+ .pf-v6-c-check.pf-m-standalone {
5449
+ display: inline-grid;
5450
+ grid-template-columns: auto;
5451
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5452
+ }
5453
+
5454
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5455
+ align-self: center;
5456
+ transform: none;
5457
+ }
5458
+
5459
+ .pf-v6-c-check__input {
5460
+ align-self: start;
5461
+ font-size: var(--pf-v6-c-check__label--FontSize);
5462
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5463
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5464
+ }
5465
+
5466
+ .pf-v6-c-check__label {
5467
+ font-size: var(--pf-v6-c-check__label--FontSize);
5468
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5469
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5470
+ color: var(--pf-v6-c-check__label--Color);
5471
+ }
5472
+
5473
+ .pf-v6-c-check__description {
5474
+ grid-column: 2;
5475
+ font-size: var(--pf-v6-c-check__description--FontSize);
5476
+ color: var(--pf-v6-c-check__description--Color);
5477
+ }
5478
+
5479
+ .pf-v6-c-check__body {
5480
+ grid-column: 2;
5481
+ }
5482
+
5483
+ .pf-v6-c-check__label,
5484
+ .pf-v6-c-check__input {
5485
+ justify-self: start;
5486
+ }
5487
+
5488
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5489
+ .pf-v6-c-check__input {
5490
+ cursor: pointer;
5491
+ }
5492
+
5493
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5494
+ .pf-v6-c-check__input:disabled,
5495
+ .pf-v6-c-check__input.pf-m-disabled {
5496
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5497
+ cursor: not-allowed;
5498
+ }
5499
+
5500
+ .pf-v6-c-check__label-required {
5501
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5502
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5503
+ color: var(--pf-v6-c-check__label-required--Color);
5504
+ }
5505
+
5733
5506
  .pf-v6-c-menu-toggle {
5734
5507
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5735
5508
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -5877,526 +5650,980 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5877
5650
  --pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
5878
5651
  }
5879
5652
 
5880
- .pf-v6-c-menu-toggle {
5653
+ .pf-v6-c-menu-toggle {
5654
+ position: relative;
5655
+ display: inline-flex;
5656
+ gap: var(--pf-v6-c-menu-toggle--Gap);
5657
+ align-items: center;
5658
+ justify-content: center;
5659
+ min-width: var(--pf-v6-c-menu-toggle--MinWidth);
5660
+ max-width: 100%;
5661
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5662
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5663
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5664
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5665
+ font-size: var(--pf-v6-c-menu-toggle--FontSize);
5666
+ line-height: var(--pf-v6-c-menu-toggle--LineHeight);
5667
+ color: var(--pf-v6-c-menu-toggle--Color);
5668
+ cursor: pointer;
5669
+ background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
5670
+ border: 0;
5671
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
5672
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
5673
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
5674
+ }
5675
+
5676
+ .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
5677
+ border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5678
+ }
5679
+
5680
+ .pf-v6-c-menu-toggle::before {
5681
+ position: absolute;
5682
+ inset-block-start: 0;
5683
+ inset-block-end: 0;
5684
+ inset-inline-start: 0;
5685
+ inset-inline-end: 0;
5686
+ z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
5687
+ pointer-events: none;
5688
+ content: "";
5689
+ border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
5690
+ transition: inherit;
5691
+ }
5692
+
5693
+ .pf-v6-c-menu-toggle.pf-m-primary {
5694
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
5695
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
5696
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
5697
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
5698
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
5699
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
5700
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
5701
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
5702
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
5703
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
5704
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
5705
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5706
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5707
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5708
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5709
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
5710
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
5711
+ }
5712
+
5713
+ .pf-v6-c-menu-toggle.pf-m-secondary {
5714
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5715
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5716
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5717
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
5718
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5719
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5720
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5721
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5722
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5723
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5724
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
5725
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5726
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5727
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5728
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5729
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
5730
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
5731
+ }
5732
+
5733
+ .pf-v6-c-menu-toggle.pf-m-full-height {
5734
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
5735
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
5736
+ --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
5737
+ align-items: center;
5738
+ height: 100%;
5739
+ }
5740
+
5741
+ .pf-v6-c-menu-toggle.pf-m-full-width {
5742
+ width: 100%;
5743
+ }
5744
+
5745
+ .pf-v6-c-menu-toggle.pf-m-plain {
5746
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5747
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5748
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5749
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5750
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5751
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
5752
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5753
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5754
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
5755
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
5756
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5757
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5758
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
5759
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
5760
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
5761
+ }
5762
+
5763
+ .pf-v6-c-menu-toggle.pf-m-plain::before {
5764
+ border: none;
5765
+ }
5766
+
5767
+ .pf-v6-c-menu-toggle:is(:hover, :focus) {
5768
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
5769
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
5770
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
5771
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
5772
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
5773
+ --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
5774
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
5775
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
5776
+ --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
5777
+ }
5778
+
5779
+ .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
5780
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
5781
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
5782
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
5783
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
5784
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5785
+ }
5786
+
5787
+ .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
5788
+ border: 0;
5789
+ }
5790
+
5791
+ .pf-v6-c-menu-toggle.pf-m-small {
5792
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
5793
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
5794
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
5795
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
5796
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
5797
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
5798
+ --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);
5799
+ --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);
5800
+ }
5801
+
5802
+ .pf-v6-c-menu-toggle.pf-m-success {
5803
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
5804
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
5805
+ }
5806
+
5807
+ .pf-v6-c-menu-toggle.pf-m-warning {
5808
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
5809
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
5810
+ }
5811
+
5812
+ .pf-v6-c-menu-toggle.pf-m-danger {
5813
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
5814
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5815
+ }
5816
+
5817
+ @media screen and (prefers-reduced-motion: no-preference) {
5818
+ .pf-v6-c-menu-toggle.pf-m-danger {
5819
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
5820
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
5821
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
5822
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
5823
+ animation-fill-mode: both;
5824
+ }
5825
+ }
5826
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
5827
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
5828
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
5829
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
5830
+ }
5831
+
5832
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
5833
+ from {
5834
+ opacity: 0;
5835
+ }
5836
+ to {
5837
+ opacity: 1;
5838
+ }
5839
+ }
5840
+ .pf-v6-c-menu-toggle.pf-m-settings {
5841
+ --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
5842
+ --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
5843
+ --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
5844
+ --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
5845
+ --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
5846
+ --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
5847
+ --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
5848
+ }
5849
+
5850
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
5851
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5852
+ }
5853
+
5854
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5855
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5856
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
5857
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
5858
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
5859
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5860
+ }
5861
+
5862
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5863
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5864
+ pointer-events: none;
5865
+ }
5866
+
5867
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
5868
+ syntax: "<length>";
5869
+ inherits: false;
5870
+ initial-value: 0;
5871
+ }
5872
+ @media (prefers-reduced-motion: no-preference) {
5873
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
5874
+ 33% {
5875
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
5876
+ }
5877
+ 66% {
5878
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
5879
+ }
5880
+ }
5881
+ }
5882
+ .pf-v6-c-menu-toggle.pf-m-split-button {
5883
+ --pf-v6-c-menu-toggle--Gap: 0;
5884
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
5885
+ padding: 0;
5886
+ }
5887
+
5888
+ .pf-v6-c-menu-toggle.pf-m-split-button > * {
5881
5889
  position: relative;
5882
- display: inline-flex;
5883
- gap: var(--pf-v6-c-menu-toggle--Gap);
5884
- align-items: center;
5885
- justify-content: center;
5886
- min-width: var(--pf-v6-c-menu-toggle--MinWidth);
5887
- max-width: 100%;
5888
5890
  padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5889
5891
  padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5890
5892
  padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5891
5893
  padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5892
- font-size: var(--pf-v6-c-menu-toggle--FontSize);
5893
- line-height: var(--pf-v6-c-menu-toggle--LineHeight);
5894
- color: var(--pf-v6-c-menu-toggle--Color);
5895
- cursor: pointer;
5896
- background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
5897
- border: 0;
5898
- transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
5899
- transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
5900
- transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
5901
5894
  }
5902
5895
 
5903
- .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
5904
- border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5896
+ .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
5897
+ border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5898
+ border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5905
5899
  }
5906
5900
 
5907
- .pf-v6-c-menu-toggle::before {
5908
- position: absolute;
5909
- inset-block-start: 0;
5910
- inset-block-end: 0;
5911
- inset-inline-start: 0;
5912
- inset-inline-end: 0;
5913
- z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
5914
- pointer-events: none;
5915
- content: "";
5916
- border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
5917
- transition: inherit;
5901
+ .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
5902
+ border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5903
+ border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5918
5904
  }
5919
5905
 
5920
- .pf-v6-c-menu-toggle.pf-m-primary {
5921
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
5922
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
5923
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
5924
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
5925
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
5926
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
5927
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
5928
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
5929
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
5930
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
5931
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
5932
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5933
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5934
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5935
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5936
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
5937
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
5906
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
5907
+ --pf-v6-c-check__label--Color: currentcolor;
5908
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
5909
+ align-items: center;
5910
+ align-self: stretch;
5938
5911
  }
5939
5912
 
5940
- .pf-v6-c-menu-toggle.pf-m-secondary {
5941
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5942
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5943
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5944
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
5945
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5946
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5947
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5948
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5949
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5950
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5951
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
5952
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5953
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5954
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5955
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5956
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
5957
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
5913
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
5914
+ --pf-v6-c-check__input--TranslateY: 0;
5915
+ align-self: center;
5916
+ }
5917
+
5918
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
5919
+ 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);
5920
+ }
5921
+
5922
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
5923
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
5924
+ }
5925
+
5926
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
5927
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
5928
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
5929
+ }
5930
+
5931
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
5932
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
5933
+ --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);
5934
+ }
5935
+
5936
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
5937
+ --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);
5938
+ }
5939
+
5940
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5941
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5942
+ }
5943
+
5944
+ .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,
5945
+ .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,
5946
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5947
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5948
+ }
5949
+
5950
+ .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,
5951
+ .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,
5952
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5953
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5954
+ }
5955
+
5956
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5957
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5958
+ }
5959
+
5960
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5961
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5962
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5963
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5964
+ }
5965
+
5966
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5967
+ content: none;
5968
+ }
5969
+
5970
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
5971
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5972
+ --pf-v6-c-menu-toggle--Gap: 0;
5973
+ align-items: stretch;
5974
+ padding: 0;
5975
+ }
5976
+
5977
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5978
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5979
+ }
5980
+
5981
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5982
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5983
+ display: flex;
5984
+ align-items: stretch;
5985
+ }
5986
+
5987
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5988
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5989
+ flex: 1;
5990
+ }
5991
+
5992
+ .pf-v6-c-menu-toggle__button {
5993
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
5994
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5995
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5996
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5997
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5998
+ color: inherit;
5999
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
6000
+ border: 0;
6001
+ }
6002
+
6003
+ .pf-v6-c-menu-toggle__button.pf-m-text {
6004
+ display: inline-flex;
6005
+ align-items: baseline;
6006
+ }
6007
+
6008
+ .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) {
6009
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
6010
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
6011
+ }
6012
+
6013
+ .pf-v6-c-menu-toggle__text {
6014
+ overflow: hidden;
6015
+ text-overflow: ellipsis;
6016
+ white-space: nowrap;
6017
+ min-width: 0;
5958
6018
  }
5959
6019
 
5960
- .pf-v6-c-menu-toggle.pf-m-full-height {
5961
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
5962
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
5963
- --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
5964
- align-items: center;
5965
- height: 100%;
6020
+ .pf-v6-c-menu-toggle__count {
6021
+ display: flex;
6022
+ flex-wrap: nowrap;
5966
6023
  }
5967
6024
 
5968
- .pf-v6-c-menu-toggle.pf-m-full-width {
5969
- width: 100%;
6025
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
6026
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
6027
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
6028
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
6029
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5970
6030
  }
5971
6031
 
5972
- .pf-v6-c-menu-toggle.pf-m-plain {
5973
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5974
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5975
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5976
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5977
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5978
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
5979
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5980
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5981
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
5982
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
5983
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5984
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5985
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
5986
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
5987
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
6032
+ .pf-v6-c-menu-toggle__icon {
6033
+ flex-shrink: 0;
6034
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
6035
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
6036
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
6037
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
5988
6038
  }
5989
6039
 
5990
- .pf-v6-c-menu-toggle.pf-m-plain::before {
5991
- border: none;
6040
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
6041
+ vertical-align: middle;
5992
6042
  }
5993
6043
 
5994
- .pf-v6-c-menu-toggle:is(:hover, :focus) {
5995
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
5996
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
5997
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
5998
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
5999
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
6000
- --pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
6001
- --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
6002
- --pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
6003
- --pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
6044
+ .pf-v6-c-menu-toggle__controls {
6045
+ display: flex;
6046
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
6047
+ align-items: center;
6048
+ justify-content: center;
6049
+ margin-inline-start: auto;
6004
6050
  }
6005
6051
 
6006
- .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
6007
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
6008
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
6009
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
6010
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
6011
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
6052
+ .pf-v6-c-menu-toggle__toggle-icon {
6053
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
6054
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
6012
6055
  }
6013
6056
 
6014
- .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
6015
- border: 0;
6057
+ .pf-v6-c-menu-toggle__status-icon {
6058
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
6016
6059
  }
6017
6060
 
6018
- .pf-v6-c-menu-toggle.pf-m-small {
6019
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
6020
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
6021
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
6022
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
6023
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
6024
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
6025
- --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);
6026
- --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);
6061
+ .pf-v6-c-divider {
6062
+ --pf-v6-c-divider--Display: flex;
6063
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6064
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6065
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6027
6066
  }
6028
6067
 
6029
- .pf-v6-c-menu-toggle.pf-m-success {
6030
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
6031
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
6068
+ .pf-v6-c-divider {
6069
+ flex-direction: row;
6070
+ width: 100%;
6071
+ height: var(--pf-v6-c-divider--Size);
6072
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6073
+ --pf-v6-hidden-visible--hidden--Display: none;
6074
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6075
+ display: var(--pf-v6-hidden-visible--Display);
6076
+ flex-shrink: 0;
6077
+ align-items: stretch;
6078
+ align-self: stretch;
6079
+ justify-content: center;
6080
+ border: 0;
6032
6081
  }
6033
6082
 
6034
- .pf-v6-c-menu-toggle.pf-m-warning {
6035
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
6036
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
6083
+ .pf-v6-c-divider.pf-m-hidden {
6084
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6037
6085
  }
6038
6086
 
6039
- .pf-v6-c-menu-toggle.pf-m-danger {
6040
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
6041
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
6087
+ @media screen and (min-width: 36rem) {
6088
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6089
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6090
+ }
6091
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6092
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6093
+ }
6042
6094
  }
6043
-
6044
- @media screen and (prefers-reduced-motion: no-preference) {
6045
- .pf-v6-c-menu-toggle.pf-m-danger {
6046
- transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
6047
- animation-name: pf-v6-c-menu-toggle-m-danger-motion;
6048
- animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
6049
- animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
6050
- animation-fill-mode: both;
6095
+ @media screen and (min-width: 48rem) {
6096
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6097
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6098
+ }
6099
+ .pf-v6-c-divider.pf-m-visible-on-md {
6100
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6051
6101
  }
6052
6102
  }
6053
- .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
6054
- animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
6055
- animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
6056
- animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
6103
+ @media screen and (min-width: 62rem) {
6104
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6105
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6106
+ }
6107
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6108
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6109
+ }
6057
6110
  }
6058
-
6059
- @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
6060
- from {
6061
- opacity: 0;
6111
+ @media screen and (min-width: 75rem) {
6112
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6113
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6062
6114
  }
6063
- to {
6064
- opacity: 1;
6115
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6116
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6065
6117
  }
6066
6118
  }
6067
- .pf-v6-c-menu-toggle.pf-m-settings {
6068
- --pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
6069
- --pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
6070
- --pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
6071
- --pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
6072
- --pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
6073
- --pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
6074
- --pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
6119
+ @media screen and (min-width: 90.625rem) {
6120
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6121
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6122
+ }
6123
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6124
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6125
+ }
6126
+ }
6127
+ .pf-v6-c-divider::before {
6128
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6129
+ content: "";
6130
+ background-color: var(--pf-v6-c-divider--Color);
6075
6131
  }
6076
6132
 
6077
- .pf-v6-c-menu-toggle.pf-m-placeholder {
6078
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
6133
+ .pf-v6-c-divider.pf-m-horizontal {
6134
+ flex-direction: row;
6135
+ width: 100%;
6136
+ height: var(--pf-v6-c-divider--Size);
6079
6137
  }
6080
6138
 
6081
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
6082
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
6083
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
6084
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
6085
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
6086
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
6139
+ .pf-v6-c-divider.pf-m-vertical {
6140
+ flex-direction: column;
6141
+ width: var(--pf-v6-c-divider--Size);
6142
+ height: inherit;
6087
6143
  }
6088
6144
 
6089
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
6090
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
6091
- pointer-events: none;
6145
+ .pf-v6-c-divider.pf-m-inset-none {
6146
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6092
6147
  }
6093
6148
 
6094
- @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
6095
- syntax: "<length>";
6096
- inherits: false;
6097
- initial-value: 0;
6149
+ .pf-v6-c-divider.pf-m-inset-xs {
6150
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6098
6151
  }
6099
- @media (prefers-reduced-motion: no-preference) {
6100
- @keyframes pf-v6-c-menu-toggle-m-danger-motion {
6101
- 33% {
6102
- --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
6103
- }
6104
- 66% {
6105
- --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
6106
- }
6107
- }
6152
+
6153
+ .pf-v6-c-divider.pf-m-inset-sm {
6154
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6108
6155
  }
6109
- .pf-v6-c-menu-toggle.pf-m-split-button {
6110
- --pf-v6-c-menu-toggle--Gap: 0;
6111
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
6112
- padding: 0;
6156
+
6157
+ .pf-v6-c-divider.pf-m-inset-md {
6158
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6113
6159
  }
6114
6160
 
6115
- .pf-v6-c-menu-toggle.pf-m-split-button > * {
6116
- position: relative;
6117
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
6118
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
6119
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
6120
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
6161
+ .pf-v6-c-divider.pf-m-inset-lg {
6162
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6121
6163
  }
6122
6164
 
6123
- .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
6124
- border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
6125
- border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
6165
+ .pf-v6-c-divider.pf-m-inset-xl {
6166
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6126
6167
  }
6127
6168
 
6128
- .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
6129
- border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
6130
- border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
6169
+ .pf-v6-c-divider.pf-m-inset-2xl {
6170
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6131
6171
  }
6132
6172
 
6133
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
6134
- --pf-v6-c-check__label--Color: currentcolor;
6135
- --pf-v6-c-check__label--disabled--Color: currentcolor;
6136
- align-items: center;
6137
- align-self: stretch;
6173
+ .pf-v6-c-divider.pf-m-inset-3xl {
6174
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6175
+ }
6176
+
6177
+ @media (min-width: 36rem) {
6178
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
6179
+ flex-direction: row;
6180
+ width: 100%;
6181
+ height: var(--pf-v6-c-divider--Size);
6182
+ }
6183
+ }
6184
+ @media (min-width: 36rem) {
6185
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
6186
+ flex-direction: column;
6187
+ width: var(--pf-v6-c-divider--Size);
6188
+ height: inherit;
6189
+ }
6138
6190
  }
6139
-
6140
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
6141
- --pf-v6-c-check__input--TranslateY: 0;
6142
- align-self: center;
6191
+ @media (min-width: 36rem) {
6192
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
6193
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6194
+ }
6195
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6196
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6197
+ }
6198
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6199
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6200
+ }
6201
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
6202
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6203
+ }
6204
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6205
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6206
+ }
6207
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6208
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6209
+ }
6210
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6211
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6212
+ }
6213
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6214
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6215
+ }
6143
6216
  }
6144
-
6145
- .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
6146
- 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);
6217
+ @media (min-width: 48rem) {
6218
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
6219
+ flex-direction: row;
6220
+ width: 100%;
6221
+ height: var(--pf-v6-c-divider--Size);
6222
+ }
6147
6223
  }
6148
-
6149
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
6150
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
6224
+ @media (min-width: 48rem) {
6225
+ .pf-v6-c-divider.pf-m-vertical-on-md {
6226
+ flex-direction: column;
6227
+ width: var(--pf-v6-c-divider--Size);
6228
+ height: inherit;
6229
+ }
6151
6230
  }
6152
-
6153
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
6154
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
6155
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
6231
+ @media (min-width: 48rem) {
6232
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
6233
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6234
+ }
6235
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
6236
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6237
+ }
6238
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
6239
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6240
+ }
6241
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6242
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6243
+ }
6244
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6245
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6246
+ }
6247
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6248
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6249
+ }
6250
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6251
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6252
+ }
6253
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6254
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6255
+ }
6156
6256
  }
6157
-
6158
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
6159
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
6160
- --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);
6257
+ @media (min-width: 62rem) {
6258
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6259
+ flex-direction: row;
6260
+ width: 100%;
6261
+ height: var(--pf-v6-c-divider--Size);
6262
+ }
6161
6263
  }
6162
-
6163
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
6164
- --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);
6264
+ @media (min-width: 62rem) {
6265
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6266
+ flex-direction: column;
6267
+ width: var(--pf-v6-c-divider--Size);
6268
+ height: inherit;
6269
+ }
6165
6270
  }
6166
-
6167
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
6168
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
6271
+ @media (min-width: 62rem) {
6272
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6273
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6274
+ }
6275
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6276
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6277
+ }
6278
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6279
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6280
+ }
6281
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6282
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6283
+ }
6284
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6285
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6286
+ }
6287
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6288
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6289
+ }
6290
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6291
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6292
+ }
6293
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6294
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6295
+ }
6169
6296
  }
6170
-
6171
- .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,
6172
- .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,
6173
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
6174
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
6297
+ @media (min-width: 75rem) {
6298
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6299
+ flex-direction: row;
6300
+ width: 100%;
6301
+ height: var(--pf-v6-c-divider--Size);
6302
+ }
6175
6303
  }
6176
-
6177
- .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,
6178
- .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,
6179
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
6180
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
6304
+ @media (min-width: 75rem) {
6305
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6306
+ flex-direction: column;
6307
+ width: var(--pf-v6-c-divider--Size);
6308
+ height: inherit;
6309
+ }
6181
6310
  }
6182
-
6183
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
6184
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
6311
+ @media (min-width: 75rem) {
6312
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6313
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6314
+ }
6315
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6316
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6317
+ }
6318
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6319
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6320
+ }
6321
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6322
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6323
+ }
6324
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6325
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6326
+ }
6327
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6328
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6329
+ }
6330
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6331
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6332
+ }
6333
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6334
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6335
+ }
6185
6336
  }
6186
-
6187
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
6188
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
6189
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
6190
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
6337
+ @media (min-width: 90.625rem) {
6338
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6339
+ flex-direction: row;
6340
+ width: 100%;
6341
+ height: var(--pf-v6-c-divider--Size);
6342
+ }
6191
6343
  }
6192
-
6193
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
6194
- content: none;
6344
+ @media (min-width: 90.625rem) {
6345
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6346
+ flex-direction: column;
6347
+ width: var(--pf-v6-c-divider--Size);
6348
+ height: inherit;
6349
+ }
6195
6350
  }
6196
-
6197
- .pf-v6-c-menu-toggle.pf-m-typeahead {
6198
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
6199
- --pf-v6-c-menu-toggle--Gap: 0;
6200
- align-items: stretch;
6201
- padding: 0;
6351
+ @media (min-width: 90.625rem) {
6352
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6353
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6354
+ }
6355
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6356
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6357
+ }
6358
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6359
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6360
+ }
6361
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6362
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6363
+ }
6364
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6365
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6366
+ }
6367
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6368
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6369
+ }
6370
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6371
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6372
+ }
6373
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6374
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6375
+ }
6202
6376
  }
6203
-
6204
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
6205
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
6377
+ .pf-v6-c-action-list {
6378
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6379
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6380
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6381
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6206
6382
  }
6207
6383
 
6208
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
6209
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
6384
+ .pf-v6-c-action-list,
6385
+ .pf-v6-c-action-list__group {
6210
6386
  display: flex;
6211
- align-items: stretch;
6212
- }
6213
-
6214
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
6215
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
6216
- flex: 1;
6387
+ align-items: start;
6217
6388
  }
6218
6389
 
6219
- .pf-v6-c-menu-toggle__button {
6220
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
6221
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
6222
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
6223
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
6224
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
6225
- color: inherit;
6226
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
6227
- border: 0;
6390
+ .pf-v6-c-action-list {
6391
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6392
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6228
6393
  }
6229
6394
 
6230
- .pf-v6-c-menu-toggle__button.pf-m-text {
6231
- display: inline-flex;
6232
- align-items: baseline;
6395
+ .pf-v6-c-action-list.pf-m-icons {
6396
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6397
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6233
6398
  }
6234
6399
 
6235
- .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) {
6236
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
6237
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
6400
+ .pf-v6-c-action-list__group {
6401
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6402
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6238
6403
  }
6239
6404
 
6240
- .pf-v6-c-menu-toggle__text {
6241
- overflow: hidden;
6242
- text-overflow: ellipsis;
6243
- white-space: nowrap;
6244
- min-width: 0;
6405
+ .pf-v6-c-action-list__group.pf-m-icons {
6406
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6245
6407
  }
6246
6408
 
6247
- .pf-v6-c-menu-toggle__count {
6248
- display: flex;
6249
- flex-wrap: nowrap;
6409
+ .pf-v6-c-popover {
6410
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6411
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6412
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6413
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
6414
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
6415
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6416
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6417
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6418
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
6419
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6420
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6421
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
6422
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6423
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6424
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
6425
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
6426
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
6427
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
6428
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
6429
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6430
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
6431
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
6432
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
6433
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
6434
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
6435
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
6436
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
6437
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
6438
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
6439
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
6440
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
6441
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
6442
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
6443
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
6444
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
6445
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
6446
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
6447
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6448
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
6449
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6450
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
6451
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6452
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
6453
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6454
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
6455
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6456
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6250
6457
  }
6251
6458
 
6252
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
6253
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
6254
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
6255
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
6256
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
6459
+ .pf-v6-c-popover {
6460
+ position: relative;
6461
+ min-width: var(--pf-v6-c-popover--MinWidth);
6462
+ max-width: var(--pf-v6-c-popover--MaxWidth);
6463
+ font-size: var(--pf-v6-c-popover--FontSize);
6464
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
6465
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
6257
6466
  }
6258
6467
 
6259
- .pf-v6-c-menu-toggle__icon {
6260
- flex-shrink: 0;
6261
- transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
6262
- transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
6263
- transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
6264
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
6468
+ .pf-v6-c-popover.pf-m-no-padding {
6469
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
6470
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
6471
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
6472
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6265
6473
  }
6266
6474
 
6267
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
6268
- vertical-align: middle;
6475
+ .pf-v6-c-popover.pf-m-width-auto {
6476
+ --pf-v6-c-popover--MinWidth: auto;
6477
+ --pf-v6-c-popover--MaxWidth: none;
6269
6478
  }
6270
6479
 
6271
- .pf-v6-c-menu-toggle__controls {
6272
- display: flex;
6273
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
6274
- align-items: center;
6275
- justify-content: center;
6276
- margin-inline-start: auto;
6480
+ .pf-v6-c-popover:is(.pf-m-top,
6481
+ .pf-m-top-left,
6482
+ .pf-m-top-right) {
6483
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
6484
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
6485
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
6486
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6487
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6277
6488
  }
6278
6489
 
6279
- .pf-v6-c-menu-toggle__toggle-icon {
6280
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
6281
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
6490
+ .pf-v6-c-popover:is(.pf-m-bottom,
6491
+ .pf-m-bottom-left,
6492
+ .pf-m-bottom-right) {
6493
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
6494
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
6495
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
6496
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
6497
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6282
6498
  }
6283
6499
 
6284
- .pf-v6-c-menu-toggle__status-icon {
6285
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
6500
+ .pf-v6-c-popover:is(.pf-m-left,
6501
+ .pf-m-left-top,
6502
+ .pf-m-left-bottom) {
6503
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
6504
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
6505
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6506
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
6507
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6286
6508
  }
6287
6509
 
6288
- .pf-v6-c-check {
6289
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
6290
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
6291
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
6292
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
6293
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
6294
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
6295
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
6296
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
6297
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
6298
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
6299
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6300
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6301
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
6302
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
6510
+ .pf-v6-c-popover:is(.pf-m-right,
6511
+ .pf-m-right-top,
6512
+ .pf-m-right-bottom) {
6513
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
6514
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
6515
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
6516
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
6517
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6303
6518
  }
6304
6519
 
6305
- .pf-v6-c-check {
6306
- display: grid;
6307
- grid-template-columns: auto 1fr;
6308
- grid-gap: var(--pf-v6-c-check--GridGap);
6309
- accent-color: var(--pf-v6-c-check--AccentColor);
6520
+ .pf-v6-c-popover:is(.pf-m-left-top,
6521
+ .pf-m-right-top) {
6522
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
6523
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6310
6524
  }
6311
6525
 
6312
- .pf-v6-c-check.pf-m-standalone {
6313
- display: inline-grid;
6314
- grid-template-columns: auto;
6315
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
6526
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
6527
+ .pf-m-right-bottom) {
6528
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
6529
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6316
6530
  }
6317
6531
 
6318
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
6319
- align-self: center;
6320
- transform: none;
6532
+ .pf-v6-c-popover:is(.pf-m-top-left,
6533
+ .pf-m-bottom-left) {
6534
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6535
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6321
6536
  }
6322
6537
 
6323
- .pf-v6-c-check__input {
6324
- align-self: start;
6325
- font-size: var(--pf-v6-c-check__label--FontSize);
6326
- line-height: var(--pf-v6-c-check__label--LineHeight);
6327
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
6538
+ .pf-v6-c-popover:is(.pf-m-top-right,
6539
+ .pf-m-bottom-right) {
6540
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6541
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6328
6542
  }
6329
6543
 
6330
- .pf-v6-c-check__label {
6331
- font-size: var(--pf-v6-c-check__label--FontSize);
6332
- font-weight: var(--pf-v6-c-check__label--FontWeight);
6333
- line-height: var(--pf-v6-c-check__label--LineHeight);
6334
- color: var(--pf-v6-c-check__label--Color);
6544
+ .pf-v6-c-popover.pf-m-danger {
6545
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6335
6546
  }
6336
6547
 
6337
- .pf-v6-c-check__description {
6338
- grid-column: 2;
6339
- font-size: var(--pf-v6-c-check__description--FontSize);
6340
- color: var(--pf-v6-c-check__description--Color);
6548
+ .pf-v6-c-popover.pf-m-warning {
6549
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6341
6550
  }
6342
6551
 
6343
- .pf-v6-c-check__body {
6344
- grid-column: 2;
6552
+ .pf-v6-c-popover.pf-m-success {
6553
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6345
6554
  }
6346
6555
 
6347
- .pf-v6-c-check__label,
6348
- .pf-v6-c-check__input {
6349
- justify-self: start;
6556
+ .pf-v6-c-popover.pf-m-custom {
6557
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6350
6558
  }
6351
6559
 
6352
- label.pf-v6-c-check, .pf-v6-c-check__label,
6353
- .pf-v6-c-check__input {
6354
- cursor: pointer;
6560
+ .pf-v6-c-popover.pf-m-info {
6561
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6355
6562
  }
6356
6563
 
6357
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
6358
- .pf-v6-c-check__input:disabled,
6359
- .pf-v6-c-check__input.pf-m-disabled {
6360
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
6361
- cursor: not-allowed;
6564
+ .pf-v6-c-popover__content {
6565
+ position: relative;
6566
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6567
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6568
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6569
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6570
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6571
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6362
6572
  }
6363
6573
 
6364
- .pf-v6-c-check__label-required {
6365
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
6366
- font-size: var(--pf-v6-c-check__label-required--FontSize);
6367
- color: var(--pf-v6-c-check__label-required--Color);
6574
+ .pf-v6-c-popover__close {
6575
+ position: absolute;
6576
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6577
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6578
+ }
6579
+
6580
+ .pf-v6-c-popover__close + * {
6581
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6582
+ }
6583
+
6584
+ .pf-v6-c-popover__arrow {
6585
+ position: absolute;
6586
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6587
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6588
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6589
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6590
+ width: var(--pf-v6-c-popover__arrow--Width);
6591
+ height: var(--pf-v6-c-popover__arrow--Height);
6592
+ pointer-events: none;
6593
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6594
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6595
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6368
6596
  }
6369
6597
 
6370
- .pf-v6-c-action-list {
6371
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6372
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6373
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6374
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6598
+ .pf-v6-c-popover__header {
6599
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6375
6600
  }
6376
6601
 
6377
- .pf-v6-c-action-list,
6378
- .pf-v6-c-action-list__group {
6602
+ .pf-v6-c-popover__title {
6379
6603
  display: flex;
6380
- align-items: start;
6604
+ flex: 0 0 auto;
6381
6605
  }
6382
6606
 
6383
- .pf-v6-c-action-list {
6384
- row-gap: var(--pf-v6-c-action-list--RowGap);
6385
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6607
+ .pf-v6-c-popover__title-icon {
6608
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6609
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6610
+ color: var(--pf-v6-c-popover__title-icon--Color);
6386
6611
  }
6387
6612
 
6388
- .pf-v6-c-action-list.pf-m-icons {
6389
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6390
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6613
+ .pf-v6-c-popover__title-text {
6614
+ min-width: 0;
6615
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
6616
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6617
+ color: var(--pf-v6-c-popover__title-text--Color);
6618
+ overflow-wrap: break-word;
6391
6619
  }
6392
6620
 
6393
- .pf-v6-c-action-list__group {
6394
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6395
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6621
+ .pf-v6-c-popover__body {
6622
+ word-wrap: break-word;
6396
6623
  }
6397
6624
 
6398
- .pf-v6-c-action-list__group.pf-m-icons {
6399
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6625
+ .pf-v6-c-popover__footer {
6626
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6400
6627
  }
6401
6628
 
6402
6629
  .pf-v6-c-form-control {
@@ -6817,224 +7044,77 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6817
7044
  pointer-events: none;
6818
7045
  }
6819
7046
 
6820
- .pf-v6-c-popover {
6821
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6822
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6823
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6824
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
6825
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
6826
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6827
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6828
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6829
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
6830
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6831
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6832
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
6833
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6834
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6835
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
6836
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
6837
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
6838
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
6839
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
6840
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6841
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
6842
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
6843
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
6844
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
6845
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
6846
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
6847
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
6848
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
6849
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
6850
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
6851
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
6852
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
6853
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
6854
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
6855
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
6856
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
6857
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
6858
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6859
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
6860
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6861
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
6862
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6863
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
6864
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6865
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
6866
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6867
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6868
- }
6869
-
6870
- .pf-v6-c-popover {
6871
- position: relative;
6872
- min-width: var(--pf-v6-c-popover--MinWidth);
6873
- max-width: var(--pf-v6-c-popover--MaxWidth);
6874
- font-size: var(--pf-v6-c-popover--FontSize);
6875
- border-radius: var(--pf-v6-c-popover--BorderRadius);
6876
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
6877
- }
6878
-
6879
- .pf-v6-c-popover.pf-m-no-padding {
6880
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
6881
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
6882
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
6883
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6884
- }
6885
-
6886
- .pf-v6-c-popover.pf-m-width-auto {
6887
- --pf-v6-c-popover--MinWidth: auto;
6888
- --pf-v6-c-popover--MaxWidth: none;
6889
- }
6890
-
6891
- .pf-v6-c-popover:is(.pf-m-top,
6892
- .pf-m-top-left,
6893
- .pf-m-top-right) {
6894
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
6895
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
6896
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
6897
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6898
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6899
- }
6900
-
6901
- .pf-v6-c-popover:is(.pf-m-bottom,
6902
- .pf-m-bottom-left,
6903
- .pf-m-bottom-right) {
6904
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
6905
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
6906
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
6907
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
6908
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6909
- }
6910
-
6911
- .pf-v6-c-popover:is(.pf-m-left,
6912
- .pf-m-left-top,
6913
- .pf-m-left-bottom) {
6914
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
6915
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
6916
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6917
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
6918
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6919
- }
6920
-
6921
- .pf-v6-c-popover:is(.pf-m-right,
6922
- .pf-m-right-top,
6923
- .pf-m-right-bottom) {
6924
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
6925
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
6926
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
6927
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
6928
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6929
- }
6930
-
6931
- .pf-v6-c-popover:is(.pf-m-left-top,
6932
- .pf-m-right-top) {
6933
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
6934
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6935
- }
6936
-
6937
- .pf-v6-c-popover:is(.pf-m-left-bottom,
6938
- .pf-m-right-bottom) {
6939
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
6940
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6941
- }
6942
-
6943
- .pf-v6-c-popover:is(.pf-m-top-left,
6944
- .pf-m-bottom-left) {
6945
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6946
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6947
- }
6948
-
6949
- .pf-v6-c-popover:is(.pf-m-top-right,
6950
- .pf-m-bottom-right) {
6951
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6952
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6953
- }
6954
-
6955
- .pf-v6-c-popover.pf-m-danger {
6956
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6957
- }
6958
-
6959
- .pf-v6-c-popover.pf-m-warning {
6960
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6961
- }
6962
-
6963
- .pf-v6-c-popover.pf-m-success {
6964
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6965
- }
6966
-
6967
- .pf-v6-c-popover.pf-m-custom {
6968
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6969
- }
6970
-
6971
- .pf-v6-c-popover.pf-m-info {
6972
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
7047
+ .pf-v6-c-badge {
7048
+ --pf-v6-c-badge--BorderColor: transparent;
7049
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7050
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7051
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7052
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7053
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7054
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7055
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7056
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7057
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7058
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7059
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7060
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7061
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7062
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7063
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7064
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7065
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7066
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7067
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6973
7068
  }
6974
7069
 
6975
- .pf-v6-c-popover__content {
7070
+ .pf-v6-c-badge {
6976
7071
  position: relative;
6977
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6978
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6979
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6980
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6981
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6982
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6983
- }
6984
-
6985
- .pf-v6-c-popover__close {
6986
- position: absolute;
6987
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6988
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6989
- }
6990
-
6991
- .pf-v6-c-popover__close + * {
6992
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6993
- }
6994
-
6995
- .pf-v6-c-popover__arrow {
6996
- position: absolute;
6997
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6998
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6999
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
7000
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
7001
- width: var(--pf-v6-c-popover__arrow--Width);
7002
- height: var(--pf-v6-c-popover__arrow--Height);
7003
- pointer-events: none;
7004
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
7005
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
7006
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
7072
+ display: inline-block;
7073
+ min-width: var(--pf-v6-c-badge--MinWidth);
7074
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7075
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7076
+ font-size: var(--pf-v6-c-badge--FontSize);
7077
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7078
+ color: var(--pf-v6-c-badge--Color);
7079
+ text-align: center;
7080
+ white-space: nowrap;
7081
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7082
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7007
7083
  }
7008
7084
 
7009
- .pf-v6-c-popover__header {
7010
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
7085
+ .pf-v6-c-badge::after {
7086
+ position: absolute;
7087
+ inset: 0;
7088
+ pointer-events: none;
7089
+ content: "";
7090
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7091
+ border-radius: inherit;
7011
7092
  }
7012
7093
 
7013
- .pf-v6-c-popover__title {
7014
- display: flex;
7015
- flex: 0 0 auto;
7094
+ .pf-v6-c-badge.pf-m-read {
7095
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7096
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7097
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7016
7098
  }
7017
7099
 
7018
- .pf-v6-c-popover__title-icon {
7019
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
7020
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
7021
- color: var(--pf-v6-c-popover__title-icon--Color);
7100
+ .pf-v6-c-badge.pf-m-unread {
7101
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7102
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7103
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7022
7104
  }
7023
7105
 
7024
- .pf-v6-c-popover__title-text {
7025
- min-width: 0;
7026
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
7027
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
7028
- color: var(--pf-v6-c-popover__title-text--Color);
7029
- overflow-wrap: break-word;
7106
+ .pf-v6-c-badge.pf-m-disabled {
7107
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7108
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7030
7109
  }
7031
7110
 
7032
- .pf-v6-c-popover__body {
7033
- word-wrap: break-word;
7111
+ .pf-v6-c-badge.pf-m-disabled::after {
7112
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7034
7113
  }
7035
7114
 
7036
- .pf-v6-c-popover__footer {
7037
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
7115
+ .pf-v6-c-badge__toggle-icon {
7116
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7117
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7038
7118
  }
7039
7119
 
7040
7120
  .pf-v6-c-menu {
@@ -7703,79 +7783,93 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7703
7783
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7704
7784
  }
7705
7785
 
7706
- .pf-v6-c-badge {
7707
- --pf-v6-c-badge--BorderColor: transparent;
7708
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7709
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7710
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7711
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7712
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7713
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7714
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7715
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7716
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7717
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7718
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7719
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7720
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7721
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7722
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7723
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7724
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7725
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7726
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7786
+ .pf-v6-c-spinner {
7787
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7788
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7789
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7790
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7791
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
7792
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
7793
+ --pf-v6-c-spinner--StrokeWidth: 10;
7794
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7795
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7796
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7797
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7798
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7799
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7800
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7801
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
7727
7802
  }
7728
7803
 
7729
- .pf-v6-c-badge {
7730
- position: relative;
7731
- display: inline-block;
7732
- min-width: var(--pf-v6-c-badge--MinWidth);
7733
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7734
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7735
- font-size: var(--pf-v6-c-badge--FontSize);
7736
- font-weight: var(--pf-v6-c-badge--FontWeight);
7737
- color: var(--pf-v6-c-badge--Color);
7738
- text-align: center;
7739
- white-space: nowrap;
7740
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7741
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7804
+ .pf-v6-c-spinner {
7805
+ width: var(--pf-v6-c-spinner--Width);
7806
+ height: var(--pf-v6-c-spinner--Height);
7807
+ overflow: hidden;
7808
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7742
7809
  }
7743
7810
 
7744
- .pf-v6-c-badge::after {
7745
- position: absolute;
7746
- inset: 0;
7747
- pointer-events: none;
7748
- content: "";
7749
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7750
- border-radius: inherit;
7811
+ .pf-v6-c-spinner.pf-m-inline {
7812
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7751
7813
  }
7752
7814
 
7753
- .pf-v6-c-badge.pf-m-read {
7754
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7755
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7756
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7815
+ .pf-v6-c-spinner.pf-m-xs {
7816
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7817
+ --pf-v6-c-spinner--StrokeWidth: 15;
7757
7818
  }
7758
7819
 
7759
- .pf-v6-c-badge.pf-m-unread {
7760
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7761
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7762
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7820
+ .pf-v6-c-spinner.pf-m-sm {
7821
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7763
7822
  }
7764
7823
 
7765
- .pf-v6-c-badge.pf-m-disabled {
7766
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7767
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7824
+ .pf-v6-c-spinner.pf-m-md {
7825
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7768
7826
  }
7769
7827
 
7770
- .pf-v6-c-badge.pf-m-disabled::after {
7771
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7828
+ .pf-v6-c-spinner.pf-m-lg {
7829
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7772
7830
  }
7773
7831
 
7774
- .pf-v6-c-badge__toggle-icon {
7775
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7776
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7832
+ .pf-v6-c-spinner.pf-m-xl {
7833
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7834
+ }
7835
+
7836
+ .pf-v6-c-spinner__path {
7837
+ width: 100%;
7838
+ height: 100%;
7839
+ stroke: var(--pf-v6-c-spinner--Color);
7840
+ stroke-dasharray: 283;
7841
+ stroke-dashoffset: 280;
7842
+ stroke-linecap: round;
7843
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7844
+ transform-origin: 50% 50%;
7845
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7777
7846
  }
7778
7847
 
7848
+ @keyframes pf-v6-c-spinner-animation-rotate {
7849
+ 0% {
7850
+ transform: rotate(0deg);
7851
+ }
7852
+ 100% {
7853
+ transform: rotate(360deg);
7854
+ }
7855
+ }
7856
+ @keyframes pf-v6-c-spinner-animation-dash {
7857
+ 0% {
7858
+ stroke-dashoffset: 280;
7859
+ transform: rotate(0);
7860
+ }
7861
+ 15% {
7862
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7863
+ }
7864
+ 40% {
7865
+ stroke-dasharray: 220;
7866
+ stroke-dashoffset: 150;
7867
+ }
7868
+ 100% {
7869
+ stroke-dashoffset: 280;
7870
+ transform: rotate(720deg);
7871
+ }
7872
+ }
7779
7873
  .pf-v6-c-breadcrumb {
7780
7874
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7781
7875
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -7890,92 +7984,4 @@ button.pf-v6-c-breadcrumb__link {
7890
7984
 
7891
7985
  .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7892
7986
  display: none;
7893
- }
7894
-
7895
- .pf-v6-c-spinner {
7896
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7897
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7898
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7899
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7900
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
7901
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
7902
- --pf-v6-c-spinner--StrokeWidth: 10;
7903
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7904
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7905
- --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7906
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7907
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7908
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7909
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7910
- --pf-v6-c-spinner--m-inline--diameter: 1em;
7911
- }
7912
-
7913
- .pf-v6-c-spinner {
7914
- width: var(--pf-v6-c-spinner--Width);
7915
- height: var(--pf-v6-c-spinner--Height);
7916
- overflow: hidden;
7917
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7918
- }
7919
-
7920
- .pf-v6-c-spinner.pf-m-inline {
7921
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7922
- }
7923
-
7924
- .pf-v6-c-spinner.pf-m-xs {
7925
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7926
- --pf-v6-c-spinner--StrokeWidth: 15;
7927
- }
7928
-
7929
- .pf-v6-c-spinner.pf-m-sm {
7930
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7931
- }
7932
-
7933
- .pf-v6-c-spinner.pf-m-md {
7934
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7935
- }
7936
-
7937
- .pf-v6-c-spinner.pf-m-lg {
7938
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7939
- }
7940
-
7941
- .pf-v6-c-spinner.pf-m-xl {
7942
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7943
- }
7944
-
7945
- .pf-v6-c-spinner__path {
7946
- width: 100%;
7947
- height: 100%;
7948
- stroke: var(--pf-v6-c-spinner--Color);
7949
- stroke-dasharray: 283;
7950
- stroke-dashoffset: 280;
7951
- stroke-linecap: round;
7952
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7953
- transform-origin: 50% 50%;
7954
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7955
- }
7956
-
7957
- @keyframes pf-v6-c-spinner-animation-rotate {
7958
- 0% {
7959
- transform: rotate(0deg);
7960
- }
7961
- 100% {
7962
- transform: rotate(360deg);
7963
- }
7964
- }
7965
- @keyframes pf-v6-c-spinner-animation-dash {
7966
- 0% {
7967
- stroke-dashoffset: 280;
7968
- transform: rotate(0);
7969
- }
7970
- 15% {
7971
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7972
- }
7973
- 40% {
7974
- stroke-dasharray: 220;
7975
- stroke-dashoffset: 150;
7976
- }
7977
- 100% {
7978
- stroke-dashoffset: 280;
7979
- transform: rotate(720deg);
7980
- }
7981
7987
  }