@patternfly/react-styles 4.42.7 → 4.42.11

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,47 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.42.11 (2022-01-26)
7
+
8
+
9
+ ### Reverts
10
+
11
+ * Revert "feat(Tabs): enforce restricted type for children (#6767)" (#6857) ([eca9a70](https://github.com/patternfly/patternfly-react/commit/eca9a708e8d53416e60a790ea876aa0b2e398212)), closes [#6767](https://github.com/patternfly/patternfly-react/issues/6767) [#6857](https://github.com/patternfly/patternfly-react/issues/6857)
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.42.10 (2022-01-25)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-styles
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.42.9 (2022-01-25)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **Select:** Footer keyboard bugs ([#6844](https://github.com/patternfly/patternfly-react/issues/6844)) ([7f06125](https://github.com/patternfly/patternfly-react/commit/7f06125cfb52884708107da82ca3800207c9846f))
31
+
32
+
33
+
34
+
35
+
36
+ ## 4.42.8 (2022-01-24)
37
+
38
+
39
+ ### Bug Fixes
40
+
41
+ * **table:** fixed action example ([#6800](https://github.com/patternfly/patternfly-react/issues/6800)) ([eaaedc2](https://github.com/patternfly/patternfly-react/commit/eaaedc28cf54cca1a47aaa5c4f5f76a11d32864d))
42
+
43
+
44
+
45
+
46
+
6
47
  ## 4.42.7 (2022-01-20)
7
48
 
8
49
  **Note:** Version bump only for package @patternfly/react-styles
@@ -38,6 +38,8 @@
38
38
  --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
39
39
  --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
40
40
  --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
41
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
42
+ --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
41
43
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
42
44
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
43
45
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -200,6 +202,7 @@
200
202
  .pf-c-context-selector__toggle.pf-m-plain {
201
203
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
202
204
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
205
+ --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
203
206
  }
204
207
  .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
205
208
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight);
@@ -210,11 +213,12 @@
210
213
  width: auto;
211
214
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
212
215
  }
213
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):disabled {
216
+ .pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
214
217
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
215
218
  }
216
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
219
+ .pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
217
220
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
221
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
218
222
  }
219
223
  .pf-c-context-selector__toggle.pf-m-plain::before {
220
224
  border: 0;
@@ -231,6 +235,7 @@
231
235
  .pf-c-context-selector__toggle-icon {
232
236
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
233
237
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
238
+ color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
234
239
  }
235
240
 
236
241
  .pf-c-context-selector__menu {
@@ -73,6 +73,8 @@
73
73
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
74
74
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
75
75
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
76
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
77
+ --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
76
78
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
77
79
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
78
80
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -295,6 +297,9 @@
295
297
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
296
298
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
297
299
  }
300
+ .pf-c-dropdown__toggle.pf-m-plain {
301
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
302
+ }
298
303
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
299
304
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
300
305
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -309,6 +314,7 @@
309
314
  }
310
315
  .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
311
316
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
317
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
312
318
  }
313
319
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
314
320
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
@@ -378,6 +384,7 @@
378
384
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
379
385
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
380
386
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
387
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
381
388
  }
382
389
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
383
390
  transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate));
@@ -222,6 +222,7 @@
222
222
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
223
223
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
224
224
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
225
+ --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
225
226
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
226
227
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
227
228
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -68,6 +68,11 @@
68
68
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
69
69
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
70
70
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
71
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
72
+ --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
73
+ --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
74
+ --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
75
+ --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
71
76
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
72
77
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
73
78
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -147,6 +152,9 @@
147
152
  --pf-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
148
153
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
149
154
  }
155
+ .pf-c-menu-toggle.pf-m-plain {
156
+ --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
157
+ }
150
158
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
151
159
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
152
160
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -163,22 +171,26 @@
163
171
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
164
172
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
165
173
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
174
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
166
175
  }
167
176
  .pf-c-menu-toggle:focus {
168
177
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
169
178
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
170
179
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
180
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
171
181
  }
172
182
  .pf-c-menu-toggle:active {
173
183
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
174
184
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
175
185
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
186
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
176
187
  }
177
188
  .pf-c-menu-toggle.pf-m-expanded {
178
189
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-expanded--Color);
179
190
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
180
191
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
181
192
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
193
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
182
194
  }
