@splunk/react-ui 4.5.2 → 4.7.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 126);
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 126:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(74);
+var CollapsiblePanel_ = __webpack_require__(83);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -199,11 +199,12 @@ function Panel(_ref) {
     "data-test-panel-id": panelId,
     style: {
       flexShrink: 1
-    },
+    }
+  }, otherProps, {
     onRequestClose: onRequestCloseContext,
     onRequestOpen: onRequestOpenContext,
     open: open
-  }, otherProps));
+  }));
 }
 
 Panel.propTypes = propTypes;
@@ -407,17 +408,17 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 74:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/CollapsiblePanel");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 8:
+/***/ 83:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-ui/CollapsiblePanel");
 
 /***/ })
 

package/Anchor.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 143);
+/******/ 	return __webpack_require__(__webpack_require__.s = 150);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 143:
+/***/ 150:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Animation.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 169);
+/******/ 	return __webpack_require__(__webpack_require__.s = 177);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 169:
+/***/ 177:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/AnimationToggle.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 127);
+/******/ 	return __webpack_require__(__webpack_require__.s = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 127:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Box.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 144);
+/******/ 	return __webpack_require__(__webpack_require__.s = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 144:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Button.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 139);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 132:
+/***/ 139:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -129,13 +129,13 @@ var i18n_ = __webpack_require__(5);
 var Dropdown_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(39);
+var style_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
 var CaretDown = __webpack_require__(36);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(52);
+var External_ = __webpack_require__(57);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -170,14 +170,14 @@ function External(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(53);
+var ButtonGroupContext = __webpack_require__(58);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(43);
+var ButtonSimple_ = __webpack_require__(45);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -591,21 +591,21 @@ module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
-/***/ 39:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 4:
+/***/ 40:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 43:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -619,14 +619,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 52:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");
 
 /***/ }),
 
-/***/ 53:
+/***/ 58:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 152);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 145:
+/***/ 152:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -143,7 +143,7 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
-var ButtonGroupContext = __webpack_require__(53);
+var ButtonGroupContext = __webpack_require__(58);
 
 // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -210,7 +210,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 53:
+/***/ 58:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ButtonSimple.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 128);
+/******/ 	return __webpack_require__(__webpack_require__.s = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 128:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -133,7 +133,7 @@ var i18n_ = __webpack_require__(5);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(15);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -141,7 +141,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(11);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
@@ -530,7 +530,7 @@ ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
 
 /***/ }),
 
-/***/ 15:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");

package/CHANGELOG.md

@@ -1,6 +1,46 @@
 Change Log
 ============
 
+4.7.0 - May 4, 2022
+----------
+New Features:
+* New `MessageBar` component for system-level messages.
+
+Bug Fixes:
+* `Modal` now has the correct border radius and the `icon` in `Modal.Header` is now centered (SUI-3447).
+* `Switch` checkbox no longer displays the default browser tooltip. The default values of `selectedLabel`, `someSelectedLabel` and `unselectedLabel` of `Switch` have been removed (SUI-3241).
+* `Switch` checkbox status is no longer read twice by screen reader (SUI-3241).
+* `Menu.Item`s with icons have the correct height of 40px and icons are vertically centered (SUI-3341).
+* `Modal.Body` now has the correct text color of `contentColorDefault` in Prisma themes (SUI-3488).
+* `Select`'s options should no longer be clickable while it's collapsing (SUI-3337).
+* `Menu`s should now correctly manage focus if the first item is disabled (SUI-3468).
+* `Message`'s `appearance="banner"` renders with an icon for improved accessibility (SUI-3526).
+
+Deprecations: 
+* `Message`'s `appearance="banner"`is deprecated and will be removed in a future major version. Use `MessageBar` instead (SUI-3437).
+* `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead (SUI-3322).
+
+4.6.0 - April 5, 2022
+----------
+New Features:
+* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275). 
+* `Clickable` now supports the `navigationLabel` prop to provide `data.label` to the `onClick` handler (SUI-3123).
+* Added `onInputClick` prop to `Text` component (SUI-2801).
+
+Bug Fixes:
+* `NavigationProvider`'s `value` **now** has the the same shape as other provider values.
+* `TransitionOpen`'s slide transitions now consistently use transforms instead of animating dimensions (SUI-3328).
+* `FormRows`'s inside a `Modal` now display correctly when being sorted (SUI-3416).
+* Focus on `FormRows` drag handle is now visible in Prisma themes (SUI-3415).
+* `Modal`'s title is now read by screen reader.
+* `Card` will no longer render with different dimensions depending on the combination of `to` and `onClick` props.
+* `TableRow`'s `data` prop is no longer incorrectly passed to the DOM element (SUI-3448)
+  
+4.5.3 - March 15, 2022
+----------
+Bug Fixes: 
+* Fixed a regression where `Accordion.Panel`s may not open (SUI-3411).
+
 4.5.2 - March 8, 2022
 ----------
 Bug Fixes:
@@ -10,7 +50,7 @@ Bug Fixes:
 
   `styled-components@5.2.0` changed how selectors like `& + &` are compiled; [styled-components PR#3236](https://github.com/styled-components/styled-components/pull/3236).
   This breaks styles that worked in previous versions of styled-components; [styled-components issue #3265](https://github.com/styled-components/styled-components/issues/3265).
-  
+
   **Until noted otherwise in a future release of `@splunk/react-ui` do not use `styled-components@^5.2.0` with` @splunk/react-ui`**.
 
 4.5.1 - March 1, 2022
@@ -33,6 +73,7 @@ New Features:
 * `Color`'s `defaultPalette` is now extrapolated from 8 base colors by `tinycolor2` to form the rest of the palette (SUI-2466).
 * Redundant `Table.HeadCell` indicators for sortable columns in Prisma themes have been replaced with the icons that matches the existing sort arrows. Note: column widths may be affected by this change (SUI-2547).
 * `Table` now supports `rowExpansion="controlled"` to allow for customization of expanded row state (SUI-2649).
+* `Select` now supports jumping to the first matching item when a character key is pressed as long as `filter=false` and the control is not currently loading data. This behavior can be disabled with `allowKeyMatching=false`
 
 Bug Fixes:
 * Updated `Chip` styles to grid to fix misalignment (SUI-2706).

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 112);
+/******/ 	return __webpack_require__(__webpack_require__.s = 119);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 112:
+/***/ 119:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,7 +130,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "moment"
-var external_moment_ = __webpack_require__(20);
+var external_moment_ = __webpack_require__(21);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
@@ -392,7 +392,7 @@ function DateTable(_ref2) {
 DateTable.propTypes = DateTable_propTypes;
 /* harmony default export */ var Calendar_DateTable = (DateTable);
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(42);
+var omit_ = __webpack_require__(43);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
@@ -403,7 +403,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(54);
+var ChevronLeft = __webpack_require__(59);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -800,7 +800,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 20:
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("moment");
@@ -878,7 +878,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 42:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/omit");
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 54:
+/***/ 59:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -942,13 +942,6 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 55:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronLeft");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -974,6 +967,13 @@ function SVG(props) {
 
 /***/ }),
 
+/***/ 60:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronLeft");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {