@patternfly/patternfly 6.0.0-alpha.67 → 6.0.0-alpha.69

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 (17) hide show
  1. package/components/Label/label.css +140 -24
  2. package/components/Label/label.scss +161 -26
  3. package/components/Tabs/tabs.css +143 -175
  4. package/components/Tabs/tabs.scss +159 -217
  5. package/docs/components/Label/examples/Label.md +2377 -766
  6. package/docs/components/Tabs/examples/Tabs.css +1 -1
  7. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  8. package/docs/demos/Form/examples/BasicForms.md +5 -2
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -28
  10. package/docs/demos/Tabs/examples/Tabs.md +21 -17
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +283 -203
  13. package/patternfly-theme-dark-unversioned.css +283 -203
  14. package/patternfly.css +283 -203
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/components/Tabs/themes/dark/tabs.scss +0 -10
package/patternfly-no-globals.css CHANGED
@@ -18131,80 +18131,131 @@ label.pf-v5-c-input-group__text {
18131
18131
  --pf-v5-c-label--BorderColor: transparent;
18132
18132
  --pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
18133
18133
  --pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
18134
- --pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
18134
+ --pf-v5-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
18135
18135
  --pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
18136
18136
  --pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
18137
- --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
18137
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--hover);
18138
18138
  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
18139
18139
  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
18140
18140
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
18141
18141
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
18142
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
18142
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
18143
18143
  --pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
18144
18144
  --pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
18145
- --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
18145
+ --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--hover);
18146
18146
  --pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
18147
18147
  --pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
18148
18148
  --pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
18149
18149
  --pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
18150
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
18150
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
18151
18151
  --pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
18152
18152
  --pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
18153
- --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
18153
+ --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--red--hover);
18154
18154
  --pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
18155
18155
  --pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
18156
18156
  --pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
18157
18157
  --pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
18158
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
18158
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
18159
18159
  --pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
18160
18160
  --pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
18161
- --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
18161
+ --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--hover);
18162
18162
  --pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
18163
18163
  --pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
18164
18164
  --pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
18165
18165
  --pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
18166
- --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
18166
+ --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
18167
18167
  --pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
18168
18168
  --pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
18169
- --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
18169
+ --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--hover);
18170
18170
  --pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
18171
18171
  --pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
18172
18172
  --pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
18173
18173
  --pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
18174
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
18174
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
18175
18175
  --pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
18176
18176
  --pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
18177
- --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
18177
+ --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
18178
18178
  --pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
18179
18179
  --pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
18180
18180
  --pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
18181
18181
  --pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
18182
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
18182
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
18183
18183
  --pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
18184
18184
  --pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
18185
- --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
18185
+ --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--green--hover);
18186
18186
  --pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
18187
18187
  --pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
18188
18188
  --pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
18189
18189
  --pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
18190
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
18190
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
18191
18191
  --pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
18192
18192
  --pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
18193
- --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
18193
+ --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
18194
18194
  --pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
18195
18195
  --pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
18196
18196
  --pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
18197
18197
  --pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
18198
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
18198
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
18199
18199
  --pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
18200
18200
  --pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
18201
- --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
18201
+ --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--hover);
18202
18202
  --pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
18203
18203
  --pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
18204
18204
  --pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
18205
18205
  --pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
18206
+ --pf-v5-c-label--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
18207
+ --pf-v5-c-label--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
18208
+ --pf-v5-c-label--m-success__icon--Color: var(--pf-t--global--icon--color--status--on-success--default);
18209
+ --pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--success--hover);
18210
+ --pf-v5-c-label--m-success--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-success--hover);
18211
+ --pf-v5-c-label--m-success--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-success--hover);
18212
+ --pf-v5-c-label--m-success--m-outline__icon--Color: var(--pf-t--global--icon--color--status--success--default);
18213
+ --pf-v5-c-label--m-success--m-outline--BorderColor: var(--pf-t--global--border--color--status--success--default);
18214
+ --pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--success--hover);
18215
+ --pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--success--hover);
18216
+ --pf-v5-c-label--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
18217
+ --pf-v5-c-label--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
18218
+ --pf-v5-c-label--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
18219
+ --pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
18220
+ --pf-v5-c-label--m-warning--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
18221
+ --pf-v5-c-label--m-warning--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
18222
+ --pf-v5-c-label--m-warning--m-outline__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
18223
+ --pf-v5-c-label--m-warning--m-outline--BorderColor: var(--pf-t--global--border--color--status--warning--default);
18224
+ --pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
18225
+ --pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--warning--hover);
18226
+ --pf-v5-c-label--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
18227
+ --pf-v5-c-label--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
18228
+ --pf-v5-c-label--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
18229
+ --pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
18230
+ --pf-v5-c-label--m-danger--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
18231
+ --pf-v5-c-label--m-danger--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
18232
+ --pf-v5-c-label--m-danger--m-outline__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
18233
+ --pf-v5-c-label--m-danger--m-outline--BorderColor: var(--pf-t--global--border--color--status--danger--default);
18234
+ --pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
18235
+ --pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
18236
+ --pf-v5-c-label--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
18237
+ --pf-v5-c-label--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
18238
+ --pf-v5-c-label--m-info__icon--Color: var(--pf-t--global--icon--color--status--on-info--default);
18239
+ --pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--info--hover);
18240
+ --pf-v5-c-label--m-info--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-info--hover);
18241
+ --pf-v5-c-label--m-info--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-info--hover);
18242
+ --pf-v5-c-label--m-info--m-outline__icon--Color: var(--pf-t--global--icon--color--status--info--default);
18243
+ --pf-v5-c-label--m-info--m-outline--BorderColor: var(--pf-t--global--border--color--status--info--default);
18244
+ --pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--info--hover);
18245
+ --pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--info--hover);
18246
+ --pf-v5-c-label--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
18247
+ --pf-v5-c-label--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
18248
+ --pf-v5-c-label--m-custom__icon--Color: var(--pf-t--global--icon--color--status--on-custom--default);
18249
+ --pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--custom--hover);
18250
+ --pf-v5-c-label--m-custom--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-custom--hover);
18251
+ --pf-v5-c-label--m-custom--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-custom--hover);
18252
+ --pf-v5-c-label--m-custom--m-outline__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
18253
+ --pf-v5-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
18254
+ --pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
18255
+ --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
18206
18256
  --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
