@patternfly/patternfly 6.0.0-alpha.121 → 6.0.0-alpha.123

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 (175) hide show
  1. package/base/patternfly-variables.css +9 -22
  2. package/base/patternfly-variables.scss +11 -5
  3. package/base/tokens/_index.scss +1 -0
  4. package/base/tokens/tokens-charts-dark.scss +169 -0
  5. package/base/tokens/tokens-charts.scss +75 -65
  6. package/base/tokens/tokens-dark.scss +4 -5
  7. package/base/tokens/tokens-default.scss +10 -11
  8. package/base/tokens/tokens-font.scss +1 -1
  9. package/base/tokens/tokens-palette.scss +4 -5
  10. package/components/AboutModalBox/about-modal-box.css +54 -54
  11. package/components/AboutModalBox/about-modal-box.scss +54 -54
  12. package/components/Accordion/accordion.css +39 -39
  13. package/components/Accordion/accordion.scss +39 -39
  14. package/components/Alert/alert-group.css +15 -15
  15. package/components/Alert/alert-group.scss +15 -15
  16. package/components/Alert/alert.css +46 -46
  17. package/components/Alert/alert.scss +46 -46
  18. package/components/AppLauncher/app-launcher.css +58 -58
  19. package/components/AppLauncher/app-launcher.scss +58 -58
  20. package/components/BackToTop/back-to-top.css +14 -14
  21. package/components/BackToTop/back-to-top.scss +14 -14
  22. package/components/Badge/badge.css +6 -6
  23. package/components/Badge/badge.scss +6 -6
  24. package/components/Banner/banner.css +12 -12
  25. package/components/Banner/banner.scss +12 -12
  26. package/components/Breadcrumb/breadcrumb.css +12 -12
  27. package/components/Breadcrumb/breadcrumb.scss +12 -12
  28. package/components/Button/button.css +93 -93
  29. package/components/Button/button.scss +93 -93
  30. package/components/CalendarMonth/calendar-month.css +42 -42
  31. package/components/CalendarMonth/calendar-month.scss +42 -42
  32. package/components/Card/card.css +59 -59
  33. package/components/Card/card.scss +59 -59
  34. package/components/Check/check.css +2 -2
  35. package/components/Check/check.scss +2 -2
  36. package/components/Chip/chip-group.css +20 -20
  37. package/components/Chip/chip-group.scss +20 -20
  38. package/components/Chip/chip.css +26 -26
  39. package/components/Chip/chip.scss +26 -26
  40. package/components/ClipboardCopy/clipboard-copy.css +36 -36
  41. package/components/ClipboardCopy/clipboard-copy.scss +36 -36
  42. package/components/CodeBlock/code-block.css +19 -19
  43. package/components/CodeBlock/code-block.scss +19 -19
  44. package/components/CodeEditor/code-editor.css +33 -33
  45. package/components/CodeEditor/code-editor.scss +33 -33
  46. package/components/Content/content.css +65 -65
  47. package/components/Content/content.scss +65 -65
  48. package/components/ContextSelector/context-selector.css +145 -145
  49. package/components/ContextSelector/context-selector.scss +145 -145
  50. package/components/DataList/data-list-grid.css +98 -98
  51. package/components/DataList/data-list-grid.scss +14 -14
  52. package/components/DataList/data-list.css +233 -233
  53. package/components/DataList/data-list.scss +135 -135
  54. package/components/DatePicker/date-picker.css +14 -14
  55. package/components/DatePicker/date-picker.scss +14 -14
  56. package/components/DescriptionList/description-list.css +6 -6
  57. package/components/DescriptionList/description-list.scss +6 -6
  58. package/components/Drawer/drawer.css +84 -84
  59. package/components/Drawer/drawer.scss +84 -84
  60. package/components/Dropdown/dropdown.css +126 -126
  61. package/components/Dropdown/dropdown.scss +126 -126
  62. package/components/DualListSelector/dual-list-selector.css +59 -58
  63. package/components/DualListSelector/dual-list-selector.scss +41 -40
  64. package/components/EmptyState/empty-state.css +32 -32
  65. package/components/EmptyState/empty-state.scss +32 -32
  66. package/components/ExpandableSection/expandable-section.css +48 -48
  67. package/components/ExpandableSection/expandable-section.scss +48 -48
  68. package/components/Form/form.css +106 -106
  69. package/components/Form/form.scss +88 -88
  70. package/components/FormControl/form-control.css +44 -44
  71. package/components/FormControl/form-control.scss +44 -44
  72. package/components/HelperText/helper-text.css +2 -2
  73. package/components/HelperText/helper-text.scss +2 -2
  74. package/components/Hint/hint.css +16 -16
  75. package/components/Hint/hint.scss +16 -16
  76. package/components/InlineEdit/inline-edit.css +10 -10
  77. package/components/InlineEdit/inline-edit.scss +10 -10
  78. package/components/InputGroup/input-group.css +16 -16
  79. package/components/InputGroup/input-group.scss +16 -16
  80. package/components/JumpLinks/jump-links.css +75 -75
  81. package/components/JumpLinks/jump-links.scss +75 -75
  82. package/components/Label/label-group.css +26 -26
  83. package/components/Label/label-group.scss +26 -26
  84. package/components/Label/label.css +30 -30
  85. package/components/Label/label.scss +30 -30
  86. package/components/List/list.css +27 -27
  87. package/components/List/list.scss +27 -27
  88. package/components/LogViewer/log-viewer.css +36 -36
  89. package/components/LogViewer/log-viewer.scss +37 -37
  90. package/components/Login/login.css +88 -88
  91. package/components/Login/login.scss +88 -88
  92. package/components/Menu/menu.css +20 -20
  93. package/components/Menu/menu.scss +20 -20
  94. package/components/MenuToggle/menu-toggle.css +58 -58
  95. package/components/MenuToggle/menu-toggle.scss +58 -58
  96. package/components/ModalBox/modal-box.css +39 -39
  97. package/components/ModalBox/modal-box.scss +39 -39
  98. package/components/MultipleFileUpload/multiple-file-upload.css +32 -32
  99. package/components/MultipleFileUpload/multiple-file-upload.scss +32 -32
  100. package/components/NotificationBadge/notification-badge.css +16 -16
  101. package/components/NotificationBadge/notification-badge.scss +16 -16
  102. package/components/NotificationDrawer/notification-drawer.css +41 -41
  103. package/components/NotificationDrawer/notification-drawer.scss +41 -41
  104. package/components/NumberInput/number-input.css +2 -2
  105. package/components/NumberInput/number-input.scss +2 -2
  106. package/components/OptionsMenu/options-menu.css +79 -79
  107. package/components/OptionsMenu/options-menu.scss +79 -79
  108. package/components/Page/page.css +181 -181
  109. package/components/Page/page.scss +131 -131
  110. package/components/Pagination/pagination.css +24 -24
  111. package/components/Pagination/pagination.scss +24 -24
  112. package/components/Panel/panel.css +24 -24
  113. package/components/Panel/panel.scss +24 -24
  114. package/components/Popover/popover.css +48 -48
  115. package/components/Popover/popover.scss +48 -48
  116. package/components/Progress/progress.css +4 -4
  117. package/components/Progress/progress.scss +4 -4
  118. package/components/ProgressStepper/progress-stepper.css +225 -225
  119. package/components/ProgressStepper/progress-stepper.scss +93 -93
  120. package/components/Radio/radio.css +6 -6
  121. package/components/Radio/radio.scss +6 -6
  122. package/components/Select/select.css +171 -171
  123. package/components/Select/select.scss +171 -171
  124. package/components/Sidebar/sidebar.css +44 -44
  125. package/components/Sidebar/sidebar.scss +44 -44
  126. package/components/SimpleList/simple-list.css +18 -18
  127. package/components/SimpleList/simple-list.scss +18 -18
  128. package/components/Skeleton/skeleton.css +4 -4
  129. package/components/Skeleton/skeleton.scss +4 -4
  130. package/components/SkipToContent/skip-to-content.css +4 -4
  131. package/components/SkipToContent/skip-to-content.scss +4 -4
  132. package/components/Slider/slider.css +25 -25
  133. package/components/Slider/slider.scss +25 -25
  134. package/components/Switch/switch.css +4 -4
  135. package/components/Switch/switch.scss +4 -4
  136. package/components/TabContent/tab-content.css +24 -24
  137. package/components/TabContent/tab-content.scss +24 -24
  138. package/components/Table/table-grid.css +404 -404
  139. package/components/Table/table-grid.scss +116 -116
  140. package/components/Table/table-scrollable.css +16 -16
  141. package/components/Table/table-scrollable.scss +16 -16
  142. package/components/Table/table-tree-view.css +251 -251
  143. package/components/Table/table-tree-view.scss +59 -59
  144. package/components/Table/table.css +122 -122
  145. package/components/Table/table.scss +122 -122
  146. package/components/Tabs/tabs.css +118 -118
  147. package/components/Tabs/tabs.scss +118 -118
  148. package/components/TextInputGroup/text-input-group.css +26 -26
  149. package/components/TextInputGroup/text-input-group.scss +26 -26
  150. package/components/Tile/tile.css +13 -13
  151. package/components/Tile/tile.scss +13 -13
  152. package/components/ToggleGroup/toggle-group.css +28 -28
  153. package/components/ToggleGroup/toggle-group.scss +28 -28
  154. package/components/Tooltip/tooltip.css +26 -26
  155. package/components/Tooltip/tooltip.scss +26 -26
  156. package/components/TreeView/tree-view.css +181 -181
  157. package/components/TreeView/tree-view.scss +122 -122
  158. package/components/Wizard/wizard.css +158 -119
  159. package/components/Wizard/wizard.scss +176 -126
  160. package/components/_index.css +4310 -4270
  161. package/docs/components/Drawer/examples/Drawer.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +39 -39
  163. package/docs/components/Table/examples/Table.md +20 -20
  164. package/docs/components/Wizard/examples/Wizard.md +827 -91
  165. package/docs/demos/Card/examples/Card.css +2 -2
  166. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -44
  167. package/docs/demos/Table/examples/Table.md +20 -20
  168. package/docs/demos/Wizard/examples/Wizard.md +356 -198
  169. package/package.json +1 -1
  170. package/patternfly-base-no-globals.css +9 -22
  171. package/patternfly-base.css +9 -22
  172. package/patternfly-no-globals.css +4319 -4292
  173. package/patternfly.css +4319 -4292
  174. package/patternfly.min.css +1 -1
  175. package/patternfly.min.css.map +1 -1
