@patternfly/react-core 4.198.16 → 4.198.19

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 (93) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/AlertGroup/AlertGroup.d.ts +4 -0
  3. package/dist/esm/components/AlertGroup/AlertGroup.d.ts.map +1 -1
  4. package/dist/esm/components/AlertGroup/AlertGroup.js +2 -2
  5. package/dist/esm/components/AlertGroup/AlertGroup.js.map +1 -1
  6. package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  7. package/dist/esm/components/AlertGroup/AlertGroupInline.js +5 -2
  8. package/dist/esm/components/AlertGroup/AlertGroupInline.js.map +1 -1
  9. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
  10. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
  11. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
  12. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
  13. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
  14. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
  15. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
  16. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
  17. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  18. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
  19. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
  20. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
  21. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
  22. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
  23. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
  24. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
  25. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
  26. package/dist/esm/components/MultipleFileUpload/index.d.ts +0 -6
  27. package/dist/esm/components/MultipleFileUpload/index.d.ts.map +1 -1
  28. package/dist/esm/components/MultipleFileUpload/index.js +0 -6
  29. package/dist/esm/components/MultipleFileUpload/index.js.map +1 -1
  30. package/dist/esm/components/NumberInput/NumberInput.d.ts.map +1 -1
  31. package/dist/esm/components/NumberInput/NumberInput.js +2 -2
  32. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  33. package/dist/js/components/AlertGroup/AlertGroup.d.ts +4 -0
  34. package/dist/js/components/AlertGroup/AlertGroup.d.ts.map +1 -1
  35. package/dist/js/components/AlertGroup/AlertGroup.js +2 -2
  36. package/dist/js/components/AlertGroup/AlertGroup.js.map +1 -1
  37. package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map +1 -1
  38. package/dist/js/components/AlertGroup/AlertGroupInline.js +5 -2
  39. package/dist/js/components/AlertGroup/AlertGroupInline.js.map +1 -1
  40. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts +10 -2
  41. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.d.ts.map +1 -1
  42. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js +9 -2
  43. package/dist/js/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
  44. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts +1 -1
  45. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.d.ts.map +1 -1
  46. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js +21 -2
  47. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
  48. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  49. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts +6 -2
  50. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.d.ts.map +1 -1
  51. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js +9 -2
  52. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
  53. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts +2 -0
  54. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map +1 -1
  55. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +2 -4
  56. package/dist/js/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
  57. package/dist/js/components/MultipleFileUpload/index.d.ts +0 -6
  58. package/dist/js/components/MultipleFileUpload/index.d.ts.map +1 -1
  59. package/dist/js/components/MultipleFileUpload/index.js +0 -6
  60. package/dist/js/components/MultipleFileUpload/index.js.map +1 -1
  61. package/dist/js/components/NumberInput/NumberInput.d.ts.map +1 -1
  62. package/dist/js/components/NumberInput/NumberInput.js +2 -2
  63. package/dist/js/components/NumberInput/NumberInput.js.map +1 -1
  64. package/dist/styles/assets/images/img_pie-chart-with-legend.png +0 -0
  65. package/dist/styles/assets/images/status-icon-sprite.svg +38 -0
  66. package/dist/umd/react-core.css +244 -47
  67. package/dist/umd/react-core.js +77 -49
  68. package/dist/umd/react-core.min.css +316 -119
  69. package/dist/umd/react-core.min.js +4 -4
  70. package/package.json +6 -6
  71. package/src/components/AlertGroup/AlertGroup.tsx +13 -2
  72. package/src/components/AlertGroup/AlertGroupInline.tsx +9 -0
  73. package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +15 -0
  74. package/src/components/AlertGroup/__tests__/__snapshots__/AlertGroup.test.tsx.snap +93 -1
  75. package/src/components/AlertGroup/examples/AlertGroup.md +147 -0
  76. package/src/components/MultipleFileUpload/MultipleFileUploadMain.tsx +29 -8
  77. package/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +24 -4
  78. package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +1 -1
  79. package/src/components/MultipleFileUpload/MultipleFileUploadTitle.tsx +19 -5
  80. package/src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx +4 -3
  81. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +19 -2
  82. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +17 -2
  83. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +1 -1
  84. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +198 -2
  85. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +62 -4
  86. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +2 -50
  87. package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +7 -60
  88. package/src/components/MultipleFileUpload/examples/MultipleFileUploadBasic.tsx +48 -74
  89. package/src/components/MultipleFileUpload/index.ts +0 -6
  90. package/src/components/NumberInput/NumberInput.tsx +3 -2
  91. package/src/components/NumberInput/examples/NumberInput.md +78 -5
  92. package/src/demos/MultipleFileUploadDemos.md +16 -0
  93. package/src/{components/MultipleFileUpload/examples/MultipleFileUploadHorizontal.tsx → demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx} +60 -64
