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

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 (12) hide show
  1. package/components/InlineEdit/inline-edit.css +3 -2
  2. package/components/InlineEdit/inline-edit.scss +3 -2
  3. package/components/Tile/tile.css +40 -81
  4. package/components/Tile/tile.scss +38 -84
  5. package/docs/components/Tile/examples/Tile.md +264 -144
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +44 -88
  8. package/patternfly-theme-dark-unversioned.css +44 -88
  9. package/patternfly.css +44 -88
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
  12. package/components/Tile/themes/dark/tile.scss +0 -10
package/patternfly-no-globals.css CHANGED
@@ -16067,11 +16067,12 @@ select ~ .pf-v5-c-form-control__utilities {
16067
16067
  transform: translateY(calc(-50% - 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign)));
16068
16068
  }
16069
16069
 
16070
- .pf-v5-c-inline-edit {
16070
+ :where(:root),
16071
+ :where(.pf-v5-c-inline-edit) {
16071
16072
  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
16072
16073
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
16073
16074
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
16074
- --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
16075
+ --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: var(--pf-t--global--spacer--sm);
16075
16076
  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-t--global--spacer--xl);
16076
16077
  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
16077
16078
  }
@@ -29178,48 +29179,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29178
29179
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29179
29180
  }
29180
29181
 
29181
- .pf-v5-c-tile {
29182
- --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29183
- --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
29184
- --pf-v5-c-tile--PaddingBottom: var(--pf-v5-global--spacer--lg);
29185
- --pf-v5-c-tile--PaddingLeft: var(--pf-v5-global--spacer--lg);
29186
- --pf-v5-c-tile--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29187
- --pf-v5-c-tile--Transition: none;
29188
- --pf-v5-c-tile--TranslateY: 0;
29189
- --pf-v5-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29190
- --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29191
- --pf-v5-c-tile--after--Height: var(--pf-v5-global--BorderWidth--lg);
29182
+ :where(:root),
29183
+ :where(.pf-v5-c-tile) {
29184
+ --pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
29185
+ --pf-v5-c-tile--PaddingRight: var(--pf-t--global--spacer--lg);
29186
+ --pf-v5-c-tile--PaddingBottom: var(--pf-t--global--spacer--lg);
29187
+ --pf-v5-c-tile--PaddingLeft: var(--pf-t--global--spacer--lg);
29188
+ --pf-v5-c-tile--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29189
+ --pf-v5-c-tile--BorderRadius: var(--pf-t--global--border--radius--medium);
29190
+ --pf-v5-c-tile--before--BorderColor: var(--pf-t--global--border--color--default);
29191
+ --pf-v5-c-tile--before--BorderWidth: var(--pf-t--global--border--width--box--default);
29192
+ --pf-v5-c-tile--before--BorderRadius: var(--pf-v5-c-tile--BorderRadius);
29192
29193
  --pf-v5-c-tile--after--BackgroundColor: transparent;
29193
- --pf-v5-c-tile--after--Transition: none;
29194
- --pf-v5-c-tile--after--ScaleY: 1;
29195
- --pf-v5-c-tile--after--TranslateY: 0;
29196
- --pf-v5-c-tile__icon--MarginRight: var(--pf-v5-global--spacer--sm);
29197
- --pf-v5-c-tile__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
29198
- --pf-v5-c-tile__icon--Color: var(--pf-v5-global--Color--100);
29199
- --pf-v5-c-tile__title--Color: var(--pf-v5-global--Color--100);
29200
- --pf-v5-c-tile__body--Color: var(--pf-v5-global--Color--100);
29201
- --pf-v5-c-tile__body--FontSize: var(--pf-v5-global--FontSize--xs);
29202
- --pf-v5-c-tile--hover--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29203
- --pf-v5-c-tile--hover__icon--Color: var(--pf-v5-global--primary-color--100);
29204
- --pf-v5-c-tile--hover__title--Color: var(--pf-v5-global--primary-color--100);
29205
- --pf-v5-c-tile--focus--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29206
- --pf-v5-c-tile--focus__icon--Color: var(--pf-v5-global--primary-color--100);
29207
- --pf-v5-c-tile--focus__title--Color: var(--pf-v5-global--primary-color--100);
29208
- --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));
29209
- --pf-v5-c-tile--m-selected--Transition: var(--pf-v5-global--Transition);
29210
- --pf-v5-c-tile--m-selected--after--Height: var(--pf-v5-global--BorderWidth--lg);
29211
- --pf-v5-c-tile--m-selected--after--BackgroundColor: var(--pf-v5-global--active-color--100);
29212
- --pf-v5-c-tile--m-selected--after--Transition: var(--pf-v5-global--Transition);
29213
- --pf-v5-c-tile--m-selected--after--ScaleY: 2;
29214
- --pf-v5-c-tile--m-selected__icon--Color: var(--pf-v5-global--primary-color--100);
29215
- --pf-v5-c-tile--m-selected__title--Color: var(--pf-v5-global--primary-color--100);
29216
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
29217
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
29218
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--100);
29219
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--100);
29220
- --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-v5-global--spacer--xs);
29221
- --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
29222
- --pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
29194
+ --pf-v5-c-tile__icon--MarginRight: var(--pf-t--global--spacer--sm);
29195
+ --pf-v5-c-tile__icon--FontSize: var(--pf-t--global--icon--size--body--default);
29196
+ --pf-v5-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
29197
+ --pf-v5-c-tile__title--Color: var(--pf-t--global--text--color--regular);
29198
+ --pf-v5-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
29199
+ --pf-v5-c-tile__body--Color: var(--pf-t--global--text--color--regular);
29200
+ --pf-v5-c-tile__body--FontSize: var(--pf-t--global--font--size--body--sm);
29201
+ --pf-v5-c-tile--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
29202
+ --pf-v5-c-tile--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29203
+ --pf-v5-c-tile--m-selected--before--BorderWidth: var(--pf-t--global--border--width--box--clicked);
29204
+ --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29205
+ --pf-v5-c-tile--m-disabled__title--Color: var(--pf-t--global--text--color--on-disabled);
29206
+ --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
29207
+ --pf-v5-c-tile--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
29208
+ --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-t--global--spacer--md);
29209
+ --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--xl);
29210
+ --pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--2xl);
29211
+ }
29212
+
29213
+ .pf-v5-c-tile {
29223
29214
  position: relative;
29224
29215
  display: inline-grid;
29225
29216
  grid-template-rows: min-content;
@@ -29227,11 +29218,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29227
29218
  padding-block-end: var(--pf-v5-c-tile--PaddingBottom);
29228
29219
  padding-inline-start: var(--pf-v5-c-tile--PaddingLeft);
29229
29220
  padding-inline-end: var(--pf-v5-c-tile--PaddingRight);
29230
- text-align: center;
29231
29221
  cursor: pointer;
29232
29222
  background-color: var(--pf-v5-c-tile--BackgroundColor);
29233
- transition: var(--pf-v5-c-tile--Transition);
29234
- transform: translateY(var(--pf-v5-c-tile--TranslateY));
29223
+ border-radius: var(--pf-v5-c-tile--BorderRadius);
29235
29224
  }