18207
18257
  --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
18258
+ --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18208
18259
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
18209
18260
  --pf-v5-c-label--m-outline--BackgroundColor: transparent;
18210
18261
  --pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -18212,6 +18263,7 @@ label.pf-v5-c-input-group__text {
18212
18263
  --pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
18213
18264
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
18214
18265
  --pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
18266
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
18215
18267
  --pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
18216
18268
  --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18217
18269
  --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
@@ -18237,7 +18289,6 @@ label.pf-v5-c-input-group__text {
18237
18289
  --pf-v5-c-label__text--MaxWidth: 100%;
18238
18290
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
18239
18291
  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
18240
- --pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
18241
18292
  --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
18242
18293
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
18243
18294
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -18265,6 +18316,7 @@ label.pf-v5-c-input-group__text {
18265
18316
  padding-inline-end: var(--pf-v5-c-label--PaddingRight);
18266
18317
  font-size: var(--pf-v5-c-label--FontSize);
18267
18318
  white-space: nowrap;
18319
+ background: transparent;
18268
18320
  isolation: isolate;
18269
18321
  border: 0;
18270
18322
  border-radius: var(--pf-v5-c-label--BorderRadius);
@@ -18349,6 +18401,66 @@ label.pf-v5-c-input-group__text {
18349
18401
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
18350
18402
  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
18351
18403
  }
18404
+ .pf-v5-c-label.pf-m-success {
18405
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-success--BackgroundColor);
18406
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-success--Color);
18407
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-success__icon--Color);
18408
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor);
18409
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-success--m-clickable--hover--Color);
18410
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-clickable--hover__icon--Color);
18411
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
18412
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
18413
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
18414
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18415
+ }
18416
+ .pf-v5-c-label.pf-m-warning {
18417
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
18418
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-warning--Color);
18419
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-warning__icon--Color);
18420
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor);
18421
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover--Color);
18422
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color);
18423
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
18424
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
18425
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
18426
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
18427
+ }
18428
+ .pf-v5-c-label.pf-m-danger {
18429
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
18430
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-danger--Color);
18431
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-danger__icon--Color);
18432
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor);
18433
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover--Color);
18434
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color);
18435
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
18436
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
18437
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
18438
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
18439
+ }
18440
+ .pf-v5-c-label.pf-m-info {
18441
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
18442
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-info--Color);
18443
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-info__icon--Color);
18444
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor);
18445
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-info--m-clickable--hover--Color);
18446
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-clickable--hover__icon--Color);
18447
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
18448
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
18449
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
18450
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
18451
+ }
18452
+ .pf-v5-c-label.pf-m-custom {
18453
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
18454
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-custom--Color);
18455
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-custom__icon--Color);
18456
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor);
18457
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover--Color);
18458
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color);
18459
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
18460
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
18461
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
18462
+ --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
18463
+ }
18352
18464
  .pf-v5-c-label.pf-m-compact {
18353
18465
  --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
18354
18466
  --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
@@ -18357,16 +18469,20 @@ label.pf-v5-c-input-group__text {
18357
18469
  --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
18358
18470
  --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
18359
18471
  }
18472
+ .pf-v5-c-label.pf-m-filled .pf-v5-c-label__actions .pf-v5-c-button {
18473
+ --pf-v5-c-button--Color: var(--pf-v5-c-label--m-filled__actions--c-button--Color);
18474
+ }
18360
18475
  .pf-v5-c-label.pf-m-outline {
18361
18476
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
18362
18477
  --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
18363
18478
  --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
18364
18479
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
18480
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
18365
18481
  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
18366
18482
  --pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
18367
18483
  --pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
18368
18484
  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
18369
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
18485
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color);
18370
18486
  }
