@patternfly/patternfly 6.0.0-alpha.85 → 6.0.0-alpha.86

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 (11) hide show
  1. package/components/DualListSelector/dual-list-selector.css +3 -8
  2. package/components/DualListSelector/dual-list-selector.scss +5 -11
  3. package/components/Login/login.css +5 -0
  4. package/components/Login/login.scss +7 -0
  5. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +8 -8
  8. package/patternfly-theme-dark-unversioned.css +8 -8
  9. package/patternfly.css +8 -8
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/components/DualListSelector/dual-list-selector.css CHANGED
@@ -24,7 +24,6 @@
24
24
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
25
25
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
26
26
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27
- --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
28
27
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29
28
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
30
29
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -38,7 +37,7 @@
38
37
  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
39
38
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
40
39
  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
41
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
40
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
42
41
  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
43
42
  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
44
43
  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -55,7 +54,7 @@
55
54
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
56
55
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
57
56
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
58
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
57
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
59
58
  }
60
59
 
61
60
  .pf-v5-c-dual-list-selector {
@@ -165,10 +164,6 @@
165
164
  display: flex;
166
165
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
167
166
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
168
- border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
169
- }
170
- .pf-v5-c-dual-list-selector__list-item-row:hover {
171
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
172
167
  }
173
168
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
174
169
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -177,7 +172,7 @@
177
172
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
178
173
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
179
174
  }
180
- .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
175
+ .pf-v5-c-dual-list-selector__list-item-row:hover {
181
176
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
182
177
  }
183
178
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
package/components/DualListSelector/dual-list-selector.scss CHANGED
@@ -38,7 +38,6 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
38
38
  --#{$dual-list-selector}__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
39
39
  --#{$dual-list-selector}__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
40
40
  --#{$dual-list-selector}__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
41
- --#{$dual-list-selector}__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
42
41
  --#{$dual-list-selector}__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
43
42
  --#{$dual-list-selector}__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
44
43
  --#{$dual-list-selector}__list-item--m-ghost-row--Opacity: .4;
@@ -56,7 +55,7 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
56
55
  // Item text
57
56
  --#{$dual-list-selector}__item-text--Color: var(--pf-t--global--text--color--subtle);
58
57
  --#{$dual-list-selector}__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
59
- --#{$dual-list-selector}__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default); // token?
58
+ --#{$dual-list-selector}__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
60
59
 
61
60
  // Status
62
61
  --#{$dual-list-selector}__status--MarginBottom: var(--pf-t--global--spacer--sm);
@@ -85,7 +84,7 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
85
84
  --#{$dual-list-selector}__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
86
85
  --#{$dual-list-selector}__item-toggle-icon--Transition: var(--#{$pf-global}--Transition); // need token
87
86
  --#{$dual-list-selector}__item-toggle-icon--MinWidth: var(--#{$dual-list-selector}__list-item-row--FontSize);
88
- --#{$dual-list-selector}__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
87
+ --#{$dual-list-selector}__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
89
88
  }
90
89
 
91
90
  .#{$dual-list-selector} {
@@ -215,11 +214,6 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
215
214
  display: flex;
