@patternfly/patternfly 4.161.0 → 4.163.0

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 (22) hide show
  1. package/components/DataList/data-list.scss +1 -1
  2. package/components/DescriptionList/description-list.css +14 -0
  3. package/components/DescriptionList/description-list.scss +19 -0
  4. package/components/Dropdown/dropdown.css +19 -11
  5. package/components/Dropdown/dropdown.scss +35 -21
  6. package/components/Table/table.css +14 -3
  7. package/components/Table/table.scss +16 -3
  8. package/components/_all.scss +88 -88
  9. package/docs/components/DescriptionList/examples/DescriptionList.md +174 -0
  10. package/docs/components/Dropdown/examples/Dropdown.css +2 -1
  11. package/docs/components/Dropdown/examples/Dropdown.md +229 -0
  12. package/docs/components/Table/examples/Table.md +1029 -883
  13. package/docs/demos/Table/examples/Table.md +100 -100
  14. package/package.json +7 -7
  15. package/patternfly-addons.scss +10 -10
  16. package/patternfly-base-no-reset.scss +1 -1
  17. package/patternfly-no-reset.css +47 -14
  18. package/patternfly-no-reset.scss +1 -1
  19. package/patternfly.css +47 -14
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
  22. package/patternfly.scss +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.161.0",
4
+ "version": "4.163.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -61,7 +61,7 @@
61
61
  "husky": "^1.3.1",
62
62
  "lint-staged": "^9.2.5",
63
63
  "node-plop": "^0.18.0",
64
- "postcss": "^7.0.18",
64
+ "postcss": "^8.3.11",
65
65
  "postcss-css-variables": "^0.13.0",
66
66
  "postcss-preset-env": "^6.7.0",
67
67
  "prettier": "^1.12.1",
@@ -72,11 +72,11 @@
72
72
  "rimraf": "*",
73
73
  "sass": "^1.34.0",
74
74
  "sass-graph": "^3.0.4",
75
- "stylelint": "^13.6.1",
76
- "stylelint-config-recommended-scss": "^4.2.0",
77
- "stylelint-config-standard": "^20.0.0",
78
- "stylelint-order": "^4.1.0",
79
- "stylelint-scss": "^3.18.0",
75
+ "stylelint": "^14.1.0",
76
+ "stylelint-config-recommended-scss": "^5.0.2",
77
+ "stylelint-config-standard": "^24.0.0",
78
+ "stylelint-order": "^5.0.0",
79
+ "stylelint-scss": "^4.0.0",
80
80
  "stylelint-value-no-unknown-custom-properties": "^3.0.0",
81
81
  "surge": "^0.21.3",
82
82
  "theme-patternfly-org": "0.7.3",
package/patternfly-addons.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  @import "sass-utilities/all";
2
2
 
3
3
  // Utilities
4
- @import "./utilities/Accessibility/accessibility.scss";
5
- @import "./utilities/Alignment/alignment.scss";
6
- @import "./utilities/BackgroundColor/BackgroundColor.scss";
7
- @import "./utilities/BoxShadow/box-shadow.scss";
8
- @import "./utilities/Display/display.scss";
9
- @import "./utilities/Flex/flex.scss";
10
- @import "./utilities/Float/float.scss";
11
- @import "./utilities/Sizing/sizing.scss";
12
- @import "./utilities/Spacing/spacing.scss";
13
- @import "./utilities/Text/text.scss";
4
+ @import "./utilities/Accessibility/accessibility";
5
+ @import "./utilities/Alignment/alignment";
6
+ @import "./utilities/BackgroundColor/BackgroundColor";
7
+ @import "./utilities/BoxShadow/box-shadow";
8
+ @import "./utilities/Display/display";
9
+ @import "./utilities/Flex/flex";
10
+ @import "./utilities/Float/float";
11
+ @import "./utilities/Sizing/sizing";
12
+ @import "./utilities/Spacing/spacing";
13
+ @import "./utilities/Text/text";
package/patternfly-base-no-reset.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  $pf-global--enable-reset: false;
2
2
 
