@splunk/react-ui 4.17.1 → 4.19.0

package/Accordion.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 188);
+/******/ 	return __webpack_require__(__webpack_require__.s = 190);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,21 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 121:
+/***/ 122:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/CollapsiblePanel");
 
 /***/ }),
 
-/***/ 188:
+/***/ 190:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -147,7 +147,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
-var CollapsiblePanel_ = __webpack_require__(121);
+var CollapsiblePanel_ = __webpack_require__(122);
 var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
 
 // EXTERNAL MODULE: external "@splunk/themes"

package/Anchor.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 210);
+/******/ 	return __webpack_require__(__webpack_require__.s = 211);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 210:
+/***/ 211:
 /***/ (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 = 236);
+/******/ 	return __webpack_require__(__webpack_require__.s = 237);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 236:
+/***/ 237:
 /***/ (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 = 189);
+/******/ 	return __webpack_require__(__webpack_require__.s = 191);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 189:
+/***/ 191:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -213,14 +213,14 @@ function AnimationToggle(_ref) {
   var animationToggle = useAnimationToggle_useAnimationToggle();
 
   if (animationToggle === 'on') {
-    return callMeMaybe(on);
+    return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, callMeMaybe(on));
   }
 
   if (animationToggle === 'reduced' && reduced) {
-    return callMeMaybe(reduced);
+    return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, callMeMaybe(reduced));
   }
 
-  return callMeMaybe(off); // react-docgen ignores components that don't use JSX/React.createElement.
+  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, callMeMaybe(off)); // react-docgen ignores components that don't use JSX/React.createElement.
   // the following line forces detection:
 
   return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null); // eslint-disable-line no-unreachable

package/Box.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 211);
+/******/ 	return __webpack_require__(__webpack_require__.s = 212);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 211:
+/***/ 212:
 /***/ (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 = 190);
+/******/ 	return __webpack_require__(__webpack_require__.s = 192);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 122:
+/***/ 123:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowSquareTopRightInset");
 
 /***/ }),
 
-/***/ 190:
+/***/ 192:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -303,7 +303,7 @@ var CaretSmallDown_CaretSmallDown = function CaretSmallDown() {
 
 /* harmony default export */ var icons_CaretSmallDown = (CaretSmallDown_CaretSmallDown);
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
-var ArrowSquareTopRightInset_ = __webpack_require__(122);
+var ArrowSquareTopRightInset_ = __webpack_require__(123);
 var ArrowSquareTopRightInset_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRightInset_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"

package/ButtonGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 212);
+/******/ 	return __webpack_require__(__webpack_require__.s = 213);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 212:
+/***/ 213:
 /***/ (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 = 191);
+/******/ 	return __webpack_require__(__webpack_require__.s = 193);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 191:
+/***/ 193:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/CHANGELOG.md

@@ -1,9 +1,35 @@
 Change Log
 ============
 
-4.17.1 - June 6, 2023
+4.19.0 - August 1, 2023
 ----------
+New Features:
+* Heading now supports `elementRef` (SUI-5534).
+
+Bug Fixes:
+* The `TabBar` tooltip now aligns to the center of the `Tab` in Prisma theme (SUI-5598).
+* Clicking the "clear" button in `ComboBox`, `Multiselect.Compact`, `Search`, `Select`, `Text`, and `TextArea` will no longer cause focus to be lost (SUI-5667).
+* Updated `Chip`'s background-colors and text-color to fix contrast failures in Enterprise theme (SUI-2836).
+
+4.18.0 - July 12, 2023
+----------
+New Features:
+* Added `ordered` prop to `List` component (SUI-5550).
 
