@patternfly/patternfly 4.156.2 → 4.156.3

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 (8) hide show
  1. package/components/DualListSelector/dual-list-selector.css +3 -5
  2. package/components/DualListSelector/dual-list-selector.scss +4 -6
  3. package/docs/components/DualListSelector/examples/DualListSelector.md +359 -182
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +3 -5
  6. package/patternfly.css +3 -5
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/DualListSelector/dual-list-selector.css CHANGED
@@ -139,6 +139,9 @@
139
139
  overflow-anchor: none;
140
140
  }
141
141
 
142
+ .pf-c-dual-list-selector__list-item:focus {
143
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
144
+ }
142
145
  .pf-c-dual-list-selector__list-item.pf-m-expandable {
143
146
  --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft);
144
147
  }
@@ -159,9 +162,6 @@
159
162
  .pf-c-dual-list-selector__list-item-row:hover {
160
163
  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor);
161
164
  }
162
- .pf-c-dual-list-selector__list-item-row:focus-within {
163
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
164
- }
165
165
  .pf-c-dual-list-selector__list-item-row.pf-m-selected {
166
166
  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
167
167
  }
@@ -205,9 +205,7 @@
205
205
  position: relative;
206
206
  width: 100%;
207
207
  padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
208
- text-align: left;
209
208
  cursor: pointer;
210
- border: 0;
211
209
  }
212
210
 
213
211
  .pf-c-dual-list-selector__item-count {
package/components/DualListSelector/dual-list-selector.scss CHANGED
@@ -183,6 +183,10 @@ $pf-c-dual-list-selector__item--MaxNesting: 10;
183
183
  }
184
184
 
185
185
  .pf-c-dual-list-selector__list-item {
186
+ &:focus {
187
+ --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
188
+ }
189
+
186
190
  &.pf-m-expandable {
187
191
  --pf-c-dual-list-selector__item--PaddingLeft: var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft);
188
192
  }
@@ -208,10 +212,6 @@ $pf-c-dual-list-selector__item--MaxNesting: 10;
208
212
  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor);
209
213
  }
210
214
 
211
- &:focus-within {
212
- --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
213
- }
214
-
215
215
  &.pf-m-selected {
216
216
  --pf-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
217
217
 
@@ -265,9 +265,7 @@ $pf-c-dual-list-selector__item--MaxNesting: 10;
265
265
  position: relative;
266
266
  width: 100%;
267
267
  padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft);
268
- text-align: left;
269
268
  cursor: pointer;
270
- border: 0;
271
269
  }
272
270
 
273
271
  .pf-c-dual-list-selector__item-count {