@instructure/ui-breadcrumb 8.8.1-snapshot.7 → 8.9.1-snapshot.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.9.0](https://github.com/instructure/instructure-ui/compare/v8.8.0...v8.9.0) (2021-09-15)
+
+### Bug Fixes
+
+- fix shared-types TS errors ([7b83164](https://github.com/instructure/instructure-ui/commit/7b83164f4c5872f3a217e010563f59bf584ae4fc))
+
 # [8.8.0](https://github.com/instructure/instructure-ui/compare/v8.7.0...v8.8.0) (2021-08-27)
 
 **Note:** Version bump only for package @instructure/ui-breadcrumb

package/es/Breadcrumb/BreadcrumbLink/index.js

@@ -24,11 +24,11 @@ var _dec, _class, _class2, _temp;
  * SOFTWARE.
  */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Link } from '@instructure/ui-link';
 import { omitProps } from '@instructure/ui-react-utils';
 import { testable } from '@instructure/ui-testable';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -56,42 +56,6 @@ let BreadcrumbLink = (_dec = testable(), _dec(_class = (_temp = _class2 = class
     }), /*#__PURE__*/React.createElement(TruncateText, null, children));
   }
 
-}, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = {
-  /**
-   * Content to render as the crumb, generally should be text.
-   */
-  children: PropTypes.node.isRequired,
-
-  /**
-   * Link the crumb should direct to; if an href is provided, the crumb will render as a link
-   */
-  href: PropTypes.string,
-
-  /**
-   * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Sets the font-size of the breadcrumb text
-   */
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Add an icon to the Breadcrumb.Link
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-
-  /**
-   * Place the icon before or after the text in the Breadcrumb.Link
-   */
-  iconPlacement: PropTypes.oneOf(['start', 'end'])
-}, _class2.defaultProps = {
-  href: void 0,
-  onClick: void 0,
-  size: void 0,
-  renderIcon: void 0,
-  iconPlacement: void 0
-}, _temp)) || _class);
+}, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _temp)) || _class);
 export default BreadcrumbLink;
 export { BreadcrumbLink };

package/{src/Breadcrumb/types.ts → es/Breadcrumb/BreadcrumbLink/props.js}

@@ -21,13 +21,37 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import PropTypes from 'prop-types';
+const propTypes = {
+  /**
+   * Content to render as the crumb, generally should be text.
+   */
+  children: PropTypes.node.isRequired,
 
-import type { Spacing } from '@instructure/emotion'
+  /**
+   * Link the crumb should direct to; if an href is provided, the crumb will render as a link
+   */
+  href: PropTypes.string,
 
-export type BreadcrumbProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  label: string
-  size?: 'small' | 'medium' | 'large'
-  margin?: Spacing
-}
+  /**
+   * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Add an icon to the Breadcrumb.Link
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+
+  /**
+   * Place the icon before or after the text in the Breadcrumb.Link
+   */
+  iconPlacement: PropTypes.oneOf(['start', 'end'])
+};
+const allowedProps = ['children', 'href', 'iconPlacement', 'onClick', 'renderIcon', 'size'];
+export { propTypes, allowedProps };

package/es/Breadcrumb/index.js

@@ -26,15 +26,14 @@ var _dec, _dec2, _class, _class2, _temp;
 
 /** @jsx jsx */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { IconArrowOpenEndSolid } from '@instructure/ui-icons';
-import { Children } from '@instructure/ui-prop-types';
 import { testable } from '@instructure/ui-testable';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import { BreadcrumbLink } from './BreadcrumbLink';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -60,11 +59,11 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     };
     return React.Children.map(children, (child, index) => {
       return jsx("li", {
-        css: styles.crumb,
+        css: styles === null || styles === void 0 ? void 0 : styles.crumb,
         style: inlineStyle
       }, child, index < numChildren - 1 && jsx(IconArrowOpenEndSolid, {
         color: "auto",
-        css: styles.separator
+        css: styles === null || styles === void 0 ? void 0 : styles.separator
       }));
     });
   }
