@patternfly/patternfly 6.0.0-alpha.14 → 6.0.0-alpha.16

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 (22) hide show
  1. package/base/_globals.scss +2 -11
  2. package/base/patternfly-globals.css +2 -6
  3. package/base/patternfly-variables.css +3 -3
  4. package/base/tokens/_tokens-font.scss +3 -3
  5. package/components/Hint/hint.css +28 -21
  6. package/components/Hint/hint.scss +28 -24
  7. package/components/List/list.css +16 -16
  8. package/components/List/list.scss +17 -17
  9. package/components/Title/title.css +70 -19
  10. package/components/Title/title.scss +90 -20
  11. package/docs/components/Title/examples/Title.md +18 -0
  12. package/package.json +1 -1
  13. package/patternfly-base-no-globals-theme-dark-unversioned.css +3 -7
  14. package/patternfly-base-no-globals.css +3 -7
  15. package/patternfly-base-theme-dark-unversioned.css +5 -9
  16. package/patternfly-base.css +5 -9
  17. package/patternfly-no-globals.css +117 -68
  18. package/patternfly-theme-dark-unversioned.css +119 -70
  19. package/patternfly.css +119 -70
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
  22. package/components/Hint/themes/dark/hint.scss +0 -8
package/patternfly-base-no-globals.css CHANGED
@@ -826,14 +826,14 @@
826
826
  --pf-t--global--font--size--heading--100: 16px;
827
827
  --pf-t--global--font--size--heading--200: 18px;
828
828
  --pf-t--global--font--size--heading--300: 20px;
829
- --pf-t--global--font--size--heading--400: 24px;
829
+ --pf-t--global--font--size--heading--400: 22px;
830
830
  --pf-t--global--font--size--heading--500: 28px;
831
831
  --pf-t--global--font--size--heading--600: 36px;
832
832
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
833
833
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
834
834
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
835
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
836
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
835
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
836
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
837
837
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
838
838
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
839
839
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
@@ -1369,10 +1369,6 @@
1369
1369
  scale: -1 1;
1370
1370
  }
1371
1371
 
1372
- :where(.pf-v5-theme-dark) {
1373
- color-scheme: dark;
1374
- }
1375
-
1376
1372
  .pf-v5-t-dark.pf-m-transparent {
1377
1373
  background-color: transparent;
1378
1374
  }
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -826,14 +826,14 @@
826
826
  --pf-t--global--font--size--heading--100: 16px;
827
827
  --pf-t--global--font--size--heading--200: 18px;
828
828
  --pf-t--global--font--size--heading--300: 20px;
829
- --pf-t--global--font--size--heading--400: 24px;
829
+ --pf-t--global--font--size--heading--400: 22px;
830
830
  --pf-t--global--font--size--heading--500: 28px;
831
831
  --pf-t--global--font--size--heading--600: 36px;
832
832
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
833
833
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
834
834
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
835
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
836
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
835
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
836
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
837
837
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
838
838
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
839
839
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
@@ -1397,8 +1397,8 @@ h6) {
1397
1397
  }
1398
1398
 
1399
1399
  *,
1400
- :where(*::before,
1401
- *::after) {
1400
+ *::before,
1401
+ *::after {
1402
1402
  box-sizing: border-box;
1403
1403
  }
1404
1404
 
@@ -1485,10 +1485,6 @@ button) {
1485
1485
  cursor: pointer;
1486
1486
  }
1487
1487
 
1488
- :where(.pf-theme-dark) {
1489
- color-scheme: dark;
1490
- }
1491
-
1492
1488
  .pf-t-dark.pf-m-transparent {
1493
1489
  background-color: transparent;
1494
1490
  }
package/patternfly-base.css CHANGED
@@ -826,14 +826,14 @@
826
826
  --pf-t--global--font--size--heading--100: 16px;
827
827
  --pf-t--global--font--size--heading--200: 18px;
828
828
  --pf-t--global--font--size--heading--300: 20px;
829
- --pf-t--global--font--size--heading--400: 24px;
829
+ --pf-t--global--font--size--heading--400: 22px;
830
830
  --pf-t--global--font--size--heading--500: 28px;
831
831
  --pf-t--global--font--size--heading--600: 36px;
