@patternfly/react-core 4.201.2 → 4.202.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 (81) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/DescriptionList/DescriptionList.d.ts +13 -3
  3. package/dist/esm/components/DescriptionList/DescriptionList.d.ts.map +1 -1
  4. package/dist/esm/components/DescriptionList/DescriptionList.js +10 -6
  5. package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
  6. package/dist/esm/components/Menu/MenuContent.d.ts.map +1 -1
  7. package/dist/esm/components/Menu/MenuContent.js +21 -2
  8. package/dist/esm/components/Menu/MenuContent.js.map +1 -1
  9. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +1 -1
  10. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  11. package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
  12. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  13. package/dist/esm/components/Popover/Popover.d.ts +1 -1
  14. package/dist/esm/components/Select/Select.d.ts +5 -3
  15. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  16. package/dist/esm/components/Select/Select.js +36 -17
  17. package/dist/esm/components/Select/Select.js.map +1 -1
  18. package/dist/esm/components/Select/SelectOption.d.ts.map +1 -1
  19. package/dist/esm/components/Select/SelectOption.js +3 -3
  20. package/dist/esm/components/Select/SelectOption.js.map +1 -1
  21. package/dist/esm/components/Select/SelectToggle.d.ts +1 -1
  22. package/dist/esm/components/Select/SelectToggle.d.ts.map +1 -1
  23. package/dist/esm/components/Select/SelectToggle.js +14 -14
  24. package/dist/esm/components/Select/SelectToggle.js.map +1 -1
  25. package/dist/esm/components/Select/selectConstants.d.ts +1 -0
  26. package/dist/esm/components/Select/selectConstants.d.ts.map +1 -1
  27. package/dist/esm/components/Select/selectConstants.js.map +1 -1
  28. package/dist/esm/components/TimePicker/TimePicker.d.ts +6 -4
  29. package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
  30. package/dist/esm/components/TimePicker/TimePicker.js +15 -8
  31. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  32. package/dist/js/components/DescriptionList/DescriptionList.d.ts +13 -3
  33. package/dist/js/components/DescriptionList/DescriptionList.d.ts.map +1 -1
  34. package/dist/js/components/DescriptionList/DescriptionList.js +10 -6
  35. package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
  36. package/dist/js/components/Menu/MenuContent.d.ts.map +1 -1
  37. package/dist/js/components/Menu/MenuContent.js +21 -2
  38. package/dist/js/components/Menu/MenuContent.js.map +1 -1
  39. package/dist/js/components/MenuToggle/MenuToggle.d.ts +1 -1
  40. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  41. package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
  42. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  43. package/dist/js/components/Popover/Popover.d.ts +1 -1
  44. package/dist/js/components/Select/Select.d.ts +5 -3
  45. package/dist/js/components/Select/Select.d.ts.map +1 -1
  46. package/dist/js/components/Select/Select.js +36 -17
  47. package/dist/js/components/Select/Select.js.map +1 -1
  48. package/dist/js/components/Select/SelectOption.d.ts.map +1 -1
  49. package/dist/js/components/Select/SelectOption.js +3 -3
  50. package/dist/js/components/Select/SelectOption.js.map +1 -1
  51. package/dist/js/components/Select/SelectToggle.d.ts +1 -1
  52. package/dist/js/components/Select/SelectToggle.d.ts.map +1 -1
  53. package/dist/js/components/Select/SelectToggle.js +14 -14
  54. package/dist/js/components/Select/SelectToggle.js.map +1 -1
  55. package/dist/js/components/Select/selectConstants.d.ts +1 -0
  56. package/dist/js/components/Select/selectConstants.d.ts.map +1 -1
  57. package/dist/js/components/Select/selectConstants.js.map +1 -1
  58. package/dist/js/components/TimePicker/TimePicker.d.ts +6 -4
  59. package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
  60. package/dist/js/components/TimePicker/TimePicker.js +15 -8
  61. package/dist/js/components/TimePicker/TimePicker.js.map +1 -1
  62. package/dist/umd/react-core.css +31 -2
  63. package/dist/umd/react-core.js +107 -53
  64. package/dist/umd/react-core.min.css +31 -2
  65. package/dist/umd/react-core.min.js +2 -2
  66. package/package.json +6 -6
  67. package/src/components/DescriptionList/DescriptionList.tsx +52 -31
  68. package/src/components/DescriptionList/examples/DescriptionList.md +87 -28
  69. package/src/components/Menu/MenuContent.tsx +27 -2
  70. package/src/components/MenuToggle/MenuToggle.tsx +2 -1
  71. package/src/components/MenuToggle/examples/MenuToggle.css +3 -0
  72. package/src/components/MenuToggle/examples/MenuToggle.md +53 -11
  73. package/src/components/Popover/Popover.tsx +1 -1
  74. package/src/components/Select/Select.tsx +39 -18
  75. package/src/components/Select/SelectOption.tsx +7 -4
  76. package/src/components/Select/SelectToggle.tsx +15 -15
  77. package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +2 -0
  78. package/src/components/Select/examples/Select.md +93 -40
  79. package/src/components/Select/selectConstants.tsx +1 -0
  80. package/src/components/TimePicker/TimePicker.tsx +20 -11
  81. package/src/components/TimePicker/examples/TimePicker.md +2 -0