18371
18487
  .pf-v5-c-label.pf-m-editable {
18372
18488
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
@@ -18383,9 +18499,6 @@ label.pf-v5-c-input-group__text {
18383
18499
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
18384
18500
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
18385
18501
  }
18386
- .pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
18387
- background: transparent;
18388
- }
18389
18502
  .pf-v5-c-label.pf-m-overflow {
18390
18503
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
18391
18504
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
@@ -18418,12 +18531,16 @@ label.pf-v5-c-input-group__text {
18418
18531
  }
18419
18532
  .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
18420
18533
  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
18534
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
18421
18535
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
18422
18536
  --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
18423
18537
  --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
18424
18538
  --pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
18425
18539
  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
18426
18540
  }
18541
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) ~ .pf-v5-c-label__actions .pf-v5-c-button {
18542
+ --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
18543
+ }
18427
18544
 
18428
18545
  .pf-v5-c-label,
18429
18546
  .pf-v5-c-label__content {
@@ -18469,7 +18586,6 @@ input.pf-v5-c-label__content {
18469
18586
  margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
18470
18587
  }
18471
18588
  .pf-v5-c-label__actions .pf-v5-c-button {
18472
- --pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
18473
18589
  --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
18474
18590
  --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
18475
18591
  --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
@@ -29665,21 +29781,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29665
29781
  }
29666
29782
  }
29667
29783
 
29668
- .pf-v5-c-tabs {
29784
+ :where(:root),
29785
+ :where(.pf-v5-c-tabs) {
29669
29786
  --pf-v5-c-tabs--inset: 0;
29670
29787
  --pf-v5-c-tabs--Width: auto;
29671
- --pf-v5-c-tabs--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29672
- --pf-v5-c-tabs--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29788
+ --pf-v5-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
29789
+ --pf-v5-c-tabs--before--border-width--base: var(--pf-t--global--border--width--regular);
29673
29790
  --pf-v5-c-tabs--before--BorderTopWidth: 0;
29674
29791
  --pf-v5-c-tabs--before--BorderRightWidth: 0;
29675
29792
  --pf-v5-c-tabs--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
29676
29793
  --pf-v5-c-tabs--before--BorderLeftWidth: 0;
29677
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
29678
- --pf-v5-c-tabs--m-page-insets--inset: var(--pf-v5-global--spacer--md);
29679
- --pf-v5-c-tabs--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
29794
+ --pf-v5-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
29795
+ --pf-v5-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
29680
29796
  --pf-v5-c-tabs--m-vertical--Width: 100%;
29681
29797
  --pf-v5-c-tabs--m-vertical--MaxWidth: 15.625rem;
29682
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
29798
+ --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
29683
29799
  --pf-v5-c-tabs--m-vertical__list--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
29684
29800
  --pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
29685
29801
  --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
@@ -29687,32 +29803,50 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29687
29803
  --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
29688
29804
  --pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29689
29805
  --pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
29690
- --pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor: transparent;
29691
- --pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300);
29692
- --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--palette--black-150);
29693
29806
  --pf-v5-c-tabs__list--Display: flex;
29694
- --pf-v5-c-tabs__item--m-action--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
29695
- --pf-v5-c-tabs__link--Color: var(--pf-v5-global--Color--200);
29696
- --pf-v5-c-tabs__link--FontSize: var(--pf-v5-global--FontSize--md);
29697
- --pf-v5-c-tabs__link--BackgroundColor: transparent;
29698
- --pf-v5-c-tabs__link--OutlineOffset: calc(-1 * 0.375rem);
29699
- --pf-v5-c-tabs__link--PaddingTop: var(--pf-v5-global--spacer--sm);
29700
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-global--spacer--md);
29701
- --pf-v5-c-tabs__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
29702
- --pf-v5-c-tabs__link--PaddingLeft: var(--pf-v5-global--spacer--md);
29703
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--100);
29704
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--palette--black-150);
29705
- --pf-v5-c-tabs__item--m-current__link--Color: var(--pf-v5-global--Color--100);
29706
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29707
- --pf-v5-c-tabs--m-vertical__link--PaddingTop: var(--pf-v5-global--spacer--md);
29708
- --pf-v5-c-tabs--m-vertical__link--PaddingBottom: var(--pf-v5-global--spacer--md);
29709
- --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29710
- --pf-v5-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29711
- --pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-400);
29712
- --pf-v5-c-tabs--m-secondary__link--FontSize: var(--pf-v5-global--FontSize--sm);
29713
- --pf-v5-c-tabs__item--m-action__link--PaddingRight: var(--pf-v5-global--spacer--xs);
29714
- --pf-v5-c-tabs__link--before--border-color--base: var(--pf-v5-global--BorderColor--100);
29715
- --pf-v5-c-tabs__link--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29807
+ --pf-v5-c-tabs__item--BackgroundColor: transparent;
29808
+ --pf-v5-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29809
+ --pf-v5-c-tabs__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29810
+ --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29811
+ --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29812
+ --pf-v5-c-tabs__item--ColumnGap: var(--pf-t--global--spacer--xs);
29813
+ --pf-v5-c-tabs--m-vertical__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
29814
+ --pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29815
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: transparent;
29816
+ --pf-v5-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
29817
+ --pf-v5-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29818
+ --pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29819
+ --pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29820
+ --pf-v5-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
29821
+ --pf-v5-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
29822
+ --pf-v5-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
29823
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29824
+ --pf-v5-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
29825
+ --pf-v5-c-tabs__link--PaddingTop: var(--pf-t--global--spacer--xs);
29826
+ --pf-v5-c-tabs__link--PaddingRight: var(--pf-t--global--spacer--sm);
29827
+ --pf-v5-c-tabs__link--PaddingBottom: var(--pf-t--global--spacer--xs);
29828
+ --pf-v5-c-tabs__link--PaddingLeft: var(--pf-t--global--spacer--sm);
29829
+ --pf-v5-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
29830
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29831
+ --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29832
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29833
+ --pf-v5-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
29834
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29835
+ --pf-v5-c-tabs--m-vertical__link--PaddingLeft: var(--pf-t--global--spacer--sm);
29836
+ --pf-v5-c-tabs--m-vertical__link--PaddingRight: var(--pf-t--global--spacer--sm);
29837
+ --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29838
+ --pf-v5-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29839
+ --pf-v5-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29840
+ --pf-v5-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29841
+ --pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29842
+ --pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29843
+ --pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29844
+ --pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29845
+ --pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
29846
+ --pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29847
+ --pf-v5-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
29848
+ --pf-v5-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
29849
+ --pf-v5-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
29716
29850
  --pf-v5-c-tabs__link--before--BorderTopColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29717
