@instructure/ui-a11y-content 8.8.1-snapshot.8 → 8.9.0

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-a11y-content

package/es/AccessibleContent/index.js

@@ -25,10 +25,10 @@ const _excluded = ["alt", "children"];
  * SOFTWARE.
  */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils';
 import { PresentationContent } from '../PresentationContent';
 import { ScreenReaderContent } from '../ScreenReaderContent';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -51,13 +51,9 @@ class AccessibleContent extends Component {
 }
 
 AccessibleContent.displayName = "AccessibleContent";
-AccessibleContent.propTypes = {
-  alt: PropTypes.string,
-  children: PropTypes.node,
-  as: PropTypes.elementType
-};
+AccessibleContent.propTypes = propTypes;
+AccessibleContent.allowedProps = allowedProps;
 AccessibleContent.defaultProps = {
-  alt: void 0,
   as: 'span',
   children: null
 };

package/{src/PresentationContent/types.ts → es/AccessibleContent/props.js}

@@ -21,14 +21,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import type { ReactNode } from 'react'
-import type { AsElementType } from '@instructure/shared-types'
-
-export type PresentationContentProps = {
-  /**
-   * the element type to render as
-   */
-  as: AsElementType
-  children?: ReactNode
-}
+import PropTypes from 'prop-types';
+const propTypes = {
+  alt: PropTypes.string,
+  as: PropTypes.elementType,
+  children: PropTypes.node
+};
+const allowedProps = ['alt', 'as', 'children'];
+export { propTypes, allowedProps };

package/es/PresentationContent/index.js

@@ -25,8 +25,8 @@ const _excluded = ["children"];
  * SOFTWARE.
  */
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -50,10 +50,8 @@ class PresentationContent extends Component {
 }
 
 PresentationContent.displayName = "PresentationContent";
-PresentationContent.propTypes = {
-  as: PropTypes.elementType,
-  children: PropTypes.node
-};
+PresentationContent.propTypes = propTypes;
+PresentationContent.allowedProps = allowedProps;
 PresentationContent.defaultProps = {
   as: 'span',
   children: null

package/{src/AccessibleContent/types.ts → es/PresentationContent/props.js}

@@ -21,15 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { AsElementType } from '@instructure/shared-types'
-
-export type AccessibleContentProps = {
-  alt?: string
-
-  /**
-   * the element type to render the screen reader content as
-   */
-  as: AsElementType
-  children?: React.ReactNode
-}
+import PropTypes from 'prop-types';
+const propTypes = {
+  as: PropTypes.elementType,
+  children: PropTypes.node
+};
+const allowedProps = ['as', 'children'];
+export { propTypes, allowedProps };

package/es/ScreenReaderContent/index.js

@@ -29,10 +29,10 @@ var _dec, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils';
 import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -43,31 +43,30 @@ category: components/utilities
 **/
 let ScreenReaderContent = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = class ScreenReaderContent extends Component {
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    this.props.makeStyles();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          styles = _this$props.styles,
-          props = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          styles = _this$props3.styles,
+          props = _objectWithoutProperties(_this$props3, _excluded);
 
     const ElementType = getElementType(ScreenReaderContent, props);
     return jsx(ElementType, Object.assign({}, passthroughProps(props), {
-      css: styles.screenReaderContent
+      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent
     }), children);
   }
 
-}, _class2.displayName = "ScreenReaderContent", _class2.componentId = 'ScreenReaderContent', _class2.propTypes = {
-  makeStyles: PropTypes.func,
-  styles: PropTypes.object,
-  as: PropTypes.elementType,
-  children: PropTypes.node
-}, _class2.defaultProps = {
+}, _class2.displayName = "ScreenReaderContent", _class2.componentId = 'ScreenReaderContent', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   as: 'span',
   children: null
 }, _temp)) || _class);

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

@@ -21,19 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-
-import { AsElementType } from '@instructure/shared-types'
-import { ReactNode } from 'react'
-
-export type ScreenReaderContentProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  /**
-   * the element type to render as
-   */
-  as: AsElementType
-  /**
-   * content meant for screen readers only
-   */
-  children: ReactNode
-}
+import PropTypes from 'prop-types';
+const propTypes = {
+  as: PropTypes.elementType,
+  children: PropTypes.node
+};
+const allowedProps = ['as', 'children'];
+export { propTypes, allowedProps };