package/components/ContextSelector/context-selector.css CHANGED
@@ -1,102 +1,102 @@
1
1
  .pf-v6-c-context-selector {
2
2
  --pf-v6-c-context-selector--Width: 15.625rem;
3
- --pf-v6-c-context-selector__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
4
- --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-global--spacer--sm);
5
- --pf-v6-c-context-selector__toggle--PaddingBottom: var(--pf-v6-global--spacer--form-element);
6
- --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-global--spacer--sm);
3
+ --pf-v6-c-context-selector__toggle--PaddingBlockStart: var(--pf-v6-global--spacer--form-element);
4
+ --pf-v6-c-context-selector__toggle--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
5
+ --pf-v6-c-context-selector__toggle--PaddingBlockEnd: var(--pf-v6-global--spacer--form-element);
6
+ --pf-v6-c-context-selector__toggle--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
7
7
  --pf-v6-c-context-selector__toggle--ColumnGap: var(--pf-v6-global--spacer--sm);
8
8
  --pf-v6-c-context-selector__toggle--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
9
- --pf-v6-c-context-selector__toggle--BorderTopColor: var(--pf-v6-global--BorderColor--300);
10
- --pf-v6-c-context-selector__toggle--BorderRightColor: var(--pf-v6-global--BorderColor--300);
11
- --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-global--BorderColor--200);
12
- --pf-v6-c-context-selector__toggle--BorderLeftColor: var(--pf-v6-global--BorderColor--300);
9
+ --pf-v6-c-context-selector__toggle--BorderBlockStartColor: var(--pf-v6-global--BorderColor--300);
10
+ --pf-v6-c-context-selector__toggle--BorderInlineEndColor: var(--pf-v6-global--BorderColor--300);
11
+ --pf-v6-c-context-selector__toggle--BorderBlockEndColor: var(--pf-v6-global--BorderColor--200);
12
+ --pf-v6-c-context-selector__toggle--BorderInlineStartColor: var(--pf-v6-global--BorderColor--300);
13
13
  --pf-v6-c-context-selector__toggle--Color: var(--pf-v6-global--Color--100);
