@instructure/ui-text 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-text

package/es/Text/index.js

@@ -26,70 +26,47 @@ 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 generateComponentTheme from './theme';
-
+import { allowedProps, propTypes } from './props';
 /**
 ---
 category: components
 ---
 **/
+
 let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Text 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(prevProps, prevState, snapshot) {
-    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() {
+    var _this$props$styles;
+
     const children = this.props.children;
     const ElementType = getElementType(Text, this.props);
     return jsx(ElementType, Object.assign({}, passthroughProps(this.props), {
-      css: this.props.styles.text,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
       ref: this.props.elementRef
     }), children);
   }
 
-}, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.propTypes = {
-  /**
-   * the element type to render as
-   */
-  as: PropTypes.elementType,
-  children: PropTypes.node,
-
-  /**
-   * Color of the text
-   */
-  color: PropTypes.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
-  elementRef: PropTypes.func,
-  fontStyle: PropTypes.oneOf(['italic', 'normal']),
-  letterSpacing: PropTypes.oneOf(['normal', 'condensed', 'expanded']),
-  lineHeight: PropTypes.oneOf(['default', 'fit', 'condensed', 'double']),
-  size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  transform: PropTypes.oneOf(['none', 'capitalize', 'uppercase', 'lowercase']),
-  weight: PropTypes.oneOf(['normal', 'light', 'bold']),
-  wrap: PropTypes.oneOf(['normal', 'break-word']),
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: PropTypes.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
   as: 'span',
   wrap: 'normal',
   size: 'medium',
   letterSpacing: 'normal',
-  children: null,
-  elementRef: void 0,
-  color: void 0,
-  transform: void 0,
-  lineHeight: void 0,
-  fontStyle: void 0,
-  weight: void 0
+  children: null
 }, _temp)) || _class);
 export default Text;
 export { Text };

package/es/Text/props.js

@@ -0,0 +1,46 @@
+/*
+ * 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';
+const propTypes = {
+  /**
+   * the element type to render as
+   */
+  as: PropTypes.elementType,
+  children: PropTypes.node,
+
+  /**
+   * Color of the text
+   */
+  color: PropTypes.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
+  elementRef: PropTypes.func,
+  fontStyle: PropTypes.oneOf(['italic', 'normal']),
+  letterSpacing: PropTypes.oneOf(['normal', 'condensed', 'expanded']),
+  lineHeight: PropTypes.oneOf(['default', 'fit', 'condensed', 'double']),
+  size: PropTypes.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
+  transform: PropTypes.oneOf(['none', 'capitalize', 'uppercase', 'lowercase']),
+  weight: PropTypes.oneOf(['normal', 'light', 'bold']),
+  wrap: PropTypes.oneOf(['normal', 'break-word'])
+};
+const allowedProps = ['as', 'children', 'color', 'elementRef', 'fontStyle', 'letterSpacing', 'lineHeight', 'size', 'transform', 'weight', 'wrap'];
+export { propTypes, allowedProps };

package/lib/Text/index.js

@@ -9,8 +9,6 @@ exports.Text = exports.default = void 0;
 
 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 _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
+var _props = require("./props");
+
 var _dec, _class, _class2, _temp;
 
 /**
@@ -30,57 +30,34 @@ category: components
 **/
 let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Text 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(prevProps, prevState, snapshot) {
-    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() {
+    var _this$props$styles;
+
     const children = this.props.children;
     const ElementType = (0, _getElementType.getElementType)(Text, this.props);
     return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
-      css: this.props.styles.text,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
       ref: this.props.elementRef
     }), children);
   }
 
