@instructure/ui-byline 8.8.1-snapshot.3 → 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-byline

package/es/Byline/index.js

@@ -26,12 +26,12 @@ var _dec, _class, _class2, _temp;
 
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { omitProps } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
+import { propTypes, allowedProps } from './props';
 
 /**
 ---
@@ -48,65 +48,28 @@ let Byline = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cla
   }
 
   render() {
+    var _this$props$styles, _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5, _this$props$styles6;
+
     const passthroughProps = View.omitViewProps(omitProps(this.props, Byline.propTypes), Byline);
     return jsx(View, Object.assign({}, passthroughProps, {
       elementRef: this.props.elementRef,
-      css: this.props.styles.byline,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.byline,
       as: "figure",
       margin: this.props.margin,
-      maxWidth: this.props.styles.maxWidth
+      maxWidth: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.maxWidth
     }), jsx("div", {
-      css: this.props.styles.figure
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.figure
     }, this.props.children), jsx("figcaption", {
-      css: this.props.styles.caption
+      css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.caption
     }, this.props.title && jsx("span", {
-      css: this.props.styles.title
+      css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.title
     }, this.props.title), this.props.description && jsx("div", {
-      css: this.props.styles.description
+      css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.description
     }, this.props.description)));
   }
 
-}, _class2.displayName = "Byline", _class2.componentId = 'Byline', _class2.propTypes = {
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object,
-
-  /**
-   * the Byline visual/object
-   */
-  children: PropTypes.node.isRequired,
-
-  /**
-   * the Byline title
-   */
-  title: PropTypes.node,
-
-  /**
-   * the Byline description
-   */
-  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
-  /**
-   * how should the title and description align
-   */
-  alignContent: PropTypes.oneOf(['top', 'center']),
-
-  /**
-   * 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,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  elementRef: PropTypes.func
-}, _class2.defaultProps = {
-  alignContent: 'center',
-  elementRef: void 0,
-  margin: void 0,
-  title: void 0,
-  size: void 0,
-  description: void 0
+}, _class2.displayName = "Byline", _class2.componentId = 'Byline', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  alignContent: 'center'
 }, _temp)) || _class);
 export default Byline;
 export { Byline };

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

@@ -21,16 +21,37 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import PropTypes from 'prop-types';
+import { ThemeablePropTypes } from '@instructure/emotion';
+const propTypes = {
+  /**
+   * the Byline visual/object
+   */
+  children: PropTypes.node.isRequired,
 
-import type { Spacing } from '@instructure/emotion'
+  /**
+   * the Byline title
+   */
+  title: PropTypes.node,
 