@@ -857,6 +857,18 @@
857
857
  --pf-c-form-control--textarea--success--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
858
858
  --pf-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
859
859
  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
860
+ --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#success");
861
+ --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#warning");
862
+ --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
863
+ --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#select");
864
+ --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#search");
865
+ --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#calendar");
866
+ --pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#clock");
867
+ --pf-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-c-form-control--FontSize);
868
+ --pf-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 7px);
869
+ --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
870
+ --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
871
+ --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
860
872
  color: var(--pf-global--Color--100);
861
873
  width: var(--pf-c-form-control--Width);
862
874
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
@@ -990,6 +1002,21 @@
990
1002
  --pf-c-form-control--m-icon--BackgroundUrl: var(--pf-c-form-control--m-clock--BackgroundUrl);
991
1003
  }
992
1004
 
1005
+ .pf-c-form-control.pf-m-icon-sprite {
1006
+ --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
1007
+ --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
1008
+ --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
1009
+ --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
1010
+ --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
1011
+ --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
1012
+ --pf-c-form-control--m-clock--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
1013
+ --pf-c-form-control__select--BackgroundSize: var(--pf-c-form-control--m-icon-sprite__select--BackgroundSize);
1014
+ --pf-c-form-control__select--BackgroundPositionX: var(--pf-c-form-control--m-icon-sprite__select--BackgroundPositionX);
1015
+ --pf-c-form-control__select--success--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
1016
+ --pf-c-form-control__select--m-warning--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
1017
+ --pf-c-form-control__select--invalid--BackgroundPosition: var(--pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
1018
+ }
1019
+
993
1020
  select.pf-c-form-control {
994
1021
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
995
1022
  --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
@@ -6783,8 +6810,8 @@ label.pf-c-check, .pf-c-check__label,
6783
6810
  --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
6784
6811
  --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
6785
6812
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
6786
- --pf-c-dropdown__toggle-image--MarginTop: var(--pf-global--spacer--xs);
6787
- --pf-c-dropdown__toggle-image--MarginBottom: var(--pf-global--spacer--xs);
6813
+ --pf-c-dropdown__toggle-image--MarginTop: 0;
6814
+ --pf-c-dropdown__toggle-image--MarginBottom: 0;
6788
6815
  --pf-c-dropdown__toggle-image--MarginRight: var(--pf-global--spacer--sm);
6789
6816
  --pf-c-dropdown--c-divider--MarginTop: var(--pf-global--spacer--sm);
6790
6817
  --pf-c-dropdown--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -7126,9 +7153,11 @@ label.pf-c-check, .pf-c-check__label,
7126
7153
  .pf-c-dropdown__toggle-image {
7127
7154
  display: inline-flex;
7128
7155
  flex-shrink: 0;
7156
+ align-self: center;
7129
7157
  margin-top: var(--pf-c-dropdown__toggle-image--MarginTop);
7130
7158
  margin-right: var(--pf-c-dropdown__toggle-image--MarginRight);
7131
7159
  margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom);
7160
+ line-height: 1;
7132
7161
  }
7133
7162
 
7134
7163
  .pf-c-dropdown__toggle-image:last-child {
@@ -10414,24 +10443,21 @@ ul.pf-c-list {
10414
10443
  --pf-c-masthead--c-toolbar__item--Display: flex;
10415
10444
  --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
10416
10445
  --pf-c-masthead--c-context-selector--Width: auto;
10417
- --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
10418
- --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
10419
- --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
10420
- --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
10421
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10422
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10423
- --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
10424
- --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
10425
- --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
10426
- --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
10427
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10428
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10429
- --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
10430
- --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
10431
- --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
10432
- --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
10433
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10434
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10446
+ --pf-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
10447
+ --pf-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10448
+ --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10449
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
10450
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
10451
+ --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
10452
+ --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10453
+ --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10454
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
10455
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
10456
+ --pf-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
10457
+ --pf-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
10458
+ --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
10459
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
10460
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
10435
10461
  --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
10436
10462
  --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
10437
10463
  --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
@@ -10531,38 +10557,35 @@ ul.pf-c-list {
10531
10557
  .pf-c-masthead .pf-c-menu-toggle {
10532
10558
  --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
10533
10559
  --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
10534
- --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
10535
10560
  --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
10536
10561
  }
10537
10562
 
10538
10563
  .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
10539
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
10540
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
10564
+ --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
10565
+ --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor);
10541
10566
  }
10542
10567
 
10543
10568
  .pf-c-masthead .pf-c-context-selector {
10544
10569
  --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
10545
10570
  --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
10546
10571
  --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
10547
- --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
10548
10572
  --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
10549
10573
  }
10550
10574
 
10551
10575
  .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
10552
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
10553
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
10576
+ --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
10577
+ --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
10554
10578
  }
10555
10579
 
10556
10580
  .pf-c-masthead .pf-c-dropdown {
10557
10581
  --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
10558
10582
  --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
10559
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
10560
10583
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
10561
10584
  }
10562
10585
 
10563
10586
  .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
10564
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
10565
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
10587
+ --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
10588
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
10566
10589
  }
