@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.28

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/img_avatar-dark.svg +22 -16
  3. package/css/assets/images/img_avatar-light.svg +25 -18
  4. package/css/components/Alert/alert-group.css +55 -4
  5. package/css/components/Alert/alert-group.d.ts +5 -1
  6. package/css/components/Alert/alert-group.js +5 -1
  7. package/css/components/Alert/alert-group.mjs +5 -1
  8. package/css/components/Alert/alert.css +5 -14
  9. package/css/components/Button/button.css +44 -21
  10. package/css/components/Card/card.css +7 -7
  11. package/css/components/Card/card.d.ts +1 -0
  12. package/css/components/Card/card.js +1 -0
  13. package/css/components/Card/card.mjs +1 -0
  14. package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
  15. package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
  16. package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
  17. package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
  18. package/css/components/Content/content.css +19 -43
  19. package/css/components/DataList/data-list.css +2 -2
  20. package/css/components/Drawer/drawer.css +6 -6
  21. package/css/components/EmptyState/empty-state.css +3 -3
  22. package/css/components/Hint/hint.css +1 -7
  23. package/css/components/InlineEdit/inline-edit.css +2 -2
  24. package/css/components/JumpLinks/jump-links.css +3 -20
  25. package/css/components/JumpLinks/jump-links.d.ts +0 -2
  26. package/css/components/JumpLinks/jump-links.js +0 -2
  27. package/css/components/JumpLinks/jump-links.mjs +0 -2
  28. package/css/components/Label/label.css +6 -6
  29. package/css/components/List/list.css +33 -40
  30. package/css/components/MenuToggle/menu-toggle.css +6 -34
  31. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  32. package/css/components/MenuToggle/menu-toggle.js +0 -1
  33. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  34. package/css/components/ModalBox/modal-box.css +2 -0
  35. package/css/components/Nav/nav.css +1 -0
  36. package/css/components/NotificationDrawer/notification-drawer.css +1 -7
  37. package/css/components/NumberInput/number-input.css +0 -1
  38. package/css/components/Page/page.css +45 -55
  39. package/css/components/Page/page.d.ts +1 -0
  40. package/css/components/Page/page.js +1 -0
  41. package/css/components/Page/page.mjs +1 -0
  42. package/css/components/Panel/panel.css +17 -14
  43. package/css/components/Popover/popover.css +3 -5
  44. package/css/components/Switch/switch.css +0 -6
  45. package/css/components/Switch/switch.d.ts +1 -3
  46. package/css/components/Switch/switch.js +1 -3
  47. package/css/components/Switch/switch.mjs +1 -3
  48. package/css/components/Table/table-grid.css +26 -100
  49. package/css/components/Table/table-grid.d.ts +2 -1
  50. package/css/components/Table/table-grid.js +2 -1
  51. package/css/components/Table/table-grid.mjs +2 -1
  52. package/css/components/Tabs/tabs.css +1 -18
  53. package/css/components/Tabs/tabs.d.ts +1 -2
  54. package/css/components/Tabs/tabs.js +1 -2
  55. package/css/components/Tabs/tabs.mjs +1 -2
  56. package/css/components/Toolbar/toolbar.css +67 -792
  57. package/css/components/Toolbar/toolbar.d.ts +2 -110
  58. package/css/components/Toolbar/toolbar.js +2 -110
  59. package/css/components/Toolbar/toolbar.mjs +2 -110
  60. package/css/components/Truncate/truncate.css +1 -1
  61. package/css/components/Wizard/wizard.css +24 -9
  62. package/css/components/Wizard/wizard.d.ts +1 -0
  63. package/css/components/Wizard/wizard.js +1 -0
  64. package/css/components/Wizard/wizard.mjs +1 -0
  65. package/css/components/_index.css +388 -1410
  66. package/css/components/_index.d.ts +7 -130
  67. package/css/components/_index.js +7 -130
  68. package/css/components/_index.mjs +7 -130
  69. package/css/docs/components/Page/examples/Page.css +5 -9
  70. package/css/docs/components/Page/examples/Page.d.ts +2 -0
  71. package/css/docs/components/Page/examples/Page.js +2 -0
  72. package/css/docs/components/Page/examples/Page.mjs +2 -0
  73. package/css/docs/demos/Page/examples/Page.css +11 -0
  74. package/css/docs/demos/Page/examples/Page.d.ts +9 -0
  75. package/css/docs/demos/Page/examples/Page.js +10 -0
  76. package/css/docs/demos/Page/examples/Page.mjs +8 -0
  77. package/package.json +3 -3
  78. package/css/components/LogViewer/log-viewer.css +0 -176
  79. package/css/components/LogViewer/log-viewer.d.ts +0 -25
  80. package/css/components/LogViewer/log-viewer.js +0 -26
  81. package/css/components/LogViewer/log-viewer.mjs +0 -24
  82. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  83. package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
  84. package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
  85. package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
  86. package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  87. package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
  88. package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
  89. package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
  90. package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  91. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
  92. package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
  93. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
  94. package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
  95. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
  96. package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
  97. package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
  98. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  99. package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
  100. package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
  101. package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
  102. package/css/docs/components/Select/deprecated/Select.css +0 -56
  103. package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
  104. package/css/docs/components/Select/deprecated/Select.js +0 -4
  105. package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -13,6 +13,7 @@ export default {
13
13
  "expanded": "pf-m-expanded",
14
14
  "inline": "pf-m-inline",
15
15
  "block": "pf-m-block",
16
- "code": "pf-m-code"
16
+ "code": "pf-m-code",
17
+ "plain": "pf-m-plain"
17
18
  }
