@patternfly/patternfly 5.2.0-prerelease.1 → 5.2.0-prerelease.3

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 (34) 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/components/Check/check.css +10 -8
  10. package/components/Check/check.scss +15 -10
  11. package/components/Dropdown/dropdown.css +1 -3
  12. package/components/Dropdown/dropdown.scss +2 -6
  13. package/components/Menu/menu.css +3 -0
  14. package/components/Menu/menu.scss +7 -3
  15. package/components/MenuToggle/menu-toggle.css +1 -2
  16. package/components/MenuToggle/menu-toggle.scss +5 -9
  17. package/components/Radio/radio.css +13 -10
  18. package/components/Radio/radio.scss +17 -11
  19. package/components/Switch/switch.css +1 -1
  20. package/components/Switch/switch.scss +1 -1
  21. package/components/Table/table.css +6 -2
  22. package/components/Table/table.scss +8 -2
  23. package/components/Toolbar/toolbar.css +9 -1
  24. package/components/Toolbar/toolbar.scss +16 -3
  25. package/docs/components/Brand/examples/Brand.css +12 -0
  26. package/docs/components/Brand/examples/Brand.md +75 -32
  27. package/docs/components/Card/examples/Card.md +110 -2
  28. package/docs/components/Toolbar/examples/Toolbar.md +11 -9
  29. package/package.json +2 -2
  30. package/patternfly-no-globals.css +44 -27
  31. package/patternfly-theme-dark-unversioned.css +44 -27
  32. package/patternfly.css +44 -27
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -8328,7 +8328,8 @@ button.pf-v5-c-breadcrumb__link {
8328
8328
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8329
8329
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8330
8330
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8331
- --pf-v5-c-check__input--TranslateY--moz: 5px;
8331
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
8332
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
8332
8333
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8333
8334
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8334
8335
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8338,15 +8339,21 @@ button.pf-v5-c-breadcrumb__link {
8338
8339
  display: grid;
8339
8340
  grid-template-columns: auto 1fr;
8340
8341
  grid-gap: var(--pf-v5-c-check--GridGap);
8342
+ align-items: baseline;
8341
8343
  }
8342
8344
  .pf-v5-c-check.pf-m-standalone {
8343
8345
  --pf-v5-c-check--GridGap: 0;
8344
- --pf-v5-c-check__input--TranslateY--moz: 0;
8346
+ --pf-v5-c-check__input--TranslateY: none;
8345
8347
  display: inline-grid;
8346
8348
  }
8347
8349
 
8350
+ .pf-v5-c-check__input {
8351
+ align-self: start;
8352
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8353
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
8354
+ }
8355
+
8348
8356
  .pf-v5-c-check__label {
8349
- align-self: baseline;
8350
8357
  font-size: var(--pf-v5-c-check__label--FontSize);
8351
8358
  font-weight: var(--pf-v5-c-check__label--FontWeight);
8352
8359
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -8364,11 +8371,6 @@ button.pf-v5-c-breadcrumb__link {
8364
8371
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
8365
8372
  }
8366
8373
 
8367
- .pf-v5-c-check__input {
8368
- align-self: baseline;
8369
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8370
- }
8371
-
8372
8374
  .pf-v5-c-check__label,
8373
8375
  .pf-v5-c-check__input {
8374
8376
  justify-self: start;
@@ -11134,6 +11136,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11134
11136
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11135
11137
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11136
11138
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11139
+ --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11140
+ --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11141
+ --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11137
11142
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11138
11143
  --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));
11139
11144
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -11380,7 +11385,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11380
11385
  .pf-v5-c-toolbar__item.pf-m-label {
11381
11386
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11382
11387
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11383
- transform: translateY(var(--pf-v5-global--spacer--form-element));
11388
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11389
+ }
11390
+ .pf-v5-c-toolbar__item.pf-m-form-element {
11391
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11392
+ font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11393
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
11384
11394
  }
11385
11395
  .pf-v5-c-toolbar__item.pf-m-pagination {
11386
11396
  margin-inline-start: auto;
@@ -13782,14 +13792,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13782
13792
  }
13783
13793
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
13784
13794
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
13795
+ --pf-v5-c-check__input--TranslateY: none;
13785
13796
  align-self: revert;
13786
13797
  width: auto;
13787
13798
  cursor: pointer;
13788
13799
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13789
13800
  }
13790
- .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
13791
- -moz-transform: none;
13792
- }
13793
13801
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
13794
13802
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
13795
13803
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -18358,6 +18366,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18358
18366
  align-items: center;
18359
18367
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18360
18368
  }
18369
+ .pf-v5-c-menu__item-check .pf-v5-c-check {
18370
+ --pf-v5-c-check__input--TranslateY: none;
18371
+ }
18361
18372
 
