@splunk/react-ui 4.17.0 → 4.18.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 = 189);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/CollapsiblePanel");
 
 /***/ }),
 
-/***/ 188:
+/***/ 189:
 /***/ (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 = 190);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 189:
+/***/ 190:
 /***/ (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/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 = 191);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-icons/ArrowSquareTopRightInset");
 
 /***/ }),
 
-/***/ 190:
+/***/ 191:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -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/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(61);
+var ButtonSimple_ = __webpack_require__(62);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -169,7 +169,7 @@ var StyledIcon = external_styled_components_default.a.span.withConfig({
 var StyledButtonSimple = external_styled_components_default()(ButtonSimple_default.a).withConfig({
   displayName: "ButtonStyles__StyledButtonSimple",
   componentId: "eqxqs2-1"
-})(["text-align:center;vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:0;max-width:100%;line-height:", ";min-height:", ";padding:", ";", " ", " &[data-inline]{display:inline-block;vertical-align:middle;", " [data-inline] + &{margin-bottom:0;", "}}"], themes_["variables"].lineHeight, themes_["variables"].inputHeight, Object(themes_["pick"])({
+})(["text-align:center;vertical-align:middle;text-decoration:none;white-space:nowrap;flex-grow:1;min-width:0;max-width:100%;line-height:", ";min-height:", ";padding:", ";", " ", " &[data-inline]{display:inline-block;vertical-align:middle;", "}[data-inline] + &&[data-inline]{margin-bottom:0;", "}"], themes_["variables"].lineHeight, themes_["variables"].inputHeight, Object(themes_["pick"])({
   enterprise: {
     comfortable: '5px 14px',
     compact: '2px 14px'
@@ -307,7 +307,7 @@ var ArrowSquareTopRightInset_ = __webpack_require__(122);
 var ArrowSquareTopRightInset_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRightInset_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
-var External_ = __webpack_require__(62);
+var External_ = __webpack_require__(63);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -602,14 +602,14 @@ module.exports = require("@splunk/react-icons/enterprise/Caret");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
 
 /***/ }),
 
-/***/ 62:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/External");

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 = 192);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 191:
+/***/ 192:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/CHANGELOG.md

@@ -1,18 +1,51 @@
 Change Log
 ============
 
+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).
+* `Multiselect` and `ComboBox` now indicates an option is a new value (SUI-5541).
+* `Message` now has reduced spacing between icon and text (SUI-5448).
+* Fixed incorrect `role=status` and required aria attribute in `Multiselect` (SUI-5517).
+* `Select` now has correct focus behavior when it has a filter, above placement, and an empty value (SUI-5525).
+* Fixes an issue where the "close" buttons in `SideNav`, `FormRows`, `Modal`, and `SidePanel` were missing accessible names in version 4.17.0 (SUI-5566).
+
+API Changes:
+* Added support for the latest `styled-components@5` (SUI-5467).
+
+Deprecations:
+* `TextArea`'s `canClear` prop has been deprecated. If the "clear" action is required, we recommend implementing it via an adjacent "clear" button. (SUI-5306).
+
 4.17.0 - May 10, 2023
 ----------
 New Features:
-* `Code` will no longer throw an error with an invalid `language` prop, and will fall back to `javascript` instead. The fallback language can changed with the new `languageFallback` prop (SUI-5425).
-* `TabBar` and `TabLayout` support `layout="vertical"` in Prisma themes (SUI-2777).
-* Adopt `react-icons@4.0.0-beta.2` (SUI-5342).
+* Updated `@splunk/react-icons` dependency to v4:
   * Components with icons in Prisma themes previously used private icons.
   * These icons have been replaced with the icons from `react-icons`.
   * Note: this may cause slight visual changes to align the components with the design system.
+* `Code` will no longer throw an error with an invalid `language` prop, and will fall back to `javascript` instead. The fallback language can changed with the new `languageFallback` prop (SUI-5425).
+* `TabBar` and `TabLayout` support `layout="vertical"` in Prisma themes (SUI-2777).
 * New `DualListbox` component for listbox multi-selection (SUI-4251).
-* Added `level`s 5 and 6 to `Heading` - `level={5}` maps to `h5` and `level={6}` maps to `h6`.
-* Updated to ``@splunk/react-icons` dependency to `@splunk/react-icons@4`.
+* Added `level`s 5 and 6 to `Heading`; `level={5}` maps to `h5` and `level={6}` maps to `h6`.
 * `Typography` supports a new `variant` prop for styling (SUI-5286).
 * Added `inline` prop to `SplitButton` (SUI-5388).
 * `SplitButton` supports `appearance="destructive"` in Enterprise themes (SUI-5395).
@@ -27,7 +60,7 @@ Bug Fixes:
 * Updated warning type `MessageBar`'s text color to improve contrast ratio (SUI-5310).
 * Updated `TabBar`'s count background color to improve contrast ratio across different backgrounds (SUI-5274).
 * `Tab` no longer throws error for custom data-test props (SUI-5373).
-* Fixed slight vertical misalignment of Message icon with text.
+* Fixed slight vertical misalignment of `Message`'s icon with text.
 * `Menu` no longer unnecessarily recomputes the `onFocus` handler of `Item` (SUI-5369).
 
 Type Changes:
@@ -108,7 +141,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

@@ -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__(78);
 var times_default = /*#__PURE__*/__webpack_require__.n(times_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -323,6 +323,7 @@ function Day(_ref) {
     "data-test-day": day,
     "data-test": "day-of-month",
     "data-active-day": active,
+    "data-is-today": today,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     $today: today,
@@ -651,7 +652,7 @@ var ChevronRight_ = __webpack_require__(43);
 var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
-var enterprise_ChevronLeft_ = __webpack_require__(63);
+var enterprise_ChevronLeft_ = __webpack_require__(64);
 var enterprise_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronLeft_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
@@ -1068,7 +1069,8 @@ var Calendar_Calendar = /*#__PURE__*/function (_Component) {
         inline: true,
         "aria-labelledby": labelledBy,
         "aria-describedby": describedBy,
-        "aria-required": required
+        "aria-required": required,
+        "data-test": "calendar"
       }, omit_default()(this.props, keys_default()(Calendar.propTypes)), {
         elementRef: this.handleCalendarMount
       }), /*#__PURE__*/external_react_default.a.createElement(Calendar_MonthHeader, {
@@ -1169,7 +1171,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 63:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
@@ -1183,7 +1185,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 77:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/times");

package/CloseButton.js

@@ -145,7 +145,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/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(61);
+var ButtonSimple_ = __webpack_require__(62);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // CONCATENATED MODULE: ./src/CloseButton/CloseButtonStyles.ts
@@ -191,14 +191,14 @@ function CloseButton(_ref) {
   var prismaSize = isCompact ? '20px' : '24px';
   return /*#__PURE__*/external_react_default.a.createElement(StyledButtonSimple, _extends({
     appearance: "pill",
-    disabled: disabled
+    disabled: disabled,
+    "aria-label": screenReaderText
   }, otherProps), isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
     "data-test": "cross",
     inline: false,
-    screenReaderText: screenReaderText,
+    screenReaderText: null,
     size: "13px"
   }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
-    "aria-label": screenReaderText,
     "data-test": "cross",
     height: prismaSize,
     width: prismaSize
@@ -240,7 +240,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");

package/Code.js

@@ -2323,7 +2323,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/castArray"
-var castArray_ = __webpack_require__(64);
+var castArray_ = __webpack_require__(65);
 var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
 
 // EXTERNAL MODULE: external "lodash/flatten"
@@ -2335,11 +2335,11 @@ var indexOf_ = __webpack_require__(81);
 var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
 
 // EXTERNAL MODULE: external "lodash/repeat"
-var repeat_ = __webpack_require__(78);
+var repeat_ = __webpack_require__(79);
 var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
 
 // EXTERNAL MODULE: external "lodash/times"
-var times_ = __webpack_require__(77);
+var times_ = __webpack_require__(78);
 var times_default = /*#__PURE__*/__webpack_require__.n(times_);
 
 // EXTERNAL MODULE: ./src/Code/prism/prism.empty
@@ -2567,6 +2567,7 @@ function Code(_ref) {
 
       var content = typeof part.content === 'string' ? part.content : render(part.content);
       return /*#__PURE__*/external_react_default.a.createElement(StyledToken, {
+        "data-part-type": part.type,
         partType: part.type,
         key: idx.toString()
       }, content);
@@ -2597,21 +2598,21 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 64:
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/castArray");
 
 /***/ }),
 
-/***/ 77:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/times");
 
 /***/ }),
 
-/***/ 78:
+/***/ 79:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/repeat");