-export type BylineProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  title?: React.ReactNode
-  description?: string | React.ReactNode
-  alignContent?: 'top' | 'center'
-  margin?: Spacing
-  size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
-}
+  /**
+   * the Byline description
+   */
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+
+  /**
+   * how should the title and description align
+   */
+  alignContent: PropTypes.oneOf(['top', 'center']),
+
+  /**
+   * 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,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  elementRef: PropTypes.func
+};
+const allowedProps = ['alignContent', 'children', 'description', 'elementRef', 'margin', 'size', 'title'];
+export { propTypes, allowedProps };

package/lib/Byline/index.js

@@ -9,8 +9,6 @@ exports.Byline = exports.default = void 0;
 
 var _react = require("react");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 
 var _View = require("@instructure/ui-view/lib/View");
@@ -21,6 +19,8 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -38,66 +38,29 @@ let Byline = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
   }
 
   render() {
+    var _this$props$styles, _this$props$styles2, _this$props$styles3, _this$props$styles4, _this$props$styles5, _this$props$styles6;
+
     const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Byline.propTypes), Byline);
 
     return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
       elementRef: this.props.elementRef,
-      css: this.props.styles.byline,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.byline,
       as: "figure",
       margin: this.props.margin,
-      maxWidth: this.props.styles.maxWidth
+      maxWidth: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.maxWidth
     }), (0, _emotion.jsx)("div", {
-      css: this.props.styles.figure
+      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.figure
     }, this.props.children), (0, _emotion.jsx)("figcaption", {
-      css: this.props.styles.caption
+      css: (_this$props$styles4 = this.props.styles) === null || _this$props$styles4 === void 0 ? void 0 : _this$props$styles4.caption
     }, this.props.title && (0, _emotion.jsx)("span", {
-      css: this.props.styles.title
+      css: (_this$props$styles5 = this.props.styles) === null || _this$props$styles5 === void 0 ? void 0 : _this$props$styles5.title
     }, this.props.title), this.props.description && (0, _emotion.jsx)("div", {
-      css: this.props.styles.description
+      css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.description
     }, this.props.description)));
   }
 
-}, _class2.displayName = "Byline", _class2.componentId = 'Byline', _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,
-
-  /**
-   * the Byline visual/object
-   */
-  children: _propTypes.default.node.isRequired,
-
-  /**
-   * the Byline title
-   */
-  title: _propTypes.default.node,
-
-  /**
-   * the Byline description
-   */
-  description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
-  /**
-   * how should the title and description align
-   */
-  alignContent: _propTypes.default.oneOf(['top', 'center']),
-
-  /**
-   * 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,
-  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-  elementRef: _propTypes.default.func
-}, _class2.defaultProps = {
-  alignContent: 'center',
-  elementRef: void 0,
-  margin: void 0,
-  title: void 0,
-  size: void 0,
-  description: void 0
+}, _class2.displayName = "Byline", _class2.componentId = 'Byline', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+  alignContent: 'center'
 }, _temp)) || _class);
 exports.Byline = Byline;
 var _default = Byline;

package/lib/Byline/props.js

@@ -0,0 +1,69 @@
+"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 _emotion = require("@instructure/emotion");
+
+/*
+ * 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 = {
+  /**
+   * the Byline visual/object
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * the Byline title
+   */
+  title: _propTypes.default.node,
+
+  /**
+   * the Byline description
+   */
+  description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /**
+   * how should the title and description align
+   */
+  alignContent: _propTypes.default.oneOf(['top', 'center']),
+
+  /**
+   * 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,
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
+  elementRef: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+const allowedProps = ['alignContent', 'children', 'description', 'elementRef', 'margin', 'size', 'title'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-byline",
-  "version": "8.8.1-snapshot.3+d5d6d4cd8",
+  "version": "8.9.0",
   "description": "A Byline component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,18 +25,18 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-react-utils": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-testable": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-view": "8.8.1-snapshot.3+d5d6d4cd8",
+    "@instructure/emotion": "8.9.0",
+    "@instructure/shared-types": "8.9.0",
+    "@instructure/ui-react-utils": "8.9.0",
+    "@instructure/ui-testable": "8.9.0",
+    "@instructure/ui-view": "8.9.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/shared-types": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-babel-preset": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-color-utils": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-test-utils": "8.8.1-snapshot.3+d5d6d4cd8",
-    "@instructure/ui-themes": "8.8.1-snapshot.3+d5d6d4cd8"
+    "@instructure/ui-babel-preset": "8.9.0",
+    "@instructure/ui-color-utils": "8.9.0",
+    "@instructure/ui-test-utils": "8.9.0",
+    "@instructure/ui-themes": "8.9.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -44,6 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "d5d6d4cd8f300e8635c69248f5d794c002269e08"
+  "sideEffects": false
 }

package/src/Byline/index.tsx

@@ -24,16 +24,17 @@
 
 /** @jsx jsx */
 import { Component } from 'react'
-import PropTypes from 'prop-types'
 
 import { omitProps } from '@instructure/ui-react-utils'
 import { View } from '@instructure/ui-view'
 