14
- --pf-v6-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-v6-c-context-selector__toggle--BorderWidth);
15
- --pf-v6-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-v6-global--active-color--100);
16
- --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
17
- --pf-v6-c-context-selector__toggle--active--BorderBottomColor: var(--pf-v6-global--active-color--100);
18
- --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
19
- --pf-v6-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-v6-global--active-color--100);
14
+ --pf-v6-c-context-selector__toggle--hover--BorderBlockEndWidth: var(--pf-v6-c-context-selector__toggle--BorderWidth);
15
+ --pf-v6-c-context-selector__toggle--hover--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
16
+ --pf-v6-c-context-selector__toggle--active--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
17
+ --pf-v6-c-context-selector__toggle--active--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
18
+ --pf-v6-c-context-selector__toggle--expanded--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
19
+ --pf-v6-c-context-selector__toggle--expanded--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
20
20
  --pf-v6-c-context-selector__toggle--BackgroundColor: transparent;
21
21
  --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-global--Color--200);
22
22
  --pf-v6-c-context-selector__toggle--m-plain--hover--Color: var(--pf-v6-global--Color--100);
23
23
  --pf-v6-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-v6-global--disabled-color--200);
24
- --pf-v6-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-v6-global--spacer--md);
25
- --pf-v6-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-v6-global--spacer--md);
26
- --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-global--spacer--sm);
27
- --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-global--spacer--sm);
24
+ --pf-v6-c-context-selector__toggle--m-plain--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
25
+ --pf-v6-c-context-selector__toggle--m-plain--PaddingInlineStart: var(--pf-v6-global--spacer--md);
26
+ --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
27
+ --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
28
28
  --pf-v6-c-context-selector__toggle-text--FontSize: var(--pf-v6-global--FontSize--md);
29
29
  --pf-v6-c-context-selector__toggle-text--FontWeight: var(--pf-v6-global--FontWeight--normal);