-}, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.propTypes = {
-  /**
-   * the element type to render as
-   */
-  as: _propTypes.default.elementType,
-  children: _propTypes.default.node,
-
-  /**
-   * Color of the text
-   */
-  color: _propTypes.default.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
-  elementRef: _propTypes.default.func,
-  fontStyle: _propTypes.default.oneOf(['italic', 'normal']),
-  letterSpacing: _propTypes.default.oneOf(['normal', 'condensed', 'expanded']),
-  lineHeight: _propTypes.default.oneOf(['default', 'fit', 'condensed', 'double']),
-  size: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
-  transform: _propTypes.default.oneOf(['none', 'capitalize', 'uppercase', 'lowercase']),
-  weight: _propTypes.default.oneOf(['normal', 'light', 'bold']),
-  wrap: _propTypes.default.oneOf(['normal', 'break-word']),
-  // eslint-disable-next-line react/require-default-props
-  makeStyles: _propTypes.default.func,
-  // eslint-disable-next-line react/require-default-props
-  styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _class2.displayName = "Text", _class2.componentId = 'Text', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
   as: 'span',
   wrap: 'normal',
   size: 'medium',
   letterSpacing: 'normal',
-  children: null,
-  elementRef: void 0,
-  color: void 0,
-  transform: void 0,
-  lineHeight: void 0,
-  fontStyle: void 0,
-  weight: void 0
+  children: null
 }, _temp)) || _class);
 exports.Text = Text;
 var _default = Text;

package/lib/Text/props.js

@@ -0,0 +1,57 @@
+"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 = {
+  /**
+   * the element type to render as
+   */
+  as: _propTypes.default.elementType,
+  children: _propTypes.default.node,
+
+  /**
+   * Color of the text
+   */
+  color: _propTypes.default.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
+  elementRef: _propTypes.default.func,
+  fontStyle: _propTypes.default.oneOf(['italic', 'normal']),
+  letterSpacing: _propTypes.default.oneOf(['normal', 'condensed', 'expanded']),
+  lineHeight: _propTypes.default.oneOf(['default', 'fit', 'condensed', 'double']),
+  size: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large']),
+  transform: _propTypes.default.oneOf(['none', 'capitalize', 'uppercase', 'lowercase']),
+  weight: _propTypes.default.oneOf(['normal', 'light', 'bold']),
+  wrap: _propTypes.default.oneOf(['normal', 'break-word'])
+};
+exports.propTypes = propTypes;
+const allowedProps = ['as', 'children', 'color', 'elementRef', 'fontStyle', 'letterSpacing', 'lineHeight', 'size', 'transform', 'weight', 'wrap'];
+exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text",
-  "version": "8.8.1-snapshot.8+7b83164f4",
+  "version": "8.9.0",
   "description": "A component for styling textual content",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,16 +25,16 @@
   "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-react-utils": "8.8.1-snapshot.8+7b83164f4",
+    "@instructure/console": "8.9.0",
+    "@instructure/emotion": "8.9.0",
+    "@instructure/shared-types": "8.9.0",
+    "@instructure/ui-react-utils": "8.9.0",
     "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-themes": "8.8.1-snapshot.8+7b83164f4"
+    "@instructure/ui-babel-preset": "8.9.0",
+    "@instructure/ui-test-utils": "8.9.0",
+    "@instructure/ui-themes": "8.9.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -42,6 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "7b83164f4c5872f3a217e010563f59bf584ae4fc"
+  "sideEffects": false
 }

package/src/Text/index.tsx

