@splunk/react-ui 4.6.0 → 4.7.0

package/Text.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 = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 105:
+/***/ 111:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 126:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -157,30 +157,30 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(39);
+var style_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(14);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // 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 "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(111);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(43);
+var Search = __webpack_require__(44);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(22);
+var CrossMark = __webpack_require__(20);
 
 // CONCATENATED MODULE: ./src/Text/syncHeightWithShadow.ts
 // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
@@ -258,10 +258,10 @@ function syncHeightWithShadow(_ref) {
   return false;
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(23);
+var SVG_ = __webpack_require__(24);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
@@ -1329,14 +1329,14 @@ TextWithTheme.componentType = Text_Text.componentType;
 /***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -1354,14 +1354,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 22:
+/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__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);
@@ -1404,17 +1404,17 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 23:
+/***/ 22:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/SVG");
+module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 26:
+/***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Close");
+module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 
@@ -1425,28 +1425,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 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:
+/***/ 44:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
@@ -1489,17 +1489,17 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 48:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Search");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 5:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 

package/Tooltip.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 = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,21 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 143:
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +148,7 @@ var Popover_ = __webpack_require__(16);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // 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 "@splunk/themes"
@@ -154,7 +161,7 @@ var id_ = __webpack_require__(10);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(23);
+var SVG_ = __webpack_require__(24);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -202,7 +209,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/Tooltip/TooltipStyles.ts
@@ -586,13 +593,6 @@ TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
 
 
 
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
 /***/ }),
 
 /***/ 16:
@@ -609,7 +609,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 23:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 168);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 168:
+/***/ 175:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,10 +126,10 @@ var external_lodash_ = __webpack_require__(4);
 var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(25);
+var focus_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(39);
+var style_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "react-spring"
 var external_react_spring_ = __webpack_require__(18);
@@ -470,7 +470,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
@@ -491,17 +491,17 @@ module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 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");
 
 /***/ })
 

package/WaitSpinner.js

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

package/cypress/support/index.ts

@@ -1,5 +1,6 @@
 import { setGlobalConfig } from '@storybook/testing-react';
 import { configure } from '@testing-library/cypress';
+import 'cypress-real-events/support';
 
 import './commands';
 import * as sbPreview from '../../.storybook/preview';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
-    "@splunk/themes": "^0.10.1",
+    "@splunk/themes": "^0.11.0",
     "@splunk/ui-utils": "^1.4.0",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
@@ -72,6 +72,9 @@
     "@storybook/react": "^6.3.0",
     "@storybook/testing-react": "^1.2.3",
     "@testing-library/cypress": "^8.0.2",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
     "@types/chai": "^3.5.2",
     "@types/enzyme": "^3.10.5",
     "@types/jest": "^25.2.1",
@@ -90,6 +93,7 @@
     "core-js": "^3.6.4",
     "cross-env": "^6.0.3",
     "cypress": "^9.5.1",
+    "cypress-real-events": "^1.7.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^7.14.0",
@@ -113,7 +117,7 @@
     "raw-loader": "^0.5.1",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-test-renderer": "^16.12.0",
+    "react-test-renderer": "^16.13.1",
     "sinon": "^2.1.0",
     "styled-components": "5.1.1",
     "stylelint": "^13.0.0",

package/types/src/Animation/Animation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpringComponentProps as RSSpringComponentProps, TransitionComponentProps as RSTransitionComponentProps } from 'react-spring';
 /**
  * Wrappers to use in place of `Spring` and `Transition` from `react-spring`.

package/types/src/Calendar/DateTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { DayClickHandler } from './Day';
 import { ComponentProps } from '../utils/types';

package/types/src/Date/Icon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function CalendarIcon(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/Icon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function FileIcon(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/IconCloud.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function FileIconCloud(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/PaperClip.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function PaperClip(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/Retry.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function Retry(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/File/Trash.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function Trash(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/Markdown/renderers/MarkdownCode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownCodePropsBase {

package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownCodeBlockPropsBase {

package/types/src/Markdown/renderers/MarkdownImage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownImagePropsBase {

package/types/src/Menu/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentProps } from '../utils/types';
 declare type DividerProps = ComponentProps<{}, 'div'>;
 /**

package/types/src/Message/Link.d.ts

@@ -21,6 +21,8 @@ declare type LinkLinkProps = ComponentProps<LinkPropsBase, 'a', 'href'>;
 declare type LinkButtonProps = ComponentProps<LinkPropsBase, 'button'>;
 declare type LinkProps = LinkLinkProps | LinkButtonProps;
 /**
+ * @deprecated `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead.
+ *
  * A `Link` styled to work with `Message`'s `banner` appearance.
  */
 declare function Link({ children, ...otherProps }: LinkProps): JSX.Element;

