@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/Select/select.css DELETED
@@ -1,570 +0,0 @@
1
- .pf-v6-c-select {
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
- --pf-v6-c-select__toggle--MinWidth: var(--pf-v6-global--target-size--MinWidth);
7
- --pf-v6-c-select__toggle--FontSize: var(--pf-v6-global--FontSize--md);
8
- --pf-v6-c-select__toggle--FontWeight: var(--pf-v6-global--FontWeight--normal);
9
- --pf-v6-c-select__toggle--LineHeight: var(--pf-v6-global--LineHeight--md);
10
- --pf-v6-c-select__toggle--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
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
- --pf-v6-c-select__toggle--before--BorderWidth: initial;
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
- --pf-v6-c-select__toggle--Color: var(--pf-v6-global--Color--100);
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
- --pf-v6-c-select__toggle--disabled--BackgroundColor: var(--pf-v6-global--disabled-color--300);
29
- --pf-v6-c-select__toggle--m-plain--before--BorderColor: transparent;
30
- --pf-v6-c-select__toggle--m-placeholder--Color: transparent;
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
- --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--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
- --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--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
- --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--MarginInlineEnd: var(--pf-v6-global--spacer--xs);
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--MarginBlockStart: 0.3125rem;
55
- --pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockEnd: 0.3125rem;
56
- --pf-v6-c-select__toggle-typeahead--FlexBasis: 10em;
57
- --pf-v6-c-select__toggle-typeahead--BackgroundColor: transparent;
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
- --pf-v6-c-select__toggle-typeahead--MinWidth: 7.5rem;
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--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
- --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-global--Color--100);
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
- --pf-v6-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
71
- --pf-v6-c-select--m-plain__toggle-arrow--Color: var(--pf-v6-global--Color--200);
72
- --pf-v6-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-v6-global--Color--100);
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
- --pf-v6-c-select__toggle-button--Color: var(--pf-v6-global--Color--100);
77
- --pf-v6-c-select__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
78
- --pf-v6-c-select__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
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
- --pf-v6-c-select__menu--ZIndex: var(--pf-t--global--z-index--sm);
83
- --pf-v6-c-select__menu--Width: auto;
84
- --pf-v6-c-select__menu--MinWidth: 100%;
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--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
- --pf-v6-c-select__menu-item--FontSize: var(--pf-v6-global--FontSize--md);
93
- --pf-v6-c-select__menu-item--FontWeight: var(--pf-v6-global--FontWeight--normal);
94
- --pf-v6-c-select__menu-item--LineHeight: var(--pf-v6-global--LineHeight--md);
95
- --pf-v6-c-select__menu-item--Color: var(--pf-v6-global--Color--dark-100);
96
- --pf-v6-c-select__menu-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
97
- --pf-v6-c-select__menu-item--Width: 100%;
98
- --pf-v6-c-select__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
99
- --pf-v6-c-select__menu-item--focus--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
100
- --pf-v6-c-select__menu-item--disabled--BackgroundColor: transparent;
101
- --pf-v6-c-select__menu-item--m-link--Width: auto;
102
- --pf-v6-c-select__menu-item--m-link--hover--BackgroundColor: transparent;
103
- --pf-v6-c-select__menu-item--m-link--focus--BackgroundColor: transparent;
104
- --pf-v6-c-select__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
105
- --pf-v6-c-select__menu-item--m-action--hover--Color: var(--pf-v6-global--Color--100);
106
- --pf-v6-c-select__menu-item--m-action--focus--Color: var(--pf-v6-global--Color--100);
107
- --pf-v6-c-select__menu-item--m-action--disabled--Color: var(--pf-v6-global--disabled-color--200);
108
- --pf-v6-c-select__menu-item--m-action--Width: auto;
109
- --pf-v6-c-select__menu-item--m-action--FontSize: var(--pf-v6-global--icon--FontSize--sm);
110
- --pf-v6-c-select__menu-item--m-action--hover--BackgroundColor: transparent;
111
- --pf-v6-c-select__menu-item--m-action--focus--BackgroundColor: transparent;
112
- --pf-v6-c-select__menu-item--hover__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
113
- --pf-v6-c-select__menu-item--m-favorite-action--Color: var(--pf-v6-global--Color--200);
114
- --pf-v6-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-v6-global--Color--100);
115
- --pf-v6-c-select__menu-item--m-favorite-action--focus--Color: var(--pf-v6-global--Color--100);
116
- --pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color: var(--pf-v6-global--palette--gold-400);
117
- --pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color: var(--pf-v6-global--palette--gold-500);
118
- --pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color: var(--pf-v6-global--palette--gold-500);
119
- --pf-v6-c-select__menu-item--m-load--Color: var(--pf-v6-global--link--Color);
120
- --pf-v6-c-select__menu-item-icon--Color: var(--pf-v6-global--active-color--100);
121
- --pf-v6-c-select__menu-item-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
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
- --pf-v6-c-select__menu-item-icon--TranslateY: -50%;
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
- --pf-v6-c-select__menu-item--match--FontWeight: var(--pf-v6-global--FontWeight--bold);
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
- --pf-v6-c-select__menu-group-title--FontSize: var(--pf-v6-global--FontSize--xs);
137
- --pf-v6-c-select__menu-group-title--FontWeight: var(--pf-v6-global--FontWeight--normal);
138
- --pf-v6-c-select__menu-group-title--Color: var(--pf-v6-global--Color--dark-200);
139
- --pf-v6-c-select__menu-item-count--MarginInlineStart: var(--pf-v6-global--spacer--md);
140
- --pf-v6-c-select__menu-item-count--FontSize: var(--pf-v6-global--FontSize--sm);
141
- --pf-v6-c-select__menu-item-count--Color: var(--pf-v6-global--Color--200);
142
- --pf-v6-c-select__menu-item--disabled__menu-item-count--Color: var(--pf-v6-global--Color--dark-200);
143
- --pf-v6-c-select__menu-item-description--FontSize: var(--pf-v6-global--FontSize--xs);
144
- --pf-v6-c-select__menu-item-description--Color: var(--pf-v6-global--Color--200);
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
- --pf-v6-c-select__menu-footer--BoxShadow: var(--pf-v6-global--BoxShadow--sm-top);
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
- position: relative;
158
- display: inline-block;
159
- width: 100%;
160
- }
161
- .pf-v6-c-select .pf-v6-c-divider {
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
- }
165
- .pf-v6-c-select .pf-v6-c-divider:last-child {
166
- --pf-v6-c-select-menu--c-divider--MarginBlockEnd: 0;
167
- }
168
- .pf-v6-c-select.pf-m-invalid {
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
- --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-invalid__toggle-status-icon--Color);
176
- }
177
- .pf-v6-c-select.pf-m-success {
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
- --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-success__toggle-status-icon--Color);
185
- }
186
- .pf-v6-c-select.pf-m-warning {
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
- --pf-v6-c-select__toggle-status-icon--Color: var(--pf-v6-c-select--m-warning__toggle-status-icon--Color);
194
- }
195
-
196
- .pf-v6-c-select__menu-search + .pf-v6-c-divider {
197
- --pf-v6-c-select-menu--c-divider--MarginBlockStart: 0;
198
- }
199
-
200
- .pf-v6-c-select__toggle {
201
- position: relative;
202
- display: flex;
203
- align-items: center;
204
- justify-content: space-between;
205
- width: 100%;
206
- min-width: var(--pf-v6-c-select__toggle--MinWidth);
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
- font-size: var(--pf-v6-c-select__toggle--FontSize);
212
- font-weight: var(--pf-v6-c-select__toggle--FontWeight);
213
- line-height: var(--pf-v6-c-select__toggle--LineHeight);
214
- color: var(--pf-v6-c-select__toggle--Color);
215
- white-space: nowrap;
216
- cursor: pointer;
217
- background-color: var(--pf-v6-c-select__toggle--BackgroundColor);
218
- border: none;
219
- }
220
- .pf-v6-c-select__toggle.pf-m-disabled, .pf-v6-c-select__toggle:disabled {
221
- --pf-v6-c-select__toggle--BackgroundColor: var(--pf-v6-c-select__toggle--disabled--BackgroundColor);
222
- pointer-events: none;
223
- }
224
- .pf-v6-c-select__toggle.pf-m-disabled::before, .pf-v6-c-select__toggle:disabled::before {
225
- border: 0;
226
- }
227
- .pf-v6-c-select__toggle::before {
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
- position: absolute;
230
- inset: 0;
231
- content: "";
232
- border-style: solid;
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--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
- }
239
- .pf-v6-c-select__toggle:hover {
240
- --pf-v6-c-select__toggle--before--BorderBlockEndColor: var(--pf-v6-c-select__toggle--hover--before--BorderBlockEndColor);
241
- }
242
- .pf-v6-c-select__toggle:focus, .pf-v6-c-select__toggle:focus-within {
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
- }
246
- .pf-v6-c-select__toggle:active, .pf-v6-c-select__toggle.pf-m-active {
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
- }
250
- .pf-m-expanded > .pf-v6-c-select__toggle {
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
- }
254
- .pf-v6-c-select__toggle.pf-m-plain {
255
- --pf-v6-c-select__toggle-arrow--Color: var(--pf-v6-c-select--m-plain__toggle-arrow--Color);
256
- }
257
- .pf-v6-c-select__toggle.pf-m-plain::before {
258
- border-color: var(--pf-v6-c-select__toggle--m-plain--before--BorderColor);
259
- }
260
- .pf-v6-c-select__toggle.pf-m-plain:hover, .pf-v6-c-select__toggle.pf-m-plain:active, .pf-v6-c-select__toggle.pf-m-plain.pf-m-active, .pf-v6-c-select__toggle.pf-m-plain:focus, .pf-v6-c-select.pf-m-expanded > .pf-v6-c-select__toggle.pf-m-plain {
261
- --pf-v6-c-select--m-plain__toggle-arrow--Color: var(--pf-v6-c-select--m-plain--hover__toggle-arrow--Color);
262
- }
263
- .pf-v6-c-select__toggle.pf-m-typeahead {
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
- }
268
- .pf-v6-c-select__toggle.pf-m-typeahead .pf-v6-c-form-control {
269
- overflow: hidden;
270
- text-overflow: ellipsis;
271
- white-space: nowrap;
272
- --pf-v6-c-form-control--invalid--BackgroundUrl: none;
273
- position: relative;
274
- }
275
- .pf-v6-c-select__toggle .pf-v6-c-select__toggle-clear {
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
- margin-inline-start: auto;
279
- }
280
- .pf-v6-c-select__toggle .pf-v6-c-select__toggle-button {
281
- color: var(--pf-v6-c-select__toggle-button--Color);
282
- }
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--PaddingInlineStart);
285
- }
286
- .pf-v6-c-select__toggle.pf-m-placeholder {
287
- --pf-v6-c-select__toggle-text--Color: var(--pf-v6-c-select__toggle--m-placeholder__toggle-text--Color);
288
- }
289
-
290
- .pf-v6-c-select__toggle-arrow {
291
- color: var(--pf-v6-c-select__toggle-arrow--Color, inherit);
292
- }
293
- * + .pf-v6-c-select__toggle-arrow {
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
- }
297
- .pf-v6-c-select.pf-m-top.pf-m-expanded .pf-v6-c-select__toggle-arrow {
298
- transform: rotate(var(--pf-v6-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
299
- }
300
-
301
- .pf-v6-c-select__toggle-text {
302
- overflow: hidden;
303
- text-overflow: ellipsis;
304
- white-space: nowrap;
305
- color: var(--pf-v6-c-select__toggle-text--Color, inherit);
306
- }
307
-
308
- .pf-v6-c-select__toggle-wrapper {
309
- display: flex;
310
- flex: 1;
311
- flex-wrap: wrap;
312
- align-items: center;
313
- justify-content: flex-start;
314
- min-width: 0;
315
- max-width: var(--pf-v6-c-select__toggle-wrapper--MaxWidth);
316
- white-space: normal;
317
- }
318
- .pf-v6-c-select__toggle-wrapper > :not(:last-child) {
319
- margin-inline-end: var(--pf-v6-c-select__toggle-wrapper--not-last-child--MarginInlineEnd);
320
- }
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--MarginBlockStart);
323
- margin-block-end: var(--pf-v6-c-select__toggle-wrapper--c-chip-group--MarginBlockEnd);
324
- }
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--PaddingInlineStart));
327
- }
328
-
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--MarginInlineStart);
331
- }
332
-
333
- .pf-v6-c-select__toggle-status-icon {
334
- margin-inline-start: var(--pf-v6-c-select__toggle-status-icon--MarginInlineStart);
335
- color: var(--pf-v6-c-select__toggle-status-icon--Color);
336
- }
337
-
338
- .pf-v6-c-select__toggle-badge {
339
- display: flex;
340
- padding-inline-start: var(--pf-v6-c-select__toggle-badge--PaddingInlineStart);
341
- }
342
-
343
- .pf-v6-c-select__toggle-typeahead {
344
- flex-basis: var(--pf-v6-c-select__toggle-typeahead--FlexBasis);
345
- flex-grow: 1;
346
- flex-shrink: 0;
347
- min-width: var(--pf-v6-c-select__toggle-typeahead--MinWidth);
348
- }
349
- .pf-v6-c-select__toggle-typeahead.pf-v6-c-form-control {
350
- background-color: var(--pf-v6-c-select__toggle-typeahead--BackgroundColor);
351
- }
352
- .pf-v6-c-select__toggle-typeahead.pf-v6-c-form-control::before, .pf-v6-c-select__toggle-typeahead.pf-v6-c-form-control::after {
353
- border: 0;
354
- }
355
-
356
- .pf-v6-c-select__menu {
357
- position: absolute;
358
- inset-block-start: var(--pf-v6-c-select__menu--InsetBlockStart);
359
- z-index: var(--pf-v6-c-select__menu--ZIndex);
360
- width: var(--pf-v6-c-select__menu--Width);
361
- min-width: var(--pf-v6-c-select__menu--MinWidth);
362
- padding-block-start: var(--pf-v6-c-select__menu--PaddingBlockStart);
363
- padding-block-end: var(--pf-v6-c-select__menu--PaddingBlockEnd);
364
- background-color: var(--pf-v6-c-select__menu--BackgroundColor);
365
- background-clip: padding-box;
366
- box-shadow: var(--pf-v6-c-select__menu--BoxShadow);
367
- }
368
- .pf-v6-c-select__menu.pf-m-align-right {
369
- inset-inline-end: 0;
370
- }
371
- .pf-v6-c-select.pf-m-top .pf-v6-c-select__menu {
372
- inset-block-start: 0;
373
- transform: translateY(var(--pf-v6-c-select__menu--m-top--TranslateY));
374
- }
375
- .pf-v6-c-select__menu.pf-m-static {
376
- --pf-v6-c-select__menu--m-top--TranslateY: 0;
377
- position: static;
378
- inset: auto;
379
- z-index: auto;
380
- min-width: min-content;
381
- }
382
-
383
- .pf-v6-c-select__menu-fieldset {
384
- border: 0;
385
- }
386
-
387
- .pf-v6-c-select__menu-wrapper {
388
- display: flex;
389
- }
390
- .pf-v6-c-select__menu-wrapper.pf-m-favorite .pf-v6-c-select__menu-item.pf-m-favorite-action {
391
- --pf-v6-c-select__menu-item--m-favorite-action--Color: var(--pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color);
392
- --pf-v6-c-select__menu-item--m-favorite-action--hover--Color: var(--pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color);
393
- --pf-v6-c-select__menu-item--m-favorite-action--focus--Color: var(--pf-v6-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color);
394
- }
395
-
396
- .pf-v6-c-select__menu-item {
397
- position: relative;
398
- width: var(--pf-v6-c-select__menu-item--Width);
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
- font-size: var(--pf-v6-c-select__menu-item--FontSize);
404
- font-weight: var(--pf-v6-c-select__menu-item--FontWeight);
405
- line-height: var(--pf-v6-c-select__menu-item--LineHeight);
406
- color: var(--pf-v6-c-select__menu-item--Color);
407
- text-align: start;
408
- white-space: nowrap;
409
- background-color: transparent;
410
- border: none;
411
- }
412
- .pf-v6-c-select__menu-item:hover, .pf-v6-c-select__menu-item:focus, .pf-v6-c-select__menu-item.pf-m-focus {
413
- --pf-v6-c-select__menu-item--m-action--Color: var(--pf-v6-c-select__menu-item--hover__menu-item--m-action--Color);
414
- text-decoration: none;
415
- }
416
- .pf-v6-c-select__menu-wrapper:hover, .pf-v6-c-select__menu-item:hover {
417
- background-color: var(--pf-v6-c-select__menu-item--hover--BackgroundColor);
418
- }
419
-
420
- .pf-v6-c-select__menu-wrapper:focus-within,
421
- .pf-v6-c-select__menu-wrapper.pf-m-focus, .pf-v6-c-select__menu-item:focus, .pf-v6-c-select__menu-item.pf-m-focus {
422
- position: relative;
423
- background-color: var(--pf-v6-c-select__menu-item--focus--BackgroundColor);
424
- }
425
-
426
- .pf-v6-c-select__menu-item.pf-m-link {
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
- --pf-v6-c-select__menu-item--Width: var(--pf-v6-c-select__menu-item--m-link--Width);
431
- --pf-v6-c-select__menu-item--hover--BackgroundColor: var(--pf-v6-c-select__menu-item--m-link--hover--BackgroundColor);
432
- --pf-v6-c-select__menu-item--focus--BackgroundColor: var(--pf-v6-c-select__menu-item--m-link--focus--BackgroundColor);
433
- flex-grow: 1;
434
- }
435
- .pf-v6-c-select__menu-item.pf-m-action {
436
- --pf-v6-c-select__menu-item--Color: var(--pf-v6-c-select__menu-item--m-action--Color);
437
- --pf-v6-c-select__menu-item--Width: var(--pf-v6-c-select__menu-item--m-action--Width);
438
- --pf-v6-c-select__menu-item--hover--BackgroundColor: var(--pf-v6-c-select__menu-item--m-action--hover--BackgroundColor);
439
- --pf-v6-c-select__menu-item--focus--BackgroundColor: var(--pf-v6-c-select__menu-item--m-action--focus--BackgroundColor);
440
- display: flex;
441
- align-items: flex-start;
442
- font-size: var(--pf-v6-c-select__menu-item--m-action--FontSize);
443
- }
444
- .pf-v6-c-select__menu-item.pf-m-action:hover {
445
- --pf-v6-c-select__menu-item--m-action--Color: var(--pf-v6-c-select__menu-item--m-action--hover--Color);
446
- }
447
- .pf-v6-c-select__menu-item.pf-m-action:focus {
448
- --pf-v6-c-select__menu-item--m-action--Color: var(--pf-v6-c-select__menu-item--m-action--focus--Color);
449
- }
450
- .pf-v6-c-select__menu-item.pf-m-action:disabled {
451
- --pf-v6-c-select__menu-item--disabled--Color: var(--pf-v6-c-select__menu-item--m-action--disabled--Color);
452
- }
453
- .pf-v6-c-select__menu-item.pf-m-favorite-action {
454
- --pf-v6-c-select__menu-item--m-action--Color: var(--pf-v6-c-select__menu-item--m-favorite-action--Color);
455
- --pf-v6-c-select__menu-item--m-action--hover--Color: var(--pf-v6-c-select__menu-item--m-favorite-action--hover--Color);
456
- --pf-v6-c-select__menu-item--m-action--focus--Color: var(--pf-v6-c-select__menu-item--m-favorite-action--focus--Color);
457
- }
458
- .pf-v6-c-select__menu-item.pf-m-selected {
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
- }
462
- .pf-v6-c-select__menu-item.pf-m-description {
463
- white-space: normal;
464
- }
465
- .pf-v6-c-select__menu-item.pf-m-description:not(.pf-v6-c-check) {
466
- --pf-v6-c-select__menu-item--PaddingInlineEnd: 0;
467
- }
468
- .pf-v6-c-select__menu-item.pf-m-description .pf-v6-c-check__label {
469
- white-space: nowrap;
470
- }
471
- .pf-v6-c-select__menu-wrapper.pf-m-disabled, .pf-v6-c-select__menu-item:disabled, .pf-v6-c-select__menu-item.pf-m-disabled {
472
- --pf-v6-c-select__menu-item-count--Color: var(--pf-v6-c-select__menu-item--disabled__menu-item-count--Color);
473
- color: var(--pf-v6-c-select__menu-item--disabled--Color);
474
- pointer-events: none;
475
- background-color: var(--pf-v6-c-select__menu-item--disabled--BackgroundColor);
476
- }
477
-
478
- .pf-v6-c-select__menu-item.pf-v6-c-check .pf-v6-c-check__label {
479
- width: 100%;
480
- }
481
- .pf-v6-c-select__menu-item.pf-m-load {
482
- --pf-v6-c-select__menu-item--hover--BackgroundColor: transparent;
483
- --pf-v6-c-select__menu-item--focus--BackgroundColor: transparent;
484
- --pf-v6-c-select__menu-item--Color: var(--pf-v6-c-select__menu-item--m-load--Color);
485
- }
486
-
487
- .pf-v6-c-select__list-item.pf-m-loading {
488
- padding-block-start: var(--pf-v6-c-select__list-item--m-loading--PaddingBlockStart);
489
- text-align: center;
490
- }
491
-
492
- .pf-v6-c-select__menu-item-main {
493
- position: relative;
494
- display: block;
495
- padding-inline-end: var(--pf-v6-c-select__menu-item-main--PaddingInlineEnd);
496
- white-space: nowrap;
497
- }
498
-
499
- .pf-v6-c-select__menu-item-row {
500
- display: flex;
501
- }
502
-
503
- .pf-v6-c-select__menu-item-text {
504
- flex-grow: 1;
505
- }
506
-
507
- .pf-v6-c-select__menu-item-count {
508
- align-self: center;
509
- margin-inline-start: var(--pf-v6-c-select__menu-item-count--MarginInlineStart);
510
- font-size: var(--pf-v6-c-select__menu-item-count--FontSize);
511
- color: var(--pf-v6-c-select__menu-item-count--Color);
512
- }
513
-
514
- .pf-v6-c-select__menu-item-description {
515
- display: block;
516
- padding-inline-end: var(--pf-v6-c-select__menu-item-description--PaddingInlineEnd);
517
- font-size: var(--pf-v6-c-select__menu-item-description--FontSize);
518
- color: var(--pf-v6-c-select__menu-item-description--Color);
519
- }
520
-
521
- .pf-v6-c-select__menu-item-icon {
522
- position: absolute;
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
- font-size: var(--pf-v6-c-select__menu-item-icon--FontSize);
526
- color: var(--pf-v6-c-select__menu-item-icon--Color);
527
- transform: translateY(var(--pf-v6-c-select__menu-item-icon--TranslateY));
528
- }
529
-
530
- .pf-v6-c-select__menu-item-action-icon {
531
- display: flex;
532
- align-items: center;
533
- min-height: var(--pf-v6-c-select__menu-item-action-icon--MinHeight);
534
- }
535
-
536
- .pf-v6-c-select__menu-item--match {
537
- font-weight: var(--pf-v6-c-select__menu-item--match--FontWeight);
538
- background-color: inherit;
539
- }
540
-
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--PaddingBlockStart);
543
- }
544
-
545
- .pf-v6-c-select__menu-search {
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
- }
551
-
552
- .pf-v6-c-select__menu-group-title {
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
- font-size: var(--pf-v6-c-select__menu-group-title--FontSize);
558
- font-weight: var(--pf-v6-c-select__menu-group-title--FontWeight);
559
- color: var(--pf-v6-c-select__menu-group-title--Color);
560
- }
561
-
562
- .pf-v6-c-select__menu-footer {
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
- box-shadow: var(--pf-v6-c-select__menu-footer--BoxShadow);
570
- }