30
30
  --pf-v6-c-context-selector__toggle-text--LineHeight: var(--pf-v6-global--LineHeight--md);
31
- --pf-v6-c-context-selector__toggle-icon--PaddingRight: var(--pf-v6-global--spacer--sm);
32
- --pf-v6-c-context-selector__toggle-icon--PaddingLeft: var(--pf-v6-global--spacer--sm);
31
+ --pf-v6-c-context-selector__toggle-icon--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
32
+ --pf-v6-c-context-selector__toggle-icon--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
33
33
  --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
34
34
  --pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-v6-global--Color--100);
35
- --pf-v6-c-context-selector__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
35
+ --pf-v6-c-context-selector__menu--InsetBlockStart: calc(100% + var(--pf-v6-global--spacer--xs));
36
36
  --pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--z-index--sm);
37
- --pf-v6-c-context-selector__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
37
+ --pf-v6-c-context-selector__menu--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
38
38
  --pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
39
39
  --pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
40
- --pf-v6-c-context-selector__menu-search--PaddingTop: var(--pf-v6-global--spacer--md);
41
- --pf-v6-c-context-selector__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
42
- --pf-v6-c-context-selector__menu-search--PaddingBottom: var(--pf-v6-global--spacer--md);
43
- --pf-v6-c-context-selector__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
44
- --pf-v6-c-context-selector__menu-search--BorderBottomColor: var(--pf-v6-global--BorderColor--100);
45
- --pf-v6-c-context-selector__menu-search--BorderBottomWidth: var(--pf-v6-global--BorderWidth--sm);
40
+ --pf-v6-c-context-selector__menu-search--PaddingBlockStart: var(--pf-v6-global--spacer--md);
41
+ --pf-v6-c-context-selector__menu-search--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
42
+ --pf-v6-c-context-selector__menu-search--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
43
+ --pf-v6-c-context-selector__menu-search--PaddingInlineStart: var(--pf-v6-global--spacer--md);
44
+ --pf-v6-c-context-selector__menu-search--BorderBlockEndColor: var(--pf-v6-global--BorderColor--100);
45
+ --pf-v6-c-context-selector__menu-search--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--sm);
46
46
  --pf-v6-c-context-selector__menu-footer--BoxShadow: var(--pf-v6-global--BoxShadow--sm-top);
47
- --pf-v6-c-context-selector__menu-footer--PaddingTop: var(--pf-v6-global--spacer--md);
48
- --pf-v6-c-context-selector__menu-footer--PaddingRight: var(--pf-v6-global--spacer--md);
49
- --pf-v6-c-context-selector__menu-footer--PaddingBottom: var(--pf-v6-global--spacer--md);
50
- --pf-v6-c-context-selector__menu-footer--PaddingLeft: var(--pf-v6-global--spacer--md);
47
+ --pf-v6-c-context-selector__menu-footer--PaddingBlockStart: var(--pf-v6-global--spacer--md);
48
+ --pf-v6-c-context-selector__menu-footer--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
49
+ --pf-v6-c-context-selector__menu-footer--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
50
+ --pf-v6-c-context-selector__menu-footer--PaddingInlineStart: var(--pf-v6-global--spacer--md);
51
51
  --pf-v6-c-context-selector__menu-list--MaxHeight: 12.5rem;
52
- --pf-v6-c-context-selector__menu-list--PaddingTop: var(--pf-v6-c-context-selector__menu--PaddingTop);
53
- --pf-v6-c-context-selector__menu-list--PaddingBottom: var(--pf-v6-global--spacer--sm);
52
+ --pf-v6-c-context-selector__menu-list--PaddingBlockStart: var(--pf-v6-c-context-selector__menu--PaddingBlockStart);
53
+ --pf-v6-c-context-selector__menu-list--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
54
54
  --pf-v6-c-context-selector__menu-list-item--Color: var(--pf-v6-global--Color--dark-100);
55
- --pf-v6-c-context-selector__menu-list-item--PaddingTop: var(--pf-v6-global--spacer--sm);
56
- --pf-v6-c-context-selector__menu-list-item--PaddingRight: var(--pf-v6-global--spacer--lg);
57
- --pf-v6-c-context-selector__menu-list-item--PaddingBottom: var(--pf-v6-global--spacer--sm);
58
- --pf-v6-c-context-selector__menu-list-item--PaddingLeft: var(--pf-v6-global--spacer--lg);
55
+ --pf-v6-c-context-selector__menu-list-item--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
56
+ --pf-v6-c-context-selector__menu-list-item--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
57
+ --pf-v6-c-context-selector__menu-list-item--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
58
+ --pf-v6-c-context-selector__menu-list-item--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
59
59
  --pf-v6-c-context-selector__menu-list-item--BackgroundColor: transparent;
60
60
  --pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
61
61
  --pf-v6-c-context-selector__menu-list-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
