@patternfly/react-core 4.213.1 → 4.213.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 (50) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -9
  3. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  4. package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  5. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -9
  6. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  8. package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -9
  9. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  10. package/dist/esm/components/Dropdown/Dropdown.js +2 -2
  11. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  12. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts +2 -9
  13. package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  14. package/dist/esm/components/OptionsMenu/OptionsMenu.js.map +1 -1
  15. package/dist/esm/components/Select/Select.d.ts +2 -9
  16. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  17. package/dist/esm/components/Select/Select.js.map +1 -1
  18. package/dist/esm/helpers/Popper/Popper.d.ts +10 -0
  19. package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
  20. package/dist/esm/helpers/Popper/Popper.js.map +1 -1
  21. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -9
  22. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
  23. package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  24. package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -9
  25. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  26. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  27. package/dist/js/components/Dropdown/Dropdown.d.ts +2 -9
  28. package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
  29. package/dist/js/components/Dropdown/Dropdown.js +2 -2
  30. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  31. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts +2 -9
  32. package/dist/js/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
  33. package/dist/js/components/OptionsMenu/OptionsMenu.js.map +1 -1
  34. package/dist/js/components/Select/Select.d.ts +2 -9
  35. package/dist/js/components/Select/Select.d.ts.map +1 -1
  36. package/dist/js/components/Select/Select.js.map +1 -1
  37. package/dist/js/helpers/Popper/Popper.d.ts +10 -0
  38. package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
  39. package/dist/js/helpers/Popper/Popper.js.map +1 -1
  40. package/dist/umd/react-core.css +640 -640
  41. package/dist/umd/react-core.js +2 -2
  42. package/dist/umd/react-core.min.css +107 -107
  43. package/dist/umd/react-core.min.js +1 -1
  44. package/package.json +5 -5
  45. package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +2 -9
  46. package/src/components/ContextSelector/ContextSelector.tsx +2 -9
  47. package/src/components/Dropdown/Dropdown.tsx +3 -11
  48. package/src/components/OptionsMenu/OptionsMenu.tsx +2 -9
  49. package/src/components/Select/Select.tsx +3 -10
  50. package/src/helpers/Popper/Popper.tsx +11 -0
@@ -4892,9 +4892,9 @@
4892
4892
  var { onSelect,
4893
4893
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
4894
4894
  ref, // Types of Ref are different for React.FunctionComponent vs React.Component
4895
- ouiaId, ouiaSafe, alignments, contextProps, menuAppendTo = 'inline' } = _a, props = __rest$1(_a, ["onSelect", "ref", "ouiaId", "ouiaSafe", "alignments", "contextProps", "menuAppendTo"]);
4895
+ ouiaId, ouiaSafe, alignments, contextProps } = _a, props = __rest$1(_a, ["onSelect", "ref", "ouiaId", "ouiaSafe", "alignments", "contextProps"]);
4896
4896
  return (React__namespace.createElement(DropdownContext.Provider, { value: Object.assign({ onSelect: event => onSelect && onSelect(event), toggleTextClass: styles$16.dropdownToggleText, toggleIconClass: styles$16.dropdownToggleImage, toggleIndicatorClass: styles$16.dropdownToggleIcon, menuClass: styles$16.dropdownMenu, itemClass: styles$16.dropdownMenuItem, toggleClass: styles$16.dropdownToggle, baseClass: styles$16.dropdown, baseComponent: 'div', sectionClass: styles$16.dropdownGroup, sectionTitleClass: styles$16.dropdownGroupTitle, sectionComponent: 'section', disabledClass: styles$16.modifiers.disabled, plainTextClass: styles$16.modifiers.text, ouiaId: useOUIAId(Dropdown.displayName, ouiaId), ouiaSafe, ouiaComponentType: Dropdown.displayName, alignments }, contextProps) },
4897
- React__namespace.createElement(DropdownWithContext, Object.assign({ menuAppendTo: menuAppendTo }, props))));
4897
+ React__namespace.createElement(DropdownWithContext, Object.assign({}, props))));
4898
4898
  };
4899
4899
  Dropdown.displayName = 'Dropdown';
4900
4900
 
@@ -17578,20 +17578,6 @@ label.pf-c-radio, .pf-c-radio__label,
17578
17578
  transform: translateX(100%);
17579
17579
  }
17580
17580
  }
17581
- .pf-c-skip-to-content {
17582
- --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
17583
- --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
17584
- --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
17585
- position: absolute;
17586
- top: var(--pf-c-skip-to-content--Top);
17587
- left: -300%;
17588
- z-index: var(--pf-c-skip-to-content--ZIndex);
17589
- }
17590
-
17591
- .pf-c-skip-to-content:focus {
17592
- left: var(--pf-c-skip-to-content--focus--Left);
17593
- }
17594
-
17595
17581
  .pf-c-slider {
17596
17582
  --pf-c-slider--value: 0;
17597
17583
  --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
@@ -17811,6 +17797,20 @@ label.pf-c-radio, .pf-c-radio__label,
17811
17797
  margin-left: var(--pf-c-slider__main--actions--MarginLeft);
17812
17798
  }
17813
17799
 
17800
+ .pf-c-skip-to-content {
17801
+ --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
17802
+ --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
17803
+ --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
17804
+ position: absolute;
17805
+ top: var(--pf-c-skip-to-content--Top);
17806
+ left: -300%;
17807
+ z-index: var(--pf-c-skip-to-content--ZIndex);
17808
+ }
17809
+
17810
+ .pf-c-skip-to-content:focus {
17811
+ left: var(--pf-c-skip-to-content--focus--Left);
17812
+ }
17813
+
17814
17814
  .pf-c-spinner {
17815
17815
  --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);
17816
17816
  --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