832
832
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
833
833
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
834
834
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
835
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
836
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
835
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
836
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
837
837
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
838
838
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
839
839
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
@@ -1397,8 +1397,8 @@ h6) {
1397
1397
  }
1398
1398
 
1399
1399
  *,
1400
- :where(*::before,
1401
- *::after) {
1400
+ *::before,
1401
+ *::after {
1402
1402
  box-sizing: border-box;
1403
1403
  }
1404
1404
 
@@ -1485,10 +1485,6 @@ button) {
1485
1485
  cursor: pointer;
1486
1486
  }
1487
1487
 
1488
- :where(.pf-v5-theme-dark) {
1489
- color-scheme: dark;
1490
- }
1491
-
1492
1488
  .pf-v5-t-dark.pf-m-transparent {
1493
1489
  background-color: transparent;
1494
1490
  }
package/patternfly-no-globals.css CHANGED
@@ -889,14 +889,14 @@
889
889
  --pf-t--global--font--size--heading--100: 16px;
890
890
  --pf-t--global--font--size--heading--200: 18px;
891
891
  --pf-t--global--font--size--heading--300: 20px;
892
- --pf-t--global--font--size--heading--400: 24px;
892
+ --pf-t--global--font--size--heading--400: 22px;
893
893
  --pf-t--global--font--size--heading--500: 28px;
894
894
  --pf-t--global--font--size--heading--600: 36px;
895
895
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
896
896
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
897
897
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
898
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
899
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
898
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
899
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
900
900
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
901
901
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
902
902
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
@@ -1432,10 +1432,6 @@
1432
1432
  scale: -1 1;
1433
1433
  }
1434
1434
 
1435
- :where(.pf-v5-theme-dark) {
1436
- color-scheme: dark;
1437
- }
1438
-
1439
1435
  .pf-v5-t-dark.pf-m-transparent {
1440
1436
  background-color: transparent;
1441
1437
  }
@@ -15970,22 +15966,29 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15970
15966
  filter: invert(1);
15971
15967
  }
15972
15968
 
15973
- .pf-v5-c-hint {
15974
- --pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
15975
- --pf-v5-c-hint--PaddingTop: var(--pf-v5-global--spacer--lg);
15976
- --pf-v5-c-hint--PaddingRight: var(--pf-v5-global--spacer--lg);
15977
- --pf-v5-c-hint--PaddingBottom: var(--pf-v5-global--spacer--lg);
15978
- --pf-v5-c-hint--PaddingLeft: var(--pf-v5-global--spacer--lg);
15979
- --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--palette--blue-50);
15980
- --pf-v5-c-hint--BorderColor: var(--pf-v5-global--palette--blue-100);
15981
- --pf-v5-c-hint--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
15982
- --pf-v5-c-hint--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
15983
- --pf-v5-c-hint--Color: var(--pf-v5-global--Color--100);
15984
- --pf-v5-c-hint__title--FontSize: var(--pf-v5-global--FontSize--lg);
15985
- --pf-v5-c-hint__body--FontSize: var(--pf-v5-global--FontSize--md);
15986
- --pf-v5-c-hint__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
15987
- --pf-v5-c-hint__actions--MarginLeft: var(--pf-v5-global--spacer--2xl);
15969
+ :root {
15970
+ --pf-v5-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
15971
+ --pf-v5-c-hint--PaddingTop: var(--pf-t--global--spacer--lg);
15972
+ --pf-v5-c-hint--PaddingRight: var(--pf-t--global--spacer--lg);
15973
+ --pf-v5-c-hint--PaddingBottom: var(--pf-t--global--spacer--lg);
15974
+ --pf-v5-c-hint--PaddingLeft: var(--pf-t--global--spacer--lg);
15975
+ --pf-v5-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15976
+ --pf-v5-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
15977
+ --pf-v5-c-hint--BorderWidth: var(--pf-t--global--border--width--200);
15978
+ --pf-v5-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
15979
+ --pf-v5-c-hint--Color: var(--pf-t--global--text--color--regular);
15980
+ --pf-v5-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
15981
+ --pf-v5-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
15982
+ --pf-v5-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
15983
+ --pf-v5-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
15984
+ --pf-v5-c-hint__body--FontSize: var(--pf-t--global--font--size--body--md);
15985
+ --pf-v5-c-hint__footer--MarginTop: var(--pf-t--global--spacer--sm);
15986
+ --pf-v5-c-hint__footer--child--MarginRight: var(--pf-t--global--spacer--md);
15987
+ --pf-v5-c-hint__actions--MarginLeft: var(--pf-t--global--spacer--2xl);
15988
15988
  --pf-v5-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
15989
+ }
15990
+
15991
+ .pf-v5-c-hint {
15989
15992
  display: grid;
15990
15993
  grid-template-columns: 1fr auto;
15991
15994
  grid-row-gap: var(--pf-v5-c-hint--GridRowGap);
@@ -15996,7 +15999,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15996
15999
  color: var(--pf-v5-c-hint--Color);
15997
16000
  background-color: var(--pf-v5-c-hint--BackgroundColor);
15998
16001
  border: var(--pf-v5-c-hint--BorderWidth) solid var(--pf-v5-c-hint--BorderColor);
15999
- box-shadow: var(--pf-v5-c-hint--BoxShadow);
16002
+ border-radius: var(--pf-v5-c-hint--BorderRadius);
16000
16003
  }