10567
10590
 
10568
10591
  .pf-c-masthead .pf-c-nav {
@@ -11194,6 +11217,7 @@ ul.pf-c-list {
11194
11217
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
11195
11218
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
11196
11219
  --pf-c-menu__item-icon--MarginRight: var(--pf-global--spacer--sm);
11220
+ --pf-c-menu__item-check--MarginRight: var(--pf-global--spacer--sm);
11197
11221
  --pf-c-menu__item-toggle-icon--PaddingRight: var(--pf-global--spacer--sm);
11198
11222
  --pf-c-menu__item-toggle-icon--PaddingLeft: var(--pf-global--spacer--sm);
11199
11223
  --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
@@ -11607,6 +11631,10 @@ ul.pf-c-list {
11607
11631
  opacity: 1;
11608
11632
  }
11609
11633
 
11634
+ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
11635
+ cursor: pointer;
11636
+ }
11637
+
11610
11638
  .pf-c-menu__item-main {
11611
11639
  display: flex;
11612
11640
  align-items: center;
@@ -11650,6 +11678,12 @@ ul.pf-c-list {
11650
11678
  margin-right: var(--pf-c-menu__item-icon--MarginRight);
11651
11679
  }
11652
11680
 
11681
+ .pf-c-menu__item-check {
11682
+ display: flex;
11683
+ align-items: center;
11684
+ margin-right: var(--pf-c-menu__item-check--MarginRight);
11685
+ }
11686
+
11653
11687
  .pf-c-menu__item-toggle-icon {
11654
11688
  padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight);
11655
11689
  padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft);
@@ -11788,7 +11822,6 @@ ul.pf-c-list {
11788
11822
  --pf-c-menu-toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
11789
11823
  --pf-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-global--Color--100);
11790
11824
  --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
11791
- --pf-c-menu-toggle__image--MarginRight: var(--pf-global--spacer--sm);
11792
11825
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
11793
11826
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
11794
11827
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
@@ -11804,6 +11837,33 @@ ul.pf-c-list {
11804
11837
  --pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
11805
11838
  --pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
11806
11839
  --pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
11840
+ --pf-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
11841
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-global--BackgroundColor--100);
11842
+ --pf-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-global--Color--dark-200);
11843
+ --pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
11844
+ --pf-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-global--spacer--sm);
11845
+ --pf-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
11846
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
11847
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-global--BorderColor--300);
11848
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
11849
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
11850
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-global--BorderColor--200);
11851
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
11852
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
11853
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
11854
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
11855
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
11856
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-global--active-color--100);
11857
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-global--BorderRadius--sm);
11858
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
11859
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
11860
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
11861
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
11862
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
11863
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
11864
+ --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
11865
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
11866
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
11807
11867
  position: relative;
11808
11868
  display: inline-flex;
11809
11869
  align-items: center;
@@ -11895,16 +11955,11 @@ ul.pf-c-list {
11895
11955
  }
11896
11956
 
