@patternfly/patternfly 6.0.0-alpha.17 → 6.0.0-alpha.18

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 (64) hide show
  1. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  2. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  3. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  4. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  5. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  6. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  7. package/assets/images/pf_logo_white.hbs +35 -0
  8. package/assets/images/pf_logo_white.svg +38 -0
  9. package/base/_globals.scss +1 -1
  10. package/base/patternfly-variables.css +1 -1
  11. package/base/tokens/_tokens-font.scss +2 -2
  12. package/components/Accordion/accordion.css +10 -1
  13. package/components/Accordion/accordion.scss +13 -1
  14. package/components/Alert/alert.css +1 -1
  15. package/components/Alert/alert.scss +1 -1
  16. package/components/Button/button.css +1 -1
  17. package/components/Button/button.scss +1 -3
  18. package/components/Check/check.css +10 -8
  19. package/components/Check/check.scss +15 -10
  20. package/components/Dropdown/dropdown.css +1 -3
  21. package/components/Dropdown/dropdown.scss +2 -6
  22. package/components/Menu/menu.css +3 -0
  23. package/components/Menu/menu.scss +7 -3
  24. package/components/MenuToggle/menu-toggle.css +2 -3
  25. package/components/MenuToggle/menu-toggle.scss +2 -6
  26. package/components/Page/page.css +1 -1
  27. package/components/Page/page.scss +1 -1
  28. package/components/Radio/radio.css +13 -10
  29. package/components/Radio/radio.scss +17 -11
  30. package/components/Switch/switch.css +1 -1
  31. package/components/Switch/switch.scss +1 -1
  32. package/components/Table/table.css +6 -2
  33. package/components/Table/table.scss +7 -2
  34. package/components/Toolbar/toolbar.css +9 -1
  35. package/components/Toolbar/toolbar.scss +16 -3
  36. package/docs/components/Accordion/examples/Accordion.md +95 -0
  37. package/docs/components/Brand/examples/Brand.css +12 -0
  38. package/docs/components/Brand/examples/Brand.md +75 -32
  39. package/docs/components/Card/examples/Card.md +110 -2
  40. package/docs/components/LogViewer/examples/LogViewer.md +130 -130
  41. package/docs/components/Menu/examples/Menu.md +507 -473
  42. package/docs/components/MenuToggle/examples/MenuToggle.md +106 -114
  43. package/docs/components/Nav/examples/Navigation.md +140 -113
  44. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  45. package/docs/components/Toolbar/examples/Toolbar.md +480 -2807
  46. package/docs/demos/CardView/examples/CardView.md +32 -51
  47. package/docs/demos/DataList/examples/DataList.md +184 -320
  48. package/docs/demos/Masthead/examples/Masthead.md +51 -210
  49. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  50. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +83 -271
  51. package/docs/demos/Table/examples/Table.md +1017 -1800
  52. package/docs/demos/Tabs/examples/Tabs.md +2 -2
  53. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  54. package/docs/demos/Toolbar/examples/Toolbar.md +703 -1027
  55. package/package.json +2 -2
  56. package/patternfly-base-no-globals-theme-dark-unversioned.css +1 -1
  57. package/patternfly-base-no-globals.css +1 -1
  58. package/patternfly-base-theme-dark-unversioned.css +1 -1
  59. package/patternfly-base.css +1 -1
  60. package/patternfly-no-globals.css +59 -33
  61. package/patternfly-theme-dark-unversioned.css +59 -33
  62. package/patternfly.css +59 -33
  63. package/patternfly.min.css +1 -1
  64. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.17",
4
+ "version": "6.0.0-alpha.18",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,7 +45,7 @@
45
45
  "@commitlint/config-conventional": "^17.6.7",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
47
  "@octokit/rest": "^20.0.1",
48
- "@patternfly/documentation-framework": "5.2.17",
48
+ "@patternfly/documentation-framework": "5.3.1",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
50
  "@patternfly/react-code-editor": "5.1.1",
51
51
  "@patternfly/react-core": "5.1.1",
@@ -817,7 +817,7 @@
817
817
  --pf-t--global--font--line-height--100: 1.3;
818
818
  --pf-t--global--font--line-height--200: 1.5;
819
819
  --pf-t--global--font--weight--body--100: 400;
820
- --pf-t--global--font--weight--body--200: 600;
820
+ --pf-t--global--font--weight--body--200: 500;
821
821
  --pf-t--global--font--weight--heading--100: 700;