16001
16004
  .pf-v5-c-hint .pf-v5-c-button.pf-m-link.pf-m-inline {
16002
16005
  text-align: start;
@@ -16019,7 +16022,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16019
16022
  }
16020
16023
 
16021
16024
  .pf-v5-c-hint__title {
16025
+ align-self: center;
16026
+ font-family: var(--pf-v5-c-hint__title--FontFamily);
16022
16027
  font-size: var(--pf-v5-c-hint__title--FontSize);
16028
+ font-weight: var(--pf-v5-c-hint__title--FontWeight);
16029
+ line-height: var(--pf-v5-c-hint__title--LineHeight);
16023
16030
  }
16024
16031
 
16025
16032
  .pf-v5-c-hint__body {
@@ -16029,21 +16036,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16029
16036
 
16030
16037
  .pf-v5-c-hint__footer {
16031
16038
  grid-column: 1/-1;
16039
+ margin-block-start: var(--pf-v5-c-hint__footer--MarginTop);
16032
16040
  }
16033
16041
  .pf-v5-c-hint__footer > :not(:last-child) {
16034
16042
  margin-inline-end: var(--pf-v5-c-hint__footer--child--MarginRight);
16035
16043
  }
16036
16044
 
16037
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16038
- :where(.pf-v5-theme-dark) .pf-v5-c-login__footer .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, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16039
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16040
- }
16041
-
16042
- :where(.pf-v5-theme-dark) .pf-v5-c-hint {
16043
- --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
16044
- --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
16045
- }
16046
-
16047
16045
  .pf-v5-c-helper-text {
16048
16046
  --pf-v5-c-helper-text--Gap: var(--pf-v5-global--spacer--xs);
16049
16047
  --pf-v5-c-helper-text--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -17293,23 +17291,23 @@ button.pf-v5-c-label__content:focus {
17293
17291
  }
17294
17292
 
17295
17293
  .pf-v5-c-list {
17296
- --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
17297
- --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
17298
- --pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
17294
+ --pf-v5-c-list--PaddingLeft: var(--pf-t--global--spacer--lg);
17295
+ --pf-v5-c-list--nested--MarginTop: var(--pf-t--global--spacer--sm);
17296
+ --pf-v5-c-list--nested--MarginLeft: var(--pf-t--global--spacer--sm);
17299
17297
  --pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
17300
- --pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
17301
- --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
17302
- --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
17303
- --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
17304
- --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17305
- --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
17306
- --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
17307
- --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
17308
- --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
17309
- --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
17310
- --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
17311
- --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
17312
- --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
17298
+ --pf-v5-c-list--li--MarginTop: var(--pf-t--global--spacer--sm);
17299
+ --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-t--global--spacer--lg);
17300
+ --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-t--global--spacer--sm);
17301
+ --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-t--global--border--color--default);
17302
+ --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17303
+ --pf-v5-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
17304
+ --pf-v5-c-list__item-icon--MarginTop: var(--pf-t--global--spacer--xs);
17305
+ --pf-v5-c-list__item-icon--MarginRight: var(--pf-t--global--spacer--sm);
17306
+ --pf-v5-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
17307
+ --pf-v5-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
17308
+ --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
17309
+ --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-t--global--spacer--md);
17310
+ --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
17313
17311
  padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