29236
29225
  .pf-v5-c-tile::before, .pf-v5-c-tile::after {
29237
29226
  position: absolute;
@@ -29241,42 +29230,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29241
29230
  .pf-v5-c-tile::before {
29242
29231
  inset: 0;
29243
29232
  border: var(--pf-v5-c-tile--before--BorderWidth) solid var(--pf-v5-c-tile--before--BorderColor);
29244
- }
29245
- .pf-v5-c-tile::after {
29246
- inset-block-end: 0;
29247
- inset-inline-start: 0;
29248
- inset-inline-end: 0;
29249
- height: var(--pf-v5-c-tile--after--Height);
29250
- background-color: var(--pf-v5-c-tile--after--BackgroundColor);
29251
- transition: var(--pf-v5-c-tile--after--Transition);
29252
- transform: scaleY(var(--pf-v5-c-tile--after--ScaleY)) translateY(var(--pf-v5-c-tile--after--TranslateY));
29233
+ border-radius: var(--pf-v5-c-tile--before--BorderRadius);
29253
29234
  }
29254
29235
  .pf-v5-c-tile:hover {
29255
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--hover__title--Color);
29256
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--hover__icon--Color);
29257
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--hover--after--BackgroundColor);
29258
- }
29259
- .pf-v5-c-tile:focus {
29260
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--focus__title--Color);
29261
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--focus__icon--Color);
29262
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--focus--after--BackgroundColor);
29263
- }
29264
- .pf-v5-c-tile:active, .pf-v5-c-tile.pf-m-selected {
29265
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-selected__title--Color);
29266
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-selected__icon--Color);
29267
- --pf-v5-c-tile--TranslateY: var(--pf-v5-c-tile--m-selected--TranslateY);
29268
- --pf-v5-c-tile--Transition: var(--pf-v5-c-tile--m-selected--Transition);
29269
- --pf-v5-c-tile--after--Height: var(--pf-v5-c-tile--m-selected--after--Height);
29270
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--m-selected--after--BackgroundColor);
29271
- --pf-v5-c-tile--after--Transition: var(--pf-v5-c-tile--m-selected--after--Transition);
29272
- --pf-v5-c-tile--after--ScaleY: var(--pf-v5-c-tile--m-selected--after--ScaleY);
29236
+ --pf-v5-c-tile--before--BorderColor: var(--pf-v5-c-tile--hover--before--BorderColor);
29237
+ }
29238
+ .pf-v5-c-tile.pf-m-selected {
29239
+ --pf-v5-c-tile--before--BorderColor: var(--pf-v5-c-tile--m-selected--before--BorderColor);
29240
+ --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-c-tile--m-selected--before--BorderWidth);
29273
29241
  }
