@patternfly/patternfly 6.0.0-alpha.128 → 6.0.0-alpha.129

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 (28) hide show
  1. package/components/Breadcrumb/breadcrumb.css +1 -1
  2. package/components/Breadcrumb/breadcrumb.scss +1 -1
  3. package/components/Hint/hint.css +1 -1
  4. package/components/Hint/hint.scss +1 -1
  5. package/components/Login/login.css +2 -9
  6. package/components/Login/login.scss +1 -9
  7. package/components/Page/page.css +0 -19
  8. package/components/Page/page.scss +0 -23
  9. package/components/Table/table-tree-view.css +25 -25
  10. package/components/Table/table-tree-view.scss +5 -5
  11. package/components/_index.css +5269 -7338
  12. package/components/_index.scss +1 -6
  13. package/package.json +1 -1
  14. package/patternfly-no-globals.css +5268 -7337
  15. package/patternfly.css +5268 -7337
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
  18. package/sass-utilities/namespaces-components.scss +0 -15
  19. package/components/AppLauncher/app-launcher.css +0 -234
  20. package/components/AppLauncher/app-launcher.scss +0 -299
  21. package/components/ContextSelector/context-selector.css +0 -306
  22. package/components/ContextSelector/context-selector.scss +0 -375
  23. package/components/Dropdown/dropdown.css +0 -664
  24. package/components/Dropdown/dropdown.scss +0 -814
  25. package/components/OptionsMenu/options-menu.css +0 -264
  26. package/components/OptionsMenu/options-menu.scss +0 -325
  27. package/components/Select/select.css +0 -570
  28. package/components/Select/select.scss +0 -704
package/components/Breadcrumb/breadcrumb.css CHANGED
@@ -89,7 +89,7 @@ button.pf-v6-c-breadcrumb__link {
89
89
  margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
90
90
  margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
91
91
  }
92
- .pf-v6-c-breadcrumb__dropdown .pf-v6-c-dropdown__toggle {
92
+ .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
93
93
  line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
94
94
  }
95
95
 
package/components/Breadcrumb/breadcrumb.scss CHANGED
@@ -115,7 +115,7 @@
115
115
  margin-inline-start: var(--#{$breadcrumb}__dropdown--MarginInlineStart);
116
116
  margin-inline-end: var(--#{$breadcrumb}__dropdown--MarginInlineEnd);
117
117
 
118
- .#{$dropdown}__toggle {
118
+ .#{$menu-toggle} {
119
119
  line-height: var(--#{$breadcrumb}__dropdown--c-dropdown__toggle--LineHeight);
120
120
  }
121
121
  }
package/components/Hint/hint.css CHANGED
@@ -47,7 +47,7 @@
47
47
  margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
48
48
  text-align: end;
49
49
  }
50
- .pf-v6-c-hint__actions .pf-v6-c-dropdown .pf-v6-c-dropdown__toggle.pf-m-plain {
50
+ .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
51
51
  margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
52
52
  }
53
53
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
package/components/Hint/hint.scss CHANGED
@@ -60,7 +60,7 @@
60
60
  text-align: end;
61
61
 
62
62
  // Only applies to the plain dropdown
63
- .#{$dropdown} .#{$dropdown}__toggle.pf-m-plain {
63
+ .#{$menu-toggle}.pf-m-plain {
64
64
  margin-block-start: var(--#{$hint}__actions--c-dropdown--MarginBlockStart);
65
65
  }
66
66
 
package/components/Login/login.css CHANGED
@@ -174,24 +174,17 @@
174
174
  }
175
175
  }
176
176
 
177
- .pf-v6-c-login__main-header-utilities,
178
- .pf-v6-c-login__main-header .pf-v6-c-dropdown {
177
+ .pf-v6-c-login__main-header-utilities {
179
178
  grid-row: auto;
180
179
  grid-column: auto;
181
180
  }
182
181
  @media (min-width: 768px) {
183
- .pf-v6-c-login__main-header-utilities,
184
- .pf-v6-c-login__main-header .pf-v6-c-dropdown {
182
+ .pf-v6-c-login__main-header-utilities {
185
183
  grid-row: 1;
186
184
  grid-column: 2/3;
187
185
  }
188
186
  }
189
187
 
190
- .pf-v6-c-login__main-header-utilities .pf-v6-c-dropdown {
191
- grid-row: auto;
192
- grid-column: auto;
193
- }
194
-
195
188
  .pf-v6-c-login__main-header-desc {
196
189
  grid-column: 1/-1;
197
190
  margin-block-end: var(--pf-v6-c-login__main-header-desc--MarginBlockEnd);
package/components/Login/login.scss CHANGED
@@ -192,8 +192,7 @@
192
192
  }
193
193
  }
194
194
 
195
- .#{$login}__main-header-utilities,
196
- .#{$login}__main-header .#{$dropdown} {
195
+ .#{$login}__main-header-utilities {
197
196
  grid-row: auto;
198
197
  grid-column: auto;
199
198
 
@@ -203,13 +202,6 @@
203
202
  }
