@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

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 (162) hide show
  1. package/components/AboutModalBox/about-modal-box.css +54 -54
  2. package/components/AboutModalBox/about-modal-box.scss +54 -54
  3. package/components/Accordion/accordion.css +39 -39
  4. package/components/Accordion/accordion.scss +39 -39
  5. package/components/Alert/alert-group.css +15 -15
  6. package/components/Alert/alert-group.scss +15 -15
  7. package/components/Alert/alert.css +46 -46
  8. package/components/Alert/alert.scss +46 -46
  9. package/components/AppLauncher/app-launcher.css +58 -58
  10. package/components/AppLauncher/app-launcher.scss +58 -58
  11. package/components/BackToTop/back-to-top.css +14 -14
  12. package/components/BackToTop/back-to-top.scss +14 -14
  13. package/components/Badge/badge.css +6 -6
  14. package/components/Badge/badge.scss +6 -6
  15. package/components/Banner/banner.css +12 -12
  16. package/components/Banner/banner.scss +12 -12
  17. package/components/Breadcrumb/breadcrumb.css +12 -12
  18. package/components/Breadcrumb/breadcrumb.scss +12 -12
  19. package/components/Button/button.css +93 -93
  20. package/components/Button/button.scss +93 -93
  21. package/components/CalendarMonth/calendar-month.css +42 -42
  22. package/components/CalendarMonth/calendar-month.scss +42 -42
  23. package/components/Card/card.css +59 -59
  24. package/components/Card/card.scss +59 -59
  25. package/components/Check/check.css +2 -2
  26. package/components/Check/check.scss +2 -2
  27. package/components/Chip/chip-group.css +20 -20
  28. package/components/Chip/chip-group.scss +20 -20
  29. package/components/Chip/chip.css +26 -26
  30. package/components/Chip/chip.scss +26 -26
  31. package/components/ClipboardCopy/clipboard-copy.css +36 -36
  32. package/components/ClipboardCopy/clipboard-copy.scss +36 -36
  33. package/components/CodeBlock/code-block.css +19 -19
  34. package/components/CodeBlock/code-block.scss +19 -19
  35. package/components/CodeEditor/code-editor.css +33 -33
  36. package/components/CodeEditor/code-editor.scss +33 -33
  37. package/components/Content/content.css +65 -65
  38. package/components/Content/content.scss +65 -65
  39. package/components/ContextSelector/context-selector.css +145 -145
  40. package/components/ContextSelector/context-selector.scss +145 -145
  41. package/components/DataList/data-list-grid.css +98 -98
  42. package/components/DataList/data-list-grid.scss +14 -14
  43. package/components/DataList/data-list.css +233 -233
  44. package/components/DataList/data-list.scss +135 -135
  45. package/components/DatePicker/date-picker.css +14 -14
  46. package/components/DatePicker/date-picker.scss +14 -14
  47. package/components/DescriptionList/description-list.css +6 -6
  48. package/components/DescriptionList/description-list.scss +6 -6
  49. package/components/Drawer/drawer.css +84 -84
  50. package/components/Drawer/drawer.scss +84 -84
  51. package/components/Dropdown/dropdown.css +126 -126
  52. package/components/Dropdown/dropdown.scss +126 -126
  53. package/components/DualListSelector/dual-list-selector.css +59 -58
  54. package/components/DualListSelector/dual-list-selector.scss +41 -40
  55. package/components/EmptyState/empty-state.css +32 -32
  56. package/components/EmptyState/empty-state.scss +32 -32
  57. package/components/ExpandableSection/expandable-section.css +48 -48
  58. package/components/ExpandableSection/expandable-section.scss +48 -48
  59. package/components/Form/form.css +106 -106
  60. package/components/Form/form.scss +88 -88
  61. package/components/FormControl/form-control.css +44 -44
  62. package/components/FormControl/form-control.scss +44 -44
  63. package/components/HelperText/helper-text.css +2 -2
  64. package/components/HelperText/helper-text.scss +2 -2
  65. package/components/Hint/hint.css +16 -16
  66. package/components/Hint/hint.scss +16 -16
  67. package/components/InlineEdit/inline-edit.css +10 -10
  68. package/components/InlineEdit/inline-edit.scss +10 -10
  69. package/components/InputGroup/input-group.css +16 -16
  70. package/components/InputGroup/input-group.scss +16 -16
  71. package/components/JumpLinks/jump-links.css +75 -75
  72. package/components/JumpLinks/jump-links.scss +75 -75
  73. package/components/Label/label-group.css +26 -26
  74. package/components/Label/label-group.scss +26 -26
  75. package/components/Label/label.css +30 -30
  76. package/components/Label/label.scss +30 -30
  77. package/components/List/list.css +27 -27
  78. package/components/List/list.scss +27 -27
  79. package/components/LogViewer/log-viewer.css +53 -53
  80. package/components/LogViewer/log-viewer.scss +55 -55
  81. package/components/Login/login.css +88 -88
  82. package/components/Login/login.scss +88 -88
  83. package/components/Menu/menu.css +20 -20
  84. package/components/Menu/menu.scss +20 -20
  85. package/components/MenuToggle/menu-toggle.css +58 -58
  86. package/components/MenuToggle/menu-toggle.scss +58 -58
  87. package/components/ModalBox/modal-box.css +39 -39
  88. package/components/ModalBox/modal-box.scss +39 -39
  89. package/components/MultipleFileUpload/multiple-file-upload.css +32 -32
  90. package/components/MultipleFileUpload/multiple-file-upload.scss +32 -32
  91. package/components/NotificationBadge/notification-badge.css +16 -16
  92. package/components/NotificationBadge/notification-badge.scss +16 -16
  93. package/components/NotificationDrawer/notification-drawer.css +41 -41
  94. package/components/NotificationDrawer/notification-drawer.scss +41 -41
  95. package/components/NumberInput/number-input.css +2 -2
  96. package/components/NumberInput/number-input.scss +2 -2
  97. package/components/OptionsMenu/options-menu.css +79 -79
  98. package/components/OptionsMenu/options-menu.scss +79 -79
  99. package/components/Page/page.css +181 -181
  100. package/components/Page/page.scss +131 -131
  101. package/components/Pagination/pagination.css +24 -24
  102. package/components/Pagination/pagination.scss +24 -24
  103. package/components/Panel/panel.css +24 -24
  104. package/components/Panel/panel.scss +24 -24
  105. package/components/Popover/popover.css +48 -48
  106. package/components/Popover/popover.scss +48 -48
  107. package/components/Progress/progress.css +4 -4
  108. package/components/Progress/progress.scss +4 -4
  109. package/components/ProgressStepper/progress-stepper.css +225 -225
  110. package/components/ProgressStepper/progress-stepper.scss +93 -93
  111. package/components/Radio/radio.css +6 -6
  112. package/components/Radio/radio.scss +6 -6
  113. package/components/Select/select.css +171 -171
  114. package/components/Select/select.scss +171 -171
  115. package/components/Sidebar/sidebar.css +44 -44
  116. package/components/Sidebar/sidebar.scss +44 -44
  117. package/components/SimpleList/simple-list.css +18 -18
  118. package/components/SimpleList/simple-list.scss +18 -18
  119. package/components/Skeleton/skeleton.css +4 -4
  120. package/components/Skeleton/skeleton.scss +4 -4
  121. package/components/SkipToContent/skip-to-content.css +4 -4
  122. package/components/SkipToContent/skip-to-content.scss +4 -4
  123. package/components/Slider/slider.css +25 -25
  124. package/components/Slider/slider.scss +25 -25
  125. package/components/Switch/switch.css +4 -4
  126. package/components/Switch/switch.scss +4 -4
  127. package/components/TabContent/tab-content.css +24 -24
  128. package/components/TabContent/tab-content.scss +24 -24
  129. package/components/Table/table-grid.css +404 -404
  130. package/components/Table/table-grid.scss +116 -116
  131. package/components/Table/table-scrollable.css +16 -16
  132. package/components/Table/table-scrollable.scss +16 -16
  133. package/components/Table/table-tree-view.css +251 -251
  134. package/components/Table/table-tree-view.scss +59 -59
  135. package/components/Table/table.css +122 -122
  136. package/components/Table/table.scss +122 -122
  137. package/components/Tabs/tabs.css +118 -118
  138. package/components/Tabs/tabs.scss +118 -118
  139. package/components/TextInputGroup/text-input-group.css +26 -26
  140. package/components/TextInputGroup/text-input-group.scss +26 -26
  141. package/components/Tile/tile.css +13 -13
  142. package/components/Tile/tile.scss +13 -13
  143. package/components/ToggleGroup/toggle-group.css +28 -28
  144. package/components/ToggleGroup/toggle-group.scss +28 -28
  145. package/components/Tooltip/tooltip.css +26 -26
  146. package/components/Tooltip/tooltip.scss +26 -26
  147. package/components/TreeView/tree-view.css +181 -181
  148. package/components/TreeView/tree-view.scss +122 -122
  149. package/components/Wizard/wizard.css +88 -88
  150. package/components/Wizard/wizard.scss +88 -88
  151. package/components/_index.css +4257 -4256
  152. package/docs/components/Drawer/examples/Drawer.md +1 -1
  153. package/docs/components/Slider/examples/Slider.md +39 -39
  154. package/docs/components/Table/examples/Table.md +20 -20
  155. package/docs/demos/Card/examples/Card.css +2 -2
  156. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -44
  157. package/docs/demos/Table/examples/Table.md +20 -20
  158. package/package.json +1 -1
  159. package/patternfly-no-globals.css +4257 -4256
  160. package/patternfly.css +4257 -4256
  161. package/patternfly.min.css +1 -1
  162. package/patternfly.min.css.map +1 -1