17314
17312
  }
17315
17313
  .pf-v5-c-list ol,
@@ -30571,26 +30569,47 @@ svg.pf-v5-c-spinner.pf-m-xl {
30571
30569
  --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor);
30572
30570
  }
30573
30571
 
30572
+ :root {
30573
+ --pf-v5-c-title--FontFamily: var(--pf-t--global--font--family--heading);
30574
+ --pf-v5-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30575
+ --pf-v5-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
30576
+ --pf-v5-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
30577
+ --pf-v5-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30578
+ --pf-v5-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
30579
+ --pf-v5-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
30580
+ --pf-v5-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30581
+ --pf-v5-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
30582
+ --pf-v5-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
30583
+ --pf-v5-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30584
+ --pf-v5-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
30585
+ --pf-v5-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
30586
+ --pf-v5-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
30587
+ --pf-v5-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
30588
+ --pf-v5-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
30589
+ --pf-v5-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
30590
+ --pf-v5-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
30591
+ --pf-v5-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
30592
+ --pf-v5-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
30593
+ --pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--lg);
30594
+ --pf-v5-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
30595
+ --pf-v5-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
30596
+ --pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--md);
30597
+ --pf-v5-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
30598
+ --pf-v5-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
30599
+ --pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--sm);
30600
+ --pf-v5-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
30601
+ --pf-v5-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
30602
+ --pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--xs);
30603
+ --pf-v5-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
30604
+ --pf-v5-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
30605
+ --pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--xs);
30606
+ --pf-v5-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
30607
+ --pf-v5-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
30608
+ --pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--xs);
30609
+ --pf-v5-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
30610
+ }
30611
+
30574
30612
  .pf-v5-c-title {
30575
- --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
30576
- --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30577
- --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
30578
- --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30579
- --pf-v5-c-title--m-3xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30580
- --pf-v5-c-title--m-3xl--FontSize: var(--pf-v5-global--FontSize--3xl);
30581
- --pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30582
- --pf-v5-c-title--m-2xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30583
- --pf-v5-c-title--m-2xl--FontSize: var(--pf-v5-global--FontSize--2xl);
30584
- --pf-v5-c-title--m-2xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30585
- --pf-v5-c-title--m-xl--LineHeight: var(--pf-v5-global--LineHeight--md);
30586
- --pf-v5-c-title--m-xl--FontSize: var(--pf-v5-global--FontSize--xl);
30587
- --pf-v5-c-title--m-xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30588
- --pf-v5-c-title--m-lg--LineHeight: var(--pf-v5-global--LineHeight--md);
30589
- --pf-v5-c-title--m-lg--FontSize: var(--pf-v5-global--FontSize--lg);
30590
- --pf-v5-c-title--m-lg--FontWeight: var(--pf-v5-global--FontWeight--normal);
30591
- --pf-v5-c-title--m-md--LineHeight: var(--pf-v5-global--LineHeight--md);
30592
- --pf-v5-c-title--m-md--FontSize: var(--pf-v5-global--FontSize--md);
30593
- --pf-v5-c-title--m-md--FontWeight: var(--pf-v5-global--FontWeight--normal);
30594
30613
  font-family: var(--pf-v5-c-title--FontFamily);
30595
30614
  word-break: break-word;
30596
30615
  }
@@ -30624,6 +30643,36 @@ svg.pf-v5-c-spinner.pf-m-xl {
30624
30643
  font-weight: var(--pf-v5-c-title--m-md--FontWeight);
30625
30644
  line-height: var(--pf-v5-c-title--m-md--LineHeight);
30626
30645
  }
