@splunk/react-ui 4.19.0 → 4.20.0

package/Text.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 = 197);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 105:
+/***/ 107:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 165:
+/***/ 166:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TextArea");
@@ -163,7 +163,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 195:
+/***/ 197:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -194,26 +194,26 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/pickBy"
-var pickBy_ = __webpack_require__(61);
+var pickBy_ = __webpack_require__(63);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(107);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
-var Cross_ = __webpack_require__(25);
+var Cross_ = __webpack_require__(26);
 var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
-var Close_ = __webpack_require__(26);
+var Close_ = __webpack_require__(27);
 var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
-var Search_ = __webpack_require__(51);
+var Search_ = __webpack_require__(54);
 var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
-var Magnifier_ = __webpack_require__(46);
+var Magnifier_ = __webpack_require__(49);
 var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -221,20 +221,20 @@ var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
-var TextArea_ = __webpack_require__(165);
+var TextArea_ = __webpack_require__(166);
 var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(37);
+var style_ = __webpack_require__(41);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
-var SVGEnterprise_ = __webpack_require__(32);
+var SVGEnterprise_ = __webpack_require__(34);
 var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
 
 // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
@@ -1286,14 +1286,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Cross");
 
 /***/ }),
 
-/***/ 26:
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Close");
@@ -1307,28 +1307,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVGEnterprise");
 
 /***/ }),
 
-/***/ 37:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 4:
+/***/ 41:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 46:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Magnifier");
@@ -1342,7 +1342,7 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 51:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Search");
@@ -1356,7 +1356,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 61:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pickBy");

package/TextArea.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 209);
+/******/ 	return __webpack_require__(__webpack_require__.s = 211);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 105:
+/***/ 107:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 166:
+/***/ 167:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/noop");
@@ -170,7 +170,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 209:
+/***/ 211:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -189,7 +189,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/defer"
-var defer_ = __webpack_require__(55);
+var defer_ = __webpack_require__(58);
 var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -201,7 +201,7 @@ var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/noop"
-var noop_ = __webpack_require__(166);
+var noop_ = __webpack_require__(167);
 var noop_default = /*#__PURE__*/__webpack_require__.n(noop_);
 
 // EXTERNAL MODULE: external "lodash/omit"
@@ -209,26 +209,26 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/pickBy"
-var pickBy_ = __webpack_require__(61);
+var pickBy_ = __webpack_require__(63);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "lodash/throttle"
-var throttle_ = __webpack_require__(31);
+var throttle_ = __webpack_require__(33);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
-var ControlGroup_ = __webpack_require__(105);
+var ControlGroup_ = __webpack_require__(107);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
-var Cross_ = __webpack_require__(25);
+var Cross_ = __webpack_require__(26);
 var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
-var Close_ = __webpack_require__(26);
+var Close_ = __webpack_require__(27);
 var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
-var Search_ = __webpack_require__(51);
+var Search_ = __webpack_require__(54);
 var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -236,11 +236,11 @@ var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
-var Magnifier_ = __webpack_require__(46);
+var Magnifier_ = __webpack_require__(49);
 var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(37);
+var style_ = __webpack_require__(41);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
@@ -1237,14 +1237,14 @@ TextAreaWithTheme.componentType = TextArea_TextArea.componentType;
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Cross");
 
 /***/ }),
 
-/***/ 26:
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Close");
@@ -1258,28 +1258,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/throttle");
 
 /***/ }),
 
-/***/ 37:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/style");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 4:
+/***/ 41:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 46:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Magnifier");
@@ -1293,14 +1293,14 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 51:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Search");
 
 /***/ }),
 
-/***/ 55:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/defer");
@@ -1314,7 +1314,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 61:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pickBy");

package/Tooltip.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 = 212);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -136,7 +136,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 210:
+/***/ 212:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -159,7 +159,7 @@ var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/throttle"
-var throttle_ = __webpack_require__(31);
+var throttle_ = __webpack_require__(33);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -180,7 +180,7 @@ var id_ = __webpack_require__(8);
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
-var SVGEnterprise_ = __webpack_require__(32);
+var SVGEnterprise_ = __webpack_require__(34);
 var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
 
 // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
@@ -703,14 +703,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/throttle");
 
 /***/ }),
 
-/***/ 32:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVGEnterprise");

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 235);
+/******/ 	return __webpack_require__(__webpack_require__.s = 237);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 235:
+/***/ 237:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,13 +135,13 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(40);
+var Animation_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(29);
+var focus_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(37);
+var style_ = __webpack_require__(41);
 
 // EXTERNAL MODULE: external "react-spring"
 var external_react_spring_ = __webpack_require__(24);
@@ -510,28 +510,28 @@ module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 31:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
-/***/ 37:
+/***/ 41:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/style");
 
 /***/ }),
 
-/***/ 40:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");

