@patternfly/patternfly 5.1.0 → 5.2.0-prerelease.2

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 (43) 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/Table/table.css +6 -2
  20. package/components/Table/table.scss +8 -2
  21. package/components/Toolbar/toolbar.css +9 -1
  22. package/components/Toolbar/toolbar.scss +16 -3
  23. package/docs/components/Brand/examples/Brand.css +12 -0
  24. package/docs/components/Brand/examples/Brand.md +75 -32
  25. package/docs/components/Card/examples/Card.md +123 -15
  26. package/docs/components/Check/examples/Check.md +71 -59
  27. package/docs/components/LogViewer/examples/LogViewer.md +120 -30
  28. package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
  29. package/docs/components/Radio/examples/Radio.md +63 -55
  30. package/docs/components/Select/deprecated/Select.md +184 -177
  31. package/docs/components/Toolbar/examples/Toolbar.md +460 -380
  32. package/docs/demos/CardView/examples/CardView.md +24 -20
  33. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +144 -120
  34. package/docs/demos/Table/examples/Table.md +288 -240
  35. package/docs/demos/Tabs/examples/Tabs.md +24 -20
  36. package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
  37. package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
  38. package/package.json +5 -5
  39. package/patternfly-no-globals.css +43 -26
  40. package/patternfly-theme-dark-unversioned.css +43 -26
  41. package/patternfly.css +43 -26
  42. package/patternfly.min.css +1 -1
  43. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -1636,73 +1636,77 @@ section: components
1636
1636
  >
1637
1637
  <label
1638
1638
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1639
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1639
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1640
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1640
1641
  >
1641
1642
  <input
1642
1643
  class="pf-v5-c-check__input"
1643
1644
  type="checkbox"
1644
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1645
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1645
+ aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
1646
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1647
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1646
1648
  />
1647
-
1648
1649
  <span class="pf-v5-c-check__label">Active</span>
1649
1650
  <span
1650
1651
  class="pf-v5-c-check__description"
1652
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
1651
1653
  >This is a description</span>
1652
1654
  </label>
1653
1655
  <label
1654
1656
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1655
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1657
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1658
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1656
1659
  >
1657
1660
  <input
1658
1661
  class="pf-v5-c-check__input"
1659
1662
  type="checkbox"
1660
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1661
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1663
+ aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
1664
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1665
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1662
1666
  />
1663
-
1664
1667
  <span class="pf-v5-c-check__label">Canceled</span>
1665
1668
  <span
1666
1669
  class="pf-v5-c-check__description"
1670
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
1667
1671
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1668
1672
  </label>
1669
1673
  <label
1670
1674
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1671
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1675
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1676
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1672
1677
  >
1673
1678
  <input
1674
1679
  class="pf-v5-c-check__input"
1675
1680
  type="checkbox"
1676
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1677
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1681
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1682
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1678
1683
  />
1679
-
1680
1684
  <span class="pf-v5-c-check__label">Paused</span>
1681
1685
  </label>
1682
1686
  <label
1683
1687
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1684
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1688
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1689
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1685
1690
  >
1686
1691
  <input
1687
1692
  class="pf-v5-c-check__input"
1688
1693
  type="checkbox"
1689
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1690
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1694
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1695
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1691
1696
  />
1692
-
1693
1697
  <span class="pf-v5-c-check__label">Warning</span>
1694
1698
  </label>
1695
1699
  <label
1696
1700
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1697
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1701
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1702
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
1698
1703
  >
1699
1704
  <input
1700
1705
  class="pf-v5-c-check__input"
1701
1706
  type="checkbox"
1702
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1703
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1707
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
1708
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
1704
1709
  />
1705
-
1706
1710
  <span class="pf-v5-c-check__label">Restarted</span>
1707
1711
  </label>
1708
1712
  </fieldset>
package/docs/demos/Toolbar/examples/Toolbar.css CHANGED
@@ -5,6 +5,11 @@
5
5
  min-height: 420px;
6
6
  }
7
7
 
8
+ #ws-html-demos-c-toolbar-toolbar-attribute-value-single-select-filter-on-desktop,
9
+ #ws-html-demos-c-toolbar-toolbar-attribute-value-checkbox-select-filter-on-desktop {
10
+ min-height: 320px;
11
+ }
12
+
8
13
  #ws-html-demos-c-toolbar-toolbar-attribute-value-search-filter-on-mobile {
9
14
  min-height: 175px;
10
15
  }
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -2292,70 +2292,70 @@ section: components
2292
2292
  >
2293
2293
  <label
2294
2294
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2295
- for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-active"
2295
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-active"
2296
+ for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-active-input"
2296
2297
  >
