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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/components/Breadcrumb/breadcrumb.css +1 -1
  2. package/components/Breadcrumb/breadcrumb.scss +1 -1
  3. package/components/Hint/hint.css +1 -1
  4. package/components/Hint/hint.scss +1 -1
  5. package/components/Login/login.css +2 -9
  6. package/components/Login/login.scss +1 -9
  7. package/components/Page/page.css +0 -19
  8. package/components/Page/page.scss +0 -23
  9. package/components/Table/table-tree-view.css +25 -25
  10. package/components/Table/table-tree-view.scss +5 -5
  11. package/components/_index.css +5269 -7338
  12. package/components/_index.scss +1 -6
  13. package/package.json +1 -1
  14. package/patternfly-no-globals.css +5268 -7337
  15. package/patternfly.css +5268 -7337
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
  18. package/sass-utilities/namespaces-components.scss +0 -15
  19. package/components/AppLauncher/app-launcher.css +0 -234
  20. package/components/AppLauncher/app-launcher.scss +0 -299
  21. package/components/ContextSelector/context-selector.css +0 -306
  22. package/components/ContextSelector/context-selector.scss +0 -375
  23. package/components/Dropdown/dropdown.css +0 -664
  24. package/components/Dropdown/dropdown.scss +0 -814
  25. package/components/OptionsMenu/options-menu.css +0 -264
  26. package/components/OptionsMenu/options-menu.scss +0 -325
  27. package/components/Select/select.css +0 -570
  28. package/components/Select/select.scss +0 -704