62
62
  --pf-v6-c-context-selector__menu-item-icon--Color: var(--pf-v6-global--active-color--100);
63
63
  --pf-v6-c-context-selector__menu-item-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
64
- --pf-v6-c-context-selector__menu-item-icon--PaddingLeft: var(--pf-v6-global--spacer--lg);
65
- --pf-v6-c-context-selector--m-full-height__toggle--PaddingRight: var(--pf-v6-global--spacer--lg);
66
- --pf-v6-c-context-selector--m-full-height__toggle--PaddingLeft: var(--pf-v6-global--spacer--lg);
67
- --pf-v6-c-context-selector--m-full-height__toggle--before--BorderTopWidth: 0;
68
- --pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
69
- --pf-v6-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
70
- --pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
71
- --pf-v6-c-context-selector--m-large__toggle--PaddingTop: var(--pf-v6-global--spacer--md);
72
- --pf-v6-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-v6-global--spacer--md);
73
- --pf-v6-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
74
- --pf-v6-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
75
- --pf-v6-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-v6-global--BorderWidth--xl);
76
- --pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-v6-global--spacer--md);
77
- --pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-v6-global--spacer--md);
78
- --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
79
- --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
80
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-v6-global--spacer--md);
81
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-v6-global--spacer--md);
82
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
83
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
84
- --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
85
- --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
86
- --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
87
- --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
88
- --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-v6-global--spacer--md);
89
- --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-v6-global--spacer--md);
90
- --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
91
- --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
92
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-v6-global--spacer--md);
93
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-v6-global--spacer--md);
94
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
95
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
96
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-global--spacer--md);
97
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-global--spacer--md);
98
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-v6-global--spacer--lg);
99
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-v6-global--spacer--lg);
64
+ --pf-v6-c-context-selector__menu-item-icon--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
65
+ --pf-v6-c-context-selector--m-full-height__toggle--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
66
+ --pf-v6-c-context-selector--m-full-height__toggle--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
67
+ --pf-v6-c-context-selector--m-full-height__toggle--before--BorderBlockStartWidth: 0;
68
+ --pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
69
+ --pf-v6-c-context-selector--m-full-height__toggle--active--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
70
+ --pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
71
+ --pf-v6-c-context-selector--m-large__toggle--PaddingBlockStart: var(--pf-v6-global--spacer--md);
72
+ --pf-v6-c-context-selector--m-large__toggle--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
73
+ --pf-v6-c-context-selector--m-large__toggle--hover--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
74
+ --pf-v6-c-context-selector--m-large__toggle--active--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
75
+ --pf-v6-c-context-selector--m-large__toggle--expanded--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--xl);
76
+ --pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
77
+ --pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineStart: var(--pf-v6-global--spacer--md);
78
+ --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
79
+ --pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
80
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
81
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineStart: var(--pf-v6-global--spacer--md);
82
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
83
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
84
+ --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
85
+ --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineStart: var(--pf-v6-global--spacer--md);
86
+ --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
87
+ --pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
88
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
89
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineStart: var(--pf-v6-global--spacer--md);
90
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
91
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
92
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
93
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineStart: var(--pf-v6-global--spacer--md);
94
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
95
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
96
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
97
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineStart: var(--pf-v6-global--spacer--md);
98
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingInlineEnd: var(--pf-v6-global--spacer--lg);
99
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingInlineStart: var(--pf-v6-global--spacer--lg);
100
100
  position: relative;
101
101
  display: inline-block;
102
102
  width: var(--pf-v6-c-context-selector--Width);
@@ -104,25 +104,25 @@
104
104
  }
105
105
  @media screen and (min-width: 1200px) {
106
106
  .pf-v6-c-context-selector {
107
- --pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
108
- --pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
109
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
110
- --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
111
- --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
112
- --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
113
- --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
114
- --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
115
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
116
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
117
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
118
- --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
107
+ --pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingInlineEnd);
108
+ --pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--xl--PaddingInlineStart);
109
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingInlineEnd);
110
+ --pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--xl--PaddingInlineStart);
111
+ --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingInlineEnd);
112
+ --pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-search--xl--PaddingInlineStart);
113
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingInlineEnd);
114
+ --pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--xl--PaddingInlineStart);
115
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingInlineEnd);
116
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingInlineStart);
117
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingInlineEnd);
118
+ --pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingInlineStart);
119
119
  }
120
120
  }
121
121
  .pf-v6-c-context-selector.pf-m-full-height {
122
- --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
123
- --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
124
- --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingRight);
125
- --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingLeft);
122
+ --pf-v6-c-context-selector__toggle--active--BorderBlockEndWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--active--BorderBlockEndWidth);
123
+ --pf-v6-c-context-selector__toggle--expanded--BorderBlockEndWidth: var(--pf-v6-c-context-selector--m-full-height__toggle--expanded--BorderBlockEndWidth);
124
+ --pf-v6-c-context-selector__toggle--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingInlineEnd);
125
+ --pf-v6-c-context-selector__toggle--PaddingInlineStart: var(--pf-v6-c-context-selector--m-full-height__toggle--PaddingInlineStart);
126
126
  display: inline-flex;