package/lib/AccessibleContent/index.js

@@ -13,8 +13,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
@@ -23,6 +21,8 @@ var _PresentationContent = require("../PresentationContent");
 
 var _ScreenReaderContent = require("../ScreenReaderContent");
 
+var _props = require("./props");
+
 const _excluded = ["alt", "children"];
 
 /**
@@ -46,13 +46,9 @@ class AccessibleContent extends _react.Component {
 
 exports.AccessibleContent = AccessibleContent;
 AccessibleContent.displayName = "AccessibleContent";
-AccessibleContent.propTypes = {
-  alt: _propTypes.default.string,
-  children: _propTypes.default.node,
-  as: _propTypes.default.elementType
-};
+AccessibleContent.propTypes = _props.propTypes;
+AccessibleContent.allowedProps = _props.allowedProps;
 AccessibleContent.defaultProps = {
-  alt: void 0,
   as: 'span',
   children: null
 };

package/lib/AccessibleContent/props.js

@@ -0,0 +1,42 @@
+"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 = {
+  alt: _propTypes.default.string,
+  as: _propTypes.default.elementType,
+  children: _propTypes.default.node
+};
+exports.propTypes = propTypes;
+const allowedProps = ['alt', 'as', 'children'];
+exports.allowedProps = allowedProps;

package/lib/PresentationContent/index.js

@@ -13,12 +13,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
 
+var _props = require("./props");
+
 const _excluded = ["children"];
 
 /**
@@ -43,10 +43,8 @@ class PresentationContent extends _react.Component {
 
 exports.PresentationContent = PresentationContent;
 PresentationContent.displayName = "PresentationContent";
-PresentationContent.propTypes = {
-  as: _propTypes.default.elementType,
-  children: _propTypes.default.node
-};
+PresentationContent.propTypes = _props.propTypes;
+PresentationContent.allowedProps = _props.allowedProps;
 PresentationContent.defaultProps = {
   as: 'span',
   children: null

package/lib/PresentationContent/props.js

@@ -0,0 +1,41 @@
+"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 = {
+  as: _propTypes.default.elementType,
+  children: _propTypes.default.node
+};
+exports.propTypes = propTypes;
+const allowedProps = ['as', 'children'];
+exports.allowedProps = allowedProps;

package/lib/ScreenReaderContent/index.js

@@ -11,8 +11,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
@@ -21,6 +19,8 @@ var _emotion = require("@instructure/emotion");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
+var _props = require("./props");
+
 const _excluded = ["children", "styles"];
 
 var _dec, _class, _class2, _temp;
@@ -34,30 +34,29 @@ category: components/utilities
 **/
 let ScreenReaderContent = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = class ScreenReaderContent extends _react.Component {
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props;
+
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
   }
 
   componentDidUpdate() {
-    this.props.makeStyles();
+    var _this$props$makeStyle2, _this$props2;
+
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
 
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          styles = _this$props.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          styles = _this$props3.styles,
+          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const ElementType = (0, _getElementType.getElementType)(ScreenReaderContent, props);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
-      css: styles.screenReaderContent
+      css: styles === null || styles === void 0 ? void 0 : styles.screenReaderContent
     }), children);
   }
 
-}, _class2.displayName = "ScreenReaderContent", _class2.componentId = 'ScreenReaderContent', _class2.propTypes = {
-  makeStyles: _propTypes.default.func,
-  styles: _propTypes.default.object,
-  as: _propTypes.default.elementType,
-  children: _propTypes.default.node
-}, _class2.defaultProps = {
+}, _class2.displayName = "ScreenReaderContent", _class2.componentId = 'ScreenReaderContent', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   as: 'span',
   children: null
 }, _temp)) || _class);

package/lib/ScreenReaderContent/props.js