216
215
  font-size: var(--#{$dual-list-selector}__list-item-row--FontSize);
217
216
  background-color: var(--#{$dual-list-selector}__list-item-row--BackgroundColor);
218
- border-radius: var(--#{$dual-list-selector}__list-item-row--BorderRadius);
219
-
220
- &:hover {
221
- --#{$dual-list-selector}__list-item-row--BackgroundColor: var(--#{$dual-list-selector}__list-item-row--hover--BackgroundColor);
222
- }
223
217
 
224
218
  &.pf-m-selected {
225
219
  --#{$dual-list-selector}__list-item-row--BackgroundColor: var(--#{$dual-list-selector}__list-item-row--m-selected--BackgroundColor);
@@ -229,10 +223,10 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
229
223
 
230
224
  font-weight: var(--#{$dual-list-selector}__list-item-row--m-selected__text--FontWeight);
231
225
  }
226
+ }
232
227
 
233
- &:hover {
234
- --#{$dual-list-selector}__list-item-row--BackgroundColor: var(--#{$dual-list-selector}__list-item-row--hover--BackgroundColor);
235
- }
228
+ &:hover {
229
+ --#{$dual-list-selector}__list-item-row--BackgroundColor: var(--#{$dual-list-selector}__list-item-row--hover--BackgroundColor);
236
230
  }
237
231
 
238
232
  &.pf-m-check {
package/components/Login/login.css CHANGED
@@ -40,6 +40,7 @@
40
40
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
41
41
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
42
42
  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
43
+ --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
43
44
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
44
45
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
45
46
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -226,6 +227,10 @@
226
227
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
227
228
  }
228
229
 
230
+ .pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
231
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
232
+ }
233
+
229
234
  .pf-v5-c-login__main-footer-band {
230
235
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
231
236
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
package/components/Login/login.scss CHANGED
@@ -87,6 +87,7 @@
87
87
  --#{$login}__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
88
88
  --#{$login}__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
89
89
  --#{$login}__main-footer-links--Gap: var(--pf-t--global--spacer--md);
90
+ --#{$login}__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
90
91
  --#{$login}__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
91
92
  --#{$login}__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
92
93
  --#{$login}__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -246,6 +247,12 @@
246
247
  padding-inline-end: var(--#{$login}__main-footer-links--PaddingRight);
247
248
  }
248
249
 
250
+ .#{$login}__main-footer-links-item {
251
+ .#{$button}{
252
+ --#{$button}--FontSize: var(--#{$login}__main-footer-links-item--c-button--FontSize);
253
+ }
254
+ }
255
+
249
256
  .#{$login}__main-footer-band {
250
257
  padding-block-start: var(--#{$login}__main-footer-band--PaddingTop);
251
258
  padding-block-end: var(--#{$login}__main-footer-band--PaddingBottom);
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -108,7 +108,7 @@ cssPrefix: pf-v5-c-dual-list-selector
108
108
  id="basic-available-status-text"
109
109
  >0 of 5 items selected</span>
110
110
  </div>
111
- <div class="pf-v5-c-dual-list-selector__menu">
111
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
112
112
  <ul
113
113
  class="pf-v5-c-dual-list-selector__list"
114
114
  role="listbox"
@@ -325,7 +325,7 @@ cssPrefix: pf-v5-c-dual-list-selector
325
325
  id="basic-chosen-status-text"
326
326
  >0 of 0 items selected</span>
327
327
  </div>
328
- <div class="pf-v5-c-dual-list-selector__menu">
328
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
329
329
  <ul
330
330
  class="pf-v5-c-dual-list-selector__list"
331
331
  role="listbox"
@@ -443,7 +443,7 @@ cssPrefix: pf-v5-c-dual-list-selector
443
443
  id="available-item-selected-available-status-text"
444
444
  >1 of 5 items selected</span>
445
445
  </div>
446
- <div class="pf-v5-c-dual-list-selector__menu">
446
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
447
447
  <ul
448
448
  class="pf-v5-c-dual-list-selector__list"
449
449
  role="listbox"
@@ -654,7 +654,7 @@ cssPrefix: pf-v5-c-dual-list-selector
654
654
  id="available-item-selected-chosen-status-text"
655
655
  >0 of 0 items selected</span>
656
656
  </div>
657
- <div class="pf-v5-c-dual-list-selector__menu">
657
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
658
658
  <ul
659
659
  class="pf-v5-c-dual-list-selector__list"
660
660
  role="listbox"
@@ -772,7 +772,7 @@ cssPrefix: pf-v5-c-dual-list-selector
772
772
  id="multiple-available-items-selected-available-status-text"
773
773
  >3 of 5 items selected</span>
774
774
  </div>
775
- <div class="pf-v5-c-dual-list-selector__menu">
775
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
776
776
  <ul
777
777
  class="pf-v5-c-dual-list-selector__list"
778
778
  role="listbox"
@@ -983,7 +983,7 @@ cssPrefix: pf-v5-c-dual-list-selector
983
983
  id="multiple-available-items-selected-chosen-status-text"
984
984
  >0 of 0 items selected</span>
985
985
  </div>
986
- <div class="pf-v5-c-dual-list-selector__menu">
986
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
987
987
  <ul
988
988
  class="pf-v5-c-dual-list-selector__list"
989
989
  role="listbox"
@@ -1101,7 +1101,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1101
1101
  id="chosen-item-available-status-text"
1102
1102
  >0 of 4 items selected</span>
1103
1103
  </div>
1104
- <div class="pf-v5-c-dual-list-selector__menu">
1104
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1105
1105
  <ul
1106
1106
  class="pf-v5-c-dual-list-selector__list"
1107
1107
  role="listbox"
@@ -1312,7 +1312,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1312
1312
  id="chosen-item-chosen-status-text"
1313
1313
  >0 of 1 items selected</span>
1314
1314
  </div>
1315
- <div class="pf-v5-c-dual-list-selector__menu">
1315
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1316
1316
  <ul
1317
1317
  class="pf-v5-c-dual-list-selector__list"
1318
1318
  role="listbox"
@@ -1443,7 +1443,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1443
1443
  id="chosen-item-selected-available-status-text"
1444
1444
  >0 of 4 items selected</span>
1445
1445
  </div>
1446
- <div class="pf-v5-c-dual-list-selector__menu">
1446
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1447
1447
  <ul
1448
1448
  class="pf-v5-c-dual-list-selector__list"
1449
1449
  role="listbox"
@@ -1653,7 +1653,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1653
1653
  id="chosen-item-selected-chosen-status-text"
1654
1654
  >1 of 1 items selected</span>
1655
1655
  </div>
1656
- <div class="pf-v5-c-dual-list-selector__menu">
1656
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1657
1657
  <ul
1658
1658
  class="pf-v5-c-dual-list-selector__list"
1659
1659
  role="listbox"
@@ -1784,7 +1784,7 @@ cssPrefix: pf-v5-c-dual-list-selector
1784
1784
  id="tree-available-status-text"
1785
1785
  >1 of 11 items selected</span>
1786
1786
  </div>
1787
- <div class="pf-v5-c-dual-list-selector__menu">
1787
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
1788
1788
  <ul
1789
1789
  class="pf-v5-c-dual-list-selector__list"
1790
1790
  role="tree"
@@ -2263,7 +2263,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2263
2263
  id="tree-chosen-status-text"
2264
2264
  >0 of 0 items selected</span>
2265
2265
  </div>
2266
- <div class="pf-v5-c-dual-list-selector__menu">
2266
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2267
2267
  <ul
2268
2268
  class="pf-v5-c-dual-list-selector__list"
2269
2269
  role="listbox"
@@ -2381,7 +2381,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2381
2381
  id="tree-options-available-status-text"
2382
2382
  >0 of 10 items selected</span>
2383
2383
  </div>
2384
- <div class="pf-v5-c-dual-list-selector__menu">
2384
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2385
2385
  <ul
2386
2386
  class="pf-v5-c-dual-list-selector__list"
2387
2387
  role="tree"
@@ -2841,7 +2841,7 @@ cssPrefix: pf-v5-c-dual-list-selector
2841
2841
  id="tree-options-chosen-status-text"
2842
2842
  >0 of 0 items selected</span>
2843
2843
  </div>
2844
- <div class="pf-v5-c-dual-list-selector__menu">
2844
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
2845
2845
  <ul
2846
2846
  class="pf-v5-c-dual-list-selector__list"
2847
2847
  role="tree"
@@ -3026,7 +3026,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3026
3026
  id="draggable-available-status-text"
3027
3027
  >0 of 5 items selected</span>
3028
3028
  </div>
3029
- <div class="pf-v5-c-dual-list-selector__menu">
3029
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
3030
3030
  <ul
3031
3031
  class="pf-v5-c-dual-list-selector__list"
3032
3032
  role="listbox"
@@ -3214,7 +3214,7 @@ cssPrefix: pf-v5-c-dual-list-selector
3214
3214
  id="draggable-chosen-status-text"
3215
3215
  >0 of 0 items selected</span>
3216
3216
  </div>
3217
- <div class="pf-v5-c-dual-list-selector__menu">
3217
+ <div class="pf-v5-c-dual-list-selector__menu" tabindex="0">
3218
3218
  <ul
3219
3219
  class="pf-v5-c-dual-list-selector__list"
3220
3220
  role="listbox"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.85",
4
+ "version": "6.0.0-alpha.86",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -11451,7 +11451,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11451
11451
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11452
11452
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11453
11453
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11454
- --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11455
11454
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11456
11455
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11457
11456
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -11465,7 +11464,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11465
11464
  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11466
11465
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11467
11466
  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11468
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11467
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
11469
11468
  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11470
11469
  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11471
11470
  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -11482,7 +11481,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11482
11481
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11483
11482
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11484
11483
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11485
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11484
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
11486
11485
  }
11487
11486
 
11488
11487
  .pf-v5-c-dual-list-selector {
@@ -11592,10 +11591,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11592
11591
  display: flex;
11593
11592
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11594
11593
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11595
- border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11596
- }
11597
- .pf-v5-c-dual-list-selector__list-item-row:hover {
11598
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11599
11594
  }
11600
11595
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
11601
11596
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -11604,7 +11599,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11604
11599
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11605
11600
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11606
11601
  }
11607
- .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11602
+ .pf-v5-c-dual-list-selector__list-item-row:hover {
11608
11603
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11609
11604
  }
11610
11605
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
@@ -19283,6 +19278,7 @@ ul.pf-v5-c-list {
19283
19278
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19284
19279
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19285
19280
  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19281
+ --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
19286
19282
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19287
19283
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19288
19284
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19469,6 +19465,10 @@ ul.pf-v5-c-list {
19469
19465
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19470
19466
  }
19471
19467
 
19468
+ .pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
19469
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
19470
+ }
19471
+
19472
19472
  .pf-v5-c-login__main-footer-band {
19473
19473
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19474
19474
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -11568,7 +11568,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11568
11568
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11569
11569
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11570
11570
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11571
- --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11572
11571
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11573
11572
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11574
11573
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -11582,7 +11581,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11582
11581
  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11583
11582
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11584
11583
  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11585
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11584
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
11586
11585
  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11587
11586
  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11588
11587
  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -11599,7 +11598,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11599
11598
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11600
11599
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11601
11600
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11602
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11601
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
11603
11602
  }
11604
11603
 
11605
11604
  .pf-v5-c-dual-list-selector {
@@ -11709,10 +11708,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11709
11708
  display: flex;
11710
11709
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11711
11710
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11712
- border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11713
- }
11714
- .pf-v5-c-dual-list-selector__list-item-row:hover {
11715
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11716
11711
  }
11717
11712
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
11718
11713
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -11721,7 +11716,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11721
11716
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11722
11717
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11723
11718
  }