2297
2298
  <input
2298
2299
  class="pf-v5-c-check__input"
2299
2300
  type="checkbox"
2300
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-active"
2301
- name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-active"
2301
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-active-input"
2302
+ name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-active-input"
2303
+ checked
2302
2304
  />
2303
-
2304
2305
  <span class="pf-v5-c-check__label">Active</span>
2305
2306
  </label>
2306
2307
  <label
2307
2308
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2308
- for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-canceled"
2309
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-canceled"
2310
+ for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-canceled-input"
2309
2311
  >
2310
2312
  <input
2311
2313
  class="pf-v5-c-check__input"
2312
2314
  type="checkbox"
2313
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-canceled"
2314
- name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-canceled"
2315
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-canceled-input"
2316
+ name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-canceled-input"
2315
2317
  checked
2316
2318
  />
2317
-
2318
2319
  <span class="pf-v5-c-check__label">Canceled</span>
2319
2320
  </label>
2320
2321
  <label
2321
2322
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2322
- for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-paused"
2323
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-paused"
2324
+ for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-paused-input"
2323
2325
  >
2324
2326
  <input
2325
2327
  class="pf-v5-c-check__input"
2326
2328
  type="checkbox"
2327
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-paused"
2328
- name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-paused"
2329
- checked
2329
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-paused-input"
2330
+ name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-paused-input"
2330
2331
  />
2331
-
2332
2332
  <span class="pf-v5-c-check__label">Paused</span>
2333
2333
  </label>
2334
2334
  <label
2335
2335
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2336
- for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-warning"
2336
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-warning"
2337
+ for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-warning-input"
2337
2338
  >
2338
2339
  <input
2339
2340
  class="pf-v5-c-check__input"
2340
2341
  type="checkbox"
2341
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-warning"
2342
- name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-warning"
2342
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-warning-input"
2343
+ name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-warning-input"
2344
+ checked
2343
2345
  />
2344
-
2345
2346
  <span class="pf-v5-c-check__label">Warning</span>
2346
2347
  </label>
2347
2348
  <label
2348
2349
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2349
- for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-restarted"
2350
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-restarted"
2351
+ for="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-restarted-input"
2350
2352
  >
2351
2353
  <input
2352
2354
  class="pf-v5-c-check__input"
2353
2355
  type="checkbox"
2354
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-restarted"
2355
- name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-restarted"
2356
- checked
2356
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-restarted-input"
2357
+ name="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-check-restarted-input"
2357
2358
  />
2358
-
2359
2359
  <span class="pf-v5-c-check__label">Restarted</span>
2360
2360
  </label>
2361
2361
  </fieldset>
@@ -2839,70 +2839,70 @@ section: components
2839
2839
  >
2840
2840
  <label
2841
2841
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2842
- for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-active"
2842
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-active"
2843
+ for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-active-input"
2843
2844
  >
2844
2845
  <input
2845
2846
  class="pf-v5-c-check__input"
2846
2847
  type="checkbox"
2847
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-active"
2848
- name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-active"
2848
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-active-input"
2849
+ name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-active-input"
2850
+ checked
2849
2851
  />
2850
-
2851
2852
  <span class="pf-v5-c-check__label">Active</span>
2852
2853
  </label>
2853
2854
  <label
2854
2855
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2855
- for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-canceled"
2856
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-canceled"
2857
+ for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-canceled-input"
2856
2858
  >
2857
2859
  <input
2858
2860
  class="pf-v5-c-check__input"
2859
2861
  type="checkbox"
2860
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-canceled"
2861
- name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-canceled"
2862
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-canceled-input"
2863
+ name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-canceled-input"
2862
2864
  checked
2863
2865
  />
2864
-
2865
2866
  <span class="pf-v5-c-check__label">Canceled</span>
2866
2867
  </label>
2867
2868
  <label
2868
2869
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2869
- for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-paused"
2870
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-paused"
2871
+ for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-paused-input"
2870
2872
  >
2871
2873
  <input
2872
2874
  class="pf-v5-c-check__input"
2873
2875
  type="checkbox"
2874
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-paused"
2875
- name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-paused"
2876
- checked
2876
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-paused-input"
2877
+ name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-paused-input"
2877
2878
  />
2878
-
2879
2879
  <span class="pf-v5-c-check__label">Paused</span>
2880
2880
  </label>
2881
2881
  <label
2882
2882
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2883
- for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-warning"
2883
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-warning"
2884
+ for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-warning-input"
2884
2885
  >
2885
2886
  <input
2886
2887
  class="pf-v5-c-check__input"
