@patternfly/patternfly 6.0.0-alpha.16 → 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 +6 -4
  27. package/components/Page/page.scss +6 -4
  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 +64 -36
  61. package/patternfly-theme-dark-unversioned.css +64 -36
  62. package/patternfly.css +64 -36
  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,
@@ -21751,15 +21770,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21751
21770
  --pf-v5-c-page__sidebar--xl--TranslateX: 0;
21752
21771
  --pf-v5-c-page__sidebar--MarginRight: 0;
21753
21772
  --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21754
- --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21773
+ --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
21755
21774
  --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
21756
21775
  --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
21757
21776
  --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
21758
21777
  --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
21778
+ --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
21759
21779
  --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
21760
21780
  --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
21761
21781
  --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
21762
- --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);
21763
21783
  --pf-v5-c-page__sidebar-body--PaddingRight: 0;
21764
21784
  --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
21765
21785
  --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -21975,8 +21995,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21975
21995
  grid-column-start: 1;
21976
21996
  width: var(--pf-v5-c-page__sidebar--Width);
21977
21997
  padding-block-start: 0;
21978
- padding-block-end: var(--pf-t--global--spacer--lg);
21979
- padding-inline-start: var(--pf-t--global--spacer--lg);
21998
+ padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
21999
+ padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
21980
22000
  margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
21981
22001
  overflow-x: hidden;
21982
22002
  overflow-y: auto;
@@ -22010,6 +22030,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22010
22030
  }
22011
22031
 
22012
22032
  .pf-v5-c-page__sidebar-title {
22033
+ padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
22013
22034
  font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
22014
22035
  font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
22015
22036
  font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);
@@ -24127,7 +24148,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24127
24148
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
24128
24149
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
24129
24150
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
24130
- --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);
24131
24153
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
24132
24154
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
24133
24155
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -24140,19 +24162,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24140
24162
  }
24141
24163
  .pf-v5-c-radio.pf-m-standalone {
24142
24164
  --pf-v5-c-radio--GridGap: 0;
24143
- --pf-v5-c-radio__input--TranslateY--moz: 0;
24144
- width: auto;
24145
- }
24146
-
24147
- .pf-v5-c-radio__label {
24148
- font-size: var(--pf-v5-c-radio__label--FontSize);
24149
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
24150
- line-height: var(--pf-v5-c-radio__label--LineHeight);
24151
- color: var(--pf-v5-c-radio__label--Color);
24165
+ --pf-v5-c-radio__input--TranslateY: none;
24166
+ display: inline-grid;
24152
24167
  }
24153
24168
 
24154
24169
  .pf-v5-c-radio__input {
24170
+ align-self: start;
24155
24171
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
24172
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
24156
24173
  }
24157
24174
  .pf-v5-c-radio__input:first-child {
24158
24175
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -24161,6 +24178,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24161
24178
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
24162
24179
  }
24163
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
+
24164
24188
  .pf-v5-c-radio__description {
24165
24189
  grid-column: 2;
24166
24190
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25767,7 +25791,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25767
25791
  cursor: pointer;
25768
25792
  opacity: 0;
25769
25793
  }
25770
- .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25794
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25771
25795
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25772
25796
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25773
25797
  }
@@ -27623,7 +27647,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
27623
27647
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27624
27648
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27625
27649
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27626
- --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);
27627
27652
  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27628
27653
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27629
27654
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
@@ -28247,13 +28272,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
28247
28272
  cursor: pointer;
28248
28273
  }
28249
28274
  .pf-v5-c-table__check label {
28250
- display: block;
28275
+ display: inline-flex;
28251
28276
  padding: inherit;
28252
28277
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
28253
28278
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
28254
28279
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
28255
28280
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
28256
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
+ }
28257
28285
 
28258
28286
  .pf-v5-c-table__favorite .pf-v5-c-button {
28259
28287
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);