29274
29242
  .pf-v5-c-tile.pf-m-disabled {
29275
29243
  --pf-v5-c-tile--BackgroundColor: var(--pf-v5-c-tile--m-disabled--BackgroundColor);
29276
29244
  --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-disabled__title--Color);
29245
+ --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29277
29246
  --pf-v5-c-tile__body--Color: var(--pf-v5-c-tile--m-disabled__body--Color);
29278
29247
  --pf-v5-c-tile--before--BorderWidth: 0;
29279
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29280
29248
  pointer-events: none;
29281
29249
  }
29282
29250
  .pf-v5-c-tile.pf-m-display-lg .pf-v5-c-tile__header.pf-m-stacked {
@@ -29286,22 +29254,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29286
29254
  .pf-v5-c-tile__header {
29287
29255
  display: flex;
29288
29256
  align-items: center;
29289
- justify-content: center;
29290
29257
  }
29291
29258
  .pf-v5-c-tile__header.pf-m-stacked {
29292
29259
  --pf-v5-c-tile__icon--MarginRight: 0;
29293
29260
  --pf-v5-c-tile__icon--FontSize: var(--pf-v5-c-tile__header--m-stacked__icon--FontSize);
29294
29261
  flex-direction: column;
29295
- justify-content: initial;
29262
+ align-items: flex-start;
29296
29263
  }
29297
29264
  .pf-v5-c-tile__header.pf-m-stacked .pf-v5-c-tile__icon {
29298
29265
  display: flex;
29299
29266
  align-items: center;
29300
- justify-content: center;
29301
29267
  margin-block-end: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
29302
29268
  }
29303
29269
 
29304
29270
  .pf-v5-c-tile__title {
29271
+ font-weight: var(--pf-v5-c-tile__title--FontWeight);
29305
29272
  color: var(--pf-v5-c-tile__title--Color);
29306
29273
  }
29307
29274
 
@@ -29316,17 +29283,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29316
29283
  color: var(--pf-v5-c-tile__icon--Color);
29317
29284
  }
29318
29285
 
29319
- :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 {
29320
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29321
- }
29322
-
29323
- :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29324
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29325
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29326
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
29327
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29328
- }
29329
-
29330
29286
  :root, .pf-v5-c-timestamp {
29331
29287
  --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29332
29288
  --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -16184,11 +16184,12 @@ select ~ .pf-v5-c-form-control__utilities {
16184
16184
  transform: translateY(calc(-50% - 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign)));
16185
16185
  }
16186
16186
 
16187
- .pf-v5-c-inline-edit {
16187
+ :where(:root),
16188
+ :where(.pf-v5-c-inline-edit) {
16188
16189
  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
16189
16190
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
16190
16191
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
16191
- --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
16192
+ --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: var(--pf-t--global--spacer--sm);
16192
16193
  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-t--global--spacer--xl);
16193
16194
  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
16194
16195
  }
@@ -29295,48 +29296,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29295
29296
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29296
29297
  }
29297
29298
 