-import { withStyle, jsx, ThemeablePropTypes } from '@instructure/emotion'
+import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { BylineProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { BylineProps } from './props'
 
 /**
 ---
@@ -45,44 +46,10 @@ category: components
 class Byline extends Component<BylineProps> {
   static readonly componentId = 'Byline'
 
-  static propTypes = {
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object,
-    /**
-     * the Byline visual/object
-     */
-    children: PropTypes.node.isRequired,
-    /**
-     * the Byline title
-     */
-    title: PropTypes.node,
-    /**
-     * the Byline description
-     */
-    description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    /**
-     * how should the title and description align
-     */
-    alignContent: PropTypes.oneOf(['top', 'center']),
-    /**
-     * 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,
-    size: PropTypes.oneOf(['small', 'medium', 'large']),
-    elementRef: PropTypes.func
-  }
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
-    alignContent: 'center',
-    elementRef: undefined,
-    margin: undefined,
-    title: undefined,
-    size: undefined,
-    description: undefined
+    alignContent: 'center'
   }
 
   componentDidMount() {
@@ -106,18 +73,19 @@ class Byline extends Component<BylineProps> {
       <View
         {...passthroughProps}
         elementRef={this.props.elementRef}
-        css={this.props.styles.byline}
+        css={this.props.styles?.byline}
         as="figure"
         margin={this.props.margin}
-        maxWidth={this.props.styles.maxWidth}
+        // @ts-expect-error TODO: fix
+        maxWidth={this.props.styles?.maxWidth}
       >
-        <div css={this.props.styles.figure}>{this.props.children}</div>
-        <figcaption css={this.props.styles.caption}>
+        <div css={this.props.styles?.figure}>{this.props.children}</div>
+        <figcaption css={this.props.styles?.caption}>
           {this.props.title && (
-            <span css={this.props.styles.title}>{this.props.title}</span>
+            <span css={this.props.styles?.title}>{this.props.title}</span>
           )}
           {this.props.description && (
-            <div css={this.props.styles.description}>
+            <div css={this.props.styles?.description}>
               {this.props.description}
             </div>
           )}

package/src/Byline/props.ts

@@ -0,0 +1,87 @@
+/*
+ * 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 { ThemeablePropTypes } from '@instructure/emotion'
+
+import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+
+type BylineOwnProps = {
+  children: React.ReactNode
+  title?: React.ReactNode
+  description?: string | React.ReactNode
+  alignContent?: 'top' | 'center'
+  margin?: Spacing
+  size?: 'small' | 'medium' | 'large'
+  elementRef?: (...args: any[]) => any
+}
+
+type PropKeys = keyof BylineOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type BylineProps = BylineOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * the Byline visual/object
+   */
+  children: PropTypes.node.isRequired,
+  /**
+   * the Byline title
+   */
+  title: PropTypes.node,
+  /**
+   * the Byline description
+   */
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * how should the title and description align
+   */
+  alignContent: PropTypes.oneOf(['top', 'center']),
+  /**
+   * 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,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  elementRef: PropTypes.func
+}
+
+const allowedProps: AllowedPropKeys = [
+  'alignContent',
+  'children',
+  'description',
+  'elementRef',
+  'margin',
+  'size',
+  'title'
+]
+
+export type { BylineProps }
+export { propTypes, allowedProps }

package/src/Byline/styles.ts

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

package/src/index.ts

@@ -22,4 +22,4 @@
  * SOFTWARE.
  */
 export { Byline } from './Byline'
-export type { BylineProps } from './Byline/types'
+export type { BylineProps } from './Byline/props'

package/types/Byline/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { BylineProps } from './types';
+import type { BylineProps } from './props';
 /**
 ---
 category: components
@@ -10,41 +9,26 @@ category: components
 **/
 declare class Byline extends Component<BylineProps> {
     static readonly componentId = "Byline";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * the Byline visual/object
-         */
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * the Byline title
-         */
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * the Byline description
-         */
-        description: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * how should the title and description align
-         */
-        alignContent: 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;
-        size: PropTypes.Requireable<string>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode;
+        title?: import("react").ReactNode;
+        description?: import("react").ReactNode;
+        alignContent?: "top" | "center" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode;
+        title?: import("react").ReactNode;
+        description?: import("react").ReactNode;
+        alignContent?: "top" | "center" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         alignContent: string;
-        elementRef: undefined;
-        margin: undefined;
-        title: undefined;
-        size: undefined;
-        description: undefined;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Byline/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAKlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAIzE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;QAKd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;;;MAIJ;IAED,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA6BP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Byline/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA8BP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/Byline/props.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type BylineOwnProps = {
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    description?: string | React.ReactNode;
+    alignContent?: 'top' | 'center';
+    margin?: Spacing;
+    size?: 'small' | 'medium' | 'large';
+    elementRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof BylineOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type BylineProps = BylineOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { BylineProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Byline/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAA;AAElD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Byline/styles.d.ts

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

package/types/index.d.ts

@@ -1,3 +1,3 @@
 export { Byline } from './Byline';
-export type { BylineProps } from './Byline/types';
+export type { BylineProps } from './Byline/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/Byline/types.js

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

package/lib/Byline/types.js

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

package/types/Byline/types.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { Spacing } from '@instructure/emotion';
-export declare type BylineProps = {
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
-    title?: React.ReactNode;
-    description?: string | React.ReactNode;
-    alignContent?: 'top' | 'center';
-    margin?: Spacing;
-    size?: 'small' | 'medium' | 'large';
-    elementRef?: (...args: any[]) => any;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/Byline/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Byline/types.ts"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,oBAAY,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA"}