@@ -21150,99 +21150,6 @@ svg.pf-c-spinner.pf-m-xl {
21150
21150
  --pf-c-toolbar--spacer: 0;
21151
21151
  }
21152
21152
 
21153
- .pf-c-tooltip {
21154
- --pf-c-tooltip--MaxWidth: 18.75rem;
21155
- --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
21156
- --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
21157
- --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
21158
- --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
21159
- --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
21160
- --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
21161
- --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
21162
- --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
21163
- --pf-c-tooltip__arrow--Width: 0.5rem;
21164
- --pf-c-tooltip__arrow--Height: 0.5rem;
21165
- --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
21166
- --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
21167
- --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
21168
- --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
21169
- --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
21170
- --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
21171
- --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
21172
- --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
21173
- --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
21174
- --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
21175
- --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
21176
- --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
21177
- position: relative;
21178
- max-width: var(--pf-c-tooltip--MaxWidth);
21179
- box-shadow: var(--pf-c-tooltip--BoxShadow);
21180
- }
21181
-
21182
- .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
21183
- bottom: 0;
21184
- left: 50%;
21185
- transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
21186
- }
21187
-
21188
- .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21189
- top: 0;
21190
- left: 50%;
21191
- transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
21192
- }
21193
-
21194
- .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
21195
- top: 50%;
21196
- right: 0;
21197
- transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
21198
- }
21199
-
21200
- .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21201
- top: 50%;
21202
- left: 0;
21203
- transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
21204
- }
21205
-
21206
- .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
21207
- top: var(--pf-c-tooltip__arrow--Height);
21208
- }
21209
-
21210
- .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
21211
- top: auto;
21212
- bottom: 0;
21213
- }
21214
-
21215
- .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
21216
- left: var(--pf-c-tooltip__arrow--Width);
21217
- }
21218
-
21219
- .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
21220
- right: 0;
21221
- left: auto;
21222
- }
21223
-
21224
- .pf-c-tooltip__content {
21225
- position: relative;
21226
- padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
21227
- font-size: var(--pf-c-tooltip__content--FontSize);
21228
- color: var(--pf-c-tooltip__content--Color);
21229
- text-align: center;
21230
- word-break: break-word;
21231
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21232
- }
21233
-
21234
- .pf-c-tooltip__content.pf-m-text-align-left {
21235
- text-align: left;
21236
- }
21237
-
21238
- .pf-c-tooltip__arrow {
21239
- position: absolute;
21240
- width: var(--pf-c-tooltip__arrow--Width);
21241
- height: var(--pf-c-tooltip__arrow--Height);
21242
- pointer-events: none;
21243
- background-color: var(--pf-c-tooltip__content--BackgroundColor);
21244
- }
21245
-
21246
21153
  .pf-c-number-input .pf-c-form-control {
21247
21154
  appearance: textfield;
21248
21155
  }
@@ -26047,6 +25954,99 @@ svg.pf-c-spinner.pf-m-xl {
26047
25954
  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
26048
25955
  }
26049
25956
 
25957
+ .pf-c-tooltip {
25958
+ --pf-c-tooltip--MaxWidth: 18.75rem;
25959
+ --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
25960
+ --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
25961
+ --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
25962
+ --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
25963
+ --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
25964
+ --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
25965
+ --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
25966
+ --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
25967
+ --pf-c-tooltip__arrow--Width: 0.5rem;
25968
+ --pf-c-tooltip__arrow--Height: 0.5rem;
25969
+ --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
25970
+ --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
25971
+ --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
25972
+ --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
25973
+ --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
25974
+ --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
25975
+ --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
25976
+ --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
25977
+ --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
25978
+ --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
25979
+ --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
25980
+ --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
25981
+ position: relative;
25982
+ max-width: var(--pf-c-tooltip--MaxWidth);
25983
+ box-shadow: var(--pf-c-tooltip--BoxShadow);
25984
+ }
25985
+
25986
+ .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
25987
+ bottom: 0;
25988
+ left: 50%;
25989
+ transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
25990
+ }
25991
+
25992
+ .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
25993
+ top: 0;
25994
+ left: 50%;
25995
+ transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
25996
+ }
25997
+
25998
+ .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
25999
+ top: 50%;
26000
+ right: 0;
26001
+ transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
26002
+ }
26003
+
26004
+ .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
26005
+ top: 50%;
26006
+ left: 0;
26007
+ transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
26008
+ }
26009
+
26010
+ .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
26011
+ top: var(--pf-c-tooltip__arrow--Height);
26012
+ }
26013
+
26014
+ .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
26015
+ top: auto;
26016
+ bottom: 0;
26017
+ }
26018
+
26019
+ .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
26020
+ left: var(--pf-c-tooltip__arrow--Width);
26021
+ }
26022
+
26023
+ .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
26024
+ right: 0;
26025
+ left: auto;
26026
+ }
26027
+
26028
+ .pf-c-tooltip__content {
26029
+ position: relative;
26030
+ padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
26031
+ font-size: var(--pf-c-tooltip__content--FontSize);
26032
+ color: var(--pf-c-tooltip__content--Color);
26033
+ text-align: center;
26034
+ word-break: break-word;
26035
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
26036
+ }
26037
+
26038
+ .pf-c-tooltip__content.pf-m-text-align-left {
26039
+ text-align: left;
26040
+ }
26041
+
26042
+ .pf-c-tooltip__arrow {
26043
+ position: absolute;
26044
+ width: var(--pf-c-tooltip__arrow--Width);
26045
+ height: var(--pf-c-tooltip__arrow--Height);
26046
+ pointer-events: none;
26047
+ background-color: var(--pf-c-tooltip__content--BackgroundColor);
26048
+ }
26049
+
26050
26050
  .pf-c-alert-group {
26051
26051
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
26052
26052
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);