@splunk/react-ui 4.17.0 → 4.18.0

package/MIGRATION.mdx

@@ -0,0 +1,295 @@
+import Link from '@splunk/react-ui/Link';
+import Table from '@splunk/react-ui/Table';
+
+# Migration
+
+This document lists migration guidance for new features and breaking changes.
+
+## 4.18.0
+
+### Deprecated `level="s"` and `level="ss"` and added new `variant` prop for `Heading`
+
+#### Change
+`Heading`'s `level="s"` and `level="ss"` have been deprecated and will be removed in a future major version. A new prop `variant` has been added to `Heading` to add styles from `Typography`'s title variants. 
+
+#### Context
+The values "s" and "ss" aren't as clear as numerical values at describing which `<hX>` HTML tag they correspond to. Instead, use `Heading` `level`(1 - 6) and `variant`(title1 - title6) props to achieve the desired `Heading` style. This separates the concerns of semantics from styling, which allows for better accessibility and design.
+
+#### Migration steps
+It is recommended to update `Heading`'s `level="s"` and `level="ss"` to `level=5` or `level=6` respectively and use the `variant` prop for styling. 
+To keep the same style as `Heading`'s `level="s"` and `level="ss"` follow the below code:
+
+*Enterprise*
+
+`level="s"` styling:
+
+```jsx
+const StyledSHeading = styled(Heading)`
+    font-weight: ${variables.fontWeightSemiBold};
+    font-size: ${variables.fontSize}
+    color: ${pick({
+        dark: variables.gray80,
+        light: variables.gray45,
+    })};
+`;
+
+<StyledSHeading level={4} variant="title4"/>
+```
+
+`level="ss"` styling:
+
+```jsx
+const StyledSSHeading = styled(Heading)`
+    color: ${pick({
+        dark: variables.gray80,
+        light: variables.gray45,
+    })};
+`;
+
+<StyledSHeading level={5} variant="title5"/>
+```
+
+*Prisma*
+
+`level="s"` styling:
+
+```jsx
+const StyledSHeading = styled(Heading)`
+    font-size: ${variables.fontSize};
+    color: ${variables.contentColorDefault};
+`;
+
+<StyledSHeading level={4} variant="title4"/> 
+```
+
+`level="ss"` styling:
+
+```jsx
+No styling is needed. 
+<Heading level="ss"> is equivalent to <StyledSHeading level={5} variant="title5"/>
+```
+
+## 4.17.0
+
+### `Typography` `weight` prop
+
+#### Change
+`Typography` no longer supports numerical values for `weight`.
+
+#### Context
+Supporting both numerical and keyword values creates confusion on which is correct to use.
+Themes has new variables in version 4.17.0 that support all of the weight values in the design system.
+This aligns with the existing API for `variant` in this component.
+
+#### Migration steps
+Convert any usage of a number to the keyword value using the following table based on <Link to="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping" openInNewContext>MDN</Link>: 
+
+<Table>
+    <Table.Head>
+        <Table.HeadCell>Number</Table.HeadCell>
+        <Table.HeadCell>Keyword</Table.HeadCell>
+    </Table.Head>
+    <Table.Body>
+        <Table.Row key={300}>
+            <Table.Cell>{300}</Table.Cell>
+            <Table.Cell>light</Table.Cell>
+        </Table.Row>
+        <Table.Row key={400}>
+            <Table.Cell>{400}</Table.Cell>
+            <Table.Cell>normal</Table.Cell>
+        </Table.Row>
+        <Table.Row key={500}>
+            <Table.Cell>{500}</Table.Cell>
+            <Table.Cell>semiBold</Table.Cell>
+        </Table.Row>
+        <Table.Row key={600}>
+            <Table.Cell>{600}</Table.Cell>
+            <Table.Cell>semiBold</Table.Cell>
+        </Table.Row>
+        <Table.Row key={700}>
+            <Table.Cell>{700}</Table.Cell>
+            <Table.Cell>bold</Table.Cell>
+        </Table.Row>
+           <Table.Row key={800}>
+            <Table.Cell>{800}</Table.Cell>
+            <Table.Cell>extraBold</Table.Cell>
+        </Table.Row>
+           <Table.Row key={900}>
+            <Table.Cell>{900}</Table.Cell>
+            <Table.Cell>heavy</Table.Cell>
+        </Table.Row>
+    </Table.Body>
+</Table>
+
+For example, convert `<Typography as="p" weight={700} />` to `<Typography as="p" weight='bold' />`.
+ 
+## 4.13.0
+
+### Deprecated `Button` `appearance="pill"`
+
+#### Change
+The `Button`'s "pill" appearance is deprecated and will be removed in a future major version.
+
+#### Context
+The “pill” appearance is deprecated due to confusion among designers and engineers between the different uses. To minimize confusion, there will be one primary `Button` rounded style.
+
+#### Migration steps
+Replace all usage of `Button` `appearance="pill"` with `appearance="default"` or use the `Link` component instead.
+
+### Deprecated `placeholder` prop in `Text`, `TextArea`, and `Number` 
+
+#### Change
+The `placeholder` prop in `Text`, `TextArea`, and `Number` is deprecated and will be removed from future major versions.
+
+#### Context
+The `placeholder` prop presents multiple visual and cognitive issues and should not be used.
+
+#### Migration steps
+The `placeholder` prop should be replaced with `ControlGroup`'s `label` or `help`. It is recommended to avoid using a placeholder, but if appropriate the `placeholder` HTML attribute is still supported.
+
+## 4.12.0
+
+### Deprecated `Text`'s `multiline`, `rowsMax`, and `rowsMin` props
+
+#### Change
+`Text`'s `multiline`, `rowsMax`, and `rowsMin` props have been deprecated. Instead use the new `TextArea` component for multiline text input.
+
+#### Context
+`Text` supported two modes -- single or multiline. Each modes had exclusive props: e.g. `maxRows` was only valid with the `multiline` prop.
+This could be confusing and lead to unexpected or unsupported API combinations. Additionally, code in `Text` would only operate in one mode at a time. Moreover, `Text` with the `multiline` prop does not allow line breaks to be inserted with the “enter” key in some browsers.
+
+By separating these modes, we have made it simpler and clearer to decide which component and props to use.
+`Text` should be used for inline text input. `TextArea` should be used for long-form text input.
+This aligns the components with the HTML spec and the Splunk Design System.
+
+#### Migration steps
+Replace instances of `Text` that use the `multiline` prop with the new `TextArea` component.
+
+## 4.11.0
+
+### New `separateStackingContexts` prop for `LayerStackGlobalProvider`
+
+#### Change
+A new prop, `separateStackingContexts`, has been added to `LayerStackGlobalProvider`. `separateStackingContexts` will default to false for backward compatibility but will later default to true in the next major version.
+
+#### Context
+Previously, dropdown menus were stacking on top of and blocking modals and modal-backdrops.
+
+Now with `separateStackingContexts`, 'floating' items such as `Popover` and `Modal` will now be stacked in the order they are opened rather than a fixed order.
+
+#### Migration steps
+To keep the previous behavior, set `separateStackingContexts={false}`.
+
+## 4.8.0
+
+### Deprecated `RadioBar.Option`'s `icon` prop
+
+#### Change
+`RadioBar.Option`'s `icon` prop is deprecated and will be removed in a future major version. 
+
+#### Context
+The `RadioBar.Option` icon should not be used due to misalignment with `Text`.
+
+#### Migration steps
+Replace all usage of `RadioBar.Option`'s `icon` prop with `startAdornment` and/or `endAdornment`.
+
+## 4.7.0
+
+### Deprecated `Message` `appearance="banner"`
+
+#### Change
+`Message`’s `appearance="banner"` option is deprecated and will be removed in a future major version. 
+
+#### Context
+Please use `MessageBar` instead of `Message` with `appearance="banner"`. 
+
+Use `MessageBar` for:
+- System-level messages (such as expired accounts, server outages, account status, etc). 
+- Information, warning, error, or success notifications
+
+Use `Message` or another component for:
+- Feedback of actions taken within the page (such as adding, deleting, or saving an item).
+
+#### Migration steps
+Replace all usage of `Message`’s `appearance="banner"` option to `MessageBar`.
+
+### Deprecated `Message.Link`
+
+#### Change
+`Message.Link` is deprecated and will be removed in a future major version.
+
+### Context
+`MessageBar` now applies the necessary styles to `Link`. 
+
+#### Migration steps
+Replace all usage of `Message.Link` with the `Link` component as a child of the `MessageBar` component. See entries above or our docs for more information on `MessageBar`.
+
+## 4.5.0
+
+### Deprecated `useSyntheticPlaceholder` prop in `Text` and `Number`
+
+#### Change
+The `useSyntheticPlaceholder` prop in `Text` and `Number` is deprecated and will be removed in a future major version.
+
+#### Context
+The `useSyntheticPlaceholder` prop is not needed because we no longer support IE11.
+
+#### Migration steps
+Remove the `useSyntheticPlaceholder` prop. 
+
+### Deprecated `Monogram` `size="xlarge"`
+
+#### Change
+`Monogram`'s `size="xlarge"` is deprecated and will be removed in a future major version.
+
+#### Context
+The `xlarge` option for `Monogram`'s `size` prop is deprecated to align with Figma.
+
+#### Migration steps
+Replace all usage of `xlarge` as the value for `Monogram`'s `size` prop with the values: `small`, `medium`, `large`, or a number.
+
+## 4.0.0
+
+### `Accordion` no longer supports `collapseAll` prop
+
+#### Change
+`Accordion` no longer supports `collapseAll` prop and all panels are allowed to collapse by default.
+
+#### Context
+The user needs to be able to skip over any section with `tab`, which is not possible when the first one is open. This prop is no longer supported due to accessibility issues when set to `false`. 
+
+#### Migration steps
+Remove all usage of `Accordion` `collapseAll`.
+
+### `File` now supports `fullscreen` prop instead of `size="large"`.
+
+#### Change
+`File`’s `size` prop has been removed. Instead, use the `fullscreen` prop. 
+
+#### Context
+If `fullscreen` prop is set, there can only be one `File` component on the page as it will take all files dropped on the page. 
+
+#### Migration steps
+Replace all usage of `size="large"` with `fullscreen` prop. Remove all other usage of `File` `size`.
+
+### `Dropdown` only supports HTMLElement toggle `ref`
+
+#### Change
+`Dropdown` no longer supports passing a toggle that returns a React component instance as `ref`.
+
+#### Context
+Previously, this was causing a warning in React strict mode.
+
+#### Migration steps
+Ensure the toggle `ref` is an `HTMLElement`, `Clickable`, `Button`, or `Link`.
+
+### `Popover` no longer supports `pointerEvents` prop
+
+#### Change
+`Popover`’s `pointerEvents` prop has been removed.
+
+#### Context
+Previously, `Tooltip` closed as soon as a user stopped hovering over the toggle. To allow the `Tooltip` to remain open when hovering/focusing on the toggle or the content area, the `Popover`’s `pointerEvent` prop has been removed. `Tooltip` now has two props: `possibleOpenReasons` and `possibleCloseReasons`, which provide more control over when the `Tooltip` can be opened and closed. 
+
+#### Migration steps
+Replace all usage of `Popover`’s `pointerEvents` prop with `possibleOpenReasons` and `possibleCloseReasons`.

