@patternfly/patternfly 6.0.0-alpha.54 → 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 (15) hide show
  1. package/components/JumpLinks/jump-links.css +34 -34
  2. package/components/JumpLinks/jump-links.scss +35 -36
  3. package/components/Tile/tile.css +40 -81
  4. package/components/Tile/tile.scss +38 -84
  5. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  6. package/docs/components/Tile/examples/Tile.md +264 -144
  7. package/docs/demos/Drawer/examples/Drawer.md +100 -80
  8. package/docs/demos/JumpLinks/examples/JumpLinks.md +275 -185
  9. package/package.json +1 -1
  10. package/patternfly-no-globals.css +75 -120
  11. package/patternfly-theme-dark-unversioned.css +75 -120
  12. package/patternfly.css +75 -120
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
  15. package/components/Tile/themes/dark/tile.scss +0 -10
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;
@@ -29296,48 +29296,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29296
29296
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29297
29297
  }
29298
29298
 
29299
- .pf-v5-c-tile {
29300
- --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29301
- --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
29302
- --pf-v5-c-tile--PaddingBottom: var(--pf-v5-global--spacer--lg);
29303
- --pf-v5-c-tile--PaddingLeft: var(--pf-v5-global--spacer--lg);
29304
- --pf-v5-c-tile--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29305
- --pf-v5-c-tile--Transition: none;
29306
- --pf-v5-c-tile--TranslateY: 0;
29307
- --pf-v5-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29308
- --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29309
- --pf-v5-c-tile--after--Height: var(--pf-v5-global--BorderWidth--lg);
29299
+ :where(:root),
29300
+ :where(.pf-v5-c-tile) {
29301
+ --pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
29302
+ --pf-v5-c-tile--PaddingRight: var(--pf-t--global--spacer--lg);
29303
+ --pf-v5-c-tile--PaddingBottom: var(--pf-t--global--spacer--lg);
29304
+ --pf-v5-c-tile--PaddingLeft: var(--pf-t--global--spacer--lg);
29305
+ --pf-v5-c-tile--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29306
+ --pf-v5-c-tile--BorderRadius: var(--pf-t--global--border--radius--medium);
29307
+ --pf-v5-c-tile--before--BorderColor: var(--pf-t--global--border--color--default);
29308
+ --pf-v5-c-tile--before--BorderWidth: var(--pf-t--global--border--width--box--default);
29309
+ --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
29310
29310
  --pf-v5-c-tile--after--BackgroundColor: transparent;
29311
- --pf-v5-c-tile--after--Transition: none;
29312
- --pf-v5-c-tile--after--ScaleY: 1;
29313
- --pf-v5-c-tile--after--TranslateY: 0;
29314
- --pf-v5-c-tile__icon--MarginRight: var(--pf-v5-global--spacer--sm);
29315
- --pf-v5-c-tile__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
29316
- --pf-v5-c-tile__icon--Color: var(--pf-v5-global--Color--100);
29317
- --pf-v5-c-tile__title--Color: var(--pf-v5-global--Color--100);
29318
- --pf-v5-c-tile__body--Color: var(--pf-v5-global--Color--100);
29319
- --pf-v5-c-tile__body--FontSize: var(--pf-v5-global--FontSize--xs);
29320
- --pf-v5-c-tile--hover--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29321
- --pf-v5-c-tile--hover__icon--Color: var(--pf-v5-global--primary-color--100);
29322
- --pf-v5-c-tile--hover__title--Color: var(--pf-v5-global--primary-color--100);
29323
- --pf-v5-c-tile--focus--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29324
- --pf-v5-c-tile--focus__icon--Color: var(--pf-v5-global--primary-color--100);
29325
- --pf-v5-c-tile--focus__title--Color: var(--pf-v5-global--primary-color--100);
29326
- --pf-v5-c-tile--m-selected--TranslateY: calc(-1 * var(--pf-v5-c-tile--m-selected--after--ScaleY) * var(--pf-v5-c-tile--m-selected--after--Height));
29327
- --pf-v5-c-tile--m-selected--Transition: var(--pf-v5-global--Transition);
29328
- --pf-v5-c-tile--m-selected--after--Height: var(--pf-v5-global--BorderWidth--lg);
29329
- --pf-v5-c-tile--m-selected--after--BackgroundColor: var(--pf-v5-global--active-color--100);
29330
- --pf-v5-c-tile--m-selected--after--Transition: var(--pf-v5-global--Transition);
29331
- --pf-v5-c-tile--m-selected--after--ScaleY: 2;
29332
- --pf-v5-c-tile--m-selected__icon--Color: var(--pf-v5-global--primary-color--100);
29333
- --pf-v5-c-tile--m-selected__title--Color: var(--pf-v5-global--primary-color--100);
29334
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
29335
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
29336
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--100);
29337
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--100);
29338
- --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-v5-global--spacer--xs);
29339
- --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
29340
- --pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
29311
+ --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
29312
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
29313
+ --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
29314
+ --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
29315
+ --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
29316
+ --pf-v5-c-tile__body--Color: var(--pf-t--global--text--color--regular);
29317
+ --pf-v5-c-tile__body--FontSize: var(--pf-t--global--font--size--body--sm);
29318
+ --pf-v5-c-tile--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
29319
+ --pf-v5-c-tile--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29320
+ --pf-v5-c-tile--m-selected--before--BorderWidth: var(--pf-t--global--border--width--box--clicked);
29321
+ --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29322
+ --pf-v5-c-tile--m-disabled__title--Color: var(--pf-t--global--text--color--on-disabled);
29323
+ --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
29324
+ --pf-v5-c-tile--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
29325
+ --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-t--global--spacer--md);
29326
+ --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--xl);
29327
+ --pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--2xl);
29328
+ }
29329
+
29330
+ .pf-v5-c-tile {
29341
29331
  position: relative;
29342
29332
  display: inline-grid;
29343
29333
  grid-template-rows: min-content;
@@ -29345,11 +29335,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29345
29335
  padding-block-end: var(--pf-v5-c-tile--PaddingBottom);
29346
29336
  padding-inline-start: var(--pf-v5-c-tile--PaddingLeft);
29347
29337
  padding-inline-end: var(--pf-v5-c-tile--PaddingRight);
29348
- text-align: center;
29349
29338
  cursor: pointer;
29350
29339
  background-color: var(--pf-v5-c-tile--BackgroundColor);
29351
- transition: var(--pf-v5-c-tile--Transition);
29352
- transform: translateY(var(--pf-v5-c-tile--TranslateY));
29340
+ border-radius: var(--pf-v5-c-tile--BorderRadius);
29353
29341
  }