127
127
  align-items: center;
128
128
  height: 100%;
@@ -131,31 +131,31 @@
131
131
  align-self: stretch;
132
132
  }
133
133
  .pf-v6-c-context-selector.pf-m-full-height .pf-v6-c-context-selector__toggle::before {
134
- border-block-start-width: var(--pf-v6-c-context-selector--m-full-height__toggle--before--BorderTopWidth);
134
+ border-block-start-width: var(--pf-v6-c-context-selector--m-full-height__toggle--before--BorderBlockStartWidth);
135
135
  }
136
136
  .pf-v6-c-context-selector.pf-m-full-height:hover .pf-v6-c-context-selector__toggle::before {
137
- border-block-end-width: var(--pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
137
+ border-block-end-width: var(--pf-v6-c-context-selector--m-full-height__toggle--hover--BorderBlockEndWidth);
138
138
  }
139
139
  .pf-v6-c-context-selector.pf-m-large {
140
- --pf-v6-c-context-selector__toggle--PaddingTop: var(--pf-v6-c-context-selector--m-large__toggle--PaddingTop);
141
- --pf-v6-c-context-selector__toggle--PaddingBottom: var(--pf-v6-c-context-selector--m-large__toggle--PaddingBottom);
142
- --pf-v6-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
143
- --pf-v6-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--active--BorderBottomWidth);
144
- --pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-v6-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
140
+ --pf-v6-c-context-selector__toggle--PaddingBlockStart: var(--pf-v6-c-context-selector--m-large__toggle--PaddingBlockStart);
141
+ --pf-v6-c-context-selector__toggle--PaddingBlockEnd: var(--pf-v6-c-context-selector--m-large__toggle--PaddingBlockEnd);
142
+ --pf-v6-c-context-selector__toggle--hover--BorderBlockEndWidth: var(--pf-v6-c-context-selector--m-large__toggle--hover--BorderBlockEndWidth);
143
+ --pf-v6-c-context-selector__toggle--active--BorderBlockEndWidth: var(--pf-v6-c-context-selector--m-large__toggle--active--BorderBlockEndWidth);
144
+ --pf-v6-c-context-selector__toggle--expanded--BorderBlockEndWidth: var(--pf-v6-c-context-selector--m-large__toggle--expanded--BorderBlockEndWidth);
145
145
  }
146
146
  .pf-v6-c-context-selector.pf-m-page-insets {
147
- --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingRight);
148
- --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingLeft);
149
- --pf-v6-c-context-selector__menu-list-item--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
150
- --pf-v6-c-context-selector__menu-list-item--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
151
- --pf-v6-c-context-selector__menu-search--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingRight);
152
- --pf-v6-c-context-selector__menu-search--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingLeft);
153
- --pf-v6-c-context-selector__menu-footer--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingRight);
154
- --pf-v6-c-context-selector__menu-footer--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
155
- --pf-v6-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
156
- --pf-v6-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
157
- --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
158
- --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
147
+ --pf-v6-c-context-selector__toggle--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineEnd);
148
+ --pf-v6-c-context-selector__toggle--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--PaddingInlineStart);
149
+ --pf-v6-c-context-selector__menu-list-item--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineEnd);
150
+ --pf-v6-c-context-selector__menu-list-item--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-list-item--PaddingInlineStart);
151
+ --pf-v6-c-context-selector__menu-search--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineEnd);
152
+ --pf-v6-c-context-selector__menu-search--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-search--PaddingInlineStart);
153
+ --pf-v6-c-context-selector__menu-footer--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineEnd);
154
+ --pf-v6-c-context-selector__menu-footer--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__menu-footer--PaddingInlineStart);
155
+ --pf-v6-c-context-selector__toggle--m-plain--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineEnd);
156
+ --pf-v6-c-context-selector__toggle--m-plain--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--PaddingInlineStart);
157
+ --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineEnd: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineEnd);
158
+ --pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineStart: var(--pf-v6-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingInlineStart);
159
159
  }
160
160
 