+Bug Fixes:
+* `Number` Typescript now accepts `inputRef` prop to target the underlying text input.
+* `Number` and `Text` components' focus methods now accept focus options.
+* `TabBar` and `TabLayout` no longer renders `[object Object]` in the tooltip when `label` is a `React.Node` (SUI-5352).
+* `Menu.Item` sets the correct size for svg elements passed to the `icon` prop in prisma themes.
+
+Deprecations:
+* `Heading`'s `level="s"` and `level="ss"` have been deprecated and will be removed in a future major version. See the migration guide for details (SUI-5536).
+* `List`'s `type` prop has been deprecated and will be removed in a future major version (SUI-5551).
+  * List will default to `HTMLUListElement`. Use `ordered` prop to set list to `HTMLOListElement`.
+  * Use CSS to style the `list-style-type` property.
+
+4.17.1 - June 6, 2023
+----------
 Bug Fixes:
 * `Multiselect` should respect `aria-label` and `labelledBy` props (SUI-5510).
 * Fixed incorrect `aria-*` and `role` attributes in `Select` (SUI-5515).
@@ -125,7 +151,7 @@ Bug Fixes:
 ----------
 New Features:
 * New `Divider` component for separating components with horizontal or vertical rules (SUI-4080).
-* Added `inputOnly` prop to `Date` (SUI-3809).
+* Added `inputOnly` prop to `Date` for Prisma theme (SUI-3809).
 * Added a `renderChildrenWhenCollapsed` prop to `CollapsiblePanel` and `TransitionOpen` which defaults to `false` (SUI-4321).
 * Added a `divider` prop to `Modal` to show dividers between header, body and footer. The value defaults to `both` (SUI-3443).
 * `ControlGroup`'s `error` prop now takes `boolean` or `string` (SUI-5086).

package/Calendar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 10:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 174:
+/***/ 175:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -177,7 +177,7 @@ var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment
 var id_ = __webpack_require__(8);
 
 // EXTERNAL MODULE: external "lodash/times"
-var times_ = __webpack_require__(77);
+var times_ = __webpack_require__(79);
 var times_default = /*#__PURE__*/__webpack_require__.n(times_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -644,7 +644,7 @@ function DateTable(_ref2) {
 DateTable.propTypes = DateTable_propTypes;
 /* harmony default export */ var Calendar_DateTable = (DateTable);
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
-var ChevronLeft_ = __webpack_require__(83);
+var ChevronLeft_ = __webpack_require__(84);
 var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
@@ -891,7 +891,7 @@ var CalendarStyles_StyledBox = external_styled_components_default()(Box_default.
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
 function Calendar_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Calendar_typeof = function _typeof(obj) { return typeof obj; }; } else { Calendar_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Calendar_typeof(obj); }
@@ -1185,7 +1185,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 77:
+/***/ 79:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/times");
@@ -1199,7 +1199,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 83:
+/***/ 84:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");

package/Card.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 175);
+/******/ 	return __webpack_require__(__webpack_require__.s = 176);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 123:
+/***/ 124:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 175:
+/***/ 176:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -269,15 +269,15 @@ Footer.propTypes = Footer_propTypes;
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
-var DotsThreeVertical_ = __webpack_require__(84);
+var DotsThreeVertical_ = __webpack_require__(85);
 var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
-var MoreVertical_ = __webpack_require__(123);
+var MoreVertical_ = __webpack_require__(124);
 var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(85);
+var Anchor_ = __webpack_require__(86);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
@@ -737,14 +737,14 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 84:
+/***/ 85:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/DotsThreeVertical");
 
 /***/ }),
 
-/***/ 85:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");

package/CardLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 213);
+/******/ 	return __webpack_require__(__webpack_require__.s = 214);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 213:
+/***/ 214:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Chip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 214);
+/******/ 	return __webpack_require__(__webpack_require__.s = 215);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 214:
+/***/ 215:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -178,16 +178,16 @@ var StyledBasic = external_styled_components_default.a.div.withConfig({
     prisma: themes_["variables"].neutral100
   },
   info: {
-    enterprise: themes_["variables"].infoColorL10
+    enterprise: themes_["variables"].infoColorL30
   },
   success: {
-    enterprise: themes_["variables"].successColorL10
+    enterprise: themes_["variables"].successColorL30
   },
   warning: {
-    enterprise: themes_["variables"].warningColorL10
+    enterprise: themes_["variables"].warningColorL30
   },
   error: {
-    enterprise: themes_["variables"].errorColorL10,
+    enterprise: themes_["variables"].errorColorL30,
     prisma: themes_["variables"].accentColorNegative
   },
   outline: {
@@ -201,7 +201,7 @@ var StyledBasic = external_styled_components_default.a.div.withConfig({
   var $appearance = _ref2.$appearance;
   return $appearance === 'outline' && Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].interactiveColorBorder);
 }, Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["color:", ",line-height:", ";margin:0 2px 2px 0;"], themes_["variables"].textGray, themes_["variables"].lineHeight),