@@ -24,14 +24,14 @@
 
 /** @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 generateComponentTheme from './theme'
-import { TextProps } from './types'
+import type { TextProps } from './props'
+import { allowedProps, propTypes } from './props'
 
 /**
 ---
@@ -42,75 +42,24 @@ category: components
 class Text extends Component<TextProps> {
   static readonly componentId = 'Text'
 
-  static propTypes = {
-    /**
-     * the element type to render as
-     */
-    as: PropTypes.elementType,
-    children: PropTypes.node,
-    /**
-     * Color of the text
-     */
-    color: PropTypes.oneOf([
-      'primary',
-      'secondary',
-      'brand',
-      'success',
-      'warning',
-      'danger',
-      'alert',
-      'primary-inverse',
-      'secondary-inverse'
-    ]),
-    elementRef: PropTypes.func,
-    fontStyle: PropTypes.oneOf(['italic', 'normal']),
-    letterSpacing: PropTypes.oneOf(['normal', 'condensed', 'expanded']),
-    lineHeight: PropTypes.oneOf(['default', 'fit', 'condensed', 'double']),
-    size: PropTypes.oneOf([
-      'x-small',
-      'small',
-      'medium',
-      'large',
-      'x-large',
-      'xx-large'
-    ]),
-    transform: PropTypes.oneOf([
-      'none',
-      'capitalize',
-      'uppercase',
-      'lowercase'
-    ]),
-    weight: PropTypes.oneOf(['normal', 'light', 'bold']),
-    wrap: PropTypes.oneOf(['normal', 'break-word']),
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object
-  } as const
+  static allowedProps = allowedProps
+  static propTypes = propTypes
 
   static defaultProps = {
     as: 'span',
     wrap: 'normal',
     size: 'medium',
     letterSpacing: 'normal',
-    children: null,
-    elementRef: undefined,
-    color: undefined,
-    transform: undefined,
-    lineHeight: undefined,
-    fontStyle: undefined,
-    weight: undefined
+    children: null
   } 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?.()
   }
 
   // @ts-expect-error ts-migrate(6133) FIXME: 'prevProps' is declared but its value is never rea... Remove this comment to see the full error message
   componentDidUpdate(prevProps, prevState, snapshot) {
-    // @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() {
@@ -122,7 +71,7 @@ class Text extends Component<TextProps> {
       <ElementType
         //@ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
         {...passthroughProps(this.props)}
-        css={this.props.styles.text}
+        css={this.props.styles?.text}
         ref={this.props.elementRef}
       >
         {children}

package/src/Text/{types.ts → props.ts}

@@ -21,11 +21,13 @@
  * 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 { ReactNode } from 'react'
-import { AsElementType } from '@instructure/shared-types'
+import type { PropValidators, AsElementType } from '@instructure/shared-types'
+import type { WithStyleProps } from '@instructure/emotion'
 
-export type TextProps = {
+type TextOwnProps = {
   as?: AsElementType
   color?:
     | 'primary'
@@ -45,7 +47,65 @@ export type TextProps = {
   transform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase'
   weight?: 'normal' | 'light' | 'bold'
   wrap?: 'normal' | 'break-word'
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  children?: ReactNode
+  children?: React.ReactNode
 }
+
+type PropKeys = keyof TextOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type TextProps = TextOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  /**
+   * the element type to render as
+   */
+  as: PropTypes.elementType,
+  children: PropTypes.node,
+  /**
+   * Color of the text
+   */
+  color: PropTypes.oneOf([
+    'primary',
+    'secondary',
+    'brand',
+    'success',
+    'warning',
+    'danger',
+    'alert',
+    'primary-inverse',
+    'secondary-inverse'
+  ]),
+  elementRef: PropTypes.func,
+  fontStyle: PropTypes.oneOf(['italic', 'normal']),
+  letterSpacing: PropTypes.oneOf(['normal', 'condensed', 'expanded']),
+  lineHeight: PropTypes.oneOf(['default', 'fit', 'condensed', 'double']),
+  size: PropTypes.oneOf([
+    'x-small',
+    'small',
+    'medium',
+    'large',
+    'x-large',
+    'xx-large'
+  ]),
+  transform: PropTypes.oneOf(['none', 'capitalize', 'uppercase', 'lowercase']),
+  weight: PropTypes.oneOf(['normal', 'light', 'bold']),
+  wrap: PropTypes.oneOf(['normal', 'break-word'])
+}
+
+const allowedProps: AllowedPropKeys = [
+  'as',
+  'children',
+  'color',
+  'elementRef',
+  'fontStyle',
+  'letterSpacing',
+  'lineHeight',
+  'size',
+  'transform',
+  'weight',
+  'wrap'
+]
+
+export type { TextProps }
+export { propTypes, allowedProps }

package/src/Text/styles.ts

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

package/src/index.ts

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

package/types/Text/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { TextProps } from './types';
+import type { TextProps } from './props';
 /**
 ---
 category: components
@@ -10,39 +9,38 @@ category: components
 **/
 declare class Text extends Component<TextProps> {
     static readonly componentId = "Text";
-    static propTypes: {
-        /**
-         * the element type to render as
-         */
-        readonly as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        readonly children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Color of the text
-         */
-        readonly color: PropTypes.Requireable<string>;
-        readonly elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        readonly fontStyle: PropTypes.Requireable<string>;
-        readonly letterSpacing: PropTypes.Requireable<string>;
-        readonly lineHeight: PropTypes.Requireable<string>;
-        readonly size: PropTypes.Requireable<string>;
-        readonly transform: PropTypes.Requireable<string>;
-        readonly weight: PropTypes.Requireable<string>;
-        readonly wrap: PropTypes.Requireable<string>;
-        readonly makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        readonly styles: PropTypes.Requireable<object>;
-    };
+    static allowedProps: readonly (keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        color?: "primary" | "secondary" | "brand" | "success" | "warning" | "danger" | "alert" | "primary-inverse" | "secondary-inverse" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        fontStyle?: "italic" | "normal" | undefined;
+        letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
+        lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
+        size?: "small" | "x-small" | "medium" | "large" | "x-large" | "xx-large" | undefined;
+        transform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        weight?: "normal" | "light" | "bold" | undefined;
+        wrap?: "normal" | "break-word" | undefined;
+        children?: import("react").ReactNode;
+    })[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        color?: "primary" | "secondary" | "brand" | "success" | "warning" | "danger" | "alert" | "primary-inverse" | "secondary-inverse" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        fontStyle?: "italic" | "normal" | undefined;
+        letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
+        lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
+        size?: "small" | "x-small" | "medium" | "large" | "x-large" | "xx-large" | undefined;
+        transform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        weight?: "normal" | "light" | "bold" | undefined;
+        wrap?: "normal" | "break-word" | undefined;
+        children?: import("react").ReactNode;
+    }>;
     static defaultProps: {
         readonly as: "span";
         readonly wrap: "normal";
         readonly size: "medium";
         readonly letterSpacing: "normal";
         readonly children: null;
-        readonly elementRef: undefined;
-        readonly color: undefined;
-        readonly transform: undefined;
-        readonly lineHeight: undefined;
-        readonly fontStyle: undefined;
-        readonly weight: undefined;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;QACd;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;MAoCK;IAEV,MAAM,CAAC,YAAY;;;;;;;;;;;;MAYT;IAEV,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Text/{types.d.ts → props.d.ts}

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
-import { AsElementType } from '@instructure/shared-types';
-export declare type TextProps = {
+import React from 'react';
+import type { PropValidators, AsElementType } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type TextOwnProps = {
     as?: AsElementType;
     color?: 'primary' | 'secondary' | 'brand' | 'success' | 'warning' | 'danger' | 'alert' | 'primary-inverse' | 'secondary-inverse';
     elementRef?: (...args: any[]) => any;
@@ -11,8 +12,13 @@ export declare type TextProps = {
     transform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
     weight?: 'normal' | 'light' | 'bold';
     wrap?: 'normal' | 'break-word';
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
-    children?: ReactNode;
+    children?: React.ReactNode;
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof TextOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type TextProps = TextOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { TextProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAA;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7D,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AAE9C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Text/styles.d.ts

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

package/types/index.d.ts

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

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

package/lib/Text/types.js

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

package/types/Text/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Text/types.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,oBAAY,SAAS,GAAG;IACtB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAA;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7D,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}