package/components/Select/select.css CHANGED
@@ -1,94 +1,94 @@
1
1
  .pf-v6-c-select {
2
- --pf-v6-c-select__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
3
- --pf-v6-c-select__toggle--PaddingRight: var(--pf-v6-global--spacer--sm);
4
- --pf-v6-c-select__toggle--PaddingBottom: var(--pf-v6-global--spacer--form-element);
5
- --pf-v6-c-select__toggle--PaddingLeft: var(--pf-v6-global--spacer--sm);
2
+ --pf-v6-c-select__toggle--PaddingBlockStart: var(--pf-v6-global--spacer--form-element);
3
+ --pf-v6-c-select__toggle--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
4
+ --pf-v6-c-select__toggle--PaddingBlockEnd: var(--pf-v6-global--spacer--form-element);
5
+ --pf-v6-c-select__toggle--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
6
6
  --pf-v6-c-select__toggle--MinWidth: var(--pf-v6-global--target-size--MinWidth);
7
7
  --pf-v6-c-select__toggle--FontSize: var(--pf-v6-global--FontSize--md);
8
8
  --pf-v6-c-select__toggle--FontWeight: var(--pf-v6-global--FontWeight--normal);
9
9
  --pf-v6-c-select__toggle--LineHeight: var(--pf-v6-global--LineHeight--md);
10
10
  --pf-v6-c-select__toggle--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
11
- --pf-v6-c-select__toggle--before--BorderTopWidth: var(--pf-v6-global--BorderWidth--sm);
12
- --pf-v6-c-select__toggle--before--BorderRightWidth: var(--pf-v6-global--BorderWidth--sm);
13
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--sm);
14
- --pf-v6-c-select__toggle--before--BorderLeftWidth: var(--pf-v6-global--BorderWidth--sm);
11
+ --pf-v6-c-select__toggle--before--BorderBlockStartWidth: var(--pf-v6-global--BorderWidth--sm);
12
+ --pf-v6-c-select__toggle--before--BorderInlineEndWidth: var(--pf-v6-global--BorderWidth--sm);
13
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--sm);
14
+ --pf-v6-c-select__toggle--before--BorderInlineStartWidth: var(--pf-v6-global--BorderWidth--sm);
15
15
  --pf-v6-c-select__toggle--before--BorderWidth: initial;
16
- --pf-v6-c-select__toggle--before--BorderTopColor: var(--pf-v6-global--BorderColor--300);
17
- --pf-v6-c-select__toggle--before--BorderRightColor: var(--pf-v6-global--BorderColor--300);
18
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-global--BorderColor--200);
19
- --pf-v6-c-select__toggle--before--BorderLeftColor: var(--pf-v6-global--BorderColor--300);
16
+ --pf-v6-c-select__toggle--before--BorderBlockStartColor: var(--pf-v6-global--BorderColor--300);
17
+ --pf-v6-c-select__toggle--before--BorderInlineEndColor: var(--pf-v6-global--BorderColor--300);
18
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-global--BorderColor--200);
19
+ --pf-v6-c-select__toggle--before--BorderInlineStartColor: var(--pf-v6-global--BorderColor--300);
20
20
  --pf-v6-c-select__toggle--Color: var(--pf-v6-global--Color--100);
21
- --pf-v6-c-select__toggle--hover--before--BorderBottomColor: var(--pf-v6-global--active-color--100);
22
- --pf-v6-c-select__toggle--focus--before--BorderBottomColor: var(--pf-v6-global--active-color--100);
23
- --pf-v6-c-select__toggle--focus--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
24
- --pf-v6-c-select__toggle--active--before--BorderBottomColor: var(--pf-v6-global--active-color--100);
25
- --pf-v6-c-select__toggle--active--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
26
- --pf-v6-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-global--active-color--100);
27
- --pf-v6-c-select__toggle--m-expanded--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
21
+ --pf-v6-c-select__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
22
+ --pf-v6-c-select__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
23
+ --pf-v6-c-select__toggle--focus--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
24
+ --pf-v6-c-select__toggle--active--before--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
25
+ --pf-v6-c-select__toggle--active--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
26
+ --pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-global--active-color--100);
27
+ --pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
28
28
  --pf-v6-c-select__toggle--disabled--BackgroundColor: var(--pf-v6-global--disabled-color--300);
29
29
  --pf-v6-c-select__toggle--m-plain--before--BorderColor: transparent;
30
30
  --pf-v6-c-select__toggle--m-placeholder--Color: transparent;