29851
  --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29718
29852
  --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
@@ -29728,29 +29862,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29728
29862
  --pf-v5-c-tabs__link--after--Top: auto;
29729
29863
  --pf-v5-c-tabs__link--after--Right: 0;
29730
29864
  --pf-v5-c-tabs__link--after--Bottom: 0;
29731
- --pf-v5-c-tabs__link--after--BorderColor: var(--pf-v5-global--BorderColor--light-100);
29865
+ --pf-v5-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
29732
29866
  --pf-v5-c-tabs__link--after--BorderWidth: 0;
29733
29867
  --pf-v5-c-tabs__link--after--BorderTopWidth: 0;
29734
29868
  --pf-v5-c-tabs__link--after--BorderRightWidth: 0;
29735
29869
  --pf-v5-c-tabs__link--after--BorderLeftWidth: 0;
29736
- --pf-v5-c-tabs__link--hover--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29737
- --pf-v5-c-tabs__link--focus--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29738
- --pf-v5-c-tabs__link--active--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29739
- --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--pf-v5-global--active-color--100);
29740
- --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-v5-global--BorderWidth--lg);
29741
- --pf-v5-c-tabs__link--child--MarginRight: var(--pf-v5-global--spacer--md);
29742
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-global--Color--100);
29743
- --pf-v5-c-tabs__scroll-button--hover--Color: var(--pf-v5-global--active-color--100);
29744
- --pf-v5-c-tabs__scroll-button--disabled--Color: var(--pf-v5-global--disabled-color--200);
29745
- --pf-v5-c-tabs__scroll-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29746
- --pf-v5-c-tabs__scroll-button--Width: var(--pf-v5-global--spacer--2xl);
29747
- --pf-v5-c-tabs__scroll-button--xl--Width: var(--pf-v5-global--spacer--3xl);
29748
- --pf-v5-c-tabs__scroll-button--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29870
+ --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
29871
+ --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
29872
+ --pf-v5-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29873
+ --pf-v5-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29874
+ --pf-v5-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29875
+ --pf-v5-c-tabs__scroll-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29876
+ --pf-v5-c-tabs__scroll-button--Width: var(--pf-t--global--spacer--2xl);
29749
29877
  --pf-v5-c-tabs__scroll-button--TransitionDuration--margin: .125s;
29750
29878
  --pf-v5-c-tabs__scroll-button--TransitionDuration--transform: .125s;
29751
29879
  --pf-v5-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
29752
29880
  --pf-v5-c-tabs__scroll-button--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
29753
- --pf-v5-c-tabs__scroll-button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
29881
+ --pf-v5-c-tabs__scroll-button--before--border-width--base: var(--pf-t--global--border--width--regular);
29754
29882
  --pf-v5-c-tabs__scroll-button--before--BorderRightWidth: 0;
29755
29883
  --pf-v5-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
29756
29884
  --pf-v5-c-tabs__scroll-button--before--BorderLeftWidth: 0;
@@ -29760,44 +29888,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29760
29888
  --pf-v5-c-tabs__item--ScrollSnapAlign: end;
29761
29889
  --pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
29762
29890
  --pf-v5-c-tabs__toggle--Display: flex;
29763
- --pf-v5-c-tabs__toggle--MarginBottom: 0;
29764
- --pf-v5-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-v5-global--spacer--md);
29765
29891
  --pf-v5-c-tabs__toggle-icon--Color: currentcolor;
29766
- --pf-v5-c-tabs__toggle-icon--Transition: var(--pf-v5-global--Transition);
29892
+ --pf-v5-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
29767
29893
  --pf-v5-c-tabs__toggle-icon--Rotate: 0;
29768
29894
  --pf-v5-c-tabs__toggle-text--MarginLeft: 0;