3
- @import "./patternfly-base.scss";
3
+ @import "./patternfly-base";
package/patternfly-no-reset.css CHANGED
@@ -9561,6 +9561,20 @@ label.pf-c-check, .pf-c-check__label,
9561
9561
  .pf-c-description-list.pf-m-fluid {
9562
9562
  --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
9563
9563
  }
9564
+ .pf-c-description-list.pf-m-fill-columns {
9565
+ display: block;
9566
+ column-count: var(--pf-c-description-list--GridTemplateColumns--count);
9567
+ margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
9568
+ }
9569
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
9570
+ display: inline-grid;
9571
+ width: 100%;
9572
+ margin-bottom: var(--pf-c-description-list--RowGap);
9573
+ break-inside: avoid;
9574
+ page-break-inside: avoid;
9575
+ -webkit-column-break-inside: avoid;
9576
+ -moz-column-break-inside: avoid;
9577
+ }
9564
9578
 
9565
9579
  .pf-c-description-list__group {
9566
9580
  display: grid;
@@ -12428,24 +12442,27 @@ label.pf-c-check, .pf-c-check__label,
12428
12442
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12429
12443
  }
12430
12444
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12445
+ --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12431
12446
  pointer-events: none;
12432
12447
  }
12433
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled:not(.pf-m-plain) {
12448
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
12434
12449
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor);
12435
12450
  }
12436
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before {
12451
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
12437
12452
  border: 0;
12438
12453
  }
12439
12454
  .pf-c-dropdown__toggle.pf-m-split-button {
12440
12455
  padding: 0;
12441
12456
  }
12457
+ .pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
12458
+ background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
12459
+ }
12442
12460
  .pf-c-dropdown__toggle.pf-m-split-button > * {
12443
12461
  position: relative;
12444
12462
  padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
12445
12463
  padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
12446
12464
  padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
12447
12465
  padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
12448
- background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
12449
12466
  }
12450
12467
  .pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
12451
12468
  --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
@@ -12469,6 +12486,9 @@ label.pf-c-check, .pf-c-check__label,
12469
12486
  .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
12470
12487
  border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
12471
12488
  }
12489
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
12490
+ --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
12491
+ }
12472
12492
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
12473
12493
  display: flex;
12474
12494
  align-items: center;
@@ -12526,13 +12546,13 @@ label.pf-c-check, .pf-c-check__label,
12526
12546
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12527
12547
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12528
12548
  }
12529
- .pf-c-dropdown__toggle.pf-m-plain {
12549
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12530
12550
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12531
12551
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
12532
12552
  display: inline-block;
12533
12553
  color: var(--pf-c-dropdown__toggle--m-plain--Color);
12534
12554
  }
12535
- .pf-c-dropdown__toggle.pf-m-plain > * {
12555
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
12536
12556
  line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
12537
12557
  }
12538
12558
  .pf-c-dropdown__toggle.pf-m-plain::before {
@@ -12545,12 +12565,12 @@ label.pf-c-check, .pf-c-check__label,
12545
12565
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12546
12566
  }
12547
12567
  .pf-c-dropdown__toggle.pf-m-primary {
12548
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12549
- --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12550
12568
  border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12551
12569
  }
12552
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled) {
12570
+ .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12553
12571
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12572
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12573
+ --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12554
12574
  }
12555
12575
  .pf-c-dropdown__toggle.pf-m-primary::before {
12556
12576
  border: 0;
@@ -12564,15 +12584,17 @@ label.pf-c-check, .pf-c-check__label,
12564
12584
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12565
12585
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12566
12586
  }
12567
- .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12587
+ .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12568
12588
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12569
12589
  }
12570
12590
  .pf-c-dropdown__toggle.pf-m-secondary {
12591
+ border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12592
+ }
12593
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
12571
12594
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
12572
12595
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
12573
- border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12574
12596
  }
12575
- .pf-c-dropdown__toggle.pf-m-secondary::before {
12597
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
12576
12598
  border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
12577
12599
  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12578
12600
  }