@@ -77,41 +76,13 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       margin: this.props.margin,
       "aria-label": this.props.label
     }, jsx("ol", {
-      css: styles.breadcrumb
+      css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
     }, this.renderChildren()));
   }
 
-}, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-
-  /**
-   * children of type Breadcrumb.Link
-   */
-  children: Children.oneOf([BreadcrumbLink]),
-
-  /**
-   * An accessible label for the navigation
-   */
-  label: PropTypes.string.isRequired,
-
-  /**
-   * Sets the font-size of the breadcrumb text
-   */
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: ThemeablePropTypes.spacing
-}, _class2.defaultProps = {
+}, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   size: 'medium',
-  children: null,
-  margin: void 0
+  children: null
 }, _class2.Link = BreadcrumbLink, _temp)) || _class) || _class);
 export default Breadcrumb;
 export { Breadcrumb, BreadcrumbLink };

package/{src/Breadcrumb/BreadcrumbLink/types.ts → es/Breadcrumb/props.js}

@@ -21,13 +21,32 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import PropTypes from 'prop-types';
+import { Children } from '@instructure/ui-prop-types';
+import { ThemeablePropTypes } from '@instructure/emotion';
+import { BreadcrumbLink } from './BreadcrumbLink';
+const propTypes = {
+  /**
+   * children of type Breadcrumb.Link
+   */
+  children: Children.oneOf([BreadcrumbLink]),
 
-import React from 'react'
+  /**
+   * An accessible label for the navigation
+   */
+  label: PropTypes.string.isRequired,
 
-export type BreadcrumbLinkProps = {
-  href?: string
-  onClick?: (...args: any[]) => any
-  size?: 'small' | 'medium' | 'large'
-  renderIcon?: React.ReactNode | ((...args: any[]) => any)
-  iconPlacement?: 'start' | 'end'
-}
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing
+};
+const allowedProps = ['children', 'label', 'margin', 'size'];
+export { propTypes, allowedProps };

package/lib/Breadcrumb/BreadcrumbLink/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +9,6 @@ exports.BreadcrumbLink = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _TruncateText = require("@instructure/ui-truncate-text/lib/TruncateText");
 
 var _Link = require("@instructure/ui-link/lib/Link");
@@ -21,6 +17,8 @@ var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -49,43 +47,7 @@ let BreadcrumbLink = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _
     }), /*#__PURE__*/_react.default.createElement(_TruncateText.TruncateText, null, children));
   }
 
-}, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = {
-  /**
-   * Content to render as the crumb, generally should be text.
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * Link the crumb should direct to; if an href is provided, the crumb will render as a link
-   */
-  href: _propTypes.default.string,
-
-  /**
-   * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
-   */
-  onClick: _propTypes.default.func,
-
-  /**
-   * Sets the font-size of the breadcrumb text
-   */
-  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Add an icon to the Breadcrumb.Link
-   */
-  renderIcon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-
-  /**
-   * Place the icon before or after the text in the Breadcrumb.Link
-   */
-  iconPlacement: _propTypes.default.oneOf(['start', 'end'])
-}, _class2.defaultProps = {
-  href: void 0,
-  onClick: void 0,
-  size: void 0,
-  renderIcon: void 0,
-  iconPlacement: void 0
-}, _temp)) || _class);
+}, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _temp)) || _class);
 exports.BreadcrumbLink = BreadcrumbLink;
 var _default = BreadcrumbLink;
 exports.default = _default;

package/lib/Breadcrumb/BreadcrumbLink/props.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  /**
+   * Content to render as the crumb, generally should be text.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Link the crumb should direct to; if an href is provided, the crumb will render as a link
+   */
+  href: _propTypes.default.string,
+
+  /**
+   * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Add an icon to the Breadcrumb.Link
+   */
+  renderIcon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+
+  /**
+   * Place the icon before or after the text in the Breadcrumb.Link
+   */
+  iconPlacement: _propTypes.default.oneOf(['start', 'end'])
+};
+exports.propTypes = propTypes;
+const allowedProps = ['children', 'href', 'iconPlacement', 'onClick', 'renderIcon', 'size'];
+exports.allowedProps = allowedProps;

package/lib/Breadcrumb/index.js