11897
11957
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
11898
- --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
11899
- --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
11900
- --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
11901
- --pf-c-menu-toggle--active--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
11902
- --pf-c-menu-toggle--disabled--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
11903
11958
  --pf-c-menu-toggle--PaddingRight: var(--pf-c-menu-toggle--m-plain--PaddingRight);
11904
11959
  --pf-c-menu-toggle--PaddingLeft: var(--pf-c-menu-toggle--m-plain--PaddingLeft);
11905
11960
  --pf-c-menu-toggle--disabled--BackgroundColor: transparent;
11906
- --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
11907
11961
  display: inline-block;
11962
+ color: var(--pf-c-menu-toggle--m-plain--Color);
11908
11963
  }
11909
11964
 
11910
11965
  .pf-c-menu-toggle:hover {
@@ -11912,6 +11967,7 @@ ul.pf-c-list {
11912
11967
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
11913
11968
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
11914
11969
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
11970
+ --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
11915
11971
  }
11916
11972
 
11917
11973
  .pf-c-menu-toggle:focus {
@@ -11919,6 +11975,7 @@ ul.pf-c-list {
11919
11975
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
11920
11976
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
11921
11977
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
11978
+ --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--focus--Color);
11922
11979
  }
11923
11980
 
11924
11981
  .pf-c-menu-toggle:active {
@@ -11926,6 +11983,7 @@ ul.pf-c-list {
11926
11983
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
11927
11984
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
11928
11985
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
11986
+ --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--active--Color);
11929
11987
  }
11930
11988
 
11931
11989
  .pf-c-menu-toggle.pf-m-expanded {
@@ -11934,11 +11992,13 @@ ul.pf-c-list {
11934
11992
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
11935
11993
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
11936
11994
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
11995
+ --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
11937
11996
  }
11938
11997
 
11939
- .pf-c-menu-toggle:disabled {
11998
+ .pf-c-menu-toggle:disabled, .pf-c-menu-toggle.pf-m-disabled {
11940
11999
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
11941
12000
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--disabled--BackgroundColor);
12001
+ --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
11942
12002
  pointer-events: none;
11943
12003
  }
11944
12004
 
@@ -11957,8 +12017,144 @@ ul.pf-c-list {
11957
12017
  height: 100%;
11958
12018
  }
11959
12019
 
12020
+ .pf-c-menu-toggle.pf-m-split-button {
12021
+ --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12022
+ padding: 0;
12023
+ }
12024
+
12025
+ .pf-c-menu-toggle.pf-m-split-button > * {
12026
+ position: relative;
12027
+ padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft);
12028
+ }
12029
+
12030
+ .pf-c-menu-toggle.pf-m-split-button > *:first-child {
12031
+ padding-right: var(--pf-c-menu-toggle--m-split-button--first-child--PaddingRight);
12032
+ }
12033
+
12034
+ .pf-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
12035
+ padding-left: var(--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft);
12036
+ }
12037
+
12038
+ .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
12039
+ --pf-c-menu-toggle--PaddingRight: 0;
12040
+ --pf-c-check__input--MarginTop: 0;
12041
+ --pf-c-check__label--Color: currentColor;
12042
+ align-items: center;
12043
+ align-self: stretch;
12044
+ }
12045
+
12046
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
12047
+ position: absolute;
12048
+ top: 0;
12049
+ right: 0;
12050
+ bottom: 0;
12051
+ left: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--Left);
12052
+ pointer-events: none;
12053
+ content: "";
12054
+ border-bottom: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
12055
+ }
12056
+
12057
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
12058
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
12059
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor);
12060
+ }
12061
+
12062
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
12063
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
12064
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
12065
+ }
12066
+
12067
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *.pf-m-active {
12068
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
12069
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
12070
+ }
12071
+
12072
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
12073
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
12074
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
12075
+ }
12076
+
12077
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
12078
+ background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
12079
+ }
12080
+
12081
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
12082
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
12083
+ }
12084
+
12085
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
12086
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
12087
+ }
12088
+
12089
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
12090
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
12091
+ }
12092
+
12093
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
12094
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor);
12095
+ }
12096
+
12097
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
12098
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
12099
+ }
12100
+
12101
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
12102
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
12103
+ }
12104
+
12105
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
12106
+ border-top-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
12107
+ border-bottom-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
12108
+ }
12109
+
12110
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
12111
+ border-top-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
12112
+ border-bottom-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
12113
+ }
12114
+
12115
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
12116
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
12117
+ border-left: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
12118
+ }
12119
+
12120
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
12121
+ --pf-c-menu-toggle--after--BorderBottomColor: transparent;
12122
+ }
12123
+
12124
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-c-menu-toggle.pf-m-split-button:disabled {
12125
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
12126
+ --pf-c-menu-toggle--m-split-button--child--Color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
12127
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
12128
+ }
12129
+
12130
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-c-menu-toggle.pf-m-split-button:disabled::before, .pf-c-menu-toggle.pf-m-split-button:disabled::after {
12131
+ content: none;
12132
+ }
12133
+
12134
+ .pf-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
12135
+ .pf-c-menu-toggle.pf-m-split-button > :disabled {
12136
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
12137
+ color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
12138
+ background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
12139
+ }
12140
+
12141
+ .pf-c-menu-toggle__button {
12142
+ color: inherit;
12143
+ border: 0;
12144
+ }
12145
+
12146
+ .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
12147
+ padding-left: 0;
12148
+ margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
12149
+ margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12150
+ }
12151
+
11960
12152
  .pf-c-menu-toggle__icon {
12153
+ display: inline-flex;
12154
+ align-self: center;
12155
+ flex-shrink: 0;
11961
12156
  margin-right: var(--pf-c-menu-toggle__icon--MarginRight);
12157
+ line-height: 1;
11962
12158
  }