29298
- .pf-v5-c-tile {
29299
- --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29300
- --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
29301
- --pf-v5-c-tile--PaddingBottom: var(--pf-v5-global--spacer--lg);
29302
- --pf-v5-c-tile--PaddingLeft: var(--pf-v5-global--spacer--lg);
29303
- --pf-v5-c-tile--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29304
- --pf-v5-c-tile--Transition: none;
29305
- --pf-v5-c-tile--TranslateY: 0;
29306
- --pf-v5-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29307
- --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29308
- --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);
29309
29310
  --pf-v5-c-tile--after--BackgroundColor: transparent;
29310
- --pf-v5-c-tile--after--Transition: none;
29311
- --pf-v5-c-tile--after--ScaleY: 1;
29312
- --pf-v5-c-tile--after--TranslateY: 0;
29313
- --pf-v5-c-tile__icon--MarginRight: var(--pf-v5-global--spacer--sm);
29314
- --pf-v5-c-tile__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
29315
- --pf-v5-c-tile__icon--Color: var(--pf-v5-global--Color--100);
29316
- --pf-v5-c-tile__title--Color: var(--pf-v5-global--Color--100);
29317
- --pf-v5-c-tile__body--Color: var(--pf-v5-global--Color--100);
29318
- --pf-v5-c-tile__body--FontSize: var(--pf-v5-global--FontSize--xs);
29319
- --pf-v5-c-tile--hover--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29320
- --pf-v5-c-tile--hover__icon--Color: var(--pf-v5-global--primary-color--100);
29321
- --pf-v5-c-tile--hover__title--Color: var(--pf-v5-global--primary-color--100);
29322
- --pf-v5-c-tile--focus--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29323
- --pf-v5-c-tile--focus__icon--Color: var(--pf-v5-global--primary-color--100);
29324
- --pf-v5-c-tile--focus__title--Color: var(--pf-v5-global--primary-color--100);
29325
- --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));
29326
- --pf-v5-c-tile--m-selected--Transition: var(--pf-v5-global--Transition);
29327
- --pf-v5-c-tile--m-selected--after--Height: var(--pf-v5-global--BorderWidth--lg);
29328
- --pf-v5-c-tile--m-selected--after--BackgroundColor: var(--pf-v5-global--active-color--100);
29329
- --pf-v5-c-tile--m-selected--after--Transition: var(--pf-v5-global--Transition);
29330
- --pf-v5-c-tile--m-selected--after--ScaleY: 2;
29331
- --pf-v5-c-tile--m-selected__icon--Color: var(--pf-v5-global--primary-color--100);
29332
- --pf-v5-c-tile--m-selected__title--Color: var(--pf-v5-global--primary-color--100);
29333
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
29334
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
29335
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--100);
29336
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--100);
29337
- --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-v5-global--spacer--xs);
29338
- --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
29339
- --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 {
29340
29331
  position: relative;
29341
29332
  display: inline-grid;
29342
29333
  grid-template-rows: min-content;
@@ -29344,11 +29335,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29344
29335
  padding-block-end: var(--pf-v5-c-tile--PaddingBottom);
29345
29336
  padding-inline-start: var(--pf-v5-c-tile--PaddingLeft);
29346
29337
  padding-inline-end: var(--pf-v5-c-tile--PaddingRight);
29347
- text-align: center;
29348
29338
  cursor: pointer;
29349
29339
  background-color: var(--pf-v5-c-tile--BackgroundColor);
29350
- transition: var(--pf-v5-c-tile--Transition);
29351
- transform: translateY(var(--pf-v5-c-tile--TranslateY));
29340
+ border-radius: var(--pf-v5-c-tile--BorderRadius);
29352
29341
  }
29353
29342
  .pf-v5-c-tile::before, .pf-v5-c-tile::after {
29354
29343
  position: absolute;
@@ -29358,42 +29347,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29358
29347
  .pf-v5-c-tile::before {
29359
29348
  inset: 0;
29360
29349
  border: var(--pf-v5-c-tile--before--BorderWidth) solid var(--pf-v5-c-tile--before--BorderColor);
29361
- }
29362
- .pf-v5-c-tile::after {
29363
- inset-block-end: 0;
29364
- inset-inline-start: 0;
29365
- inset-inline-end: 0;
29366
- height: var(--pf-v5-c-tile--after--Height);
29367
- background-color: var(--pf-v5-c-tile--after--BackgroundColor);
29368
- transition: var(--pf-v5-c-tile--after--Transition);
29369
- 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);
29370
29351
  }