@@ -150,6 +150,7 @@
150
150
  right: 0;
151
151
  bottom: 0;
152
152
  left: 0;
153
+ pointer-events: none;
153
154
  content: "";
154
155
  border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
155
156
  }
@@ -11574,7 +11575,7 @@ ul.pf-c-list {
11574
11575
  --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--hover--Color, inherit);
11575
11576
  }
11576
11577
 
11577
- .pf-c-menu__list-item:focus-within {
11578
+ .pf-c-menu__list-item:focus-within, .pf-c-menu__list-item.pf-m-focus {
11578
11579
  --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor);
11579
11580
  --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--focus-within--Color, inherit);
11580
11581
  }
@@ -11864,6 +11865,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
11864
11865
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
11865
11866
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
11866
11867
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
11868
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
11869
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
11870
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
11871
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
11872
+ --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
11867
11873
  position: relative;
11868
11874
  display: inline-flex;
11869
11875
  align-items: center;
@@ -11872,6 +11878,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
11872
11878
  font-size: var(--pf-c-menu-toggle--FontSize);
11873
11879
  line-height: var(--pf-c-menu-toggle--LineHeight);
11874
11880
  color: var(--pf-c-menu-toggle--Color);
11881
+ cursor: pointer;
11875
11882
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
11876
11883
  border: 0;
11877
11884
  border-radius: var(--pf-c-menu-toggle--BorderRadius);
@@ -11970,7 +11977,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
11970
11977
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
11971
11978
  }
11972
11979
 
11973
- .pf-c-menu-toggle:focus {
11980
+ .pf-c-menu-toggle:focus, .pf-c-menu-toggle:focus-within {
11974
11981
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
11975
11982
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
11976
11983
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
@@ -12017,6 +12024,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12017
12024
  height: 100%;
12018
12025
  }
12019
12026
 
12027
+ .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
12028
+ --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
12029
+ flex: 1;
12030
+ margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
12031
+ }
12032
+
12020
12033
  .pf-c-menu-toggle.pf-m-split-button {
12021
12034
  --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12022
12035
  padding: 0;
@@ -12138,6 +12151,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12138
12151
  background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
12139
12152
  }
12140
12153
 
12154
+ .pf-c-menu-toggle.pf-m-typeahead, .pf-c-menu-toggle.pf-m-split-button {
12155
+ --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12156
+ }
12157
+
12158
+ .pf-c-menu-toggle.pf-m-full-width {
12159
+ width: 100%;
12160
+ }
12161
+
12141
12162
  .pf-c-menu-toggle__button {
12142
12163
  color: inherit;
12143
12164
  border: 0;
@@ -22027,6 +22048,14 @@ svg.pf-c-spinner.pf-m-xl {
22027
22048
  pointer-events: none;
22028
22049
  }
22029
22050
 
22051
+ .pf-c-text-input-group.pf-m-plain {
22052
+ --pf-c-text-input-group--BackgroundColor: transparent;
22053
+ }
22054
+
22055
+ .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::before, .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::after {
22056
+ border: 0;
22057
+ }
22058
+
22030
22059
  .pf-c-text-input-group__main {
22031
22060
  display: flex;
22032
22061
  flex: 1;