161
161
  .pf-v6-c-context-selector__toggle {
@@ -164,10 +164,10 @@
164
164
  column-gap: var(--pf-v6-c-context-selector__toggle--ColumnGap);
165
165
  align-items: center;
166
166
  width: 100%;
167
- padding-block-start: var(--pf-v6-c-context-selector__toggle--PaddingTop);
168
- padding-block-end: var(--pf-v6-c-context-selector__toggle--PaddingBottom);
169
- padding-inline-start: var(--pf-v6-c-context-selector__toggle--PaddingLeft);
170
- padding-inline-end: var(--pf-v6-c-context-selector__toggle--PaddingRight);
167
+ padding-block-start: var(--pf-v6-c-context-selector__toggle--PaddingBlockStart);
168
+ padding-block-end: var(--pf-v6-c-context-selector__toggle--PaddingBlockEnd);
169
+ padding-inline-start: var(--pf-v6-c-context-selector__toggle--PaddingInlineStart);
170
+ padding-inline-end: var(--pf-v6-c-context-selector__toggle--PaddingInlineEnd);
171
171
  color: var(--pf-v6-c-context-selector__toggle--Color);
172
172
  white-space: nowrap;
173
173
  cursor: pointer;
@@ -182,31 +182,31 @@
182
182
  inset-inline-end: 0;
183
183
  content: "";
184
184
  border: var(--pf-v6-c-context-selector__toggle--BorderWidth) solid;
185
- border-block-start-color: var(--pf-v6-c-context-selector__toggle--BorderTopColor);
186
- border-block-end-color: var(--pf-v6-c-context-selector__toggle--BorderBottomColor);
187
- border-inline-start-color: var(--pf-v6-c-context-selector__toggle--BorderLeftColor);
188
- border-inline-end-color: var(--pf-v6-c-context-selector__toggle--BorderRightColor);
185
+ border-block-start-color: var(--pf-v6-c-context-selector__toggle--BorderBlockStartColor);
186
+ border-block-end-color: var(--pf-v6-c-context-selector__toggle--BorderBlockEndColor);
187
+ border-inline-start-color: var(--pf-v6-c-context-selector__toggle--BorderInlineStartColor);
188
+ border-inline-end-color: var(--pf-v6-c-context-selector__toggle--BorderInlineEndColor);
189
189
  }
190
190
  .pf-v6-c-context-selector__toggle:hover::before {
191
- --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--hover--BorderBottomColor);
192
- border-block-end-width: var(--pf-v6-c-context-selector__toggle--hover--BorderBottomWidth);
191
+ --pf-v6-c-context-selector__toggle--BorderBlockEndColor: var(--pf-v6-c-context-selector__toggle--hover--BorderBlockEndColor);
192
+ border-block-end-width: var(--pf-v6-c-context-selector__toggle--hover--BorderBlockEndWidth);
193
193
  }
194
194
  .pf-v6-c-context-selector__toggle:active::before, .pf-v6-c-context-selector__toggle.pf-m-active::before, .pf-v6-c-context-selector__toggle:focus-within::before {
195
- --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--active--BorderBottomColor);
196
- border-block-end-width: var(--pf-v6-c-context-selector__toggle--active--BorderBottomWidth);
195
+ --pf-v6-c-context-selector__toggle--BorderBlockEndColor: var(--pf-v6-c-context-selector__toggle--active--BorderBlockEndColor);
196
+ border-block-end-width: var(--pf-v6-c-context-selector__toggle--active--BorderBlockEndWidth);
197
197
  }
198
198
  .pf-m-expanded > .pf-v6-c-context-selector__toggle::before {
199
- --pf-v6-c-context-selector__toggle--BorderBottomColor: var(--pf-v6-c-context-selector__toggle--expanded--BorderBottomColor);
200
- border-block-end-width: var(--pf-v6-c-context-selector__toggle--expanded--BorderBottomWidth);
199
+ --pf-v6-c-context-selector__toggle--BorderBlockEndColor: var(--pf-v6-c-context-selector__toggle--expanded--BorderBlockEndColor);
200
+ border-block-end-width: var(--pf-v6-c-context-selector__toggle--expanded--BorderBlockEndWidth);
201
201
  }
202
202
  .pf-v6-c-context-selector__toggle.pf-m-plain {
203
- --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingRight);
204
- --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingLeft);
203
+ --pf-v6-c-context-selector__toggle--PaddingInlineEnd: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingInlineEnd);
204
+ --pf-v6-c-context-selector__toggle--PaddingInlineStart: var(--pf-v6-c-context-selector__toggle--m-plain--PaddingInlineStart);
205
205
  --pf-v6-c-context-selector__toggle-icon--Color: var(--pf-v6-c-context-selector--m-plain__toggle-icon--Color);
206
206
  }
207
207
  .pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-text {
208
- --pf-v6-c-context-selector__toggle--PaddingRight: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingRight);
209
- --pf-v6-c-context-selector__toggle--PaddingLeft: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingLeft);
208
+ --pf-v6-c-context-selector__toggle--PaddingInlineEnd: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineEnd);
209
+ --pf-v6-c-context-selector__toggle--PaddingInlineStart: var(--pf-v6-c-context-selector__toggle--m-plain--m-text--PaddingInlineStart);
210
210
  }
211
211
  .pf-v6-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
212
212
  display: inline-block;
@@ -235,14 +235,14 @@
235
235
  }
236
236
 