18
19
  };
@@ -51,16 +51,10 @@
51
51
  --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
52
52
  --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
53
53
  --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
54
- --pf-v6-c-content--ol--PaddingInlineStart: var(--pf-t--global--spacer--lg);
55
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-t--global--spacer--lg);
56
- --pf-v6-c-content--ol--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
57
- --pf-v6-c-content--ol--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
58
- --pf-v6-c-content--ul--PaddingInlineStart: var(--pf-t--global--spacer--lg);
59
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-t--global--spacer--lg);
60
- --pf-v6-c-content--ul--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
61
- --pf-v6-c-content--ul--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
54
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
55
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
56
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
62
57
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
63
- --pf-v6-c-content--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
64
58
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
65
59
  --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
66
60
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -130,17 +124,6 @@
130
124
  margin-block-end: 0;
131
125
  }
132
126
 
133
- :is(.pf-v6-c-content--ol,
134
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
135
- margin: 0;
136
- }
137
- :is(.pf-v6-c-content--ol,
138
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
139
- padding-inline-start: 0;
140
- margin-inline-start: 0;
141
- list-style: none;
142
- }
143
-
144
127
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
145
128
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
146
129
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -214,36 +197,29 @@
214
197
  border: none;
215
198
  }
216
199
 
217
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) {
218
- padding-inline-start: var(--pf-v6-c-content--ol--PaddingInlineStart);
219
- margin-inline-start: var(--pf-v6-c-content--ol--MarginInlineStart);
200
+ :is(.pf-v6-c-content--ol,
201
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
202
+ display: flex;
203
+ flex-direction: column;
204
+ gap: var(--pf-v6-c-content--list--Gap);
205
+ padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
220
206
  }
221
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ul,
222
- ul) {
223
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
224
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
207
+ :is(.pf-v6-c-content--ol,
208
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
209
+ padding-inline-start: 0;
210
+ list-style: none;
225
211
  }
226
- :is(.pf-v6-c-content--ol, .pf-v6-c-content ol) :is(.pf-v6-c-content--ol,
227
- ol) {
228
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
229
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
212
+ :is(.pf-v6-c-content--ol,
213
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
214
+ .pf-v6-c-content--ul,
215
+ ol,
216
+ ul) {
217
+ margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
230
218
  }
231
219
 
232
220
  :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
233
- padding-inline-start: var(--pf-v6-c-content--ul--PaddingInlineStart);
234
- margin-inline-start: var(--pf-v6-c-content--ul--MarginInlineStart);
235
221
  list-style: var(--pf-v6-c-content--ul--ListStyle);
236
222
  }
237
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ul,
238
- ul) {
239
- --pf-v6-c-content--ul--MarginInlineStart: var(--pf-v6-c-content--ul--nested--MarginInlineStart);
240
- margin-block-start: var(--pf-v6-c-content--ul--nested--MarginBlockStart);
241
- }
242
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
243
- ol) {
244
- --pf-v6-c-content--ol--MarginInlineStart: var(--pf-v6-c-content--ol--nested--MarginInlineStart);
245
- margin-block-start: var(--pf-v6-c-content--ol--nested--MarginBlockStart);
246
- }
247
223
 