package/Markdown.js

@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 109:
+/***/ 107:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
@@ -292,7 +292,7 @@ function MarkdownCodeBlock(_ref) {
 MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
 /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(76);
+var Heading_ = __webpack_require__(77);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -395,7 +395,7 @@ function MarkdownLink(_ref) {
 MarkdownLink.propTypes = MarkdownLink_propTypes;
 /* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
 // EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(109);
+var List_ = __webpack_require__(107);
 var List_default = /*#__PURE__*/__webpack_require__.n(List_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
@@ -410,9 +410,14 @@ var MarkdownList_propTypes = {
 function MarkdownList(_ref) {
   var children = _ref.children,
       type = _ref.type;
-  return /*#__PURE__*/external_react_default.a.createElement(List_default.a, {
-    type: type === 'bullet' ? 'disc' : 'decimal'
-  }, children);
+
+  if (type === 'ordered') {
+    return /*#__PURE__*/external_react_default.a.createElement(List_default.a, {
+      ordered: true
+    }, children);
+  }
+
+  return /*#__PURE__*/external_react_default.a.createElement(List_default.a, null, children);
 }
 
 MarkdownList.propTypes = MarkdownList_propTypes;
@@ -596,7 +601,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 76:
+/***/ 77:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");

package/Menu.js

@@ -254,11 +254,11 @@ Divider.filterLast = true;
 Divider.as = 'Divider';
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(76);
+var Heading_ = __webpack_require__(77);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(67);
+var useSplunkTheme_ = __webpack_require__(68);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
@@ -365,11 +365,11 @@ var CaretSmallRight_ = __webpack_require__(142);
 var CaretSmallRight_default = /*#__PURE__*/__webpack_require__.n(CaretSmallRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Checkmark"
-var Checkmark_ = __webpack_require__(86);
+var Checkmark_ = __webpack_require__(75);
 var Checkmark_default = /*#__PURE__*/__webpack_require__.n(Checkmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
-var Check_ = __webpack_require__(95);
+var Check_ = __webpack_require__(94);
 var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
@@ -423,7 +423,7 @@ var StyledItemIcon = external_styled_components_default.a.span.withConfig({
   prisma: 'initial',
   enterprise: 'middle'
 }), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;"], themes_["variables"].contentColorMuted),
+  prisma: Object(external_styled_components_["css"])(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_["variables"].contentColorMuted),
   enterprise: Object(external_styled_components_["css"])(["transform:translateY(-1px);"])
 }));
 var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
@@ -559,11 +559,11 @@ var StyledSubmenu = external_styled_components_default.a.span.withConfig({
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-var ArrowSquareTopRight_ = __webpack_require__(94);
+var ArrowSquareTopRight_ = __webpack_require__(93);
 var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
 
 // 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"
@@ -609,7 +609,7 @@ function External() {
 var updateReactRef = __webpack_require__(11);
 
 // EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-var utils_scrollIntoViewIfNeeded = __webpack_require__(89);
+var utils_scrollIntoViewIfNeeded = __webpack_require__(88);
 
 // CONCATENATED MODULE: ./src/Menu/Item.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); }
@@ -901,7 +901,7 @@ ItemWithTheme.propTypes = Item_Item.propTypes;
 ItemWithTheme.as = 'Item';
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(87);
+var Scroll_ = __webpack_require__(86);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -1245,14 +1245,14 @@ module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
 
-/***/ 62:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/External");
 
 /***/ }),
 
-/***/ 67:
+/***/ 68:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
@@ -1266,28 +1266,28 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 76:
+/***/ 75:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Heading");
+module.exports = require("@splunk/react-icons/Checkmark");
 
 /***/ }),
 
-/***/ 86:
+/***/ 77:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Checkmark");
+module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 87:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");
 
 /***/ }),
 