18362
18373
  .pf-v5-c-menu__item-toggle-icon {
18363
18374
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -18739,8 +18750,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18739
18750
  align-self: stretch;
18740
18751
  }
18741
18752
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
18742
- align-self: revert;
18743
- -moz-transform: none;
18753
+ align-self: center;
18744
18754
  }
18745
18755
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
18746
18756
  position: absolute;
@@ -23570,7 +23580,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23570
23580
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
23571
23581
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
23572
23582
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
23573
- --pf-v5-c-radio__input--TranslateY--moz: 5px;
23583
+ --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
23584
+ --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
23574
23585
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
23575
23586
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
23576
23587
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -23583,19 +23594,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23583
23594
  }
23584
23595
  .pf-v5-c-radio.pf-m-standalone {
23585
23596
  --pf-v5-c-radio--GridGap: 0;
23586
- --pf-v5-c-radio__input--TranslateY--moz: 0;
23587
- width: auto;
23588
- }
23589
-
23590
- .pf-v5-c-radio__label {
23591
- font-size: var(--pf-v5-c-radio__label--FontSize);
23592
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
23593
- line-height: var(--pf-v5-c-radio__label--LineHeight);
23594
- color: var(--pf-v5-c-radio__label--Color);
23597
+ --pf-v5-c-radio__input--TranslateY: none;
23598
+ display: inline-grid;
23595
23599
  }
23596
23600
 
23597
23601
  .pf-v5-c-radio__input {
23602
+ align-self: start;
23598
23603
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
23604
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
23599
23605
  }
23600
23606
  .pf-v5-c-radio__input:first-child {
23601
23607
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -23604,6 +23610,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23604
23610
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
23605
23611
  }
23606
23612
 
23613
+ .pf-v5-c-radio__label {
23614
+ font-size: var(--pf-v5-c-radio__label--FontSize);
23615
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
23616
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
23617
+ color: var(--pf-v5-c-radio__label--Color);
23618
+ }
23619
+
23607
23620
  .pf-v5-c-radio__description {
23608
23621
  grid-column: 2;
23609
23622
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25216,7 +25229,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25216
25229
  cursor: pointer;
25217
25230
  opacity: 0;
25218
25231
  }
25219
- .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25232
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25220
25233
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25221
25234
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25222
25235
  }
@@ -27074,7 +27087,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
27074
27087
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27075
27088
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27076
27089
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27077
- --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27090
+ --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27091
+ --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27078
27092
  --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27079
27093
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27080
27094
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
@@ -27707,13 +27721,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
27707
27721
  cursor: pointer;
27708
27722
  }
27709
27723
  .pf-v5-c-table__check label {
27710
- display: block;
27724
+ display: inline-flex;
27711
27725
  padding: inherit;
27712
27726
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
27713
27727
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
27714
27728
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
27715
27729
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
27716
27730
  }
27731
+ .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
27732
+ --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
27733
+ }
27717
27734
 
27718
27735
  .pf-v5-c-table__favorite .pf-v5-c-button {
27719
27736
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
package/patternfly.css CHANGED
@@ -8328,7 +8328,8 @@ button.pf-v5-c-breadcrumb__link {
8328
8328
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8329
8329
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8330
8330
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8331
- --pf-v5-c-check__input--TranslateY--moz: 5px;
8331
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
8332
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
8332
8333
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8333
8334
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8334
8335
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8338,15 +8339,21 @@ button.pf-v5-c-breadcrumb__link {
8338
8339
  display: grid;
8339
8340
  grid-template-columns: auto 1fr;
8340
8341
  grid-gap: var(--pf-v5-c-check--GridGap);
8342
+ align-items: baseline;
8341
8343
  }
8342
8344
  .pf-v5-c-check.pf-m-standalone {
8343
8345
  --pf-v5-c-check--GridGap: 0;
8344
- --pf-v5-c-check__input--TranslateY--moz: 0;
8346
+ --pf-v5-c-check__input--TranslateY: none;
8345
8347
  display: inline-grid;
8346
8348
  }
8347
8349
 
8350
+ .pf-v5-c-check__input {
8351
+ align-self: start;
8352
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8353
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
8354
+ }
8355
+
8348
8356
  .pf-v5-c-check__label {
8349
- align-self: baseline;
8350
8357
  font-size: var(--pf-v5-c-check__label--FontSize);
8351
8358
  font-weight: var(--pf-v5-c-check__label--FontWeight);
8352
8359
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -8364,11 +8371,6 @@ button.pf-v5-c-breadcrumb__link {
8364
8371
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
8365
8372
  }
8366
8373
 
8367
- .pf-v5-c-check__input {
8368
- align-self: baseline;
8369
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8370
- }
8371
-
8372
8374
  .pf-v5-c-check__label,
8373
8375
  .pf-v5-c-check__input {
8374
8376
  justify-self: start;
@@ -11134,6 +11136,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11134
11136
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11135
11137
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11136
11138
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11139
+ --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11140
+ --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11141
+ --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11137
11142
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11138
11143
  --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));
11139
11144
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -11380,7 +11385,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11380
11385
  .pf-v5-c-toolbar__item.pf-m-label {
11381
11386
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11382
11387
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11383
- transform: translateY(var(--pf-v5-global--spacer--form-element));
11388
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11389
+ }
11390
+ .pf-v5-c-toolbar__item.pf-m-form-element {
11391
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11392
+ font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11393
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
11384
11394
  }
11385
11395
  .pf-v5-c-toolbar__item.pf-m-pagination {
11386
11396
  margin-inline-start: auto;
@@ -13782,14 +13792,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13782
13792
  }
13783
13793
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
13784
13794
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
13795
+ --pf-v5-c-check__input--TranslateY: none;
13785
13796
  align-self: revert;
13786
13797
  width: auto;
13787
13798
  cursor: pointer;
13788
13799
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13789
13800
  }
13790
- .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
13791
- -moz-transform: none;
13792
- }
13793
13801
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
13794
13802
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
13795
13803
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -18358,6 +18366,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18358
18366
  align-items: center;