29354
29342
  .pf-v5-c-tile::before, .pf-v5-c-tile::after {
29355
29343
  position: absolute;
@@ -29359,42 +29347,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29359
29347
  .pf-v5-c-tile::before {
29360
29348
  inset: 0;
29361
29349
  border: var(--pf-v5-c-tile--before--BorderWidth) solid var(--pf-v5-c-tile--before--BorderColor);
29362
- }
29363
- .pf-v5-c-tile::after {
29364
- inset-block-end: 0;
29365
- inset-inline-start: 0;
29366
- inset-inline-end: 0;
29367
- height: var(--pf-v5-c-tile--after--Height);
29368
- background-color: var(--pf-v5-c-tile--after--BackgroundColor);
29369
- transition: var(--pf-v5-c-tile--after--Transition);
29370
- transform: scaleY(var(--pf-v5-c-tile--after--ScaleY)) translateY(var(--pf-v5-c-tile--after--TranslateY));
29350
+ border-radius: var(--pf-v5-c-tile--before--BorderRadius);
29371
29351
  }
29372
29352
  .pf-v5-c-tile:hover {
29373
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--hover__title--Color);
29374
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--hover__icon--Color);
29375
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--hover--after--BackgroundColor);
29376
- }
29377
- .pf-v5-c-tile:focus {
29378
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--focus__title--Color);
29379
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--focus__icon--Color);
29380
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--focus--after--BackgroundColor);
29381
- }
29382
- .pf-v5-c-tile:active, .pf-v5-c-tile.pf-m-selected {
29383
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-selected__title--Color);
29384
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-selected__icon--Color);
29385
- --pf-v5-c-tile--TranslateY: var(--pf-v5-c-tile--m-selected--TranslateY);
29386
- --pf-v5-c-tile--Transition: var(--pf-v5-c-tile--m-selected--Transition);
29387
- --pf-v5-c-tile--after--Height: var(--pf-v5-c-tile--m-selected--after--Height);
29388
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--m-selected--after--BackgroundColor);
29389
- --pf-v5-c-tile--after--Transition: var(--pf-v5-c-tile--m-selected--after--Transition);
29390
- --pf-v5-c-tile--after--ScaleY: var(--pf-v5-c-tile--m-selected--after--ScaleY);
29353
+ --pf-v5-c-tile--before--BorderColor: var(--pf-v5-c-tile--hover--before--BorderColor);
29354
+ }
29355
+ .pf-v5-c-tile.pf-m-selected {
29356
+ --pf-v5-c-tile--before--BorderColor: var(--pf-v5-c-tile--m-selected--before--BorderColor);
29357
+ --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-c-tile--m-selected--before--BorderWidth);
29391
29358
  }