11724
- .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11719
+ .pf-v5-c-dual-list-selector__list-item-row:hover {
11725
11720
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11726
11721
  }
11727
11722
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
@@ -19400,6 +19395,7 @@ ul.pf-v5-c-list {
19400
19395
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19401
19396
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19402
19397
  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19398
+ --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
19403
19399
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19404
19400
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19405
19401
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19586,6 +19582,10 @@ ul.pf-v5-c-list {
19586
19582
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19587
19583
  }
19588
19584
 
19585
+ .pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
19586
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
19587
+ }
19588
+
19589
19589
  .pf-v5-c-login__main-footer-band {
19590
19590
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19591
19591
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);
package/patternfly.css CHANGED
@@ -11568,7 +11568,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11568
11568
  --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11569
11569
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11570
11570
  --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11571
- --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11572
11571
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11573
11572
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11574
11573
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
@@ -11582,7 +11581,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11582
11581
  --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11583
11582
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11584
11583
  --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11585
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11584
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--text--color--disabled);
11586
11585
  --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11587
11586
  --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11588
11587
  --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
@@ -11599,7 +11598,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11599
11598
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11600
11599
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11601
11600
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11602
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11601
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
11603
11602
  }
11604
11603
 
11605
11604
  .pf-v5-c-dual-list-selector {
@@ -11709,10 +11708,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11709
11708
  display: flex;
11710
11709
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11711
11710
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11712
- border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11713
- }
11714
- .pf-v5-c-dual-list-selector__list-item-row:hover {
11715
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11716
11711
  }