31
- --pf-v6-c-select--m-invalid__toggle--before--BorderBottomColor: var(--pf-v6-global--danger-color--100);
32
- --pf-v6-c-select--m-invalid__toggle--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
33
- --pf-v6-c-select--m-invalid__toggle--hover--before--BorderBottomColor: var(--pf-v6-global--danger-color--100);
34
- --pf-v6-c-select--m-invalid__toggle--focus--before--BorderBottomColor: var(--pf-v6-global--danger-color--100);
35
- --pf-v6-c-select--m-invalid__toggle--active--before--BorderBottomColor: var(--pf-v6-global--danger-color--100);
36
- --pf-v6-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-global--danger-color--100);
31
+ --pf-v6-c-select--m-invalid__toggle--before--BorderBlockEndColor: var(--pf-v6-global--danger-color--100);
32
+ --pf-v6-c-select--m-invalid__toggle--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
33
+ --pf-v6-c-select--m-invalid__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-global--danger-color--100);
34
+ --pf-v6-c-select--m-invalid__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-global--danger-color--100);
35
+ --pf-v6-c-select--m-invalid__toggle--active--before--BorderBlockEndColor: var(--pf-v6-global--danger-color--100);
36
+ --pf-v6-c-select--m-invalid__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-global--danger-color--100);
37
37
  --pf-v6-c-select--m-invalid__toggle-status-icon--Color: var(--pf-v6-global--danger-color--100);
38
- --pf-v6-c-select--m-success__toggle--before--BorderBottomColor: var(--pf-v6-global--success-color--100);
39
- --pf-v6-c-select--m-success__toggle--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
40
- --pf-v6-c-select--m-success__toggle--hover--before--BorderBottomColor: var(--pf-v6-global--success-color--100);
41
- --pf-v6-c-select--m-success__toggle--focus--before--BorderBottomColor: var(--pf-v6-global--success-color--100);
42
- --pf-v6-c-select--m-success__toggle--active--before--BorderBottomColor: var(--pf-v6-global--success-color--100);
43
- --pf-v6-c-select--m-success__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-global--success-color--100);
38
+ --pf-v6-c-select--m-success__toggle--before--BorderBlockEndColor: var(--pf-v6-global--success-color--100);
39
+ --pf-v6-c-select--m-success__toggle--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
40
+ --pf-v6-c-select--m-success__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-global--success-color--100);
41
+ --pf-v6-c-select--m-success__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-global--success-color--100);
42
+ --pf-v6-c-select--m-success__toggle--active--before--BorderBlockEndColor: var(--pf-v6-global--success-color--100);
43
+ --pf-v6-c-select--m-success__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-global--success-color--100);
44
44
  --pf-v6-c-select--m-success__toggle-status-icon--Color: var(--pf-v6-global--success-color--100);
45
- --pf-v6-c-select--m-warning__toggle--before--BorderBottomColor: var(--pf-v6-global--warning-color--100);
46
- --pf-v6-c-select--m-warning__toggle--before--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
47
- --pf-v6-c-select--m-warning__toggle--hover--before--BorderBottomColor: var(--pf-v6-global--warning-color--100);
48
- --pf-v6-c-select--m-warning__toggle--focus--before--BorderBottomColor: var(--pf-v6-global--warning-color--100);
49
- --pf-v6-c-select--m-warning__toggle--active--before--BorderBottomColor: var(--pf-v6-global--warning-color--100);
50
- --pf-v6-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-global--warning-color--100);
45
+ --pf-v6-c-select--m-warning__toggle--before--BorderBlockEndColor: var(--pf-v6-global--warning-color--100);
46
+ --pf-v6-c-select--m-warning__toggle--before--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--md);
47
+ --pf-v6-c-select--m-warning__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-global--warning-color--100);
48
+ --pf-v6-c-select--m-warning__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-global--warning-color--100);
49
+ --pf-v6-c-select--m-warning__toggle--active--before--BorderBlockEndColor: var(--pf-v6-global--warning-color--100);
50
+ --pf-v6-c-select--m-warning__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-global--warning-color--100);
51
51
  --pf-v6-c-select--m-warning__toggle-status-icon--Color: var(--pf-v6-global--warning-color--100);
52
- --pf-v6-c-select__toggle-wrapper--not-last-child--MarginRight: var(--pf-v6-global--spacer--xs);
52
+ --pf-v6-c-select__toggle-wrapper--not-last-child--MarginInlineEnd: var(--pf-v6-global--spacer--xs);
53
53
  --pf-v6-c-select__toggle-wrapper--MaxWidth: calc(100% - var(--pf-v6-global--spacer--lg));
54
- --pf-v6-c-select__toggle-wrapper--c-chip-group--MarginTop: 0.3125rem;
55
- --pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBottom: 0.3125rem;
54
+ --pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockStart: 0.3125rem;
55
+ --pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockEnd: 0.3125rem;
56
56
  --pf-v6-c-select__toggle-typeahead--FlexBasis: 10em;
57
57
  --pf-v6-c-select__toggle-typeahead--BackgroundColor: transparent;
58
- --pf-v6-c-select__toggle-typeahead--BorderTop: var(--pf-v6-global--BorderWidth--sm) solid transparent;
59
- --pf-v6-c-select__toggle-typeahead--BorderRight: none;
60
- --pf-v6-c-select__toggle-typeahead--BorderLeft: none;
58
+ --pf-v6-c-select__toggle-typeahead--BorderBlockStart: var(--pf-v6-global--BorderWidth--sm) solid transparent;
59
+ --pf-v6-c-select__toggle-typeahead--BorderInlineEnd: none;
60
+ --pf-v6-c-select__toggle-typeahead--BorderInlineStart: none;
61
61
  --pf-v6-c-select__toggle-typeahead--MinWidth: 7.5rem;
62
62
  --pf-v6-c-select__toggle--m-placeholder__toggle-text--Color: var(--pf-v6-global--Color--dark-200);
63
- --pf-v6-c-select__toggle-icon--toggle-text--MarginLeft: var(--pf-v6-global--spacer--xs);
64
- --pf-v6-c-select__toggle-badge--PaddingLeft: var(--pf-v6-global--spacer--sm);
65
- --pf-v6-c-select__toggle-status-icon--MarginLeft: var(--pf-v6-global--spacer--xs);
63
+ --pf-v6-c-select__toggle-icon--toggle-text--MarginInlineStart: var(--pf-v6-global--spacer--xs);
64
+ --pf-v6-c-select__toggle-badge--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
65
+ --pf-v6-c-select__toggle-status-icon--MarginInlineStart: var(--pf-v6-global--spacer--xs);
66
66
  --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-global--Color--100);
67
- --pf-v6-c-select__toggle-arrow--MarginLeft: var(--pf-v6-global--spacer--md);
68
- --pf-v6-c-select__toggle-arrow--MarginRight: var(--pf-v6-global--spacer--sm);
69
- --pf-v6-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-v6-global--spacer--sm);
67
+ --pf-v6-c-select__toggle-arrow--MarginInlineStart: var(--pf-v6-global--spacer--md);
68
+ --pf-v6-c-select__toggle-arrow--MarginInlineEnd: var(--pf-v6-global--spacer--sm);
69
+ --pf-v6-c-select__toggle-arrow--with-clear--MarginInlineStart: var(--pf-v6-global--spacer--sm);
70
70
  --pf-v6-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
71
71
  --pf-v6-c-select--m-plain__toggle-arrow--Color: var(--pf-v6-global--Color--200);
72
72
  --pf-v6-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-v6-global--Color--100);
73
- --pf-v6-c-select__toggle-clear--PaddingRight: var(--pf-v6-global--spacer--sm);
74
- --pf-v6-c-select__toggle-clear--PaddingLeft: var(--pf-v6-global--spacer--md);
75
- --pf-v6-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-v6-global--spacer--sm);
73
+ --pf-v6-c-select__toggle-clear--PaddingInlineEnd: var(--pf-v6-global--spacer--sm);
74
+ --pf-v6-c-select__toggle-clear--PaddingInlineStart: var(--pf-v6-global--spacer--md);
75
+ --pf-v6-c-select__toggle-clear--toggle-button--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
76
76
  --pf-v6-c-select__toggle-button--Color: var(--pf-v6-global--Color--100);