-/***/ 89:
+/***/ 88:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1316,14 +1316,14 @@ var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
 
 /***/ }),
 
-/***/ 94:
+/***/ 93:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
 
 /***/ }),
 
-/***/ 95:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Check");

package/Message.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 180);
+/******/ 	return __webpack_require__(__webpack_require__.s = 181);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -104,13 +104,6 @@ module.exports = require("prop-types");
 /***/ 100:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Success");
-
-/***/ }),
-
-/***/ 101:
-/***/ (function(module, exports) {
-
 module.exports = require("@splunk/react-icons/enterprise/Warning");
 
 /***/ }),
@@ -129,7 +122,7 @@ module.exports = require("@splunk/react-ui/MessageBar");
 
 /***/ }),
 
-/***/ 180:
+/***/ 181:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -149,7 +142,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
-var CheckCircle_ = __webpack_require__(69);
+var CheckCircle_ = __webpack_require__(70);
 var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
@@ -161,31 +154,31 @@ var Close_ = __webpack_require__(26);
 var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
-var ExclamationCircle_ = __webpack_require__(70);
+var ExclamationCircle_ = __webpack_require__(71);
 var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/InformationCircle"
-var InformationCircle_ = __webpack_require__(96);
+var InformationCircle_ = __webpack_require__(95);
 var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationTriangle"