30646
+ .pf-v5-c-title.pf-m-h1 {
30647
+ font-size: var(--pf-v5-c-title--m-h1--FontSize);
30648
+ font-weight: var(--pf-v5-c-title--m-h1--FontWeight);
30649
+ line-height: var(--pf-v5-c-title--m-h1--LineHeight);
30650
+ }
30651
+ .pf-v5-c-title.pf-m-h2 {
30652
+ font-size: var(--pf-v5-c-title--m-h2--FontSize);
30653
+ font-weight: var(--pf-v5-c-title--m-h2--FontWeight);
30654
+ line-height: var(--pf-v5-c-title--m-h2--LineHeight);
30655
+ }
30656
+ .pf-v5-c-title.pf-m-h3 {
30657
+ font-size: var(--pf-v5-c-title--m-h3--FontSize);
30658
+ font-weight: var(--pf-v5-c-title--m-h3--FontWeight);
30659
+ line-height: var(--pf-v5-c-title--m-h3--LineHeight);
30660
+ }
30661
+ .pf-v5-c-title.pf-m-h4 {
30662
+ font-size: var(--pf-v5-c-title--m-h4--FontSize);
30663
+ font-weight: var(--pf-v5-c-title--m-h4--FontWeight);
30664
+ line-height: var(--pf-v5-c-title--m-h4--LineHeight);
30665
+ }
30666
+ .pf-v5-c-title.pf-m-h5 {
30667
+ font-size: var(--pf-v5-c-title--m-h5--FontSize);
30668
+ font-weight: var(--pf-v5-c-title--m-h5--FontWeight);
30669
+ line-height: var(--pf-v5-c-title--m-h5--LineHeight);
30670
+ }
30671
+ .pf-v5-c-title.pf-m-h6 {
30672
+ font-size: var(--pf-v5-c-title--m-h6--FontSize);
30673
+ font-weight: var(--pf-v5-c-title--m-h6--FontWeight);
30674
+ line-height: var(--pf-v5-c-title--m-h6--LineHeight);
30675
+ }
30627
30676
 
30628
30677
  .pf-v5-c-toggle-group {
30629
30678
  --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -889,14 +889,14 @@
889
889
  --pf-t--global--font--size--heading--100: 16px;
890
890
  --pf-t--global--font--size--heading--200: 18px;
891
891
  --pf-t--global--font--size--heading--300: 20px;
892
- --pf-t--global--font--size--heading--400: 24px;
892
+ --pf-t--global--font--size--heading--400: 22px;
893
893
  --pf-t--global--font--size--heading--500: 28px;
894
894
  --pf-t--global--font--size--heading--600: 36px;
895
895
  --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
896
896
  --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
897
897
  --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
898
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
899
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
898
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
899
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
900
900
  --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
901
901
  --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
902
902
  --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
@@ -1460,8 +1460,8 @@ h6) {
1460
1460
  }
1461
1461
 
1462
1462
  *,
1463
- :where(*::before,
1464
- *::after) {
1463
+ *::before,
1464
+ *::after {
1465
1465
  box-sizing: border-box;
1466
1466
  }
1467
1467
 
@@ -1548,10 +1548,6 @@ button) {
1548
1548
  cursor: pointer;
1549
1549
  }
1550
1550
 
1551
- :where(.pf-theme-dark) {
1552
- color-scheme: dark;
1553
- }
1554
-
1555
1551
  .pf-t-dark.pf-m-transparent {
1556
1552
  background-color: transparent;
1557
1553
  }
@@ -16086,22 +16082,29 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16086
16082
  filter: invert(1);
16087
16083
  }
16088
16084
 