77
77
  --pf-v6-c-select__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
78
78
  --pf-v6-c-select__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
79
- --pf-v6-c-select__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
80
- --pf-v6-c-select__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
81
- --pf-v6-c-select__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
79
+ --pf-v6-c-select__menu--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
80
+ --pf-v6-c-select__menu--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
81
+ --pf-v6-c-select__menu--InsetBlockStart: calc(100% + var(--pf-v6-global--spacer--xs));
82
82
  --pf-v6-c-select__menu--ZIndex: var(--pf-t--global--z-index--sm);
83
83
  --pf-v6-c-select__menu--Width: auto;
84
84
  --pf-v6-c-select__menu--MinWidth: 100%;
85
85
  --pf-v6-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
86
- --pf-v6-c-select__list-item--m-loading--PaddingTop: var(--pf-v6-global--spacer--sm);
87
- --pf-v6-c-select__menu-item--PaddingTop: var(--pf-v6-global--spacer--sm);
88
- --pf-v6-c-select__menu-item--PaddingRight: var(--pf-v6-global--spacer--md);
89
- --pf-v6-c-select__menu-item--m-selected--PaddingRight: var(--pf-v6-global--spacer--2xl);
90
- --pf-v6-c-select__menu-item--PaddingBottom: var(--pf-v6-global--spacer--sm);
91
- --pf-v6-c-select__menu-item--PaddingLeft: var(--pf-v6-global--spacer--md);
86
+ --pf-v6-c-select__list-item--m-loading--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
87
+ --pf-v6-c-select__menu-item--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
88
+ --pf-v6-c-select__menu-item--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
89
+ --pf-v6-c-select__menu-item--m-selected--PaddingInlineEnd: var(--pf-v6-global--spacer--2xl);
90
+ --pf-v6-c-select__menu-item--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
91
+ --pf-v6-c-select__menu-item--PaddingInlineStart: var(--pf-v6-global--spacer--md);
92
92
  --pf-v6-c-select__menu-item--FontSize: var(--pf-v6-global--FontSize--md);
93
93
  --pf-v6-c-select__menu-item--FontWeight: var(--pf-v6-global--FontWeight--normal);
94
94
  --pf-v6-c-select__menu-item--LineHeight: var(--pf-v6-global--LineHeight--md);
@@ -119,82 +119,82 @@
119
119
  --pf-v6-c-select__menu-item--m-load--Color: var(--pf-v6-global--link--Color);
120
120
  --pf-v6-c-select__menu-item-icon--Color: var(--pf-v6-global--active-color--100);
121
121
  --pf-v6-c-select__menu-item-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
122
- --pf-v6-c-select__menu-item-icon--Right: var(--pf-v6-global--spacer--md);
123
- --pf-v6-c-select__menu-item-icon--Top: 50%;
122
+ --pf-v6-c-select__menu-item-icon--InsetInlineEnd: var(--pf-v6-global--spacer--md);
123
+ --pf-v6-c-select__menu-item-icon--InsetBlockStart: 50%;
124
124
  --pf-v6-c-select__menu-item-icon--TranslateY: -50%;
125
125
  --pf-v6-c-select__menu-item-action-icon--MinHeight: calc(var(--pf-v6-c-select__menu-item--FontSize) * var(--pf-v6-c-select__menu-item--LineHeight));
126
126
  --pf-v6-c-select__menu-item--match--FontWeight: var(--pf-v6-global--FontWeight--bold);
127
- --pf-v6-c-select__menu-search--PaddingTop: var(--pf-v6-global--spacer--sm);
128
- --pf-v6-c-select__menu-search--PaddingRight: var(--pf-v6-c-select__menu-item--PaddingRight);
129
- --pf-v6-c-select__menu-search--PaddingBottom: var(--pf-v6-global--spacer--md);
130
- --pf-v6-c-select__menu-search--PaddingLeft: var(--pf-v6-c-select__menu-item--PaddingLeft);
131
- --pf-v6-c-select__menu-group--menu-group--PaddingTop: var(--pf-v6-global--spacer--sm);
132
- --pf-v6-c-select__menu-group-title--PaddingTop: var(--pf-v6-c-select__menu-item--PaddingTop);
133
- --pf-v6-c-select__menu-group-title--PaddingRight: var(--pf-v6-c-select__menu-item--PaddingRight);
134
- --pf-v6-c-select__menu-group-title--PaddingBottom: var(--pf-v6-c-select__menu-item--PaddingBottom);
135
- --pf-v6-c-select__menu-group-title--PaddingLeft: var(--pf-v6-c-select__menu-item--PaddingLeft);
127
+ --pf-v6-c-select__menu-search--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
128
+ --pf-v6-c-select__menu-search--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--PaddingInlineEnd);
129
+ --pf-v6-c-select__menu-search--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
130
+ --pf-v6-c-select__menu-search--PaddingInlineStart: var(--pf-v6-c-select__menu-item--PaddingInlineStart);
131
+ --pf-v6-c-select__menu-group--menu-group--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
132
+ --pf-v6-c-select__menu-group-title--PaddingBlockStart: var(--pf-v6-c-select__menu-item--PaddingBlockStart);
133
+ --pf-v6-c-select__menu-group-title--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--PaddingInlineEnd);
134
+ --pf-v6-c-select__menu-group-title--PaddingBlockEnd: var(--pf-v6-c-select__menu-item--PaddingBlockEnd);
135
+ --pf-v6-c-select__menu-group-title--PaddingInlineStart: var(--pf-v6-c-select__menu-item--PaddingInlineStart);
136
136
  --pf-v6-c-select__menu-group-title--FontSize: var(--pf-v6-global--FontSize--xs);
137
137
  --pf-v6-c-select__menu-group-title--FontWeight: var(--pf-v6-global--FontWeight--normal);
138
138
  --pf-v6-c-select__menu-group-title--Color: var(--pf-v6-global--Color--dark-200);
139
- --pf-v6-c-select__menu-item-count--MarginLeft: var(--pf-v6-global--spacer--md);
139
+ --pf-v6-c-select__menu-item-count--MarginInlineStart: var(--pf-v6-global--spacer--md);
140
140
  --pf-v6-c-select__menu-item-count--FontSize: var(--pf-v6-global--FontSize--sm);
141
141
  --pf-v6-c-select__menu-item-count--Color: var(--pf-v6-global--Color--200);
142
142
  --pf-v6-c-select__menu-item--disabled__menu-item-count--Color: var(--pf-v6-global--Color--dark-200);
143
143
  --pf-v6-c-select__menu-item-description--FontSize: var(--pf-v6-global--FontSize--xs);
144
144
  --pf-v6-c-select__menu-item-description--Color: var(--pf-v6-global--Color--200);
145
- --pf-v6-c-select__menu-item-description--PaddingRight: var(--pf-v6-c-select__menu-item--PaddingRight);
146
- --pf-v6-c-select__menu-item-main--PaddingRight: var(--pf-v6-c-select__menu-item--PaddingRight);
147
- --pf-v6-c-select__menu-item--m-selected__menu-item-main--PaddingRight: var(--pf-v6-c-select__menu-item--m-selected--PaddingRight);
145
+ --pf-v6-c-select__menu-item-description--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--PaddingInlineEnd);
146
+ --pf-v6-c-select__menu-item-main--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--PaddingInlineEnd);
147
+ --pf-v6-c-select__menu-item--m-selected__menu-item-main--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--m-selected--PaddingInlineEnd);
148
148
  --pf-v6-c-select__menu-footer--BoxShadow: var(--pf-v6-global--BoxShadow--sm-top);