@@ -17,14 +17,10 @@ exports.Breadcrumb = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = require("@instructure/ui-view/lib/View");
 
 var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
 
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 
 var _emotion = require("@instructure/emotion");
@@ -35,6 +31,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _dec2, _class, _class2, _temp;
 
 /**
@@ -61,11 +59,11 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
     };
     return _react.default.Children.map(children, (child, index) => {
       return (0, _emotion.jsx)("li", {
-        css: styles.crumb,
+        css: styles === null || styles === void 0 ? void 0 : styles.crumb,
         style: inlineStyle
       }, child, index < numChildren - 1 && (0, _emotion.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
         color: "auto",
-        css: styles.separator
+        css: styles === null || styles === void 0 ? void 0 : styles.separator
       }));
     });
   }
@@ -78,41 +76,13 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       margin: this.props.margin,
       "aria-label": this.props.label
     }, (0, _emotion.jsx)("ol", {
-      css: styles.breadcrumb
+      css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
     }, this.renderChildren()));
   }
 
-}, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object,
-
-  /**
-   * children of type Breadcrumb.Link
-   */
-  children: _Children.Children.oneOf([_BreadcrumbLink.BreadcrumbLink]),
-
-  /**
-   * An accessible label for the navigation
-   */
-  label: _propTypes.default.string.isRequired,
-
-  /**
-   * Sets the font-size of the breadcrumb text
-   */
-  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
-  margin: _emotion.ThemeablePropTypes.spacing
-}, _class2.defaultProps = {
+}, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   size: 'medium',
-  children: null,
-  margin: void 0
+  children: null
 }, _class2.Link = _BreadcrumbLink.BreadcrumbLink, _temp)) || _class) || _class);
 exports.Breadcrumb = Breadcrumb;
 var _default = Breadcrumb;

package/lib/Breadcrumb/props.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Children = require("@instructure/ui-prop-types/lib/Children.js");
+
+var _emotion = require("@instructure/emotion");
+
+var _BreadcrumbLink = require("./BreadcrumbLink");
+
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+const propTypes = {
+  /**
+   * children of type Breadcrumb.Link
+   */
+  children: _Children.Children.oneOf([_BreadcrumbLink.BreadcrumbLink]),
+
+  /**
+   * An accessible label for the navigation
+   */
+  label: _propTypes.default.string.isRequired,
+
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
+
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: _emotion.ThemeablePropTypes.spacing
+};
+exports.propTypes = propTypes;
+const allowedProps = ['children', 'label', 'margin', 'size'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-breadcrumb",
-  "version": "8.8.1-snapshot.7+90b251d58",
+  "version": "8.9.1-snapshot.2+7f5faa3df",
   "description": "A breadcrumb component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,23 +24,23 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/shared-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-babel-preset": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-locator": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-test-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-themes": "8.8.1-snapshot.7+90b251d58"
+    "@instructure/ui-babel-preset": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-locator": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-test-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-themes": "8.9.1-snapshot.2+7f5faa3df"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-icons": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-link": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-prop-types": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-react-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-testable": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-truncate-text": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-utils": "8.8.1-snapshot.7+90b251d58",
-    "@instructure/ui-view": "8.8.1-snapshot.7+90b251d58",
+    "@instructure/emotion": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/shared-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-icons": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-link": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-prop-types": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-react-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-testable": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-truncate-text": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-utils": "8.9.1-snapshot.2+7f5faa3df",
+    "@instructure/ui-view": "8.9.1-snapshot.2+7f5faa3df",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "90b251d580c75205b6cbb884fe922059cfc494dd"
+  "gitHead": "7f5faa3df83667636304e0901ef1008d98dffc9a"
 }

package/src/Breadcrumb/BreadcrumbLink/index.tsx

@@ -23,13 +23,14 @@
  */
 
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { TruncateText } from '@instructure/ui-truncate-text'
 import { Link } from '@instructure/ui-link'
 import { omitProps } from '@instructure/ui-react-utils'
 import { testable } from '@instructure/ui-testable'