29371
29352
  .pf-v5-c-tile:hover {
29372
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--hover__title--Color);
29373
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--hover__icon--Color);
29374
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--hover--after--BackgroundColor);
29375
- }
29376
- .pf-v5-c-tile:focus {
29377
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--focus__title--Color);
29378
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--focus__icon--Color);
29379
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--focus--after--BackgroundColor);
29380
- }
29381
- .pf-v5-c-tile:active, .pf-v5-c-tile.pf-m-selected {
29382
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-selected__title--Color);
29383
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-selected__icon--Color);
29384
- --pf-v5-c-tile--TranslateY: var(--pf-v5-c-tile--m-selected--TranslateY);
29385
- --pf-v5-c-tile--Transition: var(--pf-v5-c-tile--m-selected--Transition);
29386
- --pf-v5-c-tile--after--Height: var(--pf-v5-c-tile--m-selected--after--Height);
29387
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--m-selected--after--BackgroundColor);
29388
- --pf-v5-c-tile--after--Transition: var(--pf-v5-c-tile--m-selected--after--Transition);
29389
- --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);
29390
29358
  }
29391
29359
  .pf-v5-c-tile.pf-m-disabled {
29392
29360
  --pf-v5-c-tile--BackgroundColor: var(--pf-v5-c-tile--m-disabled--BackgroundColor);
29393
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);
29394
29363
  --pf-v5-c-tile__body--Color: var(--pf-v5-c-tile--m-disabled__body--Color);
29395
29364
  --pf-v5-c-tile--before--BorderWidth: 0;
29396
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29397
29365
  pointer-events: none;
29398
29366
  }
29399
29367
  .pf-v5-c-tile.pf-m-display-lg .pf-v5-c-tile__header.pf-m-stacked {
@@ -29403,22 +29371,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29403
29371
  .pf-v5-c-tile__header {
29404
29372
  display: flex;
29405
29373
  align-items: center;
29406
- justify-content: center;
29407
29374
  }
29408
29375
  .pf-v5-c-tile__header.pf-m-stacked {
29409
29376
  --pf-v5-c-tile__icon--MarginRight: 0;
29410
29377
  --pf-v5-c-tile__icon--FontSize: var(--pf-v5-c-tile__header--m-stacked__icon--FontSize);
29411
29378
  flex-direction: column;
29412
- justify-content: initial;
29379
+ align-items: flex-start;
29413
29380
  }
29414
29381
  .pf-v5-c-tile__header.pf-m-stacked .pf-v5-c-tile__icon {
29415
29382
  display: flex;
29416
29383
  align-items: center;
29417
- justify-content: center;
29418
29384
  margin-block-end: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
29419
29385
  }
29420
29386
 
29421
29387
  .pf-v5-c-tile__title {
29388
+ font-weight: var(--pf-v5-c-tile__title--FontWeight);
29422
29389
  color: var(--pf-v5-c-tile__title--Color);
29423
29390
  }
29424
29391
 
@@ -29433,17 +29400,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29433
29400
  color: var(--pf-v5-c-tile__icon--Color);
29434
29401
  }
29435
29402
 
29436
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
29437
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29438
- }
29439
-
29440
- :where(.pf-theme-dark) .pf-v5-c-tile {
29441
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29442
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29443
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
29444
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29445
- }
29446
-
29447
29403
  :root, .pf-v5-c-timestamp {
29448
29404
  --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29449
29405
  --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
package/patternfly.css CHANGED
@@ -16184,11 +16184,12 @@ select ~ .pf-v5-c-form-control__utilities {
16184
16184
  transform: translateY(calc(-50% - 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign)));
16185
16185
  }
16186
16186
 
16187
- .pf-v5-c-inline-edit {
16187
+ :where(:root),
16188
+ :where(.pf-v5-c-inline-edit) {
16188
16189
  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
16189
16190
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
16190
16191
  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
16191
- --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
16192
+ --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: var(--pf-t--global--spacer--sm);
16192
16193
  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-t--global--spacer--xl);
16193
16194
  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
16194
16195
  }
@@ -29295,48 +29296,38 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29295
29296
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
29296
29297
  }
29297
29298
 