18359
18367
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18360
18368
  }
18369
+ .pf-v5-c-menu__item-check .pf-v5-c-check {
18370
+ --pf-v5-c-check__input--TranslateY: none;
18371
+ }
18361
18372
 
18362
18373
  .pf-v5-c-menu__item-toggle-icon {
18363
18374
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -18739,8 +18750,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18739
18750
  align-self: stretch;
18740
18751
  }
18741
18752
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
18742
- align-self: revert;
18743
- -moz-transform: none;
18753
+ align-self: center;
18744
18754
  }
18745
18755
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
18746
18756
  position: absolute;
@@ -23570,7 +23580,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23570
23580
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
23571
23581
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
23572
23582
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
23573
- --pf-v5-c-radio__input--TranslateY--moz: 5px;
23583
+ --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
23584
+ --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
23574
23585
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
23575
23586
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
23576
23587
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -23583,19 +23594,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23583
23594
  }
23584
23595
  .pf-v5-c-radio.pf-m-standalone {
23585
23596
  --pf-v5-c-radio--GridGap: 0;
23586
- --pf-v5-c-radio__input--TranslateY--moz: 0;
23587
- width: auto;
23588
- }
23589
-
23590
- .pf-v5-c-radio__label {
23591
- font-size: var(--pf-v5-c-radio__label--FontSize);
23592
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
23593
- line-height: var(--pf-v5-c-radio__label--LineHeight);
23594
- color: var(--pf-v5-c-radio__label--Color);
23597
+ --pf-v5-c-radio__input--TranslateY: none;
23598
+ display: inline-grid;
23595
23599
  }
23596
23600
 
23597
23601
  .pf-v5-c-radio__input {
23602
+ align-self: start;
23598
23603
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
23604
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
23599
23605
  }
23600
23606
  .pf-v5-c-radio__input:first-child {
23601
23607
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -23604,6 +23610,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23604
23610
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
23605
23611
  }
23606
23612
 
23613
+ .pf-v5-c-radio__label {
23614
+ font-size: var(--pf-v5-c-radio__label--FontSize);
23615
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
23616
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
23617
+ color: var(--pf-v5-c-radio__label--Color);
23618
+ }
23619
+
23607
23620
  .pf-v5-c-radio__description {
23608
23621
  grid-column: 2;
23609
23622
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -25216,7 +25229,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25216
25229
  cursor: pointer;
25217
25230
  opacity: 0;
25218
25231
  }
25219
- .pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
25232
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
25220
25233
  outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
25221
25234
  outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
25222
25235
  }
@@ -27074,7 +27087,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
27074
27087
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27075
27088
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27076
27089
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27077
- --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27090
+ --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
27091
+ --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
27078
27092
  --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27079
27093
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27080
27094
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
@@ -27707,13 +27721,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
27707
27721
  cursor: pointer;
27708
27722
  }
27709
27723
  .pf-v5-c-table__check label {
27710
- display: block;
27724
+ display: inline-flex;
27711
27725
  padding: inherit;
27712
27726
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
27713
27727
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
27714
27728
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
27715
27729
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
27716
27730
  }
27731
+ .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
27732
+ --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
27733
+ }
27717
27734
 
27718
27735
  .pf-v5-c-table__favorite .pf-v5-c-button {
27719
27736
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);