-var ExclamationTriangle_ = __webpack_require__(97);
+var ExclamationTriangle_ = __webpack_require__(96);
 var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Error"
-var Error_ = __webpack_require__(98);
+var Error_ = __webpack_require__(97);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
-var InfoCircle_ = __webpack_require__(99);
+var InfoCircle_ = __webpack_require__(98);
 var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Success"
-var Success_ = __webpack_require__(100);
+var Success_ = __webpack_require__(99);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Warning"
-var Warning_ = __webpack_require__(101);
+var Warning_ = __webpack_require__(100);
 var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/MessageBar"
@@ -352,11 +345,11 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   enterprise: '5px'
 }), themes_["variables"].spacingSmall, Object(themes_["pickVariant"])('$hasRemoveIcon', {
   "true": {
-    prisma: '10px 40px 10px 36px',
+    prisma: '10px 40px 10px 28px',
     enterprise: '10px 40px 10px 40px'
   },
   "false": {
-    prisma: '10px 8px 10px 36px',
+    prisma: '10px 8px 10px 28px',
     enterprise: '10px 10px 10px 40px'
   }
 }), function (_ref3) {
@@ -589,46 +582,53 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 69:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CheckCircle");
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ExclamationCircle");
 
 /***/ }),
 
-/***/ 96:
+/***/ 95:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InformationCircle");
 
 /***/ }),
 
-/***/ 97:
+/***/ 96:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ExclamationTriangle");
 
 /***/ }),
 
-/***/ 98:
+/***/ 97:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Error");
 
 /***/ }),
 
-/***/ 99:
+/***/ 98:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/InfoCircle");
 
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/enterprise/Success");
+
 /***/ })
 
 /******/ });