248
224
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
249
225
  display: grid;
@@ -440,8 +440,8 @@
440
440
  --pf-v6-c-data-list--cell--WordBreak: normal;
441
441
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
442
442
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
443
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
444
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
443
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
444
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
445
445
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
446
446
  --pf-v6-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
447
447
  --pf-v6-c-data-list__toggle-icon--Rotate: 0;
@@ -9,7 +9,7 @@
9
9
  --pf-v6-c-drawer__panel--MinWidth: 50%;
10
10
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11
11
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
12
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13
13
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14
14
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
15
15
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -96,7 +96,7 @@
96
96
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
97
97
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
98
98
  --pf-v6-c-drawer__panel--BoxShadow: none;
99
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
99
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
100
100
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
101
101
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
102
102
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -116,19 +116,19 @@
116
116
  }
117
117
 
118
118
  .pf-v6-c-drawer {
119
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
120
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
119
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
120
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
121
121
  display: flex;
122
122
  flex-direction: column;
123
123
  height: 100%;
124
124
  overflow-x: hidden;
125
125
  }
126
126
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
127
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
127
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
128
128
  }
129
129
 
130
130
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
131
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
131
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
132
132
  }
133
133
 
134
134
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
@@ -36,11 +36,11 @@
36
36
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
37
37
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
38
38
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
39
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
39
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
40
40
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
41
41
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
42
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
43
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
42
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
43
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
44
44
  }
45
45
 
46
46
  .pf-v6-c-empty-state {
@@ -9,10 +9,7 @@
9
9
  --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
10
10
  --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
11
11
  --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
12
- --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
13
- --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
14
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
15
- --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
16
13
  --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
17
14
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18
15
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -60,10 +57,7 @@
60
57
 
61
58
  .pf-v6-c-hint__title {
62
59
  align-self: center;
63
- font-family: var(--pf-v6-c-hint__title--FontFamily);
64
- font-size: var(--pf-v6-c-hint__title--FontSize);
65
60
  font-weight: var(--pf-v6-c-hint__title--FontWeight);
66
- line-height: var(--pf-v6-c-hint__title--LineHeight);
67
61
  }
68
62
 
69
63
  .pf-v6-c-hint__body {
@@ -1,8 +1,8 @@
1
1
  :where(:root, .pf-v6-c-inline-edit) {
2
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3
3
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4
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--sm);
5
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
6
6
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7
7
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
8
8
  }
@@ -41,19 +41,13 @@
41
41
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
42
42
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
43
43
  --pf-v6-c-jump-links__label--Display: block;
44
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
45
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
46
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
47
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
48
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
44
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
45
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
49
46
  --pf-v6-c-jump-links__toggle--Display: none;
50
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
47
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
51
48
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
52
49
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
53
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
54
50
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
55
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
56
- --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
57
51
  }
58
52
 
59
53
  .pf-v6-c-jump-links {
@@ -236,13 +230,7 @@
236
230
 
237
231
  .pf-v6-c-jump-links__toggle {
238
232
  display: var(--pf-v6-c-jump-links__toggle--Display);
239
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
240
233
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
241
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
242
- }
243
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
244
- display: flex;
245
- align-items: center;
246
234
  }
247
235
 