16089
- .pf-v5-c-hint {
16090
- --pf-v5-c-hint--GridRowGap: var(--pf-v5-global--spacer--md);
16091
- --pf-v5-c-hint--PaddingTop: var(--pf-v5-global--spacer--lg);
16092
- --pf-v5-c-hint--PaddingRight: var(--pf-v5-global--spacer--lg);
16093
- --pf-v5-c-hint--PaddingBottom: var(--pf-v5-global--spacer--lg);
16094
- --pf-v5-c-hint--PaddingLeft: var(--pf-v5-global--spacer--lg);
16095
- --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--palette--blue-50);
16096
- --pf-v5-c-hint--BorderColor: var(--pf-v5-global--palette--blue-100);
16097
- --pf-v5-c-hint--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16098
- --pf-v5-c-hint--BoxShadow: var(--pf-v5-global--BoxShadow--sm);
16099
- --pf-v5-c-hint--Color: var(--pf-v5-global--Color--100);
16100
- --pf-v5-c-hint__title--FontSize: var(--pf-v5-global--FontSize--lg);
16101
- --pf-v5-c-hint__body--FontSize: var(--pf-v5-global--FontSize--md);
16102
- --pf-v5-c-hint__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
16103
- --pf-v5-c-hint__actions--MarginLeft: var(--pf-v5-global--spacer--2xl);
16085
+ :root {
16086
+ --pf-v5-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
16087
+ --pf-v5-c-hint--PaddingTop: var(--pf-t--global--spacer--lg);
16088
+ --pf-v5-c-hint--PaddingRight: var(--pf-t--global--spacer--lg);
16089
+ --pf-v5-c-hint--PaddingBottom: var(--pf-t--global--spacer--lg);
16090
+ --pf-v5-c-hint--PaddingLeft: var(--pf-t--global--spacer--lg);
16091
+ --pf-v5-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16092
+ --pf-v5-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
16093
+ --pf-v5-c-hint--BorderWidth: var(--pf-t--global--border--width--200);
16094
+ --pf-v5-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
16095
+ --pf-v5-c-hint--Color: var(--pf-t--global--text--color--regular);
16096
+ --pf-v5-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
16097
+ --pf-v5-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
16098
+ --pf-v5-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
16099
+ --pf-v5-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16100
+ --pf-v5-c-hint__body--FontSize: var(--pf-t--global--font--size--body--md);
16101
+ --pf-v5-c-hint__footer--MarginTop: var(--pf-t--global--spacer--sm);
16102
+ --pf-v5-c-hint__footer--child--MarginRight: var(--pf-t--global--spacer--md);
16103
+ --pf-v5-c-hint__actions--MarginLeft: var(--pf-t--global--spacer--2xl);
16104
16104
  --pf-v5-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
16105
+ }
16106
+
16107
+ .pf-v5-c-hint {
16105
16108
  display: grid;
16106
16109
  grid-template-columns: 1fr auto;
16107
16110
  grid-row-gap: var(--pf-v5-c-hint--GridRowGap);
@@ -16112,7 +16115,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16112
16115
  color: var(--pf-v5-c-hint--Color);
16113
16116
  background-color: var(--pf-v5-c-hint--BackgroundColor);
16114
16117
  border: var(--pf-v5-c-hint--BorderWidth) solid var(--pf-v5-c-hint--BorderColor);
16115
- box-shadow: var(--pf-v5-c-hint--BoxShadow);
16118
+ border-radius: var(--pf-v5-c-hint--BorderRadius);
16116
16119
  }
16117
16120
  .pf-v5-c-hint .pf-v5-c-button.pf-m-link.pf-m-inline {
16118
16121
  text-align: start;
@@ -16135,7 +16138,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16135
16138
  }
16136
16139
 
16137
16140
  .pf-v5-c-hint__title {
16141
+ align-self: center;
16142
+ font-family: var(--pf-v5-c-hint__title--FontFamily);
16138
16143
  font-size: var(--pf-v5-c-hint__title--FontSize);
16144
+ font-weight: var(--pf-v5-c-hint__title--FontWeight);
16145
+ line-height: var(--pf-v5-c-hint__title--LineHeight);
16139
16146
  }
16140
16147
 