11717
11712
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected {
11718
11713
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
@@ -11721,7 +11716,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11721
11716
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11722
11717
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11723
11718
  }
11724
- .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11719
+ .pf-v5-c-dual-list-selector__list-item-row:hover {
11725
11720
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11726
11721
  }
11727
11722
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
@@ -19400,6 +19395,7 @@ ul.pf-v5-c-list {
19400
19395
  --pf-v5-c-login__main-footer-links--PaddingBottom: var(--pf-t--global--spacer--xl);
19401
19396
  --pf-v5-c-login__main-footer-links--PaddingLeft: var(--pf-t--global--spacer--3xl);
19402
19397
  --pf-v5-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
19398
+ --pf-v5-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
19403
19399
  --pf-v5-c-login__main-footer-band--PaddingTop: var(--pf-t--global--spacer--lg);
19404
19400
  --pf-v5-c-login__main-footer-band--PaddingRight: var(--pf-t--global--spacer--md);
19405
19401
  --pf-v5-c-login__main-footer-band--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -19586,6 +19582,10 @@ ul.pf-v5-c-list {
19586
19582
  padding-inline-end: var(--pf-v5-c-login__main-footer-links--PaddingRight);
19587
19583
  }
19588
19584
 
19585
+ .pf-v5-c-login__main-footer-links-item .pf-v5-c-button {
19586
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-login__main-footer-links-item--c-button--FontSize);
19587
+ }
19588
+
19589
19589
  .pf-v5-c-login__main-footer-band {
19590
19590
  padding-block-start: var(--pf-v5-c-login__main-footer-band--PaddingTop);
19591
19591
  padding-block-end: var(--pf-v5-c-login__main-footer-band--PaddingBottom);