+  enterprise: Object(external_styled_components_["css"])(["color:", ";line-height:", ";margin:0 2px 2px 0;"], themes_["variables"].textGray, themes_["variables"].lineHeight),
   prisma: Object(external_styled_components_["css"])(["color:", ";line-height:16px;margin:1px;"], function (_ref3) {
     var $appearance = _ref3.$appearance;
     return $appearance === 'error' ? themes_["variables"].contentColorInverted : themes_["variables"].contentColorDefault;
@@ -314,12 +314,13 @@ var StyledLabel = external_styled_components_default.a.div.withConfig({
   "true": themes_["variables"].contentColorDisabled,
   "false": {
     enterprise: function enterprise(_ref8) {
-      var $foregroundColor = _ref8.$foregroundColor;
-      return $foregroundColor || themes_["variables"].contentColorDefault;
+      var $appearance = _ref8.$appearance,
+          $foregroundColor = _ref8.$foregroundColor;
+      return $foregroundColor || ($appearance === 'default' || $appearance === 'outline' ? themes_["variables"].contentColorDefault : themes_["variables"].gray30);
     },
     prisma: function prisma(_ref9) {
-      var $foregroundColor = _ref9.$foregroundColor,
-          $appearance = _ref9.$appearance;
+      var $appearance = _ref9.$appearance,
+          $foregroundColor = _ref9.$foregroundColor;
       return $foregroundColor || ($appearance === 'error' ? themes_["variables"].contentColorInverted : themes_["variables"].contentColorActive);
     }
   }
@@ -331,11 +332,16 @@ var StyledRemove = external_styled_components_default.a.span.withConfig({
   enterprise: Object(external_styled_components_["css"])(["flex:0 0 auto;padding-left:", ";font-size:", ";color:", ";"], themes_["variables"].spacingQuarter, Object(themes_["pick"])({
     compact: '9px',
     comfortable: '10.5px'
-  }), function (_ref10) {
-    var $disabled = _ref10.$disabled,
-        $foregroundColor = _ref10.$foregroundColor;
-    return $disabled ? themes_["variables"].contentColorDisabled : $foregroundColor || themes_["variables"].textGray;
-  }),
+  }), Object(themes_["pickVariant"])('$disabled', {
+    "true": themes_["variables"].contentColorDisabled,
+    "false": {
+      enterprise: function enterprise(_ref10) {
+        var $foregroundColor = _ref10.$foregroundColor,
+            $appearance = _ref10.$appearance;
+        return $foregroundColor || ($appearance === 'default' || $appearance === 'outline' ? themes_["variables"].textGray : themes_["variables"].gray30);
+      }
+    }
+  })),
   prisma: Object(external_styled_components_["css"])(["font-size:", ";display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:12px;font-size:9px;color:", ";"], Object(themes_["pick"])({
     compact: '9px',
     comfortable: '10.5px'
@@ -503,6 +509,7 @@ function ChipInteractive(props) {
     $disabled: disabled,
     $foregroundColor: $foregroundColor
   }, children), /*#__PURE__*/external_react_default.a.createElement(StyledRemove, {
+    $appearance: $appearance,
     $disabled: disabled,
     $foregroundColor: $foregroundColor
   }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {

package/Clickable.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 195);
+/******/ 	return __webpack_require__(__webpack_require__.s = 196);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +128,14 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 195:
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+
+/***/ 196:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -157,7 +157,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "lodash/isString"
 var isString_ = __webpack_require__(23);
@@ -217,7 +217,7 @@ function NavigationProvider(_ref) {
 NavigationProvider.propTypes = propTypes;
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

package/CloseButton.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 215);
+/******/ 	return __webpack_require__(__webpack_require__.s = 216);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 215:
+/***/ 216:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";