@patternfly/patternfly 6.0.0-alpha.55 → 6.0.0-alpha.56

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/JumpLinks/jump-links.css +34 -34
  2. package/components/JumpLinks/jump-links.scss +35 -36
  3. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  4. package/docs/demos/Drawer/examples/Drawer.md +100 -80
  5. package/docs/demos/JumpLinks/examples/JumpLinks.md +275 -185
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +34 -34
  8. package/patternfly-theme-dark-unversioned.css +34 -34
  9. package/patternfly.css +34 -34
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -16225,63 +16225,66 @@ label.pf-v5-c-input-group__text {
16225
16225
  cursor: pointer;
16226
16226
  }
16227
16227
 
16228
- .pf-v5-c-jump-links {
16228
+ :where(:root),
16229
+ :where(.pf-v5-c-jump-links) {
16229
16230
  --pf-v5-c-jump-links__list--Display: flex;
16230
16231
  --pf-v5-c-jump-links__list--PaddingTop: 0;
16231
- --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
16232
+ --pf-v5-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
16232
16233
  --pf-v5-c-jump-links__list--PaddingBottom: 0;
16233
- --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
16234
- --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
16234
+ --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-t--global--spacer--md);
16235
+ --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-t--global--spacer--md);
16235
16236
  --pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
16236
- --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
16237
+ --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-t--global--spacer--md);
16237
16238
  --pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
16238
16239
  --pf-v5-c-jump-links__list--FlexDirection: row;
16239
16240
  --pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
16240
- --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16241
- --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
16241
+ --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
16242
+ --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-t--global--border--width--box--default);
16242
16243
  --pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
16243
16244
  --pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
16244
16245
  --pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
16245
- --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
16246
+ --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
16246
16247
  --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
16247
- --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
16248
- --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
16249
- --pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
16250
- --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
16251
- --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
16252
- --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
16253
- --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
16254
- --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
16255
- --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
16248
+ --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
16249
+ --pf-v5-c-jump-links__link--PaddingTop: var(--pf-t--global--spacer--sm);
16250
+ --pf-v5-c-jump-links__link--PaddingRight: var(--pf-t--global--spacer--sm);
16251
+ --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16252
+ --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-t--global--spacer--sm);
16253
+ --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-t--global--spacer--sm);
16254
+ --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-t--global--spacer--lg);
16255
+ --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16256
+ --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
16256
16257
  --pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
16257
16258
  --pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
16258
16259
  --pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
16259
16260
  --pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
16260
16261
  --pf-v5-c-jump-links__link--before--BorderColor: transparent;
16261
- --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
16262
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-t--global--border--width--extra-strong);
16262
16263
  --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
16263
- --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
16264
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
16264
16265
  --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
16265
- --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
16266
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
16267
- --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
16268
- --pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
16269
- --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
16270
- --pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
16266
+ --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-t--global--border--width--extra-strong);
16267
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
16268
+ --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
16269
+ --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
16270
+ --pf-v5-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
16271
16271
  --pf-v5-c-jump-links__label--Display: block;
16272
16272
  --pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
16273
16273
  --pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
16274
16274
  --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
16275
- --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
16276
- --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
16275
+ --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-t--global--spacer--md));
16276
+ --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
16277
16277
  --pf-v5-c-jump-links__toggle--Display: none;
16278
16278
  --pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
16279
16279
  --pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
16280
16280
  --pf-v5-c-jump-links__toggle-icon--Rotate: 0;
16281
- --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
16281
+ --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
16282
16282
  --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
16283
- --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
16284
- --pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
16283
+ --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
16284
+ --pf-v5-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
16285
+ }
16286
+
16287
+ .pf-v5-c-jump-links {
16285
16288
  display: flex;
16286
16289
  }