149
- --pf-v6-c-select__menu-footer--PaddingTop: var(--pf-v6-global--spacer--md);
150
- --pf-v6-c-select__menu-footer--PaddingRight: var(--pf-v6-global--spacer--md);
151
- --pf-v6-c-select__menu-footer--PaddingBottom: var(--pf-v6-global--spacer--md);
152
- --pf-v6-c-select__menu-footer--PaddingLeft: var(--pf-v6-global--spacer--md);
153
- --pf-v6-c-select__menu-footer--MarginTop: var(--pf-v6-global--spacer--sm);
154
- --pf-v6-c-select__menu-footer--MarginBottom: calc(var(--pf-v6-global--spacer--sm) * -1);
155
- --pf-v6-c-select-menu--c-divider--MarginTop: var(--pf-v6-global--spacer--sm);
156
- --pf-v6-c-select-menu--c-divider--MarginBottom: var(--pf-v6-global--spacer--sm);
149
+ --pf-v6-c-select__menu-footer--PaddingBlockStart: var(--pf-v6-global--spacer--md);
150
+ --pf-v6-c-select__menu-footer--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
151
+ --pf-v6-c-select__menu-footer--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
152
+ --pf-v6-c-select__menu-footer--PaddingInlineStart: var(--pf-v6-global--spacer--md);
153
+ --pf-v6-c-select__menu-footer--MarginBlockStart: var(--pf-v6-global--spacer--sm);
154
+ --pf-v6-c-select__menu-footer--MarginBlockEnd: calc(var(--pf-v6-global--spacer--sm) * -1);
155
+ --pf-v6-c-select-menu--c-divider--MarginBlockStart: var(--pf-v6-global--spacer--sm);
156
+ --pf-v6-c-select-menu--c-divider--MarginBlockEnd: var(--pf-v6-global--spacer--sm);
157
157
  position: relative;
158
158
  display: inline-block;
159
159
  width: 100%;
160
160
  }
161
161
  .pf-v6-c-select .pf-v6-c-divider {
162
- margin-block-start: var(--pf-v6-c-select-menu--c-divider--MarginTop);
163
- margin-block-end: var(--pf-v6-c-select-menu--c-divider--MarginBottom);
162
+ margin-block-start: var(--pf-v6-c-select-menu--c-divider--MarginBlockStart);
163
+ margin-block-end: var(--pf-v6-c-select-menu--c-divider--MarginBlockEnd);
164
164
  }
165
165
  .pf-v6-c-select .pf-v6-c-divider:last-child {
166
- --pf-v6-c-select-menu--c-divider--MarginBottom: 0;
166
+ --pf-v6-c-select-menu--c-divider--MarginBlockEnd: 0;
167
167
  }
168
168
  .pf-v6-c-select.pf-m-invalid {
169
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select--m-invalid__toggle--before--BorderBottomColor);
170
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select--m-invalid__toggle--before--BorderBottomWidth);
171
- --pf-v6-c-select__toggle--hover--before--BorderBottomColor: var(--pf-v6-c-select--m-invalid__toggle--hover--before--BorderBottomColor);
172
- --pf-v6-c-select__toggle--focus--before--BorderBottomColor: var(--pf-v6-c-select--m-invalid__toggle--focus--before--BorderBottomColor);
173
- --pf-v6-c-select__toggle--active--before--BorderBottomColor: var(--pf-v6-c-select--m-invalid__toggle--active--before--BorderBottomColor);
174
- --pf-v6-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor);
169
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select--m-invalid__toggle--before--BorderBlockEndColor);
170
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select--m-invalid__toggle--before--BorderBlockEndWidth);
171
+ --pf-v6-c-select__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-c-select--m-invalid__toggle--hover--before--BorderBlockEndColor);
172
+ --pf-v6-c-select__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-c-select--m-invalid__toggle--focus--before--BorderBlockEndColor);
173
+ --pf-v6-c-select__toggle--active--before--BorderBlockEndColor: var(--pf-v6-c-select--m-invalid__toggle--active--before--BorderBlockEndColor);
174
+ --pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-c-select--m-invalid__toggle--m-expanded--before--BorderBlockEndColor);
175
175
  --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-invalid__toggle-status-icon--Color);
176
176
  }
177
177
  .pf-v6-c-select.pf-m-success {
178
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select--m-success__toggle--before--BorderBottomColor);
179
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select--m-success__toggle--before--BorderBottomWidth);
180
- --pf-v6-c-select__toggle--hover--before--BorderBottomColor: var(--pf-v6-c-select--m-success__toggle--hover--before--BorderBottomColor);
181
- --pf-v6-c-select__toggle--focus--before--BorderBottomColor: var(--pf-v6-c-select--m-success__toggle--focus--before--BorderBottomColor);
182
- --pf-v6-c-select__toggle--active--before--BorderBottomColor: var(--pf-v6-c-select--m-success__toggle--active--before--BorderBottomColor);
183
- --pf-v6-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-c-select--m-success__toggle--m-expanded--before--BorderBottomColor);
178
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select--m-success__toggle--before--BorderBlockEndColor);
179
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select--m-success__toggle--before--BorderBlockEndWidth);
180
+ --pf-v6-c-select__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-c-select--m-success__toggle--hover--before--BorderBlockEndColor);
181
+ --pf-v6-c-select__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-c-select--m-success__toggle--focus--before--BorderBlockEndColor);
182
+ --pf-v6-c-select__toggle--active--before--BorderBlockEndColor: var(--pf-v6-c-select--m-success__toggle--active--before--BorderBlockEndColor);
183
+ --pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-c-select--m-success__toggle--m-expanded--before--BorderBlockEndColor);
184
184
  --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-success__toggle-status-icon--Color);
185
185
  }
186
186
  .pf-v6-c-select.pf-m-warning {
187
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select--m-warning__toggle--before--BorderBottomColor);
188
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select--m-warning__toggle--before--BorderBottomWidth);
189
- --pf-v6-c-select__toggle--hover--before--BorderBottomColor: var(--pf-v6-c-select--m-warning__toggle--hover--before--BorderBottomColor);
190
- --pf-v6-c-select__toggle--focus--before--BorderBottomColor: var(--pf-v6-c-select--m-warning__toggle--focus--before--BorderBottomColor);
191
- --pf-v6-c-select__toggle--active--before--BorderBottomColor: var(--pf-v6-c-select--m-warning__toggle--active--before--BorderBottomColor);
192
- --pf-v6-c-select__toggle--m-expanded--before--BorderBottomColor: var(--pf-v6-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor);
187
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select--m-warning__toggle--before--BorderBlockEndColor);
188
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select--m-warning__toggle--before--BorderBlockEndWidth);
189
+ --pf-v6-c-select__toggle--hover--before--BorderBlockEndColor: var(--pf-v6-c-select--m-warning__toggle--hover--before--BorderBlockEndColor);
190
+ --pf-v6-c-select__toggle--focus--before--BorderBlockEndColor: var(--pf-v6-c-select--m-warning__toggle--focus--before--BorderBlockEndColor);
191
+ --pf-v6-c-select__toggle--active--before--BorderBlockEndColor: var(--pf-v6-c-select--m-warning__toggle--active--before--BorderBlockEndColor);
192
+ --pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndColor: var(--pf-v6-c-select--m-warning__toggle--m-expanded--before--BorderBlockEndColor);
193
193
  --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-warning__toggle-status-icon--Color);