11963
12159
 
11964
12160
  .pf-c-menu-toggle__text {
@@ -12368,16 +12564,6 @@ ul.pf-c-list {
12368
12564
  color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
12369
12565
  }
12370
12566
 
12371
- .pf-l-bullseye {
12372
- --pf-l-bullseye--Padding: 0;
12373
- display: flex;
12374
- align-items: center;
12375
- justify-content: center;
12376
- height: 100%;
12377
- padding: var(--pf-l-bullseye--Padding);
12378
- margin: 0;
12379
- }
12380
-
12381
12567
  .pf-c-nav {
12382
12568
  --pf-c-nav--Transition: var(--pf-global--Transition);
12383
12569
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -13392,6 +13578,16 @@ ul.pf-c-list {
13392
13578
  left: 0;
13393
13579
  }
13394
13580
 
13581
+ .pf-l-bullseye {
13582
+ --pf-l-bullseye--Padding: 0;
13583
+ display: flex;
13584
+ align-items: center;
13585
+ justify-content: center;
13586
+ height: 100%;
13587
+ padding: var(--pf-l-bullseye--Padding);
13588
+ margin: 0;
13589
+ }
13590
+
13395
13591
  .pf-c-notification-badge {
13396
13592
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
13397
13593
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -15953,6 +16149,78 @@ ul.pf-c-list {
15953
16149
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
15954
16150
  }
15955
16151
 
16152
+ .pf-c-radio {
16153
+ --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
16154
+ --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
16155
+ --pf-c-radio__label--Color: var(--pf-global--Color--100);
16156
+ --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
16157
+ --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
16158
+ --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
16159
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
16160
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
16161
+ --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
16162
+ --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
16163
+ --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
16164
+ --pf-c-radio__description--Color: var(--pf-global--Color--200);
16165
+ --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
16166
+ display: grid;
16167
+ grid-template-columns: auto 1fr;
16168
+ grid-gap: var(--pf-c-radio--GridGap);
16169
+ align-items: start;
16170
+ justify-items: start;
16171
+ }
16172
+
16173
+ .pf-c-radio.pf-m-standalone {
16174
+ --pf-c-radio--GridGap: 0;
16175
+ --pf-c-radio__input--Height: auto;
16176
+ --pf-c-radio__input--MarginTop: 0;
16177
+ display: inline-grid;
16178
+ line-height: 1;
16179
+ }
16180
+
16181
+ .pf-c-radio__label {
16182
+ font-size: var(--pf-c-radio__label--FontSize);
16183
+ font-weight: var(--pf-c-radio__label--FontWeight);
16184
+ line-height: var(--pf-c-radio__label--LineHeight);
16185
+ color: var(--pf-c-radio__label--Color);
16186
+ }
16187
+
16188
+ .pf-c-radio__input {
16189
+ height: var(--pf-c-radio__input--Height);
16190
+ margin-top: var(--pf-c-radio__input--MarginTop);
16191
+ }
16192
+
16193
+ .pf-c-radio__input:first-child {
16194
+ margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
16195
+ }
16196
+
16197
+ .pf-c-radio__input:last-child {
16198
+ margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16199
+ }
16200
+
16201
+ .pf-c-radio__description {
16202
+ grid-column: 2;
16203
+ font-size: var(--pf-c-radio__description--FontSize);
16204
+ color: var(--pf-c-radio__description--Color);
16205
+ }
16206
+
16207
+ .pf-c-radio__body {
16208
+ grid-column: 2;
16209
+ margin-top: var(--pf-c-radio__body--MarginTop);
16210
+ }
16211
+
16212
+ label.pf-c-radio, .pf-c-radio__label,
16213
+ .pf-c-radio__input {
16214
+ cursor: pointer;
16215
+ }
16216
+
16217
+ .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16218
+ .pf-c-radio__input:disabled,
16219
+ .pf-c-radio__input.pf-m-disabled {
16220
+ --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16221
+ cursor: not-allowed;
16222
+ }
16223
+
15956
16224
  .pf-c-search-input {
15957
16225
  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
15958
16226
  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -15997,6 +16265,7 @@ ul.pf-c-list {
15997
16265
  --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
15998
16266
  --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
15999
16267
  position: relative;
16268
+ width: 100%;
16000
16269
  }
16001
16270
 
16002
16271
  .pf-c-search-input__bar {
@@ -16144,78 +16413,6 @@ ul.pf-c-list {
16144
16413
  flex-grow: 1;
16145
16414
  }
16146
16415
 
16147
- .pf-c-radio {
16148
- --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
16149
- --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
16150
- --pf-c-radio__label--Color: var(--pf-global--Color--100);
16151
- --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
16152
- --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
16153
- --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
16154
- --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
16155
- --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
16156
- --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
16157
- --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
16158
- --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
16159
- --pf-c-radio__description--Color: var(--pf-global--Color--200);
16160
- --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
16161
- display: grid;
16162
- grid-template-columns: auto 1fr;
16163
- grid-gap: var(--pf-c-radio--GridGap);
16164
- align-items: start;
16165
- justify-items: start;
16166
- }
16167
-
16168
- .pf-c-radio.pf-m-standalone {
16169
- --pf-c-radio--GridGap: 0;
16170
- --pf-c-radio__input--Height: auto;
16171
- --pf-c-radio__input--MarginTop: 0;
16172
- display: inline-grid;
16173
- line-height: 1;
16174
- }
16175
-
16176
- .pf-c-radio__label {
16177
- font-size: var(--pf-c-radio__label--FontSize);
16178
- font-weight: var(--pf-c-radio__label--FontWeight);
16179
- line-height: var(--pf-c-radio__label--LineHeight);
16180
- color: var(--pf-c-radio__label--Color);
16181
- }
16182
-
16183
- .pf-c-radio__input {
16184
- height: var(--pf-c-radio__input--Height);
16185
- margin-top: var(--pf-c-radio__input--MarginTop);
16186
- }
16187
-
16188
- .pf-c-radio__input:first-child {
16189
- margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
16190
- }
16191
-
16192
- .pf-c-radio__input:last-child {
16193
- margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16194
- }
16195
-
16196
- .pf-c-radio__description {
16197
- grid-column: 2;
16198
- font-size: var(--pf-c-radio__description--FontSize);
16199
- color: var(--pf-c-radio__description--Color);
16200
- }
16201
-
16202
- .pf-c-radio__body {
16203
- grid-column: 2;
16204
- margin-top: var(--pf-c-radio__body--MarginTop);
16205
- }
16206
-
16207
- label.pf-c-radio, .pf-c-radio__label,
16208
- .pf-c-radio__input {
16209
- cursor: pointer;
16210
- }
16211
-
16212
- .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16213
- .pf-c-radio__input:disabled,
16214
- .pf-c-radio__input.pf-m-disabled {
16215
- --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16216
- cursor: not-allowed;
16217
- }
16218
-
16219
16416
  .pf-c-select {
16220
16417
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
16221
16418
  --pf-global--Color--200: var(--pf-global--Color--dark-200);