package/types/src/Message/Message.d.ts

@@ -4,7 +4,12 @@ import Link from './Link';
 import { ComponentProps } from '../utils/types';
 interface MessagePropsBase {
     /**
+     *
      * Changes the style of the Message.
+     *
+     * @deprecatedValue 'banner'
+     * The `banner` value is deprecated and will be removed in a future major version. Use `MessageBar` instead.
+     *
      */
     appearance?: 'default' | 'fill' | 'banner';
     children?: React.ReactNode;
@@ -18,7 +23,7 @@ interface MessagePropsBase {
      */
     onRequestRemove?: React.MouseEventHandler<HTMLButtonElement>;
     /** Sets the severity or type of this `Message`. */
-    type?: 'info' | 'success' | 'warning' | 'error';
+    type?: 'info' | 'warning' | 'error' | 'success';
 }
 declare type MessageProps = ComponentProps<MessagePropsBase, 'div'>;
 declare function Message({ appearance, children, type, onRequestRemove, ...otherProps }: MessageProps): JSX.Element;

package/types/src/MessageBar/MessageBar.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface MessageBarPropsBase {
+    /**
+     * Text is required and should be concise.
+     */
+    children: React.ReactNode;
+    /**
+     * Includes a close button. Always consider including a close button.
+     */
+    onRequestClose?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Sets the severity of this `MessageBar`.
+     * */
+    type: 'info' | 'warning' | 'error' | 'success';
+}
+declare type MessageBarProps = ComponentProps<MessageBarPropsBase, 'div'>;
+declare function MessageBar({ children, type, onRequestClose, ...otherProps }: MessageBarProps): JSX.Element;
+declare namespace MessageBar {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        type: PropTypes.Validator<string>;
+    };
+}
+export default MessageBar;
+export type { MessageBarPropsBase };

package/types/src/MessageBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MessageBar';
+export * from './MessageBar';

package/types/src/Modal/Modal.d.ts

@@ -51,6 +51,7 @@ declare class Modal extends Component<ModalProps> {
     static Body: typeof Body;
     static Footer: typeof Footer;
     constructor(props: Readonly<ModalProps>);
+    componentDidMount(): void;
     componentDidUpdate(prevProps: ModalProps): void;
     private getDefaultMotionStyle;
     private getMotionStyle;

package/types/src/Monogram/Monogram.d.ts

@@ -24,9 +24,9 @@ interface MonogramPropsBase {
     /** Enables interactive mode. */
     onClick?: MonogramClickHandler;
     /**
-     * Adjusts the size of the `Monogram`.
+     *  @deprecated The `xlarge` option has been marked for deprecation and will be removed in a future major version.
      *
-     * @deprecated The `xlarge` option has been marked for deprecation and will be removed in a future major version.
+     * Adjusts the size of the `Monogram`.
      */
     size?: 'small' | 'medium' | 'large' | 'xlarge';
 }

package/types/src/Number/IncrementIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVG';
 export default function SortedUp(props: SVGPropsOptionalViewBox): JSX.Element;

package/types/src/Paginator/PageSeparator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare function PageSeparator(): JSX.Element;
 export default PageSeparator;

package/types/src/Popover/Popover.d.ts

@@ -55,8 +55,7 @@ interface PopoverPropsBase {
     /**
      * `'normal'` is the default appearance. `'inverted'` is used in Enterprise themes for Tooltips.
      * `'none'` is a transparent box.
-     * @themeNotes 'inverted': only supported by Enterprise themes. In Prisma themes, `inverted`
-     * will be display as `normal`.
+     * @themeNotes 'inverted': only supported by Enterprise themes. In Prisma themes, `inverted` will display as `normal`.
      */
     appearance?: 'normal' | 'inverted' | 'none';
     /**

package/types/src/Select/SelectBase.d.ts

@@ -189,7 +189,7 @@ declare class SelectBase extends Component<SelectBaseProps, SelectBaseState> {
     private controlledExternally;
     private displayedValues;
     private dropdown;
-    private firstSelectedOption;
+    private firstSelectedEnabledOption;
     private firstSelectedOptionIndex?;
     private menuId;
     private previousActiveIndex;

package/types/src/Switch/CheckIcon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function CheckIcon(): JSX.Element;