-import { BreadcrumbLinkProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { BreadcrumbLinkProps } from './props'
 
 /**
 ---
@@ -42,40 +43,9 @@ id: Breadcrumb.Link
 class BreadcrumbLink extends Component<BreadcrumbLinkProps> {
   static readonly componentId = 'Breadcrumb.Link'
 
-  static propTypes = {
-    /**
-     * Content to render as the crumb, generally should be text.
-     */
-    children: PropTypes.node.isRequired,
-    /**
-     * Link the crumb should direct to; if an href is provided, the crumb will render as a link
-     */
-    href: PropTypes.string,
-    /**
-     * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
-     */
-    onClick: PropTypes.func,
-    /**
-     * Sets the font-size of the breadcrumb text
-     */
-    size: PropTypes.oneOf(['small', 'medium', 'large']),
-    /**
-     * Add an icon to the Breadcrumb.Link
-     */
-    renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-    /**
-     * Place the icon before or after the text in the Breadcrumb.Link
-     */
-    iconPlacement: PropTypes.oneOf(['start', 'end'])
-  }
-
-  static defaultProps = {
-    href: undefined,
-    onClick: undefined,
-    size: undefined,
-    renderIcon: undefined,
-    iconPlacement: undefined
-  }
+  static propTypes = propTypes
+  static allowedProps = allowedProps
+  static defaultProps = {}
 
   render() {
     const { children, href, renderIcon, iconPlacement, onClick } = this.props

package/src/Breadcrumb/BreadcrumbLink/props.ts

@@ -0,0 +1,82 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import type { PropValidators } from '@instructure/shared-types'
+
+type BreadcrumbLinkOwnProps = {
+  children: React.ReactNode
+  href?: string
+  onClick?: (...args: any[]) => any
+  size?: 'small' | 'medium' | 'large'
+  renderIcon?: React.ReactNode | ((...args: any[]) => any)
+  iconPlacement?: 'start' | 'end'
+}
+
+type PropKeys = keyof BreadcrumbLinkOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type BreadcrumbLinkProps = BreadcrumbLinkOwnProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * Content to render as the crumb, generally should be text.
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * Link the crumb should direct to; if an href is provided, the crumb will render as a link
+   */
+  href: PropTypes.string,
+  /**
+   * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
+   */
+  onClick: PropTypes.func,
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Add an icon to the Breadcrumb.Link
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  /**
+   * Place the icon before or after the text in the Breadcrumb.Link
+   */
+  iconPlacement: PropTypes.oneOf(['start', 'end'])
+}
+
+const allowedProps: AllowedPropKeys = [
+  'children',
+  'href',
+  'iconPlacement',
+  'onClick',
+  'renderIcon',
+  'size'
+]
+
+export type { BreadcrumbLinkProps }
+export { propTypes, allowedProps }

package/src/Breadcrumb/index.tsx

@@ -24,19 +24,19 @@
 
 /** @jsx jsx */
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { View } from '@instructure/ui-view'
 import { IconArrowOpenEndSolid } from '@instructure/ui-icons'
-import { Children } from '@instructure/ui-prop-types'
 import { testable } from '@instructure/ui-testable'
 
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion'
+import { withStyle, jsx } from '@instructure/emotion'
 import { BreadcrumbLink } from './BreadcrumbLink'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { BreadcrumbProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { BreadcrumbProps } from './props'
 
 /**
 ---
@@ -49,35 +49,11 @@ category: components
 class Breadcrumb extends Component<BreadcrumbProps> {
   static readonly componentId = 'Breadcrumb'
 
-  static propTypes = {
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object,
-    /**
-     * children of type Breadcrumb.Link
-     */
-    children: Children.oneOf([BreadcrumbLink]),
-    /**
-     * An accessible label for the navigation
-     */
-    label: PropTypes.string.isRequired,
-    /**
-     * Sets the font-size of the breadcrumb text
-     */
-    size: PropTypes.oneOf(['small', 'medium', 'large']),
-    /**
-     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-     */
-    margin: ThemeablePropTypes.spacing
-  }
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
     size: 'medium',
