@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/patternfly.css CHANGED
@@ -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-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,
@@ -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);