29769
- --pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
29770
- --pf-v5-c-tabs__toggle-button__toggle-text--Color: var(--pf-v5-global--Color--100);
29771
- --pf-v5-c-tabs__toggle-button--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
29772
- --pf-v5-c-tabs__toggle-button--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
29773
- --pf-v5-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
29774
- --pf-v5-c-tabs--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
29895
+ --pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
29896
+ --pf-v5-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
29897
+ --pf-v5-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29775
29898
  --pf-v5-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
29776
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
29777
- --pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize: var(--pf-v5-global--icon--FontSize--sm);
29778
- --pf-v5-c-tabs__item-action--c-button--PaddingTop: var(--pf-v5-global--spacer--sm);
29779
- --pf-v5-c-tabs__item-action--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
29780
- --pf-v5-c-tabs__item-action--c-button--PaddingBottom: var(--pf-v5-global--spacer--sm);
29781
- --pf-v5-c-tabs__item-action--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
29782
- --pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
29783
- --pf-v5-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
29899
+ --pf-v5-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
29900
+ --pf-v5-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29901
+ --pf-v5-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29902
+ --pf-v5-c-tabs--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
29903
+ --pf-v5-c-tabs--m-expandable--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29904
+ --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-t--global--font--size--sm);
29905
+ --pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize: var(--pf-t--global--font--size--xs);
29784
29906
  --pf-v5-c-tabs__item-action-icon--MarginTop: 0.125rem;
29785
29907
  --pf-v5-c-tabs__add--before--BorderColor: var(--pf-v5-c-tabs__link--before--border-color--base);
29786
29908
  --pf-v5-c-tabs__add--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29787
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
29788
- --pf-v5-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
29789
- --pf-v5-c-tabs__add--c-button--PaddingTop: var(--pf-v5-c-tabs__link--PaddingTop);
29790
- --pf-v5-c-tabs__add--c-button--PaddingBottom: var(--pf-v5-c-tabs__link--PaddingBottom);
29791
- --pf-v5-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
29792
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-global--Color--200);
29909
+ --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-t--global--font--size--sm);
29910
+ --pf-v5-c-tabs--m-subtab__add--c-button--FontSize: var(--pf-t--global--font--size--xs);
29911
+ --pf-v5-c-tabs__add--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29912
+ --pf-v5-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29913
+ --pf-v5-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
29914
+ --pf-v5-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29915
+ --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
29793
29916
  --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29794
29917
  --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
29795
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-v5-global--FontSize--sm);
29796
- --pf-v5-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
29918
+ --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--FontSize--sm);
29797
29919
  --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29798
- --pf-v5-c-tabs__link--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
29799
- --pf-v5-c-tabs__link--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
29800
- --pf-v5-c-tabs__link--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
29920
+ }
29921
+
29922
+ .pf-v5-c-tabs {
29801
29923
  position: relative;
29802
29924
  display: flex;
29803
29925
  width: var(--pf-v5-c-tabs--Width);
@@ -29805,12 +29927,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29805
29927
  padding-inline-end: var(--pf-v5-c-tabs--inset);
29806
29928
  overflow: hidden;
29807
29929
  }
29808
- @media screen and (min-width: 1200px) {
29809
- .pf-v5-c-tabs {
29810
- --pf-v5-c-tabs__scroll-button--Width: var(--pf-v5-c-tabs__scroll-button--xl--Width);
29811
- --pf-v5-c-tabs--m-page-insets--inset: var(--pf-v5-c-tabs--m-page-insets--xl--inset);
29812
- }
29813
- }
29814
29930
  .pf-v5-c-tabs::before {
29815
29931
  position: absolute;
29816
29932
  inset-block-end: 0;
@@ -29857,11 +29973,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29857
29973
  --pf-v5-c-tabs__link--after--BorderBottomWidth: 0;
29858
29974
  }
29859
29975
  .pf-v5-c-tabs.pf-m-box {
29976
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--BackgroundColor);
29977
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current--BackgroundColor);
29860
29978
  --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--BackgroundColor);
29979
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box__link--disabled--Color);
29861
29980
  --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--disabled--BackgroundColor);
29981
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--hover--BackgroundColor);
29982
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor);
29862
29983
  --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29863
- --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29864
- --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
29865
29984
  --pf-v5-c-tabs__link--after--Top: 0;
29866
29985
  --pf-v5-c-tabs__link--after--Bottom: auto;
29867
29986
  }
@@ -29890,20 +30009,23 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29890
30009
  .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item {
29891
30010
  --pf-v5-c-tabs__link--before--Left: 0;
29892
30011
  }
29893
- .pf-v5-c-tabs.pf-m-box.pf-m-color-scheme--light-300 {
29894
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__link--BackgroundColor);
29895
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
29896
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
29897
- }
29898
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item-action .pf-v5-c-button {
29899
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor);
30012
+ .pf-v5-c-tabs.pf-m-box.pf-m-secondary {
30013
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor);
30014
+ --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
30015
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor);
30016
+ --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color);
30017
+ --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor);
30018
+ --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor);
30019
+ --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor);
29900
30020
  }
29901
30021
  .pf-v5-c-tabs.pf-m-vertical {
29902
30022
  --pf-v5-c-tabs--Width: var(--pf-v5-c-tabs--m-vertical--Width);
29903
30023
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--inset);
29904
30024
  --pf-v5-c-tabs--before--BorderBottomWidth: 0;