16141
16148
  .pf-v5-c-hint__body {
@@ -16145,21 +16152,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16145
16152
 
16146
16153
  .pf-v5-c-hint__footer {
16147
16154
  grid-column: 1/-1;
16155
+ margin-block-start: var(--pf-v5-c-hint__footer--MarginTop);
16148
16156
  }
16149
16157
  .pf-v5-c-hint__footer > :not(:last-child) {
16150
16158
  margin-inline-end: var(--pf-v5-c-hint__footer--child--MarginRight);
16151
16159
  }
16152
16160
 
16153
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
16154
- :where(.pf-theme-dark) .pf-v5-c-login__footer .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, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button {
16155
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16156
- }
16157
-
16158
- :where(.pf-theme-dark) .pf-v5-c-hint {
16159
- --pf-v5-c-hint--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
16160
- --pf-v5-c-hint--BorderColor: var(--pf-v5-global--BorderColor--300);
16161
- }
16162
-
16163
16161
  .pf-v5-c-helper-text {
16164
16162
  --pf-v5-c-helper-text--Gap: var(--pf-v5-global--spacer--xs);
16165
16163
  --pf-v5-c-helper-text--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -17409,23 +17407,23 @@ button.pf-v5-c-label__content:focus {
17409
17407
  }
17410
17408
 
17411
17409
  .pf-v5-c-list {
17412
- --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
17413
- --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
17414
- --pf-v5-c-list--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
17410
+ --pf-v5-c-list--PaddingLeft: var(--pf-t--global--spacer--lg);
17411
+ --pf-v5-c-list--nested--MarginTop: var(--pf-t--global--spacer--sm);
17412
+ --pf-v5-c-list--nested--MarginLeft: var(--pf-t--global--spacer--sm);
17415
17413
  --pf-v5-c-list--ul--ListStyle: var(--pf-v5-global--ListStyle);
17416
- --pf-v5-c-list--li--MarginTop: var(--pf-v5-global--spacer--sm);
17417
- --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-v5-global--spacer--lg);
17418
- --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-v5-global--spacer--sm);
17419
- --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
17420
- --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
17421
- --pf-v5-c-list__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
17422
- --pf-v5-c-list__item-icon--MarginTop: 0.375rem;
17423
- --pf-v5-c-list__item-icon--MarginRight: var(--pf-v5-global--spacer--sm);
17424
- --pf-v5-c-list__item-icon--Color: var(--pf-v5-global--icon--Color--dark);
17425
- --pf-v5-c-list__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
17426
- --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-v5-global--icon--FontSize--lg);
17427
- --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-v5-global--spacer--md);
17428
- --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-v5-global--icon--FontSize--lg);
17414
+ --pf-v5-c-list--li--MarginTop: var(--pf-t--global--spacer--sm);
17415
+ --pf-v5-c-list--m-inline--li--MarginRight: var(--pf-t--global--spacer--lg);
17416
+ --pf-v5-c-list--m-bordered--li--PaddingBottom: var(--pf-t--global--spacer--sm);
17417
+ --pf-v5-c-list--m-bordered--li--BorderBottomColor: var(--pf-t--global--border--color--default);
17418
+ --pf-v5-c-list--m-bordered--li--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
17419
+ --pf-v5-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
17420
+ --pf-v5-c-list__item-icon--MarginTop: var(--pf-t--global--spacer--xs);
17421
+ --pf-v5-c-list__item-icon--MarginRight: var(--pf-t--global--spacer--sm);
17422
+ --pf-v5-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
17423
+ --pf-v5-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
17424
+ --pf-v5-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
17425
+ --pf-v5-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-t--global--spacer--md);
17426
+ --pf-v5-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
17429
17427
  padding-inline-start: var(--pf-v5-c-list--PaddingLeft);
17430
17428
  }
17431
17429
  .pf-v5-c-list ol,
@@ -30687,26 +30685,47 @@ svg.pf-v5-c-spinner.pf-m-xl {
30687
30685
  --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor);
30688
30686
  }
30689
30687
 