248
236
  .pf-v6-c-jump-links__toggle-icon {
@@ -253,9 +241,4 @@
253
241
  }
254
242
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
255
243
  scale: -1 1;
256
- }
257
-
258
- .pf-v6-c-jump-links__toggle-text {
259
- margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
260
- color: var(--pf-v6-c-jump-links__toggle-text--Color);
261
244
  }
@@ -1,6 +1,5 @@
1
1
  import './jump-links.css';
2
2
  declare const _default: {
3
- "button": "pf-v6-c-button",
4
3
  "dirRtl": "pf-v6-m-dir-rtl",
5
4
  "jumpLinks": "pf-v6-c-jump-links",
6
5
  "jumpLinksItem": "pf-v6-c-jump-links__item",
@@ -11,7 +10,6 @@ declare const _default: {
11
10
  "jumpLinksMain": "pf-v6-c-jump-links__main",
12
11
  "jumpLinksToggle": "pf-v6-c-jump-links__toggle",
13
12
  "jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
14
- "jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
15
13
  "modifiers": {
16
14
  "center": "pf-m-center",
17
15
  "vertical": "pf-m-vertical",
@@ -2,7 +2,6 @@
2
2
  exports.__esModule = true;
3
3
  require('./jump-links.css');
4
4
  exports.default = {
5
- "button": "pf-v6-c-button",
6
5
  "dirRtl": "pf-v6-m-dir-rtl",
7
6
  "jumpLinks": "pf-v6-c-jump-links",
8
7
  "jumpLinksItem": "pf-v6-c-jump-links__item",
@@ -13,7 +12,6 @@ exports.default = {
13
12
  "jumpLinksMain": "pf-v6-c-jump-links__main",
14
13
  "jumpLinksToggle": "pf-v6-c-jump-links__toggle",
15
14
  "jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
16
- "jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
17
15
  "modifiers": {
18
16
  "center": "pf-m-center",
19
17
  "vertical": "pf-m-vertical",
@@ -1,6 +1,5 @@
1
1
  import './jump-links.css';
2
2
  export default {
3
- "button": "pf-v6-c-button",
4
3
  "dirRtl": "pf-v6-m-dir-rtl",
5
4
  "jumpLinks": "pf-v6-c-jump-links",
6
5
  "jumpLinksItem": "pf-v6-c-jump-links__item",
@@ -11,7 +10,6 @@ export default {
11
10
  "jumpLinksMain": "pf-v6-c-jump-links__main",
12
11
  "jumpLinksToggle": "pf-v6-c-jump-links__toggle",
13
12
  "jumpLinksToggleIcon": "pf-v6-c-jump-links__toggle-icon",
14
- "jumpLinksToggleText": "pf-v6-c-jump-links__toggle-text",
15
13
  "modifiers": {
16
14
  "center": "pf-m-center",
17
15
  "vertical": "pf-m-vertical",
@@ -134,12 +134,12 @@
134
134
  --pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
135
135
  --pf-v6-c-label--m-clickable__content--Cursor: pointer;
136
136
  --pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label__icon--Color);
137
- --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
137
+ --pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
138
138
  --pf-v6-c-label--m-outline--BackgroundColor: transparent;
139
139
  --pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
140
140
  --pf-v6-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
141
141
  --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
142
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
142
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
143
143
  --pf-v6-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
144
144
  --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
145
145
  --pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
@@ -149,11 +149,11 @@
149
149
  --pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
150
150
  --pf-v6-c-label--m-add--BackgroundColor: transparent;
151
151
  --pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
152
- --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
152
+ --pf-v6-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--action--default);
153
153
  --pf-v6-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
154
154
  --pf-v6-c-label--m-add--hover--BackgroundColor: transparent;
155
155
  --pf-v6-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
156
- --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
156
+ --pf-v6-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
157
157
  --pf-v6-c-label--m-compact--PaddingBlockStart: 0;
158
158
  --pf-v6-c-label--m-compact--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
159
159
  --pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
@@ -188,7 +188,7 @@
188
188
  --pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
189
189
  --pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
190
190
  --pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
191
- --pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
191
+ --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
192
192
  }
193
193
 
194
194
  .pf-v6-c-label {
@@ -431,7 +431,7 @@
431
431
  pointer-events: none;
432
432
  }
433
433
  .pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
434
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
434
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled__icon--Color);
435
435
  }
436
436
 
437
437
  .pf-v6-c-label,
@@ -1,13 +1,15 @@
1
1
  :where(:root, .pf-v6-c-list) {
2
2
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
3
- --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
4
- --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
5
3
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
6
- --pf-v6-c-list--li--MarginBlockStart: var(--pf-t--global--spacer--sm);
7
- --pf-v6-c-list--m-inline--li--MarginInlineEnd: var(--pf-t--global--spacer--lg);
8
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9
- --pf-v6-c-list--m-bordered--li--BorderBlockEndColor: var(--pf-t--global--border--color--default);
10
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
4
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
5
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
6
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
7
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
9
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
10
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
11
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
11
13
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
12
14
  --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
13
15
  --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -19,32 +21,18 @@
19
21
  }
20
22
 
21
23
  .pf-v6-c-list {
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: var(--pf-v6-c-list--Gap);
22
27
  padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
23
28
  }
24
- .pf-v6-c-list ol,
25
- .pf-v6-c-list ul {
26
- margin-block-start: var(--pf-v6-c-list--nested--MarginBlockStart);
27
- margin-inline-start: var(--pf-v6-c-list--nested--MarginInlineStart);
28
- }
29
- .pf-v6-c-list li + li {
30
- margin-block-start: var(--pf-v6-c-list--li--MarginBlockStart);
29
+ .pf-v6-c-list .pf-v6-c-list {
30
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
31
31
  }
32
32
  ul.pf-v6-c-list {
33
33
  list-style: var(--pf-v6-c-list--ul--ListStyle);
34
34
  }
35
35
 
36
- .pf-v6-c-list .pf-v6-c-list__item {
37
- display: flex;
38
- }
39
- .pf-v6-c-list .pf-v6-c-list__item-icon {
40
- flex-shrink: 0;
41
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
42
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
43
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
44
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
45
- line-height: 1;
46
- color: var(--pf-v6-c-list__item-icon--Color);
47
- }
48
36
  .pf-v6-c-list.pf-m-icon-lg {
49
37
  --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
50
38
  --pf-v6-c-list__item-icon--MarginBlockStart: 0;
@@ -52,26 +40,31 @@ ul.pf-v6-c-list {
52
40
  --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
53
41
  }
54
42
  .pf-v6-c-list.pf-m-plain {
55
- --pf-v6-c-list--PaddingInlineStart: 0;
43
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
56
44
  list-style: none;
57
45
  }
58
46
  .pf-v6-c-list.pf-m-inline {
59
- --pf-v6-c-list--PaddingInlineStart: 0;
60
- display: flex;
47
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
48
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
49
+ flex-direction: row;
61
50
  flex-wrap: wrap;
62
51
  list-style: none;
63
52
  }
64
- .pf-v6-c-list.pf-m-inline li {
65
- --pf-v6-c-list--li--MarginBlockStart: 0;
66
- }
67
- .pf-v6-c-list.pf-m-inline li:not(:last-child) {
68
- margin-inline-end: var(--pf-v6-c-list--m-inline--li--MarginInlineEnd);
53
+ .pf-v6-c-list.pf-m-bordered > * + * {
54
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
55
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
69
56
  }
70
- .pf-v6-c-list.pf-m-bordered > * {
71
- padding-block-end: var(--pf-v6-c-list--m-bordered--li--PaddingBlockEnd);
72
- border-block-end: var(--pf-v6-c-list--m-bordered--li--BorderBlockEndWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockEndColor);
57
+
58
+ .pf-v6-c-list__item {
59
+ display: flex;
73
60
  }
74
- .pf-v6-c-list.pf-m-bordered > :last-child {
75
- --pf-v6-c-list--m-bordered--li--PaddingBlockEnd: 0;
76
- --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
61
+
62
+ .pf-v6-c-list__item-icon {
63
+ flex-shrink: 0;
64
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
65
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
66
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
67
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
68
+ line-height: 1;
69
+ color: var(--pf-v6-c-list__item-icon--Color);
77
70
  }
@@ -11,22 +11,19 @@
11
11
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
12
12
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
13
13
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
14
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
14
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
15
15
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
16
16
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
17
17
  --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
18
18
  --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
19
19
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
20
20
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
21
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
21
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
22
22
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
23
23
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
24
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
25
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
26
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
27
24
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
28
25
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
29
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
26
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
30
27
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
31
28
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
32
29
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -51,9 +48,6 @@
51
48
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
52
49
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
53
50
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
54
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
55
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
56
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
57
51
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
58
52
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
59
53
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -66,13 +60,10 @@
66
60
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
67
61
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
68
62
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
69
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
63
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
70
64
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
71
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
72
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
73
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
74
65
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
75
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
66
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
76
67
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
77
68
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
78
69
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
@@ -82,13 +73,12 @@
82
73
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
83
74
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
84
75
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
85
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--button--default);
76
+ --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
86
77
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
87
78
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
88
79
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
89
80
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
90
81
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
91
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
92
82
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
93
83
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
94
84
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -101,7 +91,6 @@
101
91
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
102
92
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
103
93
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
104
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
105
94
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
106
95
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
107
96
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -168,9 +157,6 @@
168
157
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
169
158
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
170
159
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
171
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
172
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
173
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
174
160
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
175
161
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
176
162
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -186,9 +172,6 @@
186
172
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
187
173
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
188
174
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
189
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
190
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
191
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
192
175
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
193
176
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
194
177
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -210,7 +193,6 @@
210
193
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
211
194
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
212
195
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
213
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
214
196
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
215
197
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
216
198
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -232,13 +214,6 @@
232
214
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
233
215
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
234
216
  }
235
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
236
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
237
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
238
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
239
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
240
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
241
- }
242
217
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
243
218
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
244
219
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -325,9 +300,6 @@
325
300
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
326
301
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
327
302
  }
328
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
329
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
330
- }
331
303
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
332
304
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
333
305
  }
@@ -18,7 +18,6 @@ declare const _default: {
18
18
  "fullWidth": "pf-m-full-width",
19
19
  "plain": "pf-m-plain",
20
20
  "expanded": "pf-m-expanded",
21
- "active": "pf-m-active",
22
21
  "disabled": "pf-m-disabled",
23
22
  "small": "pf-m-small",
24
23
  "success": "pf-m-success",
@@ -20,7 +20,6 @@ exports.default = {
20
20
  "fullWidth": "pf-m-full-width",
21
21
  "plain": "pf-m-plain",
22
22
  "expanded": "pf-m-expanded",
23
- "active": "pf-m-active",
24
23
  "disabled": "pf-m-disabled",
25
24
  "small": "pf-m-small",
26
25
  "success": "pf-m-success",
@@ -18,7 +18,6 @@ export default {
18
18
  "fullWidth": "pf-m-full-width",
19
19
  "plain": "pf-m-plain",
20
20
  "expanded": "pf-m-expanded",
21
- "active": "pf-m-active",
22
21
  "disabled": "pf-m-disabled",
23
22
  "small": "pf-m-small",
24
23
  "success": "pf-m-success",
@@ -27,6 +27,7 @@
27
27
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
28
28
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
29
29
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
30
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
30
31
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
31
32
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
32
33
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -148,6 +149,7 @@
148
149
  flex: 0 0 auto;
149
150
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
150
151
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
152
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
151
153
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
152
154
  }
153
155
  .pf-v6-c-modal-box__title.pf-m-icon {
@@ -172,6 +172,7 @@
172
172
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
173
173
  color: var(--pf-v6-c-nav__link--Color);
174
174
  text-align: start;
175
+ text-decoration: none;
175
176
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
176
177
  border: none;
177
178
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);