@@ -0,0 +1,41 @@
+"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 = {
+  as: _propTypes.default.elementType,
+  children: _propTypes.default.node
+};
+exports.propTypes = propTypes;
+const allowedProps = ['as', 'children'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-a11y-content",
-  "version": "8.8.1-snapshot.8+7b83164f4",
+  "version": "8.9.0",
   "description": "Utility components that enhance the user experience of those that navigate the web with a screen reader or keyboard.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,20 +25,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/emotion": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/shared-types": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/ui-dom-utils": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/ui-prop-types": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/ui-react-utils": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/ui-utils": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/uid": "8.8.1-snapshot.8+7b83164f4",
+    "@instructure/console": "8.9.0",
+    "@instructure/emotion": "8.9.0",
+    "@instructure/shared-types": "8.9.0",
+    "@instructure/ui-dom-utils": "8.9.0",
+    "@instructure/ui-prop-types": "8.9.0",
+    "@instructure/ui-react-utils": "8.9.0",
+    "@instructure/ui-utils": "8.9.0",
+    "@instructure/uid": "8.9.0",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.8.1-snapshot.8+7b83164f4",
-    "@instructure/ui-test-utils": "8.8.1-snapshot.8+7b83164f4"
+    "@instructure/ui-babel-preset": "8.9.0",
+    "@instructure/ui-test-utils": "8.9.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -46,6 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "7b83164f4c5872f3a217e010563f59bf584ae4fc"
+  "sideEffects": false
 }

package/src/AccessibleContent/index.tsx

@@ -23,14 +23,15 @@
  */
 
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils'
-import { OtherHTMLAttributes } from '@instructure/shared-types'
+import type { OtherHTMLAttributes } from '@instructure/shared-types'
 
 import { PresentationContent } from '../PresentationContent'
 import { ScreenReaderContent } from '../ScreenReaderContent'
-import { AccessibleContentProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { AccessibleContentProps } from './props'
 
 /**
 ---
@@ -42,14 +43,9 @@ category: components/utilities
 class AccessibleContent extends Component<
   AccessibleContentProps & OtherHTMLAttributes<AccessibleContentProps>
 > {
-  static propTypes = {
-    alt: PropTypes.string,
-    children: PropTypes.node,
-    as: PropTypes.elementType
-  } as const
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
-    alt: undefined,
     as: 'span',
     children: null
   } as const

package/src/AccessibleContent/props.ts

@@ -0,0 +1,55 @@
+/*
+ * 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 type { AsElementType, PropValidators } from '@instructure/shared-types'
+
+type AccessibleContentOwnProps = {
+  alt?: string
+
+  /**
+   * the element type to render the screen reader content as
+   */
+  as: AsElementType
+
+  children?: React.ReactNode
+}
+
+type PropKeys = keyof AccessibleContentOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type AccessibleContentProps = AccessibleContentOwnProps
+
+const propTypes: PropValidators<PropKeys> = {
+  alt: PropTypes.string,
+  as: PropTypes.elementType,
+  children: PropTypes.node
+}
+
+const allowedProps: AllowedPropKeys = ['alt', 'as', 'children']
+
+export type { AccessibleContentProps }
+export { propTypes, allowedProps }

package/src/PresentationContent/index.tsx

@@ -23,12 +23,12 @@
  */
 
 import React, { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils'
-import { OtherHTMLAttributes } from '@instructure/shared-types'
+import type { OtherHTMLAttributes } from '@instructure/shared-types'
 
-import { PresentationContentProps } from './types'
+import { propTypes, allowedProps } from './props'
+import type { PresentationContentProps } from './props'
 
 /**
 ---
@@ -40,11 +40,8 @@ category: components/utilities
 class PresentationContent extends Component<
   PresentationContentProps & OtherHTMLAttributes<PresentationContentProps>
 > {
-  static propTypes = {
-    as: PropTypes.elementType,
-    children: PropTypes.node
-  } as const
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
     as: 'span',
     children: null

package/src/PresentationContent/props.ts

@@ -0,0 +1,53 @@
+/*
+ * 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 { AsElementType, PropValidators } from '@instructure/shared-types'
+
+type PresentationContentOwnProps = {
+  /**
+   * the element type to render as
+   */
+  as: AsElementType
+
+  children?: React.ReactNode
+}
+
+type PropKeys = keyof PresentationContentOwnProps
+
+type AllowedPropKeys = Readonly<PropKeys[]>
+
+type PresentationContentProps = PresentationContentOwnProps
+
+const propTypes: PropValidators<PropKeys> = {
+  as: PropTypes.elementType,
+  children: PropTypes.node
+}
+
+const allowedProps: AllowedPropKeys = ['as', 'children']
+
+export type { PresentationContentProps }
+export { propTypes, allowedProps }