29905
- --pf-v5-c-tabs__link--PaddingTop: var(--pf-v5-c-tabs--m-vertical__link--PaddingTop);
29906
- --pf-v5-c-tabs__link--PaddingBottom: var(--pf-v5-c-tabs--m-vertical__link--PaddingBottom);
30025
+ --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineStart);
30026
+ --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd);
30027
+ --pf-v5-c-tabs__link--PaddingLeft: var(--pf-v5-c-tabs--m-vertical__link--PaddingLeft);
30028
+ --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-c-tabs--m-vertical__link--PaddingRight);
29907
30029
  --pf-v5-c-tabs__link--before--Left: 0;
29908
30030
  --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: 0;
29909
30031
  --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
@@ -30006,9 +30128,15 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30006
30128
  --pf-v5-c-tabs__toggle--Display: none;
30007
30129
  }
30008
30130
  }
30131
+ .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable {
30132
+ row-gap: var(--pf-v5-c-tabs--m-expandable--RowGap);
30133
+ padding-block-start: var(--pf-v5-c-tabs--m-expandable--PaddingBlockStart);
30134
+ padding-block-end: var(--pf-v5-c-tabs--m-expandable--PaddingBlockEnd);
30135
+ padding-inline-start: var(--pf-v5-c-tabs--m-expandable--PaddingInlineStart);
30136
+ padding-inline-end: var(--pf-v5-c-tabs--m-expandable--PaddingInlineEnd);
30137
+ }
30009
30138
  .pf-v5-c-tabs.pf-m-vertical.pf-m-expanded {
30010
30139
  --pf-v5-c-tabs__list--Display: flex;
30011
- --pf-v5-c-tabs__toggle--MarginBottom: var(--pf-v5-c-tabs--m-expanded__toggle--MarginBottom);
30012
30140
  --pf-v5-c-tabs__toggle-icon--Color: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Color);
30013
30141
  --pf-v5-c-tabs__toggle-icon--Rotate: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Rotate);
30014
30142
  }
@@ -30016,6 +30144,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30016
30144
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--m-box--inset);
30017
30145
  --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
30018
30146
  --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
30147
+ --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30019
30148
  --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
30020
30149
  --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
30021
30150
  --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: 0;
@@ -30025,16 +30154,14 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30025
30154
  inset-inline-end: 0;
30026
30155
  }
30027
30156
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:last-child {
30028
- --pf-v5-c-tabs__link--before--BorderBottomWidth: 0;
30029
30157
  --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30030
30158
  }
30159
+ .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child {
30160
+ --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30161
+ }
30031
30162
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current {
30032
30163
  --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__item--m-current__link--BackgroundColor);
30033
30164
  --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
30034
- --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30035
- }
30036
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current:first-child {
30037
- --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
30038
30165
  }
30039
30166
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child.pf-m-current {
30040
30167
  --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
@@ -30046,10 +30173,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30046
30173
  .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item .pf-v5-c-tabs__link::after {
30047
30174
  inset-block-start: 0;
30048
30175
  }
30049
- .pf-v5-c-tabs.pf-m-secondary {
30050
- --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-secondary__link--FontSize);
30051
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-c-tabs--m-secondary__item-action--c-button--FontSize);
30052
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-c-tabs--m-secondary__add--c-button--FontSize);
30176
+ .pf-v5-c-tabs.pf-m-subtab {
30177
+ --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-subtab__link--FontSize);
30178
+ --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize);
30179
+ --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__add--c-button--FontSize);
30053
30180
  }
30054
30181
  .pf-v5-c-tabs.pf-m-page-insets {
30055
30182
  --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-page-insets--inset);
@@ -30062,15 +30189,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30062
30189
  .pf-v5-c-tabs__toggle {
30063
30190
  display: var(--pf-v5-c-tabs__toggle--Display);
30064
30191
  align-items: center;
30065
- margin-block-end: var(--pf-v5-c-tabs__toggle--MarginBottom);
30066
30192
  }
30067
30193
 
30068
30194
  .pf-v5-c-tabs__toggle-button {
30069
30195
  --pf-v5-c-tabs__toggle-text--MarginLeft: var(--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft);
30070
30196
  --pf-v5-c-tabs__toggle-text--Color: var(--pf-v5-c-tabs__toggle-button__toggle-text--Color);
30071
- margin-block-start: var(--pf-v5-c-tabs__toggle-button--MarginTop);
30072
- margin-block-end: var(--pf-v5-c-tabs__toggle-button--MarginBottom);
30073
- margin-inline-start: var(--pf-v5-c-tabs__toggle-button--MarginLeft);
30074
30197
  }
30075
30198
  .pf-v5-c-tabs__toggle-button .pf-v5-c-button {
30076
30199
  display: flex;
@@ -30109,17 +30232,24 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30109
30232
  }
30110
30233
 