16287
16290
  .pf-v5-c-jump-links.pf-m-center {
@@ -16419,12 +16422,9 @@ label.pf-v5-c-input-group__text {
16419
16422
  text-decoration: none;
16420
16423
  outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
16421
16424
  }
16422
- .pf-v5-c-jump-links__link:hover {
16425
+ .pf-v5-c-jump-links__link:hover, .pf-v5-c-jump-links__link:focus {
16423
16426
  --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
16424
16427
  }
16425
- .pf-v5-c-jump-links__link:focus {
16426
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
16427
- }
16428
16428
  .pf-v5-c-jump-links__link::before {
16429
16429
  position: absolute;
16430
16430
  inset: 0;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -16342,63 +16342,66 @@ label.pf-v5-c-input-group__text {
16342
16342
  cursor: pointer;
16343
16343
  }
16344
16344
 
16345
- .pf-v5-c-jump-links {
16345
+ :where(:root),
16346
+ :where(.pf-v5-c-jump-links) {
16346
16347
  --pf-v5-c-jump-links__list--Display: flex;
16347
16348
  --pf-v5-c-jump-links__list--PaddingTop: 0;
16348
- --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
16349
+ --pf-v5-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
16349
16350
  --pf-v5-c-jump-links__list--PaddingBottom: 0;
16350
- --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
16351
- --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
16351
+ --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-t--global--spacer--md);
16352
+ --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-t--global--spacer--md);
16352
16353
  --pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
16353
- --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
16354
+ --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-t--global--spacer--md);
16354
16355
  --pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
16355
16356
  --pf-v5-c-jump-links__list--FlexDirection: row;
16356
16357
  --pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
16357
- --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16358
- --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
16358
+ --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
16359
+ --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-t--global--border--width--box--default);
16359
16360
  --pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
16360
16361
  --pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
16361
16362
  --pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
16362
- --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
16363
+ --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
16363
16364
  --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
16364
- --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
16365
- --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
16366
- --pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
16367
- --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
16368
- --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
16369
- --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
16370
- --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
16371
- --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
16372
- --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
16365
+ --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
16366
+ --pf-v5-c-jump-links__link--PaddingTop: var(--pf-t--global--spacer--sm);
16367
+ --pf-v5-c-jump-links__link--PaddingRight: var(--pf-t--global--spacer--sm);
16368
+ --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16369
+ --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-t--global--spacer--sm);
16370
+ --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-t--global--spacer--sm);
16371
+ --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-t--global--spacer--lg);
16372
+ --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16373
+ --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
16373
16374
  --pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
16374
16375
  --pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
16375
16376
  --pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
16376
16377
  --pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
16377
16378
  --pf-v5-c-jump-links__link--before--BorderColor: transparent;
16378
- --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
16379
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-t--global--border--width--extra-strong);
16379
16380
  --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
16380
- --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
16381
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
16381
16382
  --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
16382
- --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
16383
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
16384
- --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
16385
- --pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
16386
- --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
16387
- --pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
16383
+ --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-t--global--border--width--extra-strong);
16384
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
16385
+ --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
16386
+ --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
16387
+ --pf-v5-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
16388
16388
  --pf-v5-c-jump-links__label--Display: block;
16389
16389
  --pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
16390
16390
  --pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
16391
16391
  --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
16392
- --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
16393
- --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
16392
+ --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-t--global--spacer--md));
16393
+ --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
16394
16394
  --pf-v5-c-jump-links__toggle--Display: none;
16395
16395
  --pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
16396
16396
  --pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
16397
16397
  --pf-v5-c-jump-links__toggle-icon--Rotate: 0;
16398
- --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
16398
+ --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
16399
16399
  --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
16400
- --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
16401
- --pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
16400
+ --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
16401
+ --pf-v5-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
16402
+ }
16403
+
16404
+ .pf-v5-c-jump-links {
16402
16405
  display: flex;
16403
16406
  }