2887
2888
  type="checkbox"
2888
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-warning"
2889
- name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-warning"
2889
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-warning-input"
2890
+ name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-warning-input"
2891
+ checked
2890
2892
  />
2891
-
2892
2893
  <span class="pf-v5-c-check__label">Warning</span>
2893
2894
  </label>
2894
2895
  <label
2895
2896
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2896
- for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-restarted"
2897
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-restarted"
2898
+ for="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-restarted-input"
2897
2899
  >
2898
2900
  <input
2899
2901
  class="pf-v5-c-check__input"
2900
2902
  type="checkbox"
2901
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-restarted"
2902
- name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-restarted"
2903
- checked
2903
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-restarted-input"
2904
+ name="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-check-restarted-input"
2904
2905
  />
2905
-
2906
2906
  <span class="pf-v5-c-check__label">Restarted</span>
2907
2907
  </label>
2908
2908
  </fieldset>
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": "5.1.0",
4
+ "version": "5.2.0-prerelease.2",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,11 +45,11 @@
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.3",
48
+ "@patternfly/documentation-framework": "5.2.18",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
- "@patternfly/react-code-editor": "5.0.1",
51
- "@patternfly/react-core": "5.0.1",
52
- "@patternfly/react-table": "5.0.1",
50
+ "@patternfly/react-code-editor": "5.1.1",
51
+ "@patternfly/react-core": "5.1.1",
52
+ "@patternfly/react-table": "5.1.1",
53
53
  "@starptech/prettyhtml": "^0.10.0",
54
54
  "backstopjs": "^6.2.2",
55
55
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -8211,7 +8211,8 @@ button.pf-v5-c-breadcrumb__link {
8211
8211
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8212
8212
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
8213
8213
  --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8214
- --pf-v5-c-check__input--TranslateY--moz: 5px;
8214
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
8215
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
8215
8216
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
8216
8217
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
8217
8218
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -8221,15 +8222,21 @@ button.pf-v5-c-breadcrumb__link {
8221
8222
  display: grid;
8222
8223
  grid-template-columns: auto 1fr;
8223
8224
  grid-gap: var(--pf-v5-c-check--GridGap);
8225
+ align-items: baseline;
8224
8226
  }
8225
8227
  .pf-v5-c-check.pf-m-standalone {
8226
8228
  --pf-v5-c-check--GridGap: 0;
8227
- --pf-v5-c-check__input--TranslateY--moz: 0;
8229
+ --pf-v5-c-check__input--TranslateY: none;
8228
8230
  display: inline-grid;
8229
8231
  }
8230
8232
 
8233
+ .pf-v5-c-check__input {
8234
+ align-self: start;
8235
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8236
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
8237
+ }
8238
+
8231
8239
  .pf-v5-c-check__label {
8232
- align-self: baseline;
8233
8240
  font-size: var(--pf-v5-c-check__label--FontSize);
8234
8241
  font-weight: var(--pf-v5-c-check__label--FontWeight);
8235
8242
  line-height: var(--pf-v5-c-check__label--LineHeight);
@@ -8247,11 +8254,6 @@ button.pf-v5-c-breadcrumb__link {
8247
8254
  margin-block-start: var(--pf-v5-c-check__body--MarginTop);
8248
8255
  }
8249
8256
 
8250
- .pf-v5-c-check__input {
8251
- align-self: baseline;
8252
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
8253
- }
8254
-
8255
8257
  .pf-v5-c-check__label,
8256
8258
  .pf-v5-c-check__input {
8257
8259
  justify-self: start;
@@ -11017,6 +11019,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11017
11019
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
11018
11020
  --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
11019
11021
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
11022
+ --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer);
11023
+ --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element);
11024
+ --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold);
11020
11025
  --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
11021
11026
  --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));
11022
11027
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -11263,7 +11268,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11263
11268
  .pf-v5-c-toolbar__item.pf-m-label {
11264
11269
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
11265
11270
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
11266
- transform: translateY(var(--pf-v5-global--spacer--form-element));
11271
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY));
11272
+ }
11273
+ .pf-v5-c-toolbar__item.pf-m-form-element {
11274
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer);
11275
+ font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight);
11276
+ transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY));
11267
11277
  }
11268
11278
  .pf-v5-c-toolbar__item.pf-m-pagination {
11269
11279
  margin-inline-start: auto;
@@ -13665,14 +13675,12 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13665
13675
  }
13666
13676
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check > input,
13667
13677
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check {
13678
+ --pf-v5-c-check__input--TranslateY: none;
13668
13679
  align-self: revert;
13669
13680
  width: auto;
13670
13681
  cursor: pointer;
13671
13682
  visibility: var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
13672
13683
  }