237
237
  .pf-v6-c-context-selector__toggle-icon {
238
- padding-inline-start: var(--pf-v6-c-context-selector__toggle-icon--PaddingLeft);
239
- padding-inline-end: var(--pf-v6-c-context-selector__toggle-icon--PaddingRight);
238
+ padding-inline-start: var(--pf-v6-c-context-selector__toggle-icon--PaddingInlineStart);
239
+ padding-inline-end: var(--pf-v6-c-context-selector__toggle-icon--PaddingInlineEnd);
240
240
  color: var(--pf-v6-c-context-selector__toggle-icon--Color, inherit);
241
241
  }
242
242
 
243
243
  .pf-v6-c-context-selector__menu {
244
244
  position: absolute;
245
- inset-block-start: var(--pf-v6-c-context-selector__menu--Top);
245
+ inset-block-start: var(--pf-v6-c-context-selector__menu--InsetBlockStart);
246
246
  z-index: var(--pf-v6-c-context-selector__menu--ZIndex);
247
247
  min-width: 100%;
248
248
  background-color: var(--pf-v6-c-context-selector__menu--BackgroundColor);
@@ -261,25 +261,25 @@
261
261
 
262
262
  .pf-v6-c-context-selector__menu-search {
263
263
  position: relative;
264
- padding-block-start: var(--pf-v6-c-context-selector__menu-search--PaddingTop);
265
- padding-block-end: var(--pf-v6-c-context-selector__menu-search--PaddingBottom);
266
- padding-inline-start: var(--pf-v6-c-context-selector__menu-search--PaddingLeft);
267
- padding-inline-end: var(--pf-v6-c-context-selector__menu-search--PaddingRight);
268
- border-block-end: var(--pf-v6-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-v6-c-context-selector__menu-search--BorderBottomColor);
264
+ padding-block-start: var(--pf-v6-c-context-selector__menu-search--PaddingBlockStart);
265
+ padding-block-end: var(--pf-v6-c-context-selector__menu-search--PaddingBlockEnd);
266
+ padding-inline-start: var(--pf-v6-c-context-selector__menu-search--PaddingInlineStart);
267
+ padding-inline-end: var(--pf-v6-c-context-selector__menu-search--PaddingInlineEnd);
268
+ border-block-end: var(--pf-v6-c-context-selector__menu-search--BorderBlockEndWidth) solid var(--pf-v6-c-context-selector__menu-search--BorderBlockEndColor);
269
269
  }
270
270
 
271
271
  .pf-v6-c-context-selector__menu-footer {
272
- padding-block-start: var(--pf-v6-c-context-selector__menu-footer--PaddingTop);
273
- padding-block-end: var(--pf-v6-c-context-selector__menu-footer--PaddingBottom);
274
- padding-inline-start: var(--pf-v6-c-context-selector__menu-footer--PaddingLeft);
275
- padding-inline-end: var(--pf-v6-c-context-selector__menu-footer--PaddingRight);
272
+ padding-block-start: var(--pf-v6-c-context-selector__menu-footer--PaddingBlockStart);
273
+ padding-block-end: var(--pf-v6-c-context-selector__menu-footer--PaddingBlockEnd);
274
+ padding-inline-start: var(--pf-v6-c-context-selector__menu-footer--PaddingInlineStart);
275
+ padding-inline-end: var(--pf-v6-c-context-selector__menu-footer--PaddingInlineEnd);
276
276
  box-shadow: var(--pf-v6-c-context-selector__menu-footer--BoxShadow);
277
277
  }
278
278
 
279
279
  .pf-v6-c-context-selector__menu-list {
280
280
  max-height: var(--pf-v6-c-context-selector__menu-list--MaxHeight);
281
- padding-block-start: var(--pf-v6-c-context-selector__menu-list--PaddingTop);
282
- padding-block-end: var(--pf-v6-c-context-selector__menu-list--PaddingBottom);
281
+ padding-block-start: var(--pf-v6-c-context-selector__menu-list--PaddingBlockStart);
282
+ padding-block-end: var(--pf-v6-c-context-selector__menu-list--PaddingBlockEnd);
283
283
  overflow-y: auto;
284
284
  }
285
285
 
@@ -287,10 +287,10 @@
287
287
  display: flex;
288
288
  align-items: center;
289
289
  width: 100%;
290
- padding-block-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingTop);
291
- padding-block-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingBottom);
292
- padding-inline-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingLeft);
293
- padding-inline-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingRight);
290
+ padding-block-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingBlockStart);
291
+ padding-block-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingBlockEnd);
292
+ padding-inline-start: var(--pf-v6-c-context-selector__menu-list-item--PaddingInlineStart);
293
+ padding-inline-end: var(--pf-v6-c-context-selector__menu-list-item--PaddingInlineEnd);
294
294
  color: var(--pf-v6-c-context-selector__menu-list-item--Color);
295
295
  white-space: nowrap;
296
296
  background-color: var(--pf-v6-c-context-selector__menu-list-item--BackgroundColor);