package/Typography.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 241);
+/******/ 	return __webpack_require__(__webpack_require__.s = 243);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 241:
+/***/ 243:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -121,7 +121,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/themes/mixins"
-var mixins_ = __webpack_require__(81);
+var mixins_ = __webpack_require__(83);
 var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -220,7 +220,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 81:
+/***/ 83:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/mixins");

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 236);
+/******/ 	return __webpack_require__(__webpack_require__.s = 238);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 236:
+/***/ 238:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,7 +127,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-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(48);
+var AnimationToggle_ = __webpack_require__(51);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
@@ -145,7 +145,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
 var Styled = external_styled_components_default.a.div.withConfig({
   displayName: "WaitSpinnerStyles__Styled",
   componentId: "sc-1nu971z-0"
-})(["", ";"], themes_["mixins"].reset('inline'));
+})(["", ";align-items:center;"], themes_["mixins"].reset('inline-flex'));
 var spin = Object(external_styled_components_["keyframes"])(["100%{transform:rotate(360deg);}"]);
 var appearAnimation = Object(external_styled_components_["keyframes"])(["0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}"]);
 var prismaAnimationDuration = '2.07s';
@@ -288,7 +288,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 48:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.19.0",
+  "version": "4.20.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack && yarn types:build",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
-    "docs:publish": "cicd-publish-docs docs --force",
-    "docs:publish:external": "cicd-publish-docs docs-external --force --suffix=public",
+    "docs:publish": "eval $(splunk-docs-package docs) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
+    "docs:publish:external": "eval $(splunk-docs-package docs-external --suffix=public) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:start": "INTERNAL=true webpack serve --config docs.gen.webpack.config.js",
     "docs:start:external": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
@@ -41,17 +41,17 @@
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.0.1",
+    "@splunk/react-icons": "^4.0.2",
     "@splunk/themes": "^0.16.1",
     "@splunk/ui-utils": "^1.6.0",
-    "@types/commonmark": "^0.27.0",
+    "@types/commonmark": "^0.27.6",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
     "@types/react-dom": "^16.9.8",
     "@types/react-resize-detector": "^3.1.1",
     "@types/styled-components": "^5.1.0",
     "@types/tinycolor2": "^1.4.2",
-    "commonmark": "^0.27.0",
+    "commonmark": "^0.30.0",
     "commonmark-react-renderer": "^4.3.2",
     "decimal.js-light": "^2.2.3",
     "lodash": "^4.17.14",
@@ -66,10 +66,9 @@
     "@babel/core": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/cicd-tools": "^0.5.0",
-    "@splunk/docs-gen": "1.0.0-beta.5",
+    "@splunk/docs-gen": "1.0.0-beta.6",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.5",
+    "@splunk/react-docs": "1.0.0-beta.6",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^6.0.0",
@@ -114,6 +113,7 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-react-perf": "^3.3.1",
     "fs-extra": "^9.0.1",
     "fs-readdir-recursive": "^1.0.0",
     "glob": "^7.1.6",

package/types/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Item from './Item';
+import { ComponentProps } from '../utils/types';
+interface BreadcrumbsPropsBase {
+    /**
+     * `children` must be of type `Breadcrumbs.Item`. The last child will be marked as the current page.
+     */
+    children: React.ReactElement<typeof Item>[] | React.ReactElement<typeof Item>;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLElement>;
+}
+declare type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
+declare function Breadcrumbs({ children, elementRef, ...otherProps }: BreadcrumbsProps): JSX.Element;
+declare namespace Breadcrumbs {
+    var propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        elementRef: PropTypes.Requireable<object>;
+    };
+    var Item: typeof import("./Item").default;
+}
+export default Breadcrumbs;
+export { Item };

package/types/src/Breadcrumbs/Item.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+interface ItemPropsBase {
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLAnchorElement>;
+    /**
+     * Adornment at the end of the label.
+     */
+    endAdornment?: React.ReactNode;
+    /**
+     * @private
+     */
+    isCurrent?: boolean;
+    /**
+     * The label of the `Item`.
+     */
+    label: string;
+    /**
+     * Adornment at the start of the label.
+     */
+    startAdornment?: React.ReactNode;
+    /**
+     * The URL or path to link to.
+     */
+    to: string;
+}
+declare type ItemProps = ComponentProps<ItemPropsBase, 'a'>;
+declare function Item({ endAdornment, isCurrent, label, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
+declare namespace Item {
+    var propTypes: {
+        elementRef: PropTypes.Requireable<object>;
+        endAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isCurrent: PropTypes.Requireable<boolean>;
+        label: PropTypes.Validator<string>;
+        startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        to: PropTypes.Validator<string>;
+    };
+}
+export default Item;

package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts

@@ -0,0 +1,2 @@
+declare function Adornments(): JSX.Element;
+export default Adornments;

package/types/src/Breadcrumbs/docs/examples/Basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): JSX.Element;
+export default Basic;