29298
- .pf-v5-c-tile {
29299
- --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
29300
- --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
29301
- --pf-v5-c-tile--PaddingBottom: var(--pf-v5-global--spacer--lg);
29302
- --pf-v5-c-tile--PaddingLeft: var(--pf-v5-global--spacer--lg);
29303
- --pf-v5-c-tile--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29304
- --pf-v5-c-tile--Transition: none;
29305
- --pf-v5-c-tile--TranslateY: 0;
29306
- --pf-v5-c-tile--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29307
- --pf-v5-c-tile--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29308
- --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);
29309
29310
  --pf-v5-c-tile--after--BackgroundColor: transparent;
29310
- --pf-v5-c-tile--after--Transition: none;
29311
- --pf-v5-c-tile--after--ScaleY: 1;
29312
- --pf-v5-c-tile--after--TranslateY: 0;
29313
- --pf-v5-c-tile__icon--MarginRight: var(--pf-v5-global--spacer--sm);
29314
- --pf-v5-c-tile__icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
29315
- --pf-v5-c-tile__icon--Color: var(--pf-v5-global--Color--100);
29316
- --pf-v5-c-tile__title--Color: var(--pf-v5-global--Color--100);
29317
- --pf-v5-c-tile__body--Color: var(--pf-v5-global--Color--100);
29318
- --pf-v5-c-tile__body--FontSize: var(--pf-v5-global--FontSize--xs);
29319
- --pf-v5-c-tile--hover--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29320
- --pf-v5-c-tile--hover__icon--Color: var(--pf-v5-global--primary-color--100);
29321
- --pf-v5-c-tile--hover__title--Color: var(--pf-v5-global--primary-color--100);
29322
- --pf-v5-c-tile--focus--after--BackgroundColor: var(--pf-v5-global--active-color--400);
29323
- --pf-v5-c-tile--focus__icon--Color: var(--pf-v5-global--primary-color--100);
29324
- --pf-v5-c-tile--focus__title--Color: var(--pf-v5-global--primary-color--100);
29325
- --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));
29326
- --pf-v5-c-tile--m-selected--Transition: var(--pf-v5-global--Transition);
29327
- --pf-v5-c-tile--m-selected--after--Height: var(--pf-v5-global--BorderWidth--lg);
29328
- --pf-v5-c-tile--m-selected--after--BackgroundColor: var(--pf-v5-global--active-color--100);
29329
- --pf-v5-c-tile--m-selected--after--Transition: var(--pf-v5-global--Transition);
29330
- --pf-v5-c-tile--m-selected--after--ScaleY: 2;
29331
- --pf-v5-c-tile--m-selected__icon--Color: var(--pf-v5-global--primary-color--100);
29332
- --pf-v5-c-tile--m-selected__title--Color: var(--pf-v5-global--primary-color--100);
29333
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
29334
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
29335
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--100);
29336
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--100);
29337
- --pf-v5-c-tile__header--m-stacked__icon--MarginBottom: var(--pf-v5-global--spacer--xs);
29338
- --pf-v5-c-tile__header--m-stacked__icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
29339
- --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 {
29340
29331
  position: relative;
29341
29332
  display: inline-grid;
29342
29333
  grid-template-rows: min-content;
@@ -29344,11 +29335,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29344
29335
  padding-block-end: var(--pf-v5-c-tile--PaddingBottom);
29345
29336
  padding-inline-start: var(--pf-v5-c-tile--PaddingLeft);
29346
29337
  padding-inline-end: var(--pf-v5-c-tile--PaddingRight);
29347
- text-align: center;
29348
29338
  cursor: pointer;
29349
29339
  background-color: var(--pf-v5-c-tile--BackgroundColor);
29350
- transition: var(--pf-v5-c-tile--Transition);
29351
- transform: translateY(var(--pf-v5-c-tile--TranslateY));
29340
+ border-radius: var(--pf-v5-c-tile--BorderRadius);
29352
29341
  }
29353
29342
  .pf-v5-c-tile::before, .pf-v5-c-tile::after {
29354
29343
  position: absolute;
@@ -29358,42 +29347,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29358
29347
  .pf-v5-c-tile::before {
29359
29348
  inset: 0;
29360
29349
  border: var(--pf-v5-c-tile--before--BorderWidth) solid var(--pf-v5-c-tile--before--BorderColor);
29361
- }
29362
- .pf-v5-c-tile::after {
29363
- inset-block-end: 0;
29364
- inset-inline-start: 0;
29365
- inset-inline-end: 0;
29366
- height: var(--pf-v5-c-tile--after--Height);
29367
- background-color: var(--pf-v5-c-tile--after--BackgroundColor);
29368
- transition: var(--pf-v5-c-tile--after--Transition);
29369
- 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);
29370
29351
  }