183
195
  .pf-c-menu-toggle:disabled {
184
196
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
@@ -223,4 +235,5 @@
223
235
 
224
236
  .pf-c-menu-toggle__toggle-icon {
225
237
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
238
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
226
239
  }
@@ -348,7 +348,7 @@
348
348
  --pf-c-menu__list--PaddingTop: 0;
349
349
  --pf-c-menu__list--PaddingBottom: 0;
350
350
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
351
- --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
351
+ --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
352
352
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
353
353
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
354
354
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -532,9 +532,9 @@
532
532
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
533
533
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
534
534
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
535
+ --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
535
536
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
536
537
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
537
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
538
538
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
539
539
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
540
540
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -28,6 +28,8 @@
28
28
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
29
29
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
30
30
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
31
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
32
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
31
33
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
32
34
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
33
35
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -120,6 +122,9 @@
120
122
  --pf-c-options-menu__toggle--BorderBottomColor: var(--pf-c-options-menu__toggle--expanded--BorderBottomColor);
121
123
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
122
124
  }
125
+ .pf-c-options-menu__toggle.pf-m-plain {
126
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
127
+ }
123
128
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
124
129
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
125
130
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -129,10 +134,11 @@
129
134
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon {
130
135
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
131
136
  }
132
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
137
+ .pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
133
138
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
139
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
134
140
  }
135
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
141
+ .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
136
142
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
137
143
  }
138
144
  .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled {
@@ -161,6 +167,11 @@
161
167
  white-space: nowrap;
162
168
  }
163
169
 
170
+ .pf-c-options-menu__toggle-icon,
171
+ .pf-c-options-menu__toggle-button-icon {
172
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
173
+ }
174
+
164
175
  .pf-c-options-menu__toggle-icon {
165
176
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
166
177
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -80,6 +80,8 @@
80
80
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
81
81
  --pf-c-progress-stepper__step-description--TextAlign: left;
82
82
  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
83
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
84
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
83
85
  position: relative;
84
86
  display: grid;
85
87
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -80,6 +80,8 @@
80
80
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
81
81
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
82
82
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
83
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
84
+ --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
83
85
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
84
86
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
85
87
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -257,9 +259,15 @@
257
259
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor);
258
260
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
259
261
  }
262
+ .pf-c-select__toggle.pf-m-plain {
263
+ --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
264
+ }
260
265
  .pf-c-select__toggle.pf-m-plain::before {
261
266
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
262
267
  }
268
+ .pf-c-select__toggle.pf-m-plain:hover, .pf-c-select__toggle.pf-m-plain:active, .pf-c-select__toggle.pf-m-plain.pf-m-active, .pf-c-select__toggle.pf-m-plain:focus, .pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
269
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
270
+ }
263
271
  .pf-c-select__toggle.pf-m-typeahead {
264
272
  --pf-c-select__toggle--PaddingTop: 0;
265
273
  --pf-c-select__toggle--PaddingRight: 0;
@@ -288,6 +296,9 @@
288
296
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
289
297
  }
290
298
 
299
+ .pf-c-select__toggle-arrow {
300
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
301
+ }
291
302
  * + .pf-c-select__toggle-arrow {
292
303
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
293
304
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -21,6 +21,7 @@
21
21
  --pf-c-sidebar--m-split__panel--Position: static;
22
22
  --pf-c-sidebar--m-split__panel--Top: auto;
23
23
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
24
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
24
25
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
25
26
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
26
27
  --pf-c-sidebar__panel--Top: 0;
@@ -7,6 +7,8 @@
7
7
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
8
8
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
9
9
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
10
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
11
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
10
12
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
11
13
  }
12
14
  .pf-c-table .pf-c-table__sticky-column {
@@ -382,7 +382,7 @@
382
382
  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
383
383
  }
384
384
  .pf-c-table tr > *.pf-m-border-left::before {
385
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
385
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
386
386
  }
387
387
  .pf-c-table caption {
388
388
  padding-top: var(--pf-c-table-caption--PaddingTop);
@@ -68,6 +68,7 @@
68
68
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
69
69
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
70
70
  --pf-c-toolbar__item--Display: block;
71
+ --pf-c-toolbar__item--MinWidth--base: auto;
71
72
  --pf-c-toolbar__group--Display: flex;
72
73
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
73
74
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.42.7",
3
+ "version": "4.42.11",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.171.0",
22
+ "@patternfly/patternfly": "4.171.1",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "cf4d17a0d89c743e5e12c6d455b8a668cc985bbd"
32
+ "gitHead": "02911bcfeae9b049ecf0cdd863053d4dd1aa4e1a"
33
33
  }