822
822
  --pf-t--global--font--weight--heading--200: 700;
823
823
  --pf-t--global--font--size--body--100: 12px;
@@ -817,7 +817,7 @@
817
817
  --pf-t--global--font--line-height--100: 1.3;
818
818
  --pf-t--global--font--line-height--200: 1.5;
819
819
  --pf-t--global--font--weight--body--100: 400;
820
- --pf-t--global--font--weight--body--200: 600;
820
+ --pf-t--global--font--weight--body--200: 500;
821
821
  --pf-t--global--font--weight--heading--100: 700;
822
822
  --pf-t--global--font--weight--heading--200: 700;
823
823
  --pf-t--global--font--size--body--100: 12px;
@@ -817,7 +817,7 @@
817
817
  --pf-t--global--font--line-height--100: 1.3;
818
818
  --pf-t--global--font--line-height--200: 1.5;
819
819
  --pf-t--global--font--weight--body--100: 400;
820
- --pf-t--global--font--weight--body--200: 600;
820
+ --pf-t--global--font--weight--body--200: 500;
821
821
  --pf-t--global--font--weight--heading--100: 700;
822
822
  --pf-t--global--font--weight--heading--200: 700;
823
823
  --pf-t--global--font--size--body--100: 12px;
@@ -817,7 +817,7 @@
817
817
  --pf-t--global--font--line-height--100: 1.3;
818
818
  --pf-t--global--font--line-height--200: 1.5;
819
819
  --pf-t--global--font--weight--body--100: 400;
820
- --pf-t--global--font--weight--body--200: 600;
820
+ --pf-t--global--font--weight--body--200: 500;
821
821
  --pf-t--global--font--weight--heading--100: 700;
822
822
  --pf-t--global--font--weight--heading--200: 700;
823
823
  --pf-t--global--font--size--body--100: 12px;
@@ -880,7 +880,7 @@
880
880
  --pf-t--global--font--line-height--100: 1.3;
881
881
  --pf-t--global--font--line-height--200: 1.5;
882
882
  --pf-t--global--font--weight--body--100: 400;
883
- --pf-t--global--font--weight--body--200: 600;
883
+ --pf-t--global--font--weight--body--200: 500;
884
884
  --pf-t--global--font--weight--heading--100: 700;
885
885
  --pf-t--global--font--weight--heading--200: 700;
886
886
  --pf-t--global--font--size--body--100: 12px;
@@ -6423,6 +6423,10 @@
6423
6423
  --pf-v5-c-accordion__toggle--after--Width: var(--pf-v5-global--BorderWidth--lg);
6424
6424
  --pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
6425
6425
  --pf-v5-c-accordion__toggle--BackgroundColor: transparent;
6426
+ --pf-v5-c-accordion__toggle--JustifyContent: space-between;
6427
+ --pf-v5-c-accordion__toggle--ColumnGap: 0;
6428
+ --pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent: start;
6429
+ --pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-v5-global--spacer--md);
6426
6430
  --pf-v5-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-v5-global--spacer--lg));
6427
6431
  --pf-v5-c-accordion__toggle--hover__toggle-text--Color: var(--pf-v5-global--link--Color);
6428
6432
  --pf-v5-c-accordion__toggle--active__toggle-text--Color: var(--pf-v5-global--link--Color);
@@ -6476,6 +6480,10 @@
6476
6480
  color: var(--pf-v5-global--Color--100);
6477
6481
  background-color: var(--pf-v5-c-accordion--BackgroundColor);
6478
6482
  }
6483
+ .pf-v5-c-accordion.pf-m-toggle-start {
6484
+ --pf-v5-c-accordion__toggle--JustifyContent: var(--pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent);
6485
+ --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap);
6486
+ }
6479
6487
  .pf-v5-c-accordion.pf-m-display-lg {
6480
6488
  --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop);