204
203
  }
205
204
 
206
- .#{$login}__main-header-utilities {
207
- .#{$dropdown} {
208
- grid-row: auto;
209
- grid-column: auto;
210
- }
211
- }
212
-
213
205
  .#{$login}__main-header-desc {
214
206
  grid-column: 1 / -1;
215
207
  margin-block-end: var(--#{$login}__main-header-desc--MarginBlockEnd);
package/components/Page/page.css CHANGED
@@ -28,10 +28,6 @@
28
28
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
29
29
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
30
30
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
31
- --pf-v6-c-page__sidebar-body--m-menu--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32
- --pf-v6-c-page__sidebar-body--m-menu--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33
- --pf-v6-c-page__sidebar-body--m-menu--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
34
- --pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBlockEndColor: var(--pf-t--global--border--color--default);
35
31
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
36
32
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
37
33
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -175,21 +171,6 @@
175
171
  .pf-v6-c-page__sidebar-body:last-child {
176
172
  flex-grow: 1;
177
173
  }
178
- .pf-v6-c-page__sidebar-body.pf-m-menu {
179
- background-color: var(--pf-v6-c-page__sidebar-body--m-menu--BackgroundColor);
180
- border-block-start: var(--pf-v6-c-page__sidebar-body--m-menu--BorderBlockStartWidth) solid var(--pf-v6-c-page__sidebar-body--m-menu--BorderBlockStartColor);
181
- }
182
- .pf-v6-c-page__sidebar-body.pf-m-menu + .pf-v6-c-page__sidebar-body.pf-m-menu {
183
- --pf-v6-c-page__sidebar-body--m-menu--BorderBlockStartWidth: 0;
184
- }
185
- .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector {
186
- --pf-v6-c-context-selector__toggle--BorderBlockStartColor: transparent;
187
- --pf-v6-c-context-selector__toggle--BorderInlineEndColor: transparent;
188
- --pf-v6-c-context-selector__toggle--BorderBlockEndColor: var(--pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBlockEndColor);
189
- --pf-v6-c-context-selector__toggle--BorderInlineStartColor: transparent;
190
- --pf-v6-c-context-selector__menu--InsetBlockStart: 100%;
191
- width: 100%;
192
- }
193
174
  .pf-v6-c-page__sidebar-body.pf-m-page-insets {
194
175
  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
195
176
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
package/components/Page/page.scss CHANGED
@@ -49,10 +49,6 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
49
49
  --#{$page}__sidebar-body--PaddingInlineStart: 0;
50
50
  --#{$page}__sidebar-body--m-page-insets--PaddingInlineEnd: var(--#{$page}--inset);
51
51
  --#{$page}__sidebar-body--m-page-insets--PaddingInlineStart: var(--#{$page}--inset);
52
- --#{$page}__sidebar-body--m-menu--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
53
- --#{$page}__sidebar-body--m-menu--BorderBlockStartColor: var(--pf-t--global--border--color--default);
54
- --#{$page}__sidebar-body--m-menu--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
55
- --#{$page}__sidebar-body--m-menu--c-context-selector--BorderBlockEndColor: var(--pf-t--global--border--color--default);
56
52
 
57
53
  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
58
54
  --#{$page}__sidebar--TranslateX: var(--#{$page}__sidebar--xl--TranslateX);
@@ -224,25 +220,6 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
224
220
  flex-grow: 1;
225
221
  }
226
222
 
227
- &.pf-m-menu {
228
- background-color: var(--#{$page}__sidebar-body--m-menu--BackgroundColor);
229
- border-block-start: var(--#{$page}__sidebar-body--m-menu--BorderBlockStartWidth) solid var(--#{$page}__sidebar-body--m-menu--BorderBlockStartColor);
230
-
231
- & + & {
232
- --#{$page}__sidebar-body--m-menu--BorderBlockStartWidth: 0;
233
- }
234
-
235
- .#{$context-selector} {
236
- --#{$context-selector}__toggle--BorderBlockStartColor: transparent;
237
- --#{$context-selector}__toggle--BorderInlineEndColor: transparent;
238
- --#{$context-selector}__toggle--BorderBlockEndColor: var(--#{$page}__sidebar-body--m-menu--c-context-selector--BorderBlockEndColor);
239
- --#{$context-selector}__toggle--BorderInlineStartColor: transparent;
240
- --#{$context-selector}__menu--InsetBlockStart: 100%;
241
-
242
- width: 100%;
243
- }
244
- }
245
-
246
223
  &.pf-m-page-insets {
247
224
  --#{$page}__sidebar-body--PaddingInlineEnd: var(--#{$page}__sidebar-body--m-page-insets--PaddingInlineEnd);
248
225
  --#{$page}__sidebar-body--PaddingInlineStart: var(--#{$page}__sidebar-body--m-page-insets--PaddingInlineStart);
package/components/Table/table-tree-view.css CHANGED
@@ -127,8 +127,8 @@
127
127
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
128
128
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
129
129
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
130
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(0.375rem * -1);
131
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(0.375rem * -1);
130
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
131
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
132
132
  }
133
133
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
134
134
  position: relative;
@@ -203,9 +203,9 @@
203
203
  grid-row: 1;
204
204
  grid-column: 2;
205
205
  }
206
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
207
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart);
208
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd);
206
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
207
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
208
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
209
209
  }
