@patternfly/react-core 4.222.3 → 4.222.6

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 (85) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/AboutModal/AboutModal.d.ts +1 -1
  3. package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
  4. package/dist/esm/components/Dropdown/InternalDropdownItem.d.ts.map +1 -1
  5. package/dist/esm/components/Dropdown/InternalDropdownItem.js +3 -3
  6. package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
  7. package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  8. package/dist/esm/components/DualListSelector/DualListSelector.js +6 -5
  9. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  10. package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
  11. package/dist/esm/components/DualListSelector/DualListSelectorPane.js.map +1 -1
  12. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  13. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  14. package/dist/esm/components/Modal/Modal.d.ts +1 -1
  15. package/dist/esm/components/Modal/Modal.js.map +1 -1
  16. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  17. package/dist/esm/components/Select/Select.js +2 -1
  18. package/dist/esm/components/Select/Select.js.map +1 -1
  19. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  20. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  21. package/dist/js/components/AboutModal/AboutModal.d.ts +1 -1
  22. package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
  23. package/dist/js/components/Dropdown/InternalDropdownItem.d.ts.map +1 -1
  24. package/dist/js/components/Dropdown/InternalDropdownItem.js +3 -3
  25. package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
  26. package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  27. package/dist/js/components/DualListSelector/DualListSelector.js +6 -5
  28. package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
  29. package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
  30. package/dist/js/components/DualListSelector/DualListSelectorPane.js.map +1 -1
  31. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  32. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  33. package/dist/js/components/Modal/Modal.d.ts +1 -1
  34. package/dist/js/components/Modal/Modal.js.map +1 -1
  35. package/dist/js/components/Select/Select.d.ts.map +1 -1
  36. package/dist/js/components/Select/Select.js +2 -1
  37. package/dist/js/components/Select/Select.js.map +1 -1
  38. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  39. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  40. package/dist/umd/react-core.css +132 -64
  41. package/dist/umd/react-core.js +11 -9
  42. package/dist/umd/react-core.min.css +69 -1
  43. package/dist/umd/react-core.min.js +1 -1
  44. package/package.json +6 -6
  45. package/src/components/AboutModal/AboutModal.tsx +1 -1
  46. package/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncherSeparator.test.tsx.snap +1 -1
  47. package/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap +26 -14
  48. package/src/components/Dropdown/InternalDropdownItem.tsx +3 -2
  49. package/src/components/Dropdown/__tests__/Generated/__snapshots__/DropdownSeparator.test.tsx.snap +1 -1
  50. package/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +21 -3
  51. package/src/components/Dropdown/__tests__/__snapshots__/InternalDropdownItem.test.tsx.snap +10 -0
  52. package/src/components/Dropdown/examples/DropdownBasic.tsx +4 -2
  53. package/src/components/DualListSelector/DualListSelector.tsx +57 -37
  54. package/src/components/DualListSelector/DualListSelectorPane.tsx +10 -8
  55. package/src/components/JumpLinks/examples/JumpLinks.md +6 -69
  56. package/src/components/JumpLinks/examples/JumpLinksBasic.tsx +10 -0
  57. package/src/components/JumpLinks/examples/JumpLinksExpandableVerticalWithSubsection.tsx +18 -0
  58. package/src/components/JumpLinks/examples/JumpLinksVertical.tsx +10 -0
  59. package/src/components/JumpLinks/examples/JumpLinksVerticalWithLabel.tsx +10 -0
  60. package/src/components/JumpLinks/examples/JumpLinksWithCenteredList.tsx +10 -0
  61. package/src/components/JumpLinks/examples/JumpLinksWithLabel.tsx +17 -0
  62. package/src/components/LabelGroup/examples/LabelGroup.md +6 -172
  63. package/src/components/LabelGroup/examples/LabelGroupBasic.tsx +15 -0
  64. package/src/components/LabelGroup/examples/LabelGroupCategory.tsx +15 -0
  65. package/src/components/LabelGroup/examples/LabelGroupCategoryRemovable.tsx +24 -0
  66. package/src/components/LabelGroup/examples/LabelGroupEditableLabels.tsx +53 -0
  67. package/src/components/LabelGroup/examples/LabelGroupOverflow.tsx +24 -0
  68. package/src/components/LabelGroup/examples/LabelGroupVerticalCategoryOverflowRemovable.tsx +24 -0
  69. package/src/components/List/examples/List.md +10 -72
  70. package/src/components/List/examples/ListBasic.tsx +10 -0
  71. package/src/components/List/examples/ListHorizontalRules.tsx +10 -0
  72. package/src/components/List/examples/ListIcons.tsx +13 -0
  73. package/src/components/List/examples/ListInline.tsx +10 -0
  74. package/src/components/List/examples/ListLargeIcons.tsx +13 -0
  75. package/src/components/List/examples/ListOrdered.tsx +10 -0
  76. package/src/components/List/examples/ListPlain.tsx +10 -0
  77. package/src/components/Menu/MenuItem.tsx +1 -1
  78. package/src/components/MenuToggle/MenuToggle.tsx +1 -1
  79. package/src/components/Modal/Modal.tsx +1 -1
  80. package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuItem.test.tsx.snap +2 -1
  81. package/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +12 -6
  82. package/src/components/OverflowMenu/__tests__/Generated/__snapshots__/OverflowMenuDropdownItem.test.tsx.snap +2 -1
  83. package/src/components/Select/Select.tsx +6 -3
  84. package/src/components/Toolbar/ToolbarToggleGroup.tsx +4 -1
  85. package/src/demos/Wizard/WizardDemo.md +66 -121