package/src/ScreenReaderContent/index.tsx

@@ -24,15 +24,15 @@
 
 /** @jsx jsx */
 import { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { passthroughProps, getElementType } from '@instructure/ui-react-utils'
-import { OtherHTMLAttributes } from '@instructure/shared-types'
 
 import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
-import { ScreenReaderContentProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { ScreenReaderContentProps } from './props'
 
 /**
 ---
@@ -42,17 +42,12 @@ category: components/utilities
 @tsProps
 **/
 @withStyle(generateStyle, null)
-class ScreenReaderContent extends Component<
-  ScreenReaderContentProps & OtherHTMLAttributes<ScreenReaderContentProps>
-> {
+class ScreenReaderContent extends Component<ScreenReaderContentProps> {
   static readonly componentId = 'ScreenReaderContent'
 
-  static propTypes = {
-    makeStyles: PropTypes.func,
-    styles: PropTypes.object,
-    as: PropTypes.elementType,
-    children: PropTypes.node
-  } as const
+  static propTypes = propTypes
+
+  static allowedProps = allowedProps
 
   static defaultProps = {
     as: 'span',
@@ -60,13 +55,11 @@ class ScreenReaderContent extends Component<
   } as const
 
   componentDidMount() {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
   componentDidUpdate() {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
   render() {
@@ -76,7 +69,7 @@ class ScreenReaderContent extends Component<
     return (
       <ElementType
         {...passthroughProps(props)}
-        css={styles.screenReaderContent}
+        css={styles?.screenReaderContent}
       >
         {children}
       </ElementType>

package/src/ScreenReaderContent/props.ts

@@ -0,0 +1,63 @@
+/*
+ * 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 { ReactNode } from 'react'
+import PropTypes from 'prop-types'
+
+import type {
+  AsElementType,
+  OtherHTMLAttributes,
+  PropValidators
+} from '@instructure/shared-types'
+import type { WithStyleProps } from '@instructure/emotion'
+
+type ScreenReaderContentOwnProps = {
+  /**
+   * the element type to render as
+   */
+  as?: AsElementType
+
+  /**
+   * content meant for screen readers only
+   */
+  children?: ReactNode
+}
+
+type PropKeys = keyof ScreenReaderContentOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type ScreenReaderContentProps = ScreenReaderContentOwnProps &
+  OtherHTMLAttributes<ScreenReaderContentOwnProps> &
+  WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  as: PropTypes.elementType,
+  children: PropTypes.node
+}
+
+const allowedProps: AllowedPropKeys = ['as', 'children']
+
+export type { ScreenReaderContentProps }
+export { propTypes, allowedProps }

package/src/index.ts

@@ -26,6 +26,6 @@ export { AccessibleContent } from './AccessibleContent'
 export { PresentationContent } from './PresentationContent'
 export { ScreenReaderContent } from './ScreenReaderContent'
 
-export type { AccessibleContentProps } from './AccessibleContent/types'
-export type { PresentationContentProps } from './PresentationContent/types'
-export type { ScreenReaderContentProps } from './ScreenReaderContent/types'
+export type { AccessibleContentProps } from './AccessibleContent/props'
+export type { PresentationContentProps } from './PresentationContent/props'
+export type { ScreenReaderContentProps } from './ScreenReaderContent/props'

package/types/AccessibleContent/index.d.ts

@@ -1,7 +1,6 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { OtherHTMLAttributes } from '@instructure/shared-types';
-import { AccessibleContentProps } from './types';
+import React, { Component } from 'react';
+import type { OtherHTMLAttributes } from '@instructure/shared-types';
+import type { AccessibleContentProps } from './props';
 /**
 ---
 category: components/utilities
@@ -10,13 +9,17 @@ category: components/utilities
 @tsProps
 **/
 declare class AccessibleContent extends Component<AccessibleContentProps & OtherHTMLAttributes<AccessibleContentProps>> {
-    static propTypes: {
-        readonly alt: PropTypes.Requireable<string>;
-        readonly children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        readonly as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        alt?: string | undefined;
+        as: import("@instructure/shared-types/types/CommonProps").AsElementType;
+        children?: React.ReactNode;
+    }>;
+    static allowedProps: readonly (keyof {
+        alt?: string | undefined;
+        as: import("@instructure/shared-types/types/CommonProps").AsElementType;
+        children?: React.ReactNode;
+    })[];
     static defaultProps: {
-        readonly alt: undefined;
         readonly as: "span";
         readonly children: null;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAI/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;;;GAMG;AACH,cAAM,iBAAkB,SAAQ,SAAS,CACvC,sBAAsB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CACrE;IACC,MAAM,CAAC,SAAS;;;;MAIN;IAEV,MAAM,CAAC,YAAY;;;;MAIT;IAEV,MAAM;CAWP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAMpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;GAMG;AACH,cAAM,iBAAkB,SAAQ,SAAS,CACvC,sBAAsB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CACrE;IACC,MAAM,CAAC,SAAS;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,MAAM;CAWP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/types/AccessibleContent/props.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type AccessibleContentOwnProps = {
+    alt?: string;
+    /**
+     * the element type to render the screen reader content as
+     */
+    as: AsElementType;
+    children?: React.ReactNode;
+};
+declare type PropKeys = keyof AccessibleContentOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type AccessibleContentProps = AccessibleContentOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { AccessibleContentProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,yBAAyB,GAAG;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,CAAA;AAEvD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAIvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAA2C,CAAA;AAE/D,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/PresentationContent/index.d.ts

@@ -1,7 +1,6 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { OtherHTMLAttributes } from '@instructure/shared-types';
-import { PresentationContentProps } from './types';
+import React, { Component } from 'react';
+import type { OtherHTMLAttributes } from '@instructure/shared-types';
+import type { PresentationContentProps } from './props';
 /**
 ---
 category: components/utilities
@@ -10,10 +9,14 @@ category: components/utilities
 @tsProps
 **/
 declare class PresentationContent extends Component<PresentationContentProps & OtherHTMLAttributes<PresentationContentProps>> {
-    static propTypes: {
-        readonly as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        readonly children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        as: import("@instructure/shared-types/types/CommonProps").AsElementType;
+        children?: React.ReactNode;
+    }>;
+    static allowedProps: readonly (keyof {
+        as: import("@instructure/shared-types/types/CommonProps").AsElementType;
+        children?: React.ReactNode;
+    })[];
     static defaultProps: {
         readonly as: "span";
         readonly children: null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;GAMG;AACH,cAAM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,CACzE;IACC,MAAM,CAAC,SAAS;;;MAGN;IAEV,MAAM,CAAC,YAAY;;;MAGT;IAEV,MAAM;CAUP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAGpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cAAM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,CACzE;IACC,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGT;IAEV,MAAM;CAUP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/types/PresentationContent/props.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type PresentationContentOwnProps = {
+    /**
+     * the element type to render as
+     */
+    as: AsElementType;
+    children?: React.ReactNode;
+};
+declare type PropKeys = keyof PresentationContentOwnProps;
+declare type AllowedPropKeys = Readonly<PropKeys[]>;
+declare type PresentationContentProps = PresentationContentOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { PresentationContentProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IAEjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA;AAE3C,aAAK,wBAAwB,GAAG,2BAA2B,CAAA;AAE3D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ScreenReaderContent/index.d.ts

@@ -1,9 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { OtherHTMLAttributes } from '@instructure/shared-types';
 import { jsx } from '@instructure/emotion';
-import { ScreenReaderContentProps } from './types';
+import type { ScreenReaderContentProps } from './props';
 /**
 ---
 category: components/utilities
@@ -11,14 +9,16 @@ category: components/utilities
 @module ScreenReaderContent
 @tsProps
 **/
-declare class ScreenReaderContent extends Component<ScreenReaderContentProps & OtherHTMLAttributes<ScreenReaderContentProps>> {
+declare class ScreenReaderContent extends Component<ScreenReaderContentProps> {
     static readonly componentId = "ScreenReaderContent";
-    static propTypes: {
-        readonly makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        readonly styles: PropTypes.Requireable<object>;
-        readonly as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        readonly children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        children?: import("react").ReactNode;
+    }>;
+    static allowedProps: readonly (keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        children?: import("react").ReactNode;
+    })[];
     static defaultProps: {
         readonly as: "span";
         readonly children: null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;GAMG;AACH,cACM,mBAAoB,SAAQ,SAAS,CACzC,wBAAwB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,CACzE;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS;;;;;MAKN;IAEV,MAAM,CAAC,YAAY;;;MAGT;IAEV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAaP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;;;GAMG;AACH,cACM,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,CAAC;IACnE,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;MAGT;IAEV,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAaP;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/types/ScreenReaderContent/props.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import type { AsElementType, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type ScreenReaderContentOwnProps = {
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * content meant for screen readers only
+     */
+    children?: ReactNode;
+};
+declare type PropKeys = keyof ScreenReaderContentOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ScreenReaderContentProps = ScreenReaderContentOwnProps & OtherHTMLAttributes<ScreenReaderContentOwnProps> & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ScreenReaderContentProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,2BAA2B,GAAG;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,2BAA2B,CAAA;AAEjD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,wBAAwB,GAAG,2BAA2B,GACzD,mBAAmB,CAAC,2BAA2B,CAAC,GAChD,cAAc,CAAA;AAEhB,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/index.d.ts

@@ -1,7 +1,7 @@
 export { AccessibleContent } from './AccessibleContent';
 export { PresentationContent } from './PresentationContent';
 export { ScreenReaderContent } from './ScreenReaderContent';
-export type { AccessibleContentProps } from './AccessibleContent/types';
-export type { PresentationContentProps } from './PresentationContent/types';
-export type { ScreenReaderContentProps } from './ScreenReaderContent/types';
+export type { AccessibleContentProps } from './AccessibleContent/props';
+export type { PresentationContentProps } from './PresentationContent/props';
+export type { ScreenReaderContentProps } from './ScreenReaderContent/props';
 //# sourceMappingURL=index.d.ts.map

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 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.

package/es/AccessibleContent/types.js

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

package/es/PresentationContent/types.js

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

package/es/ScreenReaderContent/types.js

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

package/lib/AccessibleContent/types.js

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

package/lib/PresentationContent/types.js

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

package/lib/ScreenReaderContent/types.js

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

package/types/AccessibleContent/types.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { AsElementType } from '@instructure/shared-types';
-export declare type AccessibleContentProps = {
-    alt?: string;
-    /**
-     * the element type to render the screen reader content as
-     */
-    as: AsElementType;
-    children?: React.ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/AccessibleContent/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/AccessibleContent/types.ts"],"names":[],"mappings":";AAwBA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,oBAAY,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA"}

package/types/PresentationContent/types.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { AsElementType } from '@instructure/shared-types';
-export declare type PresentationContentProps = {
-    /**
-     * the element type to render as
-     */
-    as: AsElementType;
-    children?: ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/PresentationContent/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/PresentationContent/types.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAE9D,oBAAY,wBAAwB,GAAG;IACrC;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}

package/types/ScreenReaderContent/types.d.ts

@@ -1,15 +0,0 @@
-import { AsElementType } from '@instructure/shared-types';
-import { ReactNode } from 'react';
-export declare type ScreenReaderContentProps = {
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
-    /**
-     * the element type to render as
-     */
-    as: AsElementType;
-    /**
-     * content meant for screen readers only
-     */
-    children: ReactNode;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/ScreenReaderContent/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ScreenReaderContent/types.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,oBAAY,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,EAAE,EAAE,aAAa,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA"}