194
194
  }
195
195
 
196
196
  .pf-v6-c-select__menu-search + .pf-v6-c-divider {
197
- --pf-v6-c-select-menu--c-divider--MarginTop: 0;
197
+ --pf-v6-c-select-menu--c-divider--MarginBlockStart: 0;
198
198
  }
199
199
 
200
200
  .pf-v6-c-select__toggle {
@@ -204,10 +204,10 @@
204
204
  justify-content: space-between;
205
205
  width: 100%;
206
206
  min-width: var(--pf-v6-c-select__toggle--MinWidth);
207
- padding-block-start: var(--pf-v6-c-select__toggle--PaddingTop);
208
- padding-block-end: var(--pf-v6-c-select__toggle--PaddingBottom);
209
- padding-inline-start: var(--pf-v6-c-select__toggle--PaddingLeft);
210
- padding-inline-end: var(--pf-v6-c-select__toggle--PaddingRight);
207
+ padding-block-start: var(--pf-v6-c-select__toggle--PaddingBlockStart);
208
+ padding-block-end: var(--pf-v6-c-select__toggle--PaddingBlockEnd);
209
+ padding-inline-start: var(--pf-v6-c-select__toggle--PaddingInlineStart);
210
+ padding-inline-end: var(--pf-v6-c-select__toggle--PaddingInlineEnd);
211
211
  font-size: var(--pf-v6-c-select__toggle--FontSize);
212
212
  font-weight: var(--pf-v6-c-select__toggle--FontWeight);
213
213
  line-height: var(--pf-v6-c-select__toggle--LineHeight);
@@ -225,31 +225,31 @@
225
225
  border: 0;
226
226
  }
227
227
  .pf-v6-c-select__toggle::before {
228
- --pf-v6-c-select__toggle--before--BorderWidth-base: var(--pf-v6-c-select__toggle--before--BorderTopWidth) var(--pf-v6-c-select__toggle--before--BorderRightWidth) var(--pf-v6-c-select__toggle--before--BorderBottomWidth) var(--pf-v6-c-select__toggle--before--BorderLeftWidth);
228
+ --pf-v6-c-select__toggle--before--BorderWidth-base: var(--pf-v6-c-select__toggle--before--BorderBlockStartWidth) var(--pf-v6-c-select__toggle--before--BorderInlineEndWidth) var(--pf-v6-c-select__toggle--before--BorderBlockEndWidth) var(--pf-v6-c-select__toggle--before--BorderInlineStartWidth);
229
229
  position: absolute;
230
230
  inset: 0;
231
231
  content: "";
232
232
  border-style: solid;
233
233
  border-width: var(--pf-v6-c-select__toggle--before--BorderWidth, var(--pf-v6-c-select__toggle--before--BorderWidth-base));
234
- border-block-start-color: var(--pf-v6-c-select__toggle--before--BorderTopColor);
235
- border-block-end-color: var(--pf-v6-c-select__toggle--before--BorderBottomColor);
236
- border-inline-start-color: var(--pf-v6-c-select__toggle--before--BorderLeftColor);
237
- border-inline-end-color: var(--pf-v6-c-select__toggle--before--BorderRightColor);
234
+ border-block-start-color: var(--pf-v6-c-select__toggle--before--BorderBlockStartColor);
235
+ border-block-end-color: var(--pf-v6-c-select__toggle--before--BorderBlockEndColor);
236
+ border-inline-start-color: var(--pf-v6-c-select__toggle--before--BorderInlineStartColor);
237
+ border-inline-end-color: var(--pf-v6-c-select__toggle--before--BorderInlineEndColor);
238
238
  }
239
239
  .pf-v6-c-select__toggle:hover {
240
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select__toggle--hover--before--BorderBottomColor);
240
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select__toggle--hover--before--BorderBlockEndColor);
241
241
  }
242
242
  .pf-v6-c-select__toggle:focus, .pf-v6-c-select__toggle:focus-within {
243
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select__toggle--focus--before--BorderBottomColor);
244
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select__toggle--focus--before--BorderBottomWidth);
243
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select__toggle--focus--before--BorderBlockEndColor);
244
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select__toggle--focus--before--BorderBlockEndWidth);
245
245
  }
246
246
  .pf-v6-c-select__toggle:active, .pf-v6-c-select__toggle.pf-m-active {
247
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select__toggle--active--before--BorderBottomColor);
248
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select__toggle--active--before--BorderBottomWidth);
247
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select__toggle--active--before--BorderBlockEndColor);
248
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select__toggle--active--before--BorderBlockEndWidth);
249
249
  }
250
250
  .pf-m-expanded > .pf-v6-c-select__toggle {
251
- --pf-v6-c-select__toggle--before--BorderBottomColor: var(--pf-v6-c-select__toggle--m-expanded--before--BorderBottomColor);
252
- --pf-v6-c-select__toggle--before--BorderBottomWidth: var(--pf-v6-c-select__toggle--m-expanded--before--BorderBottomWidth);
251
+ --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndColor);
252
+ --pf-v6-c-select__toggle--before--BorderBlockEndWidth: var(--pf-v6-c-select__toggle--m-expanded--before--BorderBlockEndWidth);
253
253
  }
254
254
  .pf-v6-c-select__toggle.pf-m-plain {
255
255
  --pf-v6-c-select__toggle-arrow--Color: var(--pf-v6-c-select--m-plain__toggle-arrow--Color);
@@ -261,9 +261,9 @@
261
261
  --pf-v6-c-select--m-plain__toggle-arrow--Color: var(--pf-v6-c-select--m-plain--hover__toggle-arrow--Color);
262
262
  }
263
263
  .pf-v6-c-select__toggle.pf-m-typeahead {
264
- --pf-v6-c-select__toggle--PaddingTop: 0;
265
- --pf-v6-c-select__toggle--PaddingRight: 0;
266
- --pf-v6-c-select__toggle--PaddingBottom: 0;
264
+ --pf-v6-c-select__toggle--PaddingBlockStart: 0;
265
+ --pf-v6-c-select__toggle--PaddingInlineEnd: 0;
266
+ --pf-v6-c-select__toggle--PaddingBlockEnd: 0;
267
267
  }
268
268
  .pf-v6-c-select__toggle.pf-m-typeahead .pf-v6-c-form-control {
269
269
  overflow: hidden;
@@ -273,15 +273,15 @@
273
273
  position: relative;
274
274
  }
275
275
  .pf-v6-c-select__toggle .pf-v6-c-select__toggle-clear {
276
- padding-inline-start: var(--pf-v6-c-select__toggle-clear--PaddingLeft);
277
- padding-inline-end: var(--pf-v6-c-select__toggle-clear--PaddingRight);
276
+ padding-inline-start: var(--pf-v6-c-select__toggle-clear--PaddingInlineStart);
277
+ padding-inline-end: var(--pf-v6-c-select__toggle-clear--PaddingInlineEnd);
278
278
  margin-inline-start: auto;
279
279
  }
280
280
  .pf-v6-c-select__toggle .pf-v6-c-select__toggle-button {
281
281
  color: var(--pf-v6-c-select__toggle-button--Color);
282
282
  }