package/components/ContextSelector/context-selector.css DELETED
@@ -1,306 +0,0 @@
1
- .pf-v6-c-context-selector {
2
- --pf-v6-c-context-selector--Width: 15.625rem;
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
- --pf-v6-c-context-selector__toggle--ColumnGap: var(--pf-v6-global--spacer--sm);
8
- --pf-v6-c-context-selector__toggle--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
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
- --pf-v6-c-context-selector__toggle--Color: var(--pf-v6-global--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
- --pf-v6-c-context-selector__toggle--BackgroundColor: transparent;
21
- --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-global--Color--200);
22
- --pf-v6-c-context-selector__toggle--m-plain--hover--Color: var(--pf-v6-global--Color--100);
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--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
- --pf-v6-c-context-selector__toggle-text--FontSize: var(--pf-v6-global--FontSize--md);
29
- --pf-v6-c-context-selector__toggle-text--FontWeight: var(--pf-v6-global--FontWeight--normal);
30
- --pf-v6-c-context-selector__toggle-text--LineHeight: var(--pf-v6-global--LineHeight--md);
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
- --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
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--InsetBlockStart: calc(100% + var(--pf-v6-global--spacer--xs));
36
- --pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--z-index--sm);
37
- --pf-v6-c-context-selector__menu--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
38
- --pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
39
- --pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
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
- --pf-v6-c-context-selector__menu-footer--BoxShadow: var(--pf-v6-global--BoxShadow--sm-top);
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
- --pf-v6-c-context-selector__menu-list--MaxHeight: 12.5rem;
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
- --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--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
- --pf-v6-c-context-selector__menu-list-item--BackgroundColor: transparent;
60
- --pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
61
- --pf-v6-c-context-selector__menu-list-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
62
- --pf-v6-c-context-selector__menu-item-icon--Color: var(--pf-v6-global--active-color--100);
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--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
- position: relative;
101
- display: inline-block;
102
- width: var(--pf-v6-c-context-selector--Width);
103
- max-width: 100%;
104
- }
105
- @media screen and (min-width: 1200px) {
106
- .pf-v6-c-context-selector {
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
- }
120
- }
121
- .pf-v6-c-context-selector.pf-m-full-height {
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
- display: inline-flex;
127
- align-items: center;
128
- height: 100%;
129
- }
130
- .pf-v6-c-context-selector.pf-m-full-height .pf-v6-c-context-selector__toggle {
131
- align-self: stretch;
132
- }
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--BorderBlockStartWidth);
135
- }
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--BorderBlockEndWidth);
138
- }
139
- .pf-v6-c-context-selector.pf-m-large {
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
- }
146
- .pf-v6-c-context-selector.pf-m-page-insets {
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
- }
160
-
161
- .pf-v6-c-context-selector__toggle {
162
- position: relative;
163
- display: flex;
164
- column-gap: var(--pf-v6-c-context-selector__toggle--ColumnGap);
165
- align-items: center;
166
- width: 100%;
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
- color: var(--pf-v6-c-context-selector__toggle--Color);
172
- white-space: nowrap;
173
- cursor: pointer;
174
- background-color: var(--pf-v6-c-context-selector__toggle--BackgroundColor);
175
- border: none;
176
- }
177
- .pf-v6-c-context-selector__toggle::before {
178
- position: absolute;
179
- inset-block-start: 0;
180
- inset-block-end: 0;
181
- inset-inline-start: 0;
182
- inset-inline-end: 0;
183
- content: "";
184
- border: var(--pf-v6-c-context-selector__toggle--BorderWidth) solid;
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
- }
190
- .pf-v6-c-context-selector__toggle:hover::before {
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
- }
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--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
- }
198
- .pf-m-expanded > .pf-v6-c-context-selector__toggle::before {
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
- }
202
- .pf-v6-c-context-selector__toggle.pf-m-plain {
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
- --pf-v6-c-context-selector__toggle-icon--Color: var(--pf-v6-c-context-selector--m-plain__toggle-icon--Color);
206
- }
207
- .pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-text {
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
- }
211
- .pf-v6-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
212
- display: inline-block;
213
- width: auto;
214
- color: var(--pf-v6-c-context-selector__toggle--m-plain--Color);
215
- }
216
- .pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-v6-c-context-selector__toggle.pf-m-plain:disabled {
217
- --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-c-context-selector__toggle--m-plain--disabled--Color);
218
- }
219
- .pf-v6-c-context-selector__toggle.pf-m-plain:hover, .pf-v6-c-context-selector__toggle.pf-m-plain:active, .pf-v6-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-v6-c-context-selector__toggle.pf-m-plain:focus, .pf-v6-c-context-selector.pf-m-expanded > .pf-v6-c-context-selector__toggle.pf-m-plain {
220
- --pf-v6-c-context-selector__toggle--m-plain--Color: var(--pf-v6-c-context-selector__toggle--m-plain--hover--Color);
221
- --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color);
222
- }
223
- .pf-v6-c-context-selector__toggle.pf-m-plain::before {
224
- border: 0;
225
- }
226
- .pf-v6-c-context-selector__toggle .pf-v6-c-context-selector__toggle-text {
227
- overflow: hidden;
228
- text-overflow: ellipsis;
229
- white-space: nowrap;
230
- flex: 1 1 auto;
231
- font-size: var(--pf-v6-c-context-selector__toggle-text--FontSize);
232
- font-weight: var(--pf-v6-c-context-selector__toggle-text--FontWeight);
233
- line-height: var(--pf-v6-c-context-selector__toggle-text--LineHeight);
234
- text-align: start;
235
- }
236
-
237
- .pf-v6-c-context-selector__toggle-icon {
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
- color: var(--pf-v6-c-context-selector__toggle-icon--Color, inherit);
241
- }
242
-
243
- .pf-v6-c-context-selector__menu {
244
- position: absolute;
245
- inset-block-start: var(--pf-v6-c-context-selector__menu--InsetBlockStart);
246
- z-index: var(--pf-v6-c-context-selector__menu--ZIndex);
247
- min-width: 100%;
248
- background-color: var(--pf-v6-c-context-selector__menu--BackgroundColor);
249
- background-clip: padding-box;
250
- box-shadow: var(--pf-v6-c-context-selector__menu--BoxShadow);
251
- }
252
- .pf-v6-c-context-selector__menu.pf-m-static {
253
- position: static;
254
- inset-block-start: auto;
255
- inset-block-end: auto;
256
- inset-inline-start: auto;
257
- inset-inline-end: auto;
258
- z-index: auto;
259
- min-width: min-content;
260
- }
261
-
262
- .pf-v6-c-context-selector__menu-search {
263
- position: relative;
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
- }
270
-
271
- .pf-v6-c-context-selector__menu-footer {
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
- box-shadow: var(--pf-v6-c-context-selector__menu-footer--BoxShadow);
277
- }
278
-
279
- .pf-v6-c-context-selector__menu-list {
280
- max-height: var(--pf-v6-c-context-selector__menu-list--MaxHeight);
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
- overflow-y: auto;
284
- }
285
-
286
- .pf-v6-c-context-selector__menu-list-item {
287
- display: flex;
288
- align-items: center;
289
- width: 100%;
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
- color: var(--pf-v6-c-context-selector__menu-list-item--Color);
295
- white-space: nowrap;
296
- background-color: var(--pf-v6-c-context-selector__menu-list-item--BackgroundColor);
297
- border: none;
298
- }
299
- .pf-v6-c-context-selector__menu-list-item:hover, .pf-v6-c-context-selector__menu-list-item:focus {
300
- --pf-v6-c-context-selector__menu-list-item--BackgroundColor: var(--pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor);
301
- text-decoration: none;
302
- }
303
- .pf-v6-c-context-selector__menu-list-item.pf-m-disabled, .pf-v6-c-context-selector__menu-list-item:disabled {
304
- --pf-v6-c-context-selector__menu-list-item--Color: var(--pf-v6-c-context-selector__menu-list-item--disabled--Color);
305
- pointer-events: none;
306
- }