29392
29359
  .pf-v5-c-tile.pf-m-disabled {
29393
29360
  --pf-v5-c-tile--BackgroundColor: var(--pf-v5-c-tile--m-disabled--BackgroundColor);
29394
29361
  --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-disabled__title--Color);
29362
+ --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29395
29363
  --pf-v5-c-tile__body--Color: var(--pf-v5-c-tile--m-disabled__body--Color);
29396
29364
  --pf-v5-c-tile--before--BorderWidth: 0;
29397
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29398
29365
  pointer-events: none;
29399
29366
  }
29400
29367
  .pf-v5-c-tile.pf-m-display-lg .pf-v5-c-tile__header.pf-m-stacked {
@@ -29404,22 +29371,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29404
29371
  .pf-v5-c-tile__header {
29405
29372
  display: flex;
29406
29373
  align-items: center;
29407
- justify-content: center;
29408
29374
  }
29409
29375
  .pf-v5-c-tile__header.pf-m-stacked {
29410
29376
  --pf-v5-c-tile__icon--MarginRight: 0;
29411
29377
  --pf-v5-c-tile__icon--FontSize: var(--pf-v5-c-tile__header--m-stacked__icon--FontSize);
29412
29378
  flex-direction: column;
29413
- justify-content: initial;
29379
+ align-items: flex-start;
29414
29380
  }
29415
29381
  .pf-v5-c-tile__header.pf-m-stacked .pf-v5-c-tile__icon {
29416
29382
  display: flex;
29417
29383
  align-items: center;
29418
- justify-content: center;
29419
29384
  margin-block-end: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
29420
29385
  }
29421
29386
 
29422
29387
  .pf-v5-c-tile__title {
29388
+ font-weight: var(--pf-v5-c-tile__title--FontWeight);
29423
29389
  color: var(--pf-v5-c-tile__title--Color);
29424
29390
  }
29425
29391
 
@@ -29434,17 +29400,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29434
29400
  color: var(--pf-v5-c-tile__icon--Color);
29435
29401
  }
29436
29402
 
29437
- :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 {
29438
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29439
- }
29440
-
29441
- :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29442
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29443
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29444
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
29445
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29446
- }
29447
-
29448
29403
  :root, .pf-v5-c-timestamp {
29449
29404
  --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29450
29405
  --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);