283
283
  .pf-v6-c-select__toggle .pf-v6-c-select__toggle-clear + .pf-v6-c-select__toggle-button {
284
- padding-inline-start: var(--pf-v6-c-select__toggle-clear--toggle-button--PaddingLeft);
284
+ padding-inline-start: var(--pf-v6-c-select__toggle-clear--toggle-button--PaddingInlineStart);
285
285
  }
286
286
  .pf-v6-c-select__toggle.pf-m-placeholder {
287
287
  --pf-v6-c-select__toggle-text--Color: var(--pf-v6-c-select__toggle--m-placeholder__toggle-text--Color);
@@ -291,8 +291,8 @@
291
291
  color: var(--pf-v6-c-select__toggle-arrow--Color, inherit);
292
292
  }
293
293
  * + .pf-v6-c-select__toggle-arrow {
294
- margin-inline-start: var(--pf-v6-c-select__toggle-arrow--MarginLeft);
295
- margin-inline-end: var(--pf-v6-c-select__toggle-arrow--MarginRight);
294
+ margin-inline-start: var(--pf-v6-c-select__toggle-arrow--MarginInlineStart);
295
+ margin-inline-end: var(--pf-v6-c-select__toggle-arrow--MarginInlineEnd);
296
296
  }
297
297
  .pf-v6-c-select.pf-m-top.pf-m-expanded .pf-v6-c-select__toggle-arrow {
298
298
  transform: rotate(var(--pf-v6-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
@@ -316,28 +316,28 @@
316
316
  white-space: normal;
317
317
  }
318
318
  .pf-v6-c-select__toggle-wrapper > :not(:last-child) {
319
- margin-inline-end: var(--pf-v6-c-select__toggle-wrapper--not-last-child--MarginRight);
319
+ margin-inline-end: var(--pf-v6-c-select__toggle-wrapper--not-last-child--MarginInlineEnd);
320
320
  }
321
321
  .pf-v6-c-select__toggle-wrapper .pf-v6-c-chip-group {
322
- margin-block-start: var(--pf-v6-c-select__toggle-wrapper--c-chip-group--MarginTop);
323
- margin-block-end: var(--pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBottom);
322
+ margin-block-start: var(--pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockStart);
323
+ margin-block-end: var(--pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockEnd);
324
324
  }
325
325
  .pf-v6-c-select__toggle-wrapper > .pf-v6-c-select__toggle-typeahead:first-child {
326
- margin-inline-start: calc(-1 * var(--pf-v6-c-select__toggle--PaddingLeft));
326
+ margin-inline-start: calc(-1 * var(--pf-v6-c-select__toggle--PaddingInlineStart));
327
327
  }
328
328
 
329
329
  .pf-v6-c-select__toggle-icon + .pf-v6-c-select__toggle-text {
330
- margin-inline-start: var(--pf-v6-c-select__toggle-icon--toggle-text--MarginLeft);
330
+ margin-inline-start: var(--pf-v6-c-select__toggle-icon--toggle-text--MarginInlineStart);
331
331
  }
332
332
 
333
333
  .pf-v6-c-select__toggle-status-icon {
334
- margin-inline-start: var(--pf-v6-c-select__toggle-status-icon--MarginLeft);
334
+ margin-inline-start: var(--pf-v6-c-select__toggle-status-icon--MarginInlineStart);
335
335
  color: var(--pf-v6-c-select__toggle-status-icon--Color);
336
336
  }
337
337
 
338
338
  .pf-v6-c-select__toggle-badge {
339
339
  display: flex;
340
- padding-inline-start: var(--pf-v6-c-select__toggle-badge--PaddingLeft);
340
+ padding-inline-start: var(--pf-v6-c-select__toggle-badge--PaddingInlineStart);
341
341
  }
342
342
 
343
343
  .pf-v6-c-select__toggle-typeahead {
@@ -355,12 +355,12 @@
355
355
 
356
356
  .pf-v6-c-select__menu {
357
357
  position: absolute;
358
- inset-block-start: var(--pf-v6-c-select__menu--Top);
358
+ inset-block-start: var(--pf-v6-c-select__menu--InsetBlockStart);
359
359
  z-index: var(--pf-v6-c-select__menu--ZIndex);
360
360
  width: var(--pf-v6-c-select__menu--Width);
361
361
  min-width: var(--pf-v6-c-select__menu--MinWidth);
362
- padding-block-start: var(--pf-v6-c-select__menu--PaddingTop);
363
- padding-block-end: var(--pf-v6-c-select__menu--PaddingBottom);
362
+ padding-block-start: var(--pf-v6-c-select__menu--PaddingBlockStart);
363
+ padding-block-end: var(--pf-v6-c-select__menu--PaddingBlockEnd);
364
364
  background-color: var(--pf-v6-c-select__menu--BackgroundColor);
365
365
  background-clip: padding-box;
366
366
  box-shadow: var(--pf-v6-c-select__menu--BoxShadow);
@@ -396,10 +396,10 @@
396
396
  .pf-v6-c-select__menu-item {
397
397
  position: relative;
398
398
  width: var(--pf-v6-c-select__menu-item--Width);
399
- padding-block-start: var(--pf-v6-c-select__menu-item--PaddingTop);
400
- padding-block-end: var(--pf-v6-c-select__menu-item--PaddingBottom);
401
- padding-inline-start: var(--pf-v6-c-select__menu-item--PaddingLeft);
402
- padding-inline-end: var(--pf-v6-c-select__menu-item--PaddingRight);
399
+ padding-block-start: var(--pf-v6-c-select__menu-item--PaddingBlockStart);
400
+ padding-block-end: var(--pf-v6-c-select__menu-item--PaddingBlockEnd);
401
+ padding-inline-start: var(--pf-v6-c-select__menu-item--PaddingInlineStart);
402
+ padding-inline-end: var(--pf-v6-c-select__menu-item--PaddingInlineEnd);
403
403
  font-size: var(--pf-v6-c-select__menu-item--FontSize);
404
404
  font-weight: var(--pf-v6-c-select__menu-item--FontWeight);
405
405
  line-height: var(--pf-v6-c-select__menu-item--LineHeight);
@@ -424,9 +424,9 @@
424
424
  }
425
425
 
426
426
  .pf-v6-c-select__menu-item.pf-m-link {
427
- --pf-v6-c-select__menu-item--PaddingRight: 0;
428
- --pf-v6-c-select__menu-item-main--PaddingRight: 0;
429
- --pf-v6-c-select__menu-item-description--PaddingRight: 0;
427
+ --pf-v6-c-select__menu-item--PaddingInlineEnd: 0;
428
+ --pf-v6-c-select__menu-item-main--PaddingInlineEnd: 0;
429
+ --pf-v6-c-select__menu-item-description--PaddingInlineEnd: 0;
430
430
  --pf-v6-c-select__menu-item--Width: var(--pf-v6-c-select__menu-item--m-link--Width);
431
431
  --pf-v6-c-select__menu-item--hover--BackgroundColor: var(--pf-v6-c-select__menu-item--m-link--hover--BackgroundColor);
432
432
  --pf-v6-c-select__menu-item--focus--BackgroundColor: var(--pf-v6-c-select__menu-item--m-link--focus--BackgroundColor);
@@ -456,14 +456,14 @@
456
456
  --pf-v6-c-select__menu-item--m-action--focus--Color: var(--pf-v6-c-select__menu-item--m-favorite-action--focus--Color);
457
457
  }
458
458
  .pf-v6-c-select__menu-item.pf-m-selected {
459
- --pf-v6-c-select__menu-item--PaddingRight: var(--pf-v6-c-select__menu-item--m-selected--PaddingRight);
460
- --pf-v6-c-select__menu-item-main--PaddingRight: var(--pf-v6-c-select__menu-item--m-selected__menu-item-main--PaddingRight);
459
+ --pf-v6-c-select__menu-item--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--m-selected--PaddingInlineEnd);
460
+ --pf-v6-c-select__menu-item-main--PaddingInlineEnd: var(--pf-v6-c-select__menu-item--m-selected__menu-item-main--PaddingInlineEnd);
461
461
  }
462
462
  .pf-v6-c-select__menu-item.pf-m-description {
463
463
  white-space: normal;
464
464
  }
465
465
  .pf-v6-c-select__menu-item.pf-m-description:not(.pf-v6-c-check) {
466
- --pf-v6-c-select__menu-item--PaddingRight: 0;
466
+ --pf-v6-c-select__menu-item--PaddingInlineEnd: 0;
467
467
  }
468
468
  .pf-v6-c-select__menu-item.pf-m-description .pf-v6-c-check__label {
469
469
  white-space: nowrap;
@@ -485,14 +485,14 @@
485
485
  }
486
486
 
487
487
  .pf-v6-c-select__list-item.pf-m-loading {
488
- padding-block-start: var(--pf-v6-c-select__list-item--m-loading--PaddingTop);
488
+ padding-block-start: var(--pf-v6-c-select__list-item--m-loading--PaddingBlockStart);
489
489
  text-align: center;
490
490
  }
491
491
 
492
492
  .pf-v6-c-select__menu-item-main {
493
493
  position: relative;
494
494
  display: block;
495
- padding-inline-end: var(--pf-v6-c-select__menu-item-main--PaddingRight);
495
+ padding-inline-end: var(--pf-v6-c-select__menu-item-main--PaddingInlineEnd);
496
496
  white-space: nowrap;
497
497
  }
498
498
 
@@ -506,22 +506,22 @@
506
506
 
507
507
  .pf-v6-c-select__menu-item-count {
508
508
  align-self: center;
509
- margin-inline-start: var(--pf-v6-c-select__menu-item-count--MarginLeft);
509
+ margin-inline-start: var(--pf-v6-c-select__menu-item-count--MarginInlineStart);
510
510
  font-size: var(--pf-v6-c-select__menu-item-count--FontSize);
511
511
  color: var(--pf-v6-c-select__menu-item-count--Color);
512
512
  }
513
513
 
514
514
  .pf-v6-c-select__menu-item-description {
515
515
  display: block;
516
- padding-inline-end: var(--pf-v6-c-select__menu-item-description--PaddingRight);
516
+ padding-inline-end: var(--pf-v6-c-select__menu-item-description--PaddingInlineEnd);
517
517
  font-size: var(--pf-v6-c-select__menu-item-description--FontSize);
518
518
  color: var(--pf-v6-c-select__menu-item-description--Color);
519
519
  }
520
520
 
521
521
  .pf-v6-c-select__menu-item-icon {
522
522
  position: absolute;
523
- inset-block-start: var(--pf-v6-c-select__menu-item-icon--Top);
524
- inset-inline-end: var(--pf-v6-c-select__menu-item-icon--Right);
523
+ inset-block-start: var(--pf-v6-c-select__menu-item-icon--InsetBlockStart);
524
+ inset-inline-end: var(--pf-v6-c-select__menu-item-icon--InsetInlineEnd);
525
525
  font-size: var(--pf-v6-c-select__menu-item-icon--FontSize);
526
526
  color: var(--pf-v6-c-select__menu-item-icon--Color);
527
527
  transform: translateY(var(--pf-v6-c-select__menu-item-icon--TranslateY));
@@ -539,32 +539,32 @@
539
539
  }
540
540
 
541
541
  .pf-v6-c-select__menu-group + .pf-v6-c-select__menu-group {
542
- padding-block-start: var(--pf-v6-c-select__menu-group--menu-group--PaddingTop);
542
+ padding-block-start: var(--pf-v6-c-select__menu-group--menu-group--PaddingBlockStart);
543
543
  }
544
544
 
545
545
  .pf-v6-c-select__menu-search {
546
- padding-block-start: var(--pf-v6-c-select__menu-search--PaddingTop);
547
- padding-block-end: var(--pf-v6-c-select__menu-search--PaddingBottom);
548
- padding-inline-start: var(--pf-v6-c-select__menu-search--PaddingLeft);
549
- padding-inline-end: var(--pf-v6-c-select__menu-search--PaddingRight);
546
+ padding-block-start: var(--pf-v6-c-select__menu-search--PaddingBlockStart);
547
+ padding-block-end: var(--pf-v6-c-select__menu-search--PaddingBlockEnd);
548
+ padding-inline-start: var(--pf-v6-c-select__menu-search--PaddingInlineStart);
549
+ padding-inline-end: var(--pf-v6-c-select__menu-search--PaddingInlineEnd);
550
550
  }
551
551
 
552
552
  .pf-v6-c-select__menu-group-title {
553
- padding-block-start: var(--pf-v6-c-select__menu-group-title--PaddingTop);
554
- padding-block-end: var(--pf-v6-c-select__menu-group-title--PaddingBottom);
555
- padding-inline-start: var(--pf-v6-c-select__menu-group-title--PaddingLeft);
556
- padding-inline-end: var(--pf-v6-c-select__menu-group-title--PaddingRight);
553
+ padding-block-start: var(--pf-v6-c-select__menu-group-title--PaddingBlockStart);
554
+ padding-block-end: var(--pf-v6-c-select__menu-group-title--PaddingBlockEnd);
555
+ padding-inline-start: var(--pf-v6-c-select__menu-group-title--PaddingInlineStart);
556
+ padding-inline-end: var(--pf-v6-c-select__menu-group-title--PaddingInlineEnd);
557
557
  font-size: var(--pf-v6-c-select__menu-group-title--FontSize);
558
558
  font-weight: var(--pf-v6-c-select__menu-group-title--FontWeight);
559
559
  color: var(--pf-v6-c-select__menu-group-title--Color);
560
560
  }
561
561
 
562
562
  .pf-v6-c-select__menu-footer {
563
- padding-block-start: var(--pf-v6-c-select__menu-footer--PaddingTop);
564
- padding-block-end: var(--pf-v6-c-select__menu-footer--PaddingBottom);
565
- padding-inline-start: var(--pf-v6-c-select__menu-footer--PaddingLeft);
566
- padding-inline-end: var(--pf-v6-c-select__menu-footer--PaddingRight);
567
- margin-block-start: var(--pf-v6-c-select__menu-footer--MarginTop);
568
- margin-block-end: var(--pf-v6-c-select__menu-footer--MarginBottom);
563
+ padding-block-start: var(--pf-v6-c-select__menu-footer--PaddingBlockStart);
564
+ padding-block-end: var(--pf-v6-c-select__menu-footer--PaddingBlockEnd);
565
+ padding-inline-start: var(--pf-v6-c-select__menu-footer--PaddingInlineStart);
566
+ padding-inline-end: var(--pf-v6-c-select__menu-footer--PaddingInlineEnd);
567
+ margin-block-start: var(--pf-v6-c-select__menu-footer--MarginBlockStart);
568
+ margin-block-end: var(--pf-v6-c-select__menu-footer--MarginBlockEnd);
569
569
  box-shadow: var(--pf-v6-c-select__menu-footer--BoxShadow);
570
570
  }