6481
6489
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight);
@@ -6535,8 +6543,9 @@
6535
6543
  .pf-v5-c-accordion__toggle {
6536
6544
  position: relative;
6537
6545
  display: flex;
6546
+ column-gap: var(--pf-v5-c-accordion__toggle--ColumnGap);
6538
6547
  align-items: center;
6539
- justify-content: space-between;
6548
+ justify-content: var(--pf-v5-c-accordion__toggle--JustifyContent);
6540
6549
  width: 100%;
6541
6550
  padding-block-start: var(--pf-v5-c-accordion__toggle--PaddingTop);
6542
6551
  padding-block-end: var(--pf-v5-c-accordion__toggle--PaddingBottom);
@@ -6698,7 +6707,7 @@
6698
6707
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6699
6708
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6700
6709
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6701
- --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
6710
+ --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
6702
6711
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
6703
6712
  --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
6704
6713
  --pf-v5-c-alert__title--max-lines: 1;
@@ -8262,7 +8271,7 @@ button.pf-v5-c-breadcrumb__link {
8262
8271
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
8263
8272
  padding: 0;
8264
8273
  }
8265
- .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
8274
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus {
8266
8275
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8267
8276
  mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8268
8277
  }
@@ -8992,7 +9001,8 @@ button.pf-v5-c-breadcrumb__link {
8992
9001
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8993
9002
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8994
9003
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8995
- --pf-v5-c-check__input--TranslateY--moz: 5px;
9004
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
9005
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
8996
9006
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8997
9007
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8998
9008
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -9002,15 +9012,21 @@ button.pf-v5-c-breadcrumb__link {
9002
9012
  display: grid;
9003
9013
  grid-template-columns: auto 1fr;
9004
9014
  grid-gap: var(--pf-v5-c-check--GridGap);
9015
+ align-items: baseline;
9005
9016
  }
9006
9017
  .pf-v5-c-check.pf-m-standalone {
9007
9018
  --pf-v5-c-check--GridGap: 0;
9008
- --pf-v5-c-check__input--TranslateY--moz: 0;
9019
+ --pf-v5-c-check__input--TranslateY: none;
9009
9020
  display: inline-grid;
9010
9021
  }
9011
9022
 
9023
+ .pf-v5-c-check__input {
9024
+ align-self: start;
9025
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9026
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
9027
+ }
9028
+
9012
9029
  .pf-v5-c-check__label {
9013
- align-self: baseline;
9014
9030
  font-size: var(--pf-v5-c-check__label--FontSize);
9015
9031
  font-weight: var(--pf-v5-c-check__label--FontWeight);
9016
9032
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -9028,11 +9044,6 @@ button.pf-v5-c-breadcrumb__link {
9028
9044
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
9029
9045
  }
9030
9046
 
9031
- .pf-v5-c-check__input {
9032
- align-self: baseline;
9033
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9034
- }
9035
-
9036
9047
  .pf-v5-c-check__label,
9037
9048
  .pf-v5-c-check__input {
9038
9049
  justify-self: start;
@@ -11783,6 +11794,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11783
11794
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11784
11795
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11785
11796
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11797
+ --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11798
+ --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11799
+ --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11786
11800
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11787
11801
  --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
11788
11802
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -12032,7 +12046,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12032
12046
  .pf-v5-c-toolbar__item.pf-m-label {
12033
12047
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
12034
12048
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
12035
- transform: translateY(var(--pf-v5-global--spacer--form-element));
12049
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
12050
+ }
12051
+ .pf-v5-c-toolbar__item.pf-m-form-element {
12052
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
12053
+ font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
12054
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
12036
12055
  }
12037
12056
  .pf-v5-c-toolbar__item.pf-m-pagination {
12038
12057
  margin-inline-start: auto;
@@ -14429,14 +14448,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14429
14448
  }
14430
14449
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
14431
14450
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
14451
+ --pf-v5-c-check__input--TranslateY: none;
14432
14452
  align-self: revert;
14433
14453
  width: auto;
14434
14454
  cursor: pointer;
14435
14455
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
14436
14456
  }
14437
- .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
14438
- -moz-transform: none;
14439
- }
14440
14457
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
14441
14458
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
14442
14459
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -18959,6 +18976,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18959
18976
  align-items: center;
18960
18977
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18961
18978
  }
18979
+ .pf-v5-c-menu__item-check .pf-v5-c-check {
18980
+ --pf-v5-c-check__input--TranslateY: none;
18981
+ }
18962
18982
 
18963
18983
  .pf-v5-c-menu__item-toggle-icon {
18964
18984
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -19316,8 +19336,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19316
19336
  align-self: stretch;
19317
19337
  }
19318
19338
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
19319
- align-self: revert;
19320
- -moz-transform: none;
19339
+ align-self: center;
19321
19340
  }
19322
19341
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
19323
19342
  position: absolute;
@@ -19440,7 +19459,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19440
19459
 
19441
19460
  .pf-v5-c-menu-toggle__toggle-icon {
19442
19461
  margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19443
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19462
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19444
19463
  }