30111
30234
  .pf-v5-c-tabs__item {
30235
+ position: relative;
30112
30236
  display: flex;
30113
30237
  flex: none;
30238
+ column-gap: var(--pf-v5-c-tabs__item--ColumnGap);
30114
30239
  scroll-snap-align: var(--pf-v5-c-tabs__item--ScrollSnapAlign);
30240
+ padding-block-start: var(--pf-v5-c-tabs__item--PaddingBlockStart);
30241
+ padding-block-end: var(--pf-v5-c-tabs__item--PaddingBlockEnd);
30242
+ padding-inline-start: var(--pf-v5-c-tabs__item--PaddingInlineStart);
30243
+ padding-inline-end: var(--pf-v5-c-tabs__item--PaddingInlineEnd);
30244
+ background-color: var(--pf-v5-c-tabs__item--BackgroundColor);
30115
30245
  }
30116
30246
  .pf-v5-c-tabs__item.pf-m-current {
30117
30247
  --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__item--m-current__link--Color);
30118
30248
  --pf-v5-c-tabs__link--after--BorderColor: var(--pf-v5-c-tabs__item--m-current__link--after--BorderColor);
30119
30249
  --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__item--m-current__link--after--BorderWidth);
30250
+ --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs__item--m-current--BackgroundColor);
30120
30251
  }
30121
30252
  .pf-v5-c-tabs__item.pf-m-action {
30122
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-c-tabs__item--m-action__link--PaddingRight);
30123
30253
  position: relative;
30124
30254
  }
30125
30255
  .pf-v5-c-tabs__item.pf-m-action::before {
@@ -30164,9 +30294,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30164
30294
  }
30165
30295
 
30166
30296
  .pf-v5-c-tabs__link {
30167
- position: relative;
30168
30297
  display: flex;
30169
30298
  flex: 1;
30299
+ column-gap: var(--pf-v5-c-tabs__link--ColumnGap);
30300
+ align-items: center;
30170
30301
  padding-block-start: var(--pf-v5-c-tabs__link--PaddingTop);
30171
30302
  padding-block-end: var(--pf-v5-c-tabs__link--PaddingBottom);
30172
30303
  padding-inline-start: var(--pf-v5-c-tabs__link--PaddingLeft);
@@ -30174,11 +30305,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30174
30305
  font-size: var(--pf-v5-c-tabs__link--FontSize);
30175
30306
  color: var(--pf-v5-c-tabs__link--Color);
30176
30307
  text-decoration: none;
30177
- outline-offset: var(--pf-v5-c-tabs__link--OutlineOffset);
30308
+ background-color: var(--pf-v5-c-tabs__link--BackgroundColor);
30309
+ border-radius: var(--pf-v5-c-tabs__link--BorderRadius);
30178
30310
  }
30179
30311
  .pf-v5-c-tabs__item.pf-m-action, .pf-v5-c-tabs__link {
30180
30312
  --pf-v5-c-tabs__link--after--BorderBottomWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
30181
- background-color: var(--pf-v5-c-tabs__link--BackgroundColor);
30182
30313
  }
30183
30314
 
30184
30315
  .pf-v5-c-tabs__item.pf-m-action::before, .pf-v5-c-tabs__link::before {
@@ -30205,52 +30336,32 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30205
30336
  border-inline-end-width: var(--pf-v5-c-tabs__link--after--BorderRightWidth);
30206
30337
  }
30207
30338
 
30208
- .pf-v5-c-tabs__item.pf-m-action:hover, .pf-v5-c-tabs__link:hover {
30209
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--hover--after--BorderWidth);
30210
- }
30211
-
30212
- .pf-v5-c-tabs__item.pf-m-action:focus-within, .pf-v5-c-tabs__link:focus {
30213
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--focus--after--BorderWidth);
30214
- }
30215
-
30216
- .pf-v5-c-tabs__item.pf-m-action:active, .pf-v5-c-tabs__link:active {
30217
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__link--active--after--BorderWidth);
30218
- }
30219
-
30220
- .pf-v5-c-tabs__link:hover {
30221
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--hover__toggle-icon--Color);
30222
- }
30223
- .pf-v5-c-tabs__link:focus {
30224
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--focus__toggle-icon--Color);
30225
- }
30226
- .pf-v5-c-tabs__link:active, .pf-v5-c-tabs__link.pf-m-active {
30227
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--active__toggle-icon--Color);
30339
+ .pf-v5-c-tabs__link:where(:hover, :focus) {
30340
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--hover--BackgroundColor);
30341
+ mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
30228
30342
  }
30229
30343
  .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled {
30230
30344
  pointer-events: none;
30231
30345
  }
30232
30346
  .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled, .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
30233
30347
  --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__link--disabled--Color);
30234
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--disabled--BackgroundColor);
30235
30348
  --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderRightWidth);
30236
30349
  --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth);
30237
30350
  --pf-v5-c-tabs__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth);
30238
30351
  --pf-v5-c-tabs__link--after--BorderWidth: 0;
30239
30352
  }
30240
30353
 
30241
- .pf-v5-c-tabs__link.pf-m-aria-disabled {
30242
- cursor: default;
30354
+ .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
30355
+ --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--disabled--BackgroundColor);
30243
30356
  }