29371
29352
  .pf-v5-c-tile:hover {
29372
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--hover__title--Color);
29373
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--hover__icon--Color);
29374
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--hover--after--BackgroundColor);
29375
- }
29376
- .pf-v5-c-tile:focus {
29377
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--focus__title--Color);
29378
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--focus__icon--Color);
29379
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--focus--after--BackgroundColor);
29380
- }
29381
- .pf-v5-c-tile:active, .pf-v5-c-tile.pf-m-selected {
29382
- --pf-v5-c-tile__title--Color: var(--pf-v5-c-tile--m-selected__title--Color);
29383
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-selected__icon--Color);
29384
- --pf-v5-c-tile--TranslateY: var(--pf-v5-c-tile--m-selected--TranslateY);
29385
- --pf-v5-c-tile--Transition: var(--pf-v5-c-tile--m-selected--Transition);
29386
- --pf-v5-c-tile--after--Height: var(--pf-v5-c-tile--m-selected--after--Height);
29387
- --pf-v5-c-tile--after--BackgroundColor: var(--pf-v5-c-tile--m-selected--after--BackgroundColor);
29388
- --pf-v5-c-tile--after--Transition: var(--pf-v5-c-tile--m-selected--after--Transition);
29389
- --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);
29390
29358
  }
29391
29359
  .pf-v5-c-tile.pf-m-disabled {
29392
29360
  --pf-v5-c-tile--BackgroundColor: var(--pf-v5-c-tile--m-disabled--BackgroundColor);
29393
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);
29394
29363
  --pf-v5-c-tile__body--Color: var(--pf-v5-c-tile--m-disabled__body--Color);
29395
29364
  --pf-v5-c-tile--before--BorderWidth: 0;
29396
- --pf-v5-c-tile__icon--Color: var(--pf-v5-c-tile--m-disabled__icon--Color);
29397
29365
  pointer-events: none;
29398
29366
  }
29399
29367
  .pf-v5-c-tile.pf-m-display-lg .pf-v5-c-tile__header.pf-m-stacked {
@@ -29403,22 +29371,21 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29403
29371
  .pf-v5-c-tile__header {
29404
29372
  display: flex;
29405
29373
  align-items: center;
29406
- justify-content: center;
29407
29374
  }
29408
29375
  .pf-v5-c-tile__header.pf-m-stacked {
29409
29376
  --pf-v5-c-tile__icon--MarginRight: 0;
29410
29377
  --pf-v5-c-tile__icon--FontSize: var(--pf-v5-c-tile__header--m-stacked__icon--FontSize);
29411
29378
  flex-direction: column;
29412
- justify-content: initial;
29379
+ align-items: flex-start;
29413
29380
  }
29414
29381
  .pf-v5-c-tile__header.pf-m-stacked .pf-v5-c-tile__icon {
29415
29382
  display: flex;
29416
29383
  align-items: center;
29417
- justify-content: center;
29418
29384
  margin-block-end: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
29419
29385
  }
29420
29386
 
29421
29387
  .pf-v5-c-tile__title {
29388
+ font-weight: var(--pf-v5-c-tile__title--FontWeight);
29422
29389
  color: var(--pf-v5-c-tile__title--Color);
29423
29390
  }
29424
29391
 
@@ -29433,17 +29400,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29433
29400
  color: var(--pf-v5-c-tile__icon--Color);
29434
29401
  }
29435
29402
 
29436
- :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 {
29437
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29438
- }
29439
-
29440
- :where(.pf-v5-theme-dark) .pf-v5-c-tile {
29441
- --pf-v5-c-tile--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29442
- --pf-v5-c-tile--m-disabled__title--Color: var(--pf-v5-global--disabled-color--300);
29443
- --pf-v5-c-tile--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--300);
29444
- --pf-v5-c-tile--m-disabled__body--Color: var(--pf-v5-global--disabled-color--300);
29445
- }
29446
-
29447
29403
  :root, .pf-v5-c-timestamp {
29448
29404
  --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
29449
29405
  --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);