19445
19464
 
19446
19465
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .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, :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-login__header .pf-v5-c-button,
@@ -21644,7 +21663,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21644
21663
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21645
21664
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21646
21665
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21647
- --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21666
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
21648
21667
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21649
21668
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21650
21669
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -24013,7 +24032,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24013
24032
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
24014
24033
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
24015
24034
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
24016
- --pf-v5-c-radio__input--TranslateY--moz: 5px;
24035
+ --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
24036
+ --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
24017
24037
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
24018
24038
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
24019
24039
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -24026,19 +24046,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24026
24046
  }
24027
24047
  .pf-v5-c-radio.pf-m-standalone {
24028
24048
  --pf-v5-c-radio--GridGap: 0;
24029
- --pf-v5-c-radio__input--TranslateY--moz: 0;
24030
- width: auto;
24031
- }
24032
-
24033
- .pf-v5-c-radio__label {
24034
- font-size: var(--pf-v5-c-radio__label--FontSize);
24035
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
24036
- line-height: var(--pf-v5-c-radio__label--LineHeight);
24037
- color: var(--pf-v5-c-radio__label--Color);
24049
+ --pf-v5-c-radio__input--TranslateY: none;
24050
+ display: inline-grid;
24038
24051
  }
24039
24052
 
24040
24053
  .pf-v5-c-radio__input {
24054
+ align-self: start;
24041
24055
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
24056
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
24042
24057
  }
24043
24058
  .pf-v5-c-radio__input:first-child {
24044
24059
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -24047,6 +24062,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24047
24062
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
24048
24063
  }
24049
24064
 
24065
+ .pf-v5-c-radio__label {
24066
+ font-size: var(--pf-v5-c-radio__label--FontSize);
24067
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
24068
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
24069
+ color: var(--pf-v5-c-radio__label--Color);
24070
+ }
24071
+
24050
24072
  .pf-v5-c-radio__description {
24051
24073
  grid-column: 2;
24052
24074
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25653,7 +25675,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25653
25675
  cursor: pointer;
25654
25676
  opacity: 0;
25655
25677
  }
25656
- .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25678
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25657
25679
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25658
25680
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25659
25681
  }
@@ -27509,7 +27531,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
27509
27531
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27510
27532
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27511
27533
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27512
- --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27534
+ --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27535
+ --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27513
27536
  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27514
27537
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27515
27538
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
@@ -28133,13 +28156,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
28133
28156
  cursor: pointer;
28134
28157
  }
28135
28158
  .pf-v5-c-table__check label {
28136
- display: block;
28159
+ display: inline-flex;
28137
28160
  padding: inherit;
28138
28161
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
28139
28162
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
28140
28163
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28141
28164
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
28142
28165
  }
28166
+ .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
28167
+ --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
28168
+ }
28143
28169
 
28144
28170
  .pf-v5-c-table__favorite .pf-v5-c-button {
28145
28171
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
@@ -880,7 +880,7 @@
880
880
  --pf-t--global--font--line-height--100: 1.3;
881
881
  --pf-t--global--font--line-height--200: 1.5;
882
882
  --pf-t--global--font--weight--body--100: 400;
883
- --pf-t--global--font--weight--body--200: 600;
883
+ --pf-t--global--font--weight--body--200: 500;
884
884
  --pf-t--global--font--weight--heading--100: 700;
885
885
  --pf-t--global--font--weight--heading--200: 700;
886
886
  --pf-t--global--font--size--body--100: 12px;
@@ -6539,6 +6539,10 @@ button) {
6539
6539
  --pf-v5-c-accordion__toggle--after--Width: var(--pf-v5-global--BorderWidth--lg);
6540
6540
  --pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
6541
6541
  --pf-v5-c-accordion__toggle--BackgroundColor: transparent;
6542
+ --pf-v5-c-accordion__toggle--JustifyContent: space-between;
6543
+ --pf-v5-c-accordion__toggle--ColumnGap: 0;
6544
+ --pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent: start;
6545
+ --pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-v5-global--spacer--md);
6542
6546
  --pf-v5-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-v5-global--spacer--lg));
6543
6547
  --pf-v5-c-accordion__toggle--hover__toggle-text--Color: var(--pf-v5-global--link--Color);
6544
6548
  --pf-v5-c-accordion__toggle--active__toggle-text--Color: var(--pf-v5-global--link--Color);