-    children: null,
-    margin: undefined
+    children: null
   }
 
   componentDidMount() {
@@ -102,10 +78,10 @@ class Breadcrumb extends Component<BreadcrumbProps> {
     }
     return React.Children.map(children, (child, index) => {
       return (
-        <li css={styles.crumb} style={inlineStyle}>
+        <li css={styles?.crumb} style={inlineStyle}>
           {child}
           {index < numChildren - 1 && (
-            <IconArrowOpenEndSolid color="auto" css={styles.separator} />
+            <IconArrowOpenEndSolid color="auto" css={styles?.separator} />
           )}
         </li>
       )
@@ -122,7 +98,7 @@ class Breadcrumb extends Component<BreadcrumbProps> {
         margin={this.props.margin}
         aria-label={this.props.label}
       >
-        <ol css={styles.breadcrumb}>{this.renderChildren()}</ol>
+        <ol css={styles?.breadcrumb}>{this.renderChildren()}</ol>
       </View>
     )
   }

package/src/Breadcrumb/props.ts

@@ -0,0 +1,72 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import PropTypes from 'prop-types'
+
+import { Children } from '@instructure/ui-prop-types'
+import { ThemeablePropTypes } from '@instructure/emotion'
+
+import { BreadcrumbLink } from './BreadcrumbLink'
+
+import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+
+type BreadcrumbOwnProps = {
+  children?: React.ReactNode // TODO: oneOf([BreadcrumbLink])
+  label: string
+  size?: 'small' | 'medium' | 'large'
+  margin?: Spacing
+}
+
+type PropKeys = keyof BreadcrumbOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * children of type Breadcrumb.Link
+   */
+  children: Children.oneOf([BreadcrumbLink]),
+  /**
+   * An accessible label for the navigation
+   */
+  label: PropTypes.string.isRequired,
+  /**
+   * Sets the font-size of the breadcrumb text
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
+   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
+   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   */
+  margin: ThemeablePropTypes.spacing
+}
+
+const allowedProps: AllowedPropKeys = ['children', 'label', 'margin', 'size']
+
+export type { BreadcrumbProps }
+export { propTypes, allowedProps }

package/src/Breadcrumb/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { BreadcrumbTheme } from '@instructure/shared-types'
-import { BreadcrumbProps } from './types'
+import { BreadcrumbProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -23,5 +23,5 @@
  */
 export { Breadcrumb, BreadcrumbLink } from './Breadcrumb'
 
-export type { BreadcrumbProps } from './Breadcrumb/types'
-export type { BreadcrumbLinkProps } from './Breadcrumb/BreadcrumbLink/types'
+export type { BreadcrumbProps } from './Breadcrumb/props'
+export type { BreadcrumbLinkProps } from './Breadcrumb/BreadcrumbLink/props'

package/types/Breadcrumb/BreadcrumbLink/index.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { BreadcrumbLinkProps } from './types';
+import React, { Component } from 'react';
+import type { BreadcrumbLinkProps } from './props';
 /**
 ---
 parent: Breadcrumb
@@ -9,39 +8,23 @@ id: Breadcrumb.Link
 **/
 declare class BreadcrumbLink extends Component<BreadcrumbLinkProps> {
     static readonly componentId = "Breadcrumb.Link";
-    static propTypes: {
-        /**
-         * Content to render as the crumb, generally should be text.
-         */
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Link the crumb should direct to; if an href is provided, the crumb will render as a link
-         */
-        href: PropTypes.Requireable<string>;
-        /**
-         * If the Breadcrumb.Link has an onClick prop (and no href), it will render as a button
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Sets the font-size of the breadcrumb text
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Add an icon to the Breadcrumb.Link
-         */
-        renderIcon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Place the icon before or after the text in the Breadcrumb.Link
-         */
-        iconPlacement: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        href: undefined;
-        onClick: undefined;
-        size: undefined;
-        renderIcon: undefined;
-        iconPlacement: undefined;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: React.ReactNode;
+        href?: string | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        iconPlacement?: "start" | "end" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        href?: string | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        iconPlacement?: "start" | "end" | undefined;
+    })[];
+    static defaultProps: {};
     render(): JSX.Element;
 }
 export default BreadcrumbLink;

package/types/Breadcrumb/BreadcrumbLink/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/BreadcrumbLink/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AAEH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;QACd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM;CAoBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/BreadcrumbLink/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AAEH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,MAAM;CAoBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/BreadcrumbLink/props.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { PropValidators } from '@instructure/shared-types';
+declare type BreadcrumbLinkOwnProps = {
+    children: React.ReactNode;
+    href?: string;
+    onClick?: (...args: any[]) => any;
+    size?: 'small' | 'medium' | 'large';
+    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    iconPlacement?: 'start' | 'end';
+};
+declare type PropKeys = keyof BreadcrumbLinkOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type BreadcrumbLinkProps = BreadcrumbLinkOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { BreadcrumbLinkProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/BreadcrumbLink/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/BreadcrumbLink/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAChC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/index.d.ts

@@ -1,9 +1,8 @@
 /** @jsx jsx */
-import { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import { BreadcrumbLink } from './BreadcrumbLink';
-import { BreadcrumbProps } from './types';
+import type { BreadcrumbProps } from './props';
 /**
 ---
 category: components
@@ -11,35 +10,21 @@ category: components
 **/
 declare class Breadcrumb extends Component<BreadcrumbProps> {
     static readonly componentId = "Breadcrumb";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * children of type Breadcrumb.Link
-         */
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        /**
-         * An accessible label for the navigation
-         */
-        label: PropTypes.Validator<string>;
-        /**
-         * Sets the font-size of the breadcrumb text
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: React.ReactNode;
+        label: string;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        label: string;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+    })[];
     static defaultProps: {
         size: string;
         children: null;
-        margin: undefined;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

package/types/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAOlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;QAKd;;WAEG;;;;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;MAIlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAmBd,MAAM;CAcP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAmBd,MAAM;CAcP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/types/Breadcrumb/props.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type BreadcrumbOwnProps = {
+    children?: React.ReactNode;
+    label: string;
+    size?: 'small' | 'medium' | 'large';
+    margin?: Spacing;
+};
+declare type PropKeys = keyof BreadcrumbOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { BreadcrumbProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/props.ts"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyD,CAAA;AAE7E,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/styles.d.ts

@@ -1,5 +1,5 @@
 import { BreadcrumbTheme } from '@instructure/shared-types';
-import { BreadcrumbProps } from './types';
+import { BreadcrumbProps } from './props';
 /**
  * ---
  * private: true

package/types/index.d.ts

@@ -1,4 +1,4 @@
 export { Breadcrumb, BreadcrumbLink } from './Breadcrumb';
-export type { BreadcrumbProps } from './Breadcrumb/types';
-export type { BreadcrumbLinkProps } from './Breadcrumb/BreadcrumbLink/types';
+export type { BreadcrumbProps } from './Breadcrumb/props';
+export type { BreadcrumbLinkProps } from './Breadcrumb/BreadcrumbLink/props';
 //# sourceMappingURL=index.d.ts.map

package/es/Breadcrumb/BreadcrumbLink/types.js

@@ -1 +0,0 @@
-export {};

package/es/Breadcrumb/types.js

@@ -1 +0,0 @@
-export {};

package/lib/Breadcrumb/BreadcrumbLink/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/Breadcrumb/types.js

@@ -1 +0,0 @@
-"use strict";

package/types/Breadcrumb/BreadcrumbLink/types.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type BreadcrumbLinkProps = {
-    href?: string;
-    onClick?: (...args: any[]) => any;
-    size?: 'small' | 'medium' | 'large';
-    renderIcon?: React.ReactNode | ((...args: any[]) => any);
-    iconPlacement?: 'start' | 'end';
-};
-//# sourceMappingURL=types.d.ts.map

package/types/Breadcrumb/BreadcrumbLink/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/BreadcrumbLink/types.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,oBAAY,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAChC,CAAA"}

package/types/Breadcrumb/types.d.ts

@@ -1,9 +0,0 @@
-import type { Spacing } from '@instructure/emotion';
-export declare type BreadcrumbProps = {
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
-    label: string;
-    size?: 'small' | 'medium' | 'large';
-    margin?: Spacing;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/Breadcrumb/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/types.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,oBAAY,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}