16404
16407
  .pf-v5-c-jump-links.pf-m-center {
@@ -16536,12 +16539,9 @@ label.pf-v5-c-input-group__text {
16536
16539
  text-decoration: none;
16537
16540
  outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
16538
16541
  }
16539
- .pf-v5-c-jump-links__link:hover {
16542
+ .pf-v5-c-jump-links__link:hover, .pf-v5-c-jump-links__link:focus {
16540
16543
  --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
16541
16544
  }
16542
- .pf-v5-c-jump-links__link:focus {
16543
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
16544
- }
16545
16545
  .pf-v5-c-jump-links__link::before {
16546
16546
  position: absolute;
16547
16547
  inset: 0;
package/patternfly.css CHANGED
@@ -16342,63 +16342,66 @@ label.pf-v5-c-input-group__text {
16342
16342
  cursor: pointer;
16343
16343
  }
16344
16344
 
16345
- .pf-v5-c-jump-links {
16345
+ :where(:root),
16346
+ :where(.pf-v5-c-jump-links) {
16346
16347
  --pf-v5-c-jump-links__list--Display: flex;
16347
16348
  --pf-v5-c-jump-links__list--PaddingTop: 0;
16348
- --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
16349
+ --pf-v5-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
16349
16350
  --pf-v5-c-jump-links__list--PaddingBottom: 0;
16350
- --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
16351
- --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
16351
+ --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-t--global--spacer--md);
16352
+ --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-t--global--spacer--md);
16352
16353
  --pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
16353
- --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
16354
+ --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-t--global--spacer--md);
16354
16355
  --pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
16355
16356
  --pf-v5-c-jump-links__list--FlexDirection: row;
16356
16357
  --pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
16357
- --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16358
- --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
16358
+ --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
16359
+ --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-t--global--border--width--box--default);
16359
16360
  --pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
16360
16361
  --pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
16361
16362
  --pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
16362
- --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
16363
+ --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
16363
16364
  --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
16364
- --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
16365
- --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
16366
- --pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
16367
- --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
16368
- --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
16369
- --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
16370
- --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
16371
- --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
16372
- --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
16365
+ --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
16366
+ --pf-v5-c-jump-links__link--PaddingTop: var(--pf-t--global--spacer--sm);
16367
+ --pf-v5-c-jump-links__link--PaddingRight: var(--pf-t--global--spacer--sm);
16368
+ --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16369
+ --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-t--global--spacer--sm);
16370
+ --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-t--global--spacer--sm);
16371
+ --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-t--global--spacer--lg);
16372
+ --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-t--global--spacer--sm);
16373
+ --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
16373
16374
  --pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
16374
16375
  --pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
16375
16376
  --pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
16376
16377
  --pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
16377
16378
  --pf-v5-c-jump-links__link--before--BorderColor: transparent;
16378
- --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
16379
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-t--global--border--width--extra-strong);
16379
16380
  --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
16380
- --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
16381
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
16381
16382
  --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
16382
- --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
16383
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
16384
- --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
16385
- --pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
16386
- --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
16387
- --pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
16383
+ --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-t--global--border--width--extra-strong);
16384
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
16385
+ --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
16386
+ --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
16387
+ --pf-v5-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
16388
16388
  --pf-v5-c-jump-links__label--Display: block;
16389
16389
  --pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
16390
16390
  --pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
16391
16391
  --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
16392
- --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
16393
- --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
16392
+ --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-t--global--spacer--md));
16393
+ --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
16394
16394
  --pf-v5-c-jump-links__toggle--Display: none;
16395
16395
  --pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
16396
16396
  --pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
16397
16397
  --pf-v5-c-jump-links__toggle-icon--Rotate: 0;
16398
- --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
16398
+ --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
16399
16399
  --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
16400
- --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
16401
- --pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
16400
+ --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
16401
+ --pf-v5-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
16402
+ }
16403
+
16404
+ .pf-v5-c-jump-links {
16402
16405
  display: flex;
16403
16406
  }
16404
16407
  .pf-v5-c-jump-links.pf-m-center {
@@ -16536,12 +16539,9 @@ label.pf-v5-c-input-group__text {
16536
16539
  text-decoration: none;
16537
16540
  outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
16538
16541
  }
16539
- .pf-v5-c-jump-links__link:hover {
16542
+ .pf-v5-c-jump-links__link:hover, .pf-v5-c-jump-links__link:focus {
16540
16543
  --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
16541
16544
  }
16542
- .pf-v5-c-jump-links__link:focus {
16543
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
16544
- }
16545
16545
  .pf-v5-c-jump-links__link::before {
16546
16546
  position: absolute;
16547
16547
  inset: 0;