@@ -6592,6 +6596,10 @@ button) {
6592
6596
  color: var(--pf-v5-global--Color--100);
6593
6597
  background-color: var(--pf-v5-c-accordion--BackgroundColor);
6594
6598
  }
6599
+ .pf-v5-c-accordion.pf-m-toggle-start {
6600
+ --pf-v5-c-accordion__toggle--JustifyContent: var(--pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent);
6601
+ --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap);
6602
+ }
6595
6603
  .pf-v5-c-accordion.pf-m-display-lg {
6596
6604
  --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop);
6597
6605
  --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight);
@@ -6651,8 +6659,9 @@ button) {
6651
6659
  .pf-v5-c-accordion__toggle {
6652
6660
  position: relative;
6653
6661
  display: flex;
6662
+ column-gap: var(--pf-v5-c-accordion__toggle--ColumnGap);
6654
6663
  align-items: center;
6655
- justify-content: space-between;
6664
+ justify-content: var(--pf-v5-c-accordion__toggle--JustifyContent);
6656
6665
  width: 100%;
6657
6666
  padding-block-start: var(--pf-v5-c-accordion__toggle--PaddingTop);
6658
6667
  padding-block-end: var(--pf-v5-c-accordion__toggle--PaddingBottom);
@@ -6814,7 +6823,7 @@ button) {
6814
6823
  --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
6815
6824
  --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
6816
6825
  --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
6817
- --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
6826
+ --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
6818
6827
  --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
6819
6828
  --pf-v5-c-alert__title--Color: var(--pf-t--global--text--color--regular);
6820
6829
  --pf-v5-c-alert__title--max-lines: 1;
@@ -8378,7 +8387,7 @@ button.pf-v5-c-breadcrumb__link {
8378
8387
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
8379
8388
  padding: 0;
8380
8389
  }
8381
- .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus, .pf-v5-c-button.pf-m-plain:active {
8390
+ .pf-v5-c-button.pf-m-plain:hover, .pf-v5-c-button.pf-m-plain:focus {
8382
8391
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
8383
8392
  mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
8384
8393
  }
@@ -9108,7 +9117,8 @@ button.pf-v5-c-breadcrumb__link {
9108
9117
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
9109
9118
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
9110
9119
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
9111
- --pf-v5-c-check__input--TranslateY--moz: 5px;
9120
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
9121
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
9112
9122
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
9113
9123
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
9114
9124
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -9118,15 +9128,21 @@ button.pf-v5-c-breadcrumb__link {
9118
9128
  display: grid;
9119
9129
  grid-template-columns: auto 1fr;
9120
9130
  grid-gap: var(--pf-v5-c-check--GridGap);
9131
+ align-items: baseline;
9121
9132
  }
9122
9133
  .pf-v5-c-check.pf-m-standalone {
9123
9134
  --pf-v5-c-check--GridGap: 0;
9124
- --pf-v5-c-check__input--TranslateY--moz: 0;
9135
+ --pf-v5-c-check__input--TranslateY: none;
9125
9136
  display: inline-grid;
9126
9137
  }
9127
9138
 
9139
+ .pf-v5-c-check__input {
9140
+ align-self: start;
9141
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9142
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
9143
+ }
9144
+
9128
9145
  .pf-v5-c-check__label {
9129
- align-self: baseline;
9130
9146
  font-size: var(--pf-v5-c-check__label--FontSize);
9131
9147
  font-weight: var(--pf-v5-c-check__label--FontWeight);
9132
9148
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -9144,11 +9160,6 @@ button.pf-v5-c-breadcrumb__link {
9144
9160
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
9145
9161
  }
9146
9162
 
9147
- .pf-v5-c-check__input {
9148
- align-self: baseline;
9149
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
9150
- }
9151
-
9152
9163
  .pf-v5-c-check__label,
9153
9164
  .pf-v5-c-check__input {
9154
9165
  justify-self: start;
@@ -11899,6 +11910,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11899
11910
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11900
11911
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11901
11912
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11913
+ --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11914
+ --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11915
+ --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11902
11916
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11903
11917
  --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
11904
11918
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -12148,7 +12162,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12148
12162
  .pf-v5-c-toolbar__item.pf-m-label {
12149
12163
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
12150
12164
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
12151
- transform: translateY(var(--pf-v5-global--spacer--form-element));
12165
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
12166
+ }
12167
+ .pf-v5-c-toolbar__item.pf-m-form-element {
12168
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
12169
+ font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
12170
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
12152
12171
  }
12153
12172
  .pf-v5-c-toolbar__item.pf-m-pagination {
12154
12173
  margin-inline-start: auto;
@@ -14545,14 +14564,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14545
14564
  }
14546
14565
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
14547
14566
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
14567
+ --pf-v5-c-check__input--TranslateY: none;
14548
14568
  align-self: revert;
14549
14569
  width: auto;
14550
14570
  cursor: pointer;
14551
14571
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
14552
14572
  }
14553
- .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
14554
- -moz-transform: none;
14555
- }
14556
14573
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
14557
14574
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
14558
14575
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -19075,6 +19092,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19075
19092
  align-items: center;
19076
19093
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
19077
19094
  }
19095
+ .pf-v5-c-menu__item-check .pf-v5-c-check {
19096
+ --pf-v5-c-check__input--TranslateY: none;
19097
+ }
19078
19098
 
19079
19099
  .pf-v5-c-menu__item-toggle-icon {
19080
19100
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -19432,8 +19452,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19432
19452
  align-self: stretch;
19433
19453
  }
19434
19454
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
19435
- align-self: revert;
19436
- -moz-transform: none;
19455
+ align-self: center;
19437
19456
  }
19438
19457
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
19439
19458
  position: absolute;
@@ -19556,7 +19575,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19556
19575
 
19557
19576
  .pf-v5-c-menu-toggle__toggle-icon {
19558
19577
  margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
19559
- color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
19578
+ color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
19560
19579
  }
19561
19580
 
19562
19581
  :where(.pf-theme-dark) .pf-v5-c-wizard__header .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, :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-login__header .pf-v5-c-button,
@@ -21760,7 +21779,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21760
21779
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21761
21780
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21762
21781
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21763
- --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21782
+ --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
21764
21783
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21765
21784
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21766
21785
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -24129,7 +24148,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24129
24148
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
24130
24149
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
24131
24150
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
24132
- --pf-v5-c-radio__input--TranslateY--moz: 5px;
24151
+ --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
24152
+ --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
24133
24153
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
24134
24154
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
24135
24155
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -24142,19 +24162,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24142
24162
  }
24143
24163
  .pf-v5-c-radio.pf-m-standalone {
24144
24164
  --pf-v5-c-radio--GridGap: 0;
24145
- --pf-v5-c-radio__input--TranslateY--moz: 0;
24146
- width: auto;
24147
- }
24148
-
24149
- .pf-v5-c-radio__label {
24150
- font-size: var(--pf-v5-c-radio__label--FontSize);
24151
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
24152
- line-height: var(--pf-v5-c-radio__label--LineHeight);
24153
- color: var(--pf-v5-c-radio__label--Color);
24165
+ --pf-v5-c-radio__input--TranslateY: none;
24166
+ display: inline-grid;
24154
24167
  }
24155
24168
 
24156
24169
  .pf-v5-c-radio__input {
24170
+ align-self: start;
24157
24171
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
24172
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
24158
24173
  }
24159
24174
  .pf-v5-c-radio__input:first-child {
24160
24175
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -24163,6 +24178,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24163
24178
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
24164
24179
  }
24165
24180
 
24181
+ .pf-v5-c-radio__label {
24182
+ font-size: var(--pf-v5-c-radio__label--FontSize);
24183
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
24184
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
24185
+ color: var(--pf-v5-c-radio__label--Color);
24186
+ }
24187
+
24166
24188
  .pf-v5-c-radio__description {
24167
24189
  grid-column: 2;
24168
24190
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25769,7 +25791,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25769
25791
  cursor: pointer;
25770
25792
  opacity: 0;
25771
25793
  }
25772
- .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25794
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25773
25795
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25774
25796
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25775
25797
  }
@@ -27625,7 +27647,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
27625
27647
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27626
27648
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27627
27649
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27628
- --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27650
+ --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27651
+ --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27629
27652
  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27630
27653
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27631
27654
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
@@ -28249,13 +28272,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
28249
28272
  cursor: pointer;
28250
28273
  }
28251
28274
  .pf-v5-c-table__check label {
28252
- display: block;
28275
+ display: inline-flex;
28253
28276
  padding: inherit;
28254
28277
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
28255
28278
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
28256
28279
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28257
28280
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
28258
28281
  }
28282
+ .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
28283
+ --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
28284
+ }
28259
28285
 
28260
28286
  .pf-v5-c-table__favorite .pf-v5-c-button {
28261
28287
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);