package/dist/umd/react-core.min.css CHANGED
@@ -7226,7 +7226,8 @@ label.pf-c-check, .pf-c-check__label,
7226
7226
  --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-global--BorderWidth--sm));
7227
7227
  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
7228
7228
  --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-global--spacer--sm);
7229
- --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-global--BorderRadius--sm);
7229
+ --pf-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-global--BorderRadius--sm);
7230
+ --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7230
7231
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
7231
7232
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
7232
7233
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
@@ -7234,6 +7235,18 @@ label.pf-c-check, .pf-c-check__label,
7234
7235
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
7235
7236
  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-global--primary-color--200);
7236
7237
  --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
7238
+ --pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-global--BorderWidth--md);
7239
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-global--primary-color--100);
7240
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
7241
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
7242
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
7243
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-global--BorderWidth--sm);
7244
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-global--primary-color--100);
7245
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
7246
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base);
7247
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-global--BorderWidth--md);
7248
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-global--BorderWidth--md);
7249
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-global--BorderWidth--md);
7237
7250
  --pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
7238
7251
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
7239
7252
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
@@ -7338,6 +7351,7 @@ label.pf-c-check, .pf-c-check__label,
7338
7351
 
7339
7352
  .pf-c-dropdown.pf-m-expanded {
7340
7353
  --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
7354
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth);
7341
7355
  }
7342
7356
 
7343
7357
  .pf-c-dropdown__toggle {
@@ -7589,6 +7603,60 @@ label.pf-c-check, .pf-c-check__label,
7589
7603
  --pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
7590
7604
  }
7591
7605
 
7606
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
7607
+ --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color);
7608
+ }
7609
+
7610
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
7611
+ --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
7612
+ }
7613
+
7614
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
7615
+ --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
7616
+ }
7617
+
7618
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
7619
+ --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
7620
+ }
7621
+
7622
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
7623
+ border: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
7624
+ }
7625
+
7626
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
7627
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
7628
+ }
7629
+
7630
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
7631
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
7632
+ }
7633
+
7634
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
7635
+ --pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
7636
+ }
7637
+
7638
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
7639
+ border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7640
+ border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7641
+ }
7642
+
7643
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
7644
+ border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7645
+ border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
7646
+ }
7647
+
7648
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
7649
+ border-left: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
7650
+ }
7651
+
7652
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
7653
+ border-right: 0;
7654
+ }
7655
+
7656
+ .pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
7657
+ border: 0;
7658
+ }
7659
+
7592
7660
  .pf-c-dropdown__toggle > .pf-c-badge {
7593
7661
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
7594
7662
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);