210
210
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
211
211
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -267,8 +267,8 @@
267
267
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
268
268
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
269
269
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
270
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(0.375rem * -1);
271
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(0.375rem * -1);
270
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
271
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
272
272
  }
273
273
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
274
274
  position: relative;
@@ -343,9 +343,9 @@
343
343
  grid-row: 1;
344
344
  grid-column: 2;
345
345
  }
346
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
347
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart);
348
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd);
346
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
347
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
348
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
349
349
  }
350
350
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
351
351
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -408,8 +408,8 @@
408
408
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
409
409
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
410
410
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
411
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(0.375rem * -1);
412
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(0.375rem * -1);
411
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
412
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
413
413
  }
414
414
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
415
415
  position: relative;
@@ -484,9 +484,9 @@
484
484
  grid-row: 1;
485
485
  grid-column: 2;
486
486
  }
487
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
488
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart);
489
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd);
487
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
488
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
489
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
490
490
  }
491
491
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
492
492
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -549,8 +549,8 @@
549
549
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
550
550
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
551
551
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
552
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(0.375rem * -1);
553
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(0.375rem * -1);
552
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
553
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
554
554
  }
555
555
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
556
556
  position: relative;
@@ -625,9 +625,9 @@
625
625
  grid-row: 1;
626
626
  grid-column: 2;
627
627
  }
628
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
629
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart);
630
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd);
628
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
629
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
630
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
631
631
  }
632
632
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
633
633
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -690,8 +690,8 @@
690
690
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
691
691
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
692
692
  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
693
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(0.375rem * -1);
694
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(0.375rem * -1);
693
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
694
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
695
695
  }
696
696
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
697
697
  position: relative;
@@ -766,9 +766,9 @@
766
766
  grid-row: 1;
767
767
  grid-column: 2;
768
768
  }
769
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
770
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockStart);
771
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBlockEnd);
769
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
770
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
771
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
772
772
  }
773
773
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
774
774
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
package/components/Table/table-tree-view.scss CHANGED
@@ -190,8 +190,8 @@ $pf-v6-c-tree-view--MaxDepth: 10;
190
190
  --#{$table}__tree-view-details-toggle--MarginBlockEnd: calc(#{pf-size-prem(6px)} * -1);
191
191
 
192
192
  // toggle
193
- --#{$table}--m-tree-view-grid--c-dropdown--MarginBlockStart: calc(#{pf-size-prem(6px)} * -1);
194
- --#{$table}--m-tree-view-grid--c-dropdown--MarginBlockEnd: calc(#{pf-size-prem(6px)} * -1);
193
+ --#{$table}--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(#{pf-size-prem(6px)} * -1);
194
+ --#{$table}--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(#{pf-size-prem(6px)} * -1);
195
195
 
196
196
  tbody:where(.#{$table}__tbody) tr:where(.#{$table}__tr) {
197
197
  position: relative;
@@ -293,9 +293,9 @@ $pf-v6-c-tree-view--MaxDepth: 10;
293
293
  grid-row: 1;
294
294
  grid-column: 2;
295
295
 
296
- > .#{$dropdown} {
297
- margin-block-start: var(--#{$table}--m-tree-view-grid--c-dropdown--MarginBlockStart);
298
- margin-block-end: var(--#{$table}--m-tree-view-grid--c-dropdown--MarginBlockEnd);
296
+ > .#{$menu-toggle} {
297
+ margin-block-start: var(--#{$table}--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
298
+ margin-block-end: var(--#{$table}--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
299
299
  }
300
300
  }
301
301