30688
+ :root {
30689
+ --pf-v5-c-title--FontFamily: var(--pf-t--global--font--family--heading);
30690
+ --pf-v5-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30691
+ --pf-v5-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
30692
+ --pf-v5-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
30693
+ --pf-v5-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30694
+ --pf-v5-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
30695
+ --pf-v5-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
30696
+ --pf-v5-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30697
+ --pf-v5-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
30698
+ --pf-v5-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
30699
+ --pf-v5-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
30700
+ --pf-v5-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
30701
+ --pf-v5-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
30702
+ --pf-v5-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
30703
+ --pf-v5-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
30704
+ --pf-v5-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
30705
+ --pf-v5-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
30706
+ --pf-v5-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
30707
+ --pf-v5-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
30708
+ --pf-v5-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
30709
+ --pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--lg);
30710
+ --pf-v5-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
30711
+ --pf-v5-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
30712
+ --pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--md);
30713
+ --pf-v5-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
30714
+ --pf-v5-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
30715
+ --pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--sm);
30716
+ --pf-v5-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
30717
+ --pf-v5-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
30718
+ --pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--xs);
30719
+ --pf-v5-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
30720
+ --pf-v5-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
30721
+ --pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--xs);
30722
+ --pf-v5-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
30723
+ --pf-v5-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
30724
+ --pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--xs);
30725
+ --pf-v5-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
30726
+ }
30727
+
30690
30728
  .pf-v5-c-title {
30691
- --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
30692
- --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30693
- --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
30694
- --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30695
- --pf-v5-c-title--m-3xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30696
- --pf-v5-c-title--m-3xl--FontSize: var(--pf-v5-global--FontSize--3xl);
30697
- --pf-v5-c-title--m-3xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30698
- --pf-v5-c-title--m-2xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
30699
- --pf-v5-c-title--m-2xl--FontSize: var(--pf-v5-global--FontSize--2xl);
30700
- --pf-v5-c-title--m-2xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30701
- --pf-v5-c-title--m-xl--LineHeight: var(--pf-v5-global--LineHeight--md);
30702
- --pf-v5-c-title--m-xl--FontSize: var(--pf-v5-global--FontSize--xl);
30703
- --pf-v5-c-title--m-xl--FontWeight: var(--pf-v5-global--FontWeight--normal);
30704
- --pf-v5-c-title--m-lg--LineHeight: var(--pf-v5-global--LineHeight--md);
30705
- --pf-v5-c-title--m-lg--FontSize: var(--pf-v5-global--FontSize--lg);
30706
- --pf-v5-c-title--m-lg--FontWeight: var(--pf-v5-global--FontWeight--normal);
30707
- --pf-v5-c-title--m-md--LineHeight: var(--pf-v5-global--LineHeight--md);
30708
- --pf-v5-c-title--m-md--FontSize: var(--pf-v5-global--FontSize--md);
30709
- --pf-v5-c-title--m-md--FontWeight: var(--pf-v5-global--FontWeight--normal);
30710
30729
  font-family: var(--pf-v5-c-title--FontFamily);
30711
30730
  word-break: break-word;
30712
30731
  }
@@ -30740,6 +30759,36 @@ svg.pf-v5-c-spinner.pf-m-xl {
30740
30759
  font-weight: var(--pf-v5-c-title--m-md--FontWeight);
30741
30760
  line-height: var(--pf-v5-c-title--m-md--LineHeight);
30742
30761
  }
30762
+ .pf-v5-c-title.pf-m-h1 {
30763
+ font-size: var(--pf-v5-c-title--m-h1--FontSize);
30764
+ font-weight: var(--pf-v5-c-title--m-h1--FontWeight);
30765
+ line-height: var(--pf-v5-c-title--m-h1--LineHeight);
30766
+ }
30767
+ .pf-v5-c-title.pf-m-h2 {
30768
+ font-size: var(--pf-v5-c-title--m-h2--FontSize);
30769
+ font-weight: var(--pf-v5-c-title--m-h2--FontWeight);
30770
+ line-height: var(--pf-v5-c-title--m-h2--LineHeight);
30771
+ }
30772
+ .pf-v5-c-title.pf-m-h3 {
30773
+ font-size: var(--pf-v5-c-title--m-h3--FontSize);
30774
+ font-weight: var(--pf-v5-c-title--m-h3--FontWeight);
30775
+ line-height: var(--pf-v5-c-title--m-h3--LineHeight);
30776
+ }
30777
+ .pf-v5-c-title.pf-m-h4 {
30778
+ font-size: var(--pf-v5-c-title--m-h4--FontSize);
30779
+ font-weight: var(--pf-v5-c-title--m-h4--FontWeight);
30780
+ line-height: var(--pf-v5-c-title--m-h4--LineHeight);
30781
+ }
30782
+ .pf-v5-c-title.pf-m-h5 {
30783
+ font-size: var(--pf-v5-c-title--m-h5--FontSize);
30784
+ font-weight: var(--pf-v5-c-title--m-h5--FontWeight);
30785
+ line-height: var(--pf-v5-c-title--m-h5--LineHeight);
30786
+ }
30787
+ .pf-v5-c-title.pf-m-h6 {
30788
+ font-size: var(--pf-v5-c-title--m-h6--FontSize);
30789
+ font-weight: var(--pf-v5-c-title--m-h6--FontWeight);
30790
+ line-height: var(--pf-v5-c-title--m-h6--LineHeight);
30791
+ }
30743
30792
 
30744
30793
  .pf-v5-c-toggle-group {
30745
30794
  --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);