13673
- .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check__input {
13674
- -moz-transform: none;
13675
- }
13676
13684
  .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button {
13677
13685
  color: var(--pf-v5-c-dropdown__toggle-button--Color);
13678
13686
  background-color: var(--pf-v5-c-dropdown__toggle-button--BackgroundColor);
@@ -18241,6 +18249,9 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18241
18249
  align-items: center;
18242
18250
  margin-inline-end: var(--pf-v5-c-menu__item-check--MarginRight);
18243
18251
  }
18252
+ .pf-v5-c-menu__item-check .pf-v5-c-check {
18253
+ --pf-v5-c-check__input--TranslateY: none;
18254
+ }
18244
18255
 
18245
18256
  .pf-v5-c-menu__item-toggle-icon {
18246
18257
  padding-inline-start: var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft);
@@ -18622,8 +18633,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18622
18633
  align-self: stretch;
18623
18634
  }
18624
18635
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
18625
- align-self: revert;
18626
- -moz-transform: none;
18636
+ align-self: center;
18627
18637
  }
18628
18638
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
18629
18639
  position: absolute;
@@ -23453,7 +23463,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23453
23463
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
23454
23464
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
23455
23465
  --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
23456
- --pf-v5-c-radio__input--TranslateY--moz: 5px;
23466
+ --pf-v5-c-radio__input--TranslateY: calc((var(--pf-v5-c-radio__label--LineHeight) * var(--pf-v5-c-radio__label--FontSize) / 2 ) - 50%);
23467
+ --pf-v5-c-radio__input--TranslateY--moz: var(--pf-v5-c-radio__input--TranslateY);
23457
23468
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
23458
23469
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
23459
23470
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
@@ -23466,19 +23477,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23466
23477
  }
23467
23478
  .pf-v5-c-radio.pf-m-standalone {
23468
23479
  --pf-v5-c-radio--GridGap: 0;
23469
- --pf-v5-c-radio__input--TranslateY--moz: 0;
23470
- width: auto;
23471
- }
23472
-
23473
- .pf-v5-c-radio__label {
23474
- font-size: var(--pf-v5-c-radio__label--FontSize);
23475
- font-weight: var(--pf-v5-c-radio__label--FontWeight);
23476
- line-height: var(--pf-v5-c-radio__label--LineHeight);
23477
- color: var(--pf-v5-c-radio__label--Color);
23480
+ --pf-v5-c-radio__input--TranslateY: none;
23481
+ display: inline-grid;
23478
23482
  }
23479
23483
 
23480
23484
  .pf-v5-c-radio__input {
23485
+ align-self: start;
23481
23486
  -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
23487
+ transform: translateY(var(--pf-v5-c-radio__input--TranslateY));
23482
23488
  }
23483
23489
  .pf-v5-c-radio__input:first-child {
23484
23490
  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -23487,6 +23493,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23487
23493
  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
23488
23494
  }
23489
23495
 
23496
+ .pf-v5-c-radio__label {
23497
+ font-size: var(--pf-v5-c-radio__label--FontSize);
23498
+ font-weight: var(--pf-v5-c-radio__label--FontWeight);
23499
+ line-height: var(--pf-v5-c-radio__label--LineHeight);
23500
+ color: var(--pf-v5-c-radio__label--Color);
23501
+ }
23502
+
23490
23503
  .pf-v5-c-radio__description {
23491
23504
  grid-column: 2;
23492
23505
  font-size: var(--pf-v5-c-radio__description--FontSize);
@@ -26957,7 +26970,8 @@ svg.pf-v5-c-spinner.pf-m-xl {
26957
26970
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
26958
26971
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
26959
26972
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
26960
- --pf-v5-c-table__check--input--MarginTop: 0.25rem;
26973
+ --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
26974
+ --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
26961
26975
  --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
26962
26976
  --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
26963
26977
  --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
@@ -27590,13 +27604,16 @@ svg.pf-v5-c-spinner.pf-m-xl {
27590
27604
  cursor: pointer;
27591
27605
  }
27592
27606
  .pf-v5-c-table__check label {
27593
- display: block;
27607
+ display: inline-flex;
27594
27608
  padding: inherit;
27595
27609
  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
27596
27610
  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
27597
27611
  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
27598
27612
  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
27599
27613
  }
27614
+ .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
27615
+ --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
27616
+ }
27600
27617
 
27601
27618
  .pf-v5-c-table__favorite .pf-v5-c-button {
27602
27619
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);