30244
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon,
30245
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text {
30246
- margin-inline-end: var(--pf-v5-c-tabs__link--child--MarginRight);
30357
+ .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled {
30358
+ --pf-v5-c-tabs__link--BackgroundColor: transparent;
30247
30359
  }
30248
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon:last-child,
30249
- .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text:last-child {
30250
- --pf-v5-c-tabs__link--child--MarginRight: 0;
30360
+
30361
+ .pf-v5-c-tabs__link.pf-m-aria-disabled {
30362
+ cursor: default;
30251
30363
  }
30252
30364
  .pf-v5-c-tabs__link.pf-m-expanded {
30253
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-v5-c-tabs__link--m-expanded__toggle-icon--Color);
30254
30365
  --pf-v5-c-tabs__link-toggle-icon--Rotate: var(--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate);
30255
30366
  }
30256
30367
 
@@ -30270,14 +30381,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30270
30381
  }
30271
30382
  .pf-v5-c-tabs__item-action .pf-v5-c-button {
30272
30383
  --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__item-action--c-button--FontSize);
30273
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-tabs__item-action--c-button--PaddingTop);
30274
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-tabs__item-action--c-button--PaddingRight);
30275
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-tabs__item-action--c-button--PaddingBottom);
30276
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-tabs__item-action--c-button--PaddingLeft);
30277
- outline-offset: var(--pf-v5-c-tabs__item-action--c-button--OutlineOffset);
30278
- }
30279
- .pf-v5-c-tabs__item-action:last-child {
30280
- --pf-v5-c-tabs__item-action--c-button--PaddingRight: var(--pf-v5-c-tabs__item-action--last-child--c-button--PaddingRight);
30281
30384
  }
30282
30385
 
30283
30386
  .pf-v5-c-tabs__item-action-icon {
@@ -30286,22 +30389,13 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30286
30389
  }
30287
30390
 
30288
30391
  .pf-v5-c-tabs__scroll-button {
30289
- flex: none;
30290
- width: var(--pf-v5-c-tabs__scroll-button--Width);
30291
- line-height: 1;
30292
- color: var(--pf-v5-c-tabs__scroll-button--Color);
30293
- background-color: var(--pf-v5-c-tabs__scroll-button--BackgroundColor);
30294
- outline-offset: var(--pf-v5-c-tabs__scroll-button--OutlineOffset);
30392
+ padding-block-start: var(--pf-v5-c-tabs__scroll-button--PaddingBlockStart);
30393
+ padding-block-end: var(--pf-v5-c-tabs__scroll-button--PaddingBlockEnd);
30394
+ padding-inline-start: var(--pf-v5-c-tabs__scroll-button--PaddingInlineStart);
30395
+ padding-inline-end: var(--pf-v5-c-tabs__scroll-button--PaddingInlineEnd);
30295
30396
  opacity: 0;
30296
30397
  transition: margin var(--pf-v5-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v5-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity);
30297
30398
  }
30298
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
30299
- scale: -1 1;
30300
- }
30301
-
30302
- .pf-v5-c-tabs__scroll-button:hover, .pf-v5-c-tabs__scroll-button:active, .pf-v5-c-tabs__scroll-button:focus {
30303
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-c-tabs__scroll-button--hover--Color);
30304
- }
30305
30399
  .pf-v5-c-tabs__scroll-button::before {
30306
30400
  border-color: var(--pf-v5-c-tabs__scroll-button--before--BorderColor);
30307
30401
  border-block-start-width: 0;
@@ -30319,23 +30413,20 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30319
30413
  margin-inline-start: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
30320
30414
  transform: translateX(100%);
30321
30415
  }
30322
- .pf-v5-c-tabs__scroll-button:disabled {
30323
- --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-c-tabs__scroll-button--disabled--Color);
30324
- pointer-events: none;
30325
- }
30326
30416
 
30327
30417
  .pf-v5-c-tabs__add {
30328
30418
  position: relative;
30329
30419
  display: flex;
30420
+ padding-block-start: var(--pf-v5-c-tabs__add--PaddingBlockStart);
30421
+ padding-block-end: var(--pf-v5-c-tabs__add--PaddingBlockEnd);
30422
+ padding-inline-start: var(--pf-v5-c-tabs__add--PaddingInlineStart);
30423
+ padding-inline-end: var(--pf-v5-c-tabs__add--PaddingInlineEnd);
30330
30424
  }
30331
30425
  .pf-v5-c-tabs__add::before {
30332
30426
  border-inline-start: var(--pf-v5-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v5-c-tabs__add--before--BorderColor);
30333
30427
  }
30334
30428
  .pf-v5-c-tabs__add .pf-v5-c-button {
30335
30429
  --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__add--c-button--FontSize);
30336
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-tabs__add--c-button--PaddingTop);
30337
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-tabs__add--c-button--PaddingBottom);
30338
- outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
30339
30430
  }
30340
30431
 
30341
30432
  .pf-v5-c-tabs.pf-m-inset-none {
@@ -30529,17 +30620,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30529
30620
  }
30530
30621
  }
30531
30622
 
30532
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30533
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30534
- }
30535
-
30536
- :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
30537
- --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
30538
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30539
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
30540
- --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
30541
- }
30542
-
30543
30623
  .pf-v5-c-text-input-group {
30544
30624
  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
30545
30625
  --pf-v5-c-text-input-group__text--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);