@@ -23980,9 +24002,14 @@ svg.pf-c-spinner.pf-m-xl {
23980
24002
  outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
23981
24003
  }
23982
24004
  .pf-c-table thead.pf-m-nested-column-header th,
23983
- .pf-c-table thead.pf-m-nested-column-header td {
24005
+ .pf-c-table thead.pf-m-nested-column-header td,
24006
+ .pf-c-table thead.pf-m-nested-column-header input {
23984
24007
  vertical-align: middle;
23985
24008
  }
24009
+ .pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
24010
+ display: flex;
24011
+ align-items: center;
24012
+ }
23986
24013
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
23987
24014
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
23988
24015
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
@@ -24015,7 +24042,7 @@ svg.pf-c-spinner.pf-m-xl {
24015
24042
  background-color: transparent;
24016
24043
  border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
24017
24044
  }
24018
- .pf-c-table tbody .pf-c-table__check > input {
24045
+ .pf-c-table tbody .pf-c-table__check input {
24019
24046
  margin-top: var(--pf-c-table__check--input--MarginTop);
24020
24047
  vertical-align: top;
24021
24048
  }
@@ -24302,9 +24329,15 @@ svg.pf-c-spinner.pf-m-xl {
24302
24329
  .pf-c-table__check {
24303
24330
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24304
24331
  }
24305
- .pf-c-table__check > input:not([disabled]) {
24332
+ .pf-c-table__check label:not([disabled]),
24333
+ .pf-c-table__check input:not([disabled]) {
24306
24334
  cursor: pointer;
24307
24335
  }
24336
+ .pf-c-table__check label {
24337
+ display: block;
24338
+ padding: inherit;
24339
+ margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
24340
+ }
24308
24341
 
24309
24342
  .pf-c-table__favorite .pf-c-button {
24310
24343
  --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);
package/patternfly-no-reset.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  $pf-global--enable-reset: false;
2
2
 
3
- @import "./patternfly.scss";
3
+ @import "./patternfly";
package/patternfly.css CHANGED
@@ -9683,6 +9683,20 @@ label.pf-c-check, .pf-c-check__label,
9683
9683
  .pf-c-description-list.pf-m-fluid {
9684
9684
  --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
9685
9685
  }
9686
+ .pf-c-description-list.pf-m-fill-columns {
9687
+ display: block;
9688
+ column-count: var(--pf-c-description-list--GridTemplateColumns--count);
9689
+ margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
9690
+ }
9691
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
9692
+ display: inline-grid;
9693
+ width: 100%;
9694
+ margin-bottom: var(--pf-c-description-list--RowGap);
9695
+ break-inside: avoid;
9696
+ page-break-inside: avoid;
9697
+ -webkit-column-break-inside: avoid;
9698
+ -moz-column-break-inside: avoid;
9699
+ }
9686
9700
 
9687
9701
  .pf-c-description-list__group {
9688
9702
  display: grid;
@@ -12550,24 +12564,27 @@ label.pf-c-check, .pf-c-check__label,
12550
12564
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12551
12565
  }
12552
12566
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12567
+ --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12553
12568
  pointer-events: none;
12554
12569
  }
12555
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled:not(.pf-m-plain) {
12570
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text {
12556
12571
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--disabled--BackgroundColor);
12557
12572
  }
12558
- .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before {
12573
+ .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text::before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain)::before, .pf-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text::before {
12559
12574
  border: 0;
12560
12575
  }
12561
12576
  .pf-c-dropdown__toggle.pf-m-split-button {
12562
12577
  padding: 0;
12563
12578
  }
12579
+ .pf-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) {
12580
+ background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
12581
+ }
12564
12582
  .pf-c-dropdown__toggle.pf-m-split-button > * {
12565
12583
  position: relative;
12566
12584
  padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop);
12567
12585
  padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight);
12568
12586
  padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom);
12569
12587
  padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft);
12570
- background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor);
12571
12588
  }
12572
12589
  .pf-c-dropdown__toggle.pf-m-split-button > *:first-child {
12573
12590
  --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft: var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft);
@@ -12591,6 +12608,9 @@ label.pf-c-check, .pf-c-check__label,
12591
12608
  .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) {
12592
12609
  border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor);
12593
12610
  }
12611
+ .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] {
12612
+ --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: 0;
12613
+ }
12594
12614
  .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check {
12595
12615
  display: flex;
12596
12616
  align-items: center;
@@ -12648,13 +12668,13 @@ label.pf-c-check, .pf-c-check__label,
12648
12668
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12649
12669
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
12650
12670
  }
12651
- .pf-c-dropdown__toggle.pf-m-plain {
12671
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
12652
12672
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
12653
12673
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
12654
12674
  display: inline-block;
12655
12675
  color: var(--pf-c-dropdown__toggle--m-plain--Color);
12656
12676
  }
12657
- .pf-c-dropdown__toggle.pf-m-plain > * {
12677
+ .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) > * {
12658
12678
  line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight);
12659
12679
  }
12660
12680
  .pf-c-dropdown__toggle.pf-m-plain::before {
@@ -12667,12 +12687,12 @@ label.pf-c-check, .pf-c-check__label,
12667
12687
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12668
12688
  }
12669
12689
  .pf-c-dropdown__toggle.pf-m-primary {
12670
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12671
- --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12672
12690
  border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12673
12691
  }
12674
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled) {
12692
+ .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12675
12693
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12694
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12695
+ --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12676
12696
  }
12677
12697
  .pf-c-dropdown__toggle.pf-m-primary::before {
12678
12698
  border: 0;
@@ -12686,15 +12706,17 @@ label.pf-c-check, .pf-c-check__label,
12686
12706
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12687
12707
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12688
12708
  }
12689
- .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12709
+ .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12690
12710
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12691
12711
  }
12692
12712
  .pf-c-dropdown__toggle.pf-m-secondary {
12713
+ border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12714
+ }
12715
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) {
12693
12716
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-secondary--Color);
12694
12717
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor);
12695
- border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12696
12718
  }
12697
- .pf-c-dropdown__toggle.pf-m-secondary::before {
12719
+ .pf-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled])::before {
12698
12720
  border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor);
12699
12721
  border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius);
12700
12722
  }
@@ -24102,9 +24124,14 @@ svg.pf-c-spinner.pf-m-xl {
24102
24124
  outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
24103
24125
  }
24104
24126
  .pf-c-table thead.pf-m-nested-column-header th,
24105
- .pf-c-table thead.pf-m-nested-column-header td {
24127
+ .pf-c-table thead.pf-m-nested-column-header td,
24128
+ .pf-c-table thead.pf-m-nested-column-header input {
24106
24129
  vertical-align: middle;
24107
24130
  }
24131
+ .pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
24132
+ display: flex;
24133
+ align-items: center;
24134
+ }
24108
24135
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
24109
24136
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
24110
24137
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
@@ -24137,7 +24164,7 @@ svg.pf-c-spinner.pf-m-xl {
24137
24164
  background-color: transparent;
24138
24165
  border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
24139
24166
  }
24140
- .pf-c-table tbody .pf-c-table__check > input {
24167
+ .pf-c-table tbody .pf-c-table__check input {
24141
24168
  margin-top: var(--pf-c-table__check--input--MarginTop);
24142
24169
  vertical-align: top;
24143
24170
  }
@@ -24424,9 +24451,15 @@ svg.pf-c-spinner.pf-m-xl {
24424
24451
  .pf-c-table__check {
24425
24452
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24426
24453
  }
24427
- .pf-c-table__check > input:not([disabled]) {
24454
+ .pf-c-table__check label:not([disabled]),
24455
+ .pf-c-table__check input:not([disabled]) {
24428
24456
  cursor: pointer;
24429
24457
  }
24458
+ .pf-c-table__check label {
24459
+ display: block;
24460
+ padding: inherit;
24461
+ margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
24462
+ }
24430
24463
 
24431
24464
  .pf-c-table__favorite .pf-c-button {
24432
24465
  --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);