@instructure/ui-text 8.9.2-snapshot.7 → 8.10.1-snapshot.8

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-text
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-text

package/es/Text/__examples__/Text.examples.js

@@ -27,7 +27,7 @@ export default {
   maxExamples: 1000,
   getComponentProps: props => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
+      children: props.size && ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
     };
   },
   getExampleProps: props => {

package/es/Text/index.js

@@ -35,6 +35,7 @@ import { allowedProps, propTypes } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 
 let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = class Text extends Component {
@@ -44,7 +45,7 @@ let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
     (_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) {
+  componentDidUpdate() {
     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);
@@ -55,10 +56,13 @@ let Text = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
 
     const children = this.props.children;
     const ElementType = getElementType(Text, this.props);
-    return jsx(ElementType, Object.assign({}, passthroughProps(this.props), {
-      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
-      ref: this.props.elementRef
-    }), children);
+    return (// @ts-expect-error TODO: AsElementType is not compatible for ref
+      jsx(ElementType // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+      , Object.assign({}, passthroughProps(this.props), {
+        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.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {

package/es/Text/props.js

@@ -23,15 +23,8 @@
  */
 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']),

package/lib/Text/__examples__/Text.examples.js

@@ -34,7 +34,7 @@ var _default = {
   maxExamples: 1000,
   getComponentProps: props => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
+      children: props.size && ['x-small', 'small', 'medium', 'large'].includes(props.size) ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco' : 'Lorem ipsum dolor sit amet, consectetur'
     };
   },
   getExampleProps: props => {

package/lib/Text/index.js

@@ -27,6 +27,7 @@ var _dec, _class, _class2, _temp;
 ---
 category: components
 ---
+@tsProps
 **/
 let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = class Text extends _react.Component {
   componentDidMount() {
@@ -35,7 +36,7 @@ let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     (_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) {
+  componentDidUpdate() {
     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);
@@ -46,10 +47,13 @@ let Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
 
     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 = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.text,
-      ref: this.props.elementRef
-    }), children);
+    return (// @ts-expect-error TODO: AsElementType is not compatible for ref
+      (0, _emotion.jsx)(ElementType // @ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+      , Object.assign({}, (0, _passthroughProps.passthroughProps)(this.props), {
+        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.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {

package/lib/Text/props.js

@@ -33,15 +33,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * 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']),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text",
-  "version": "8.9.2-snapshot.7+1a56581cd",
+  "version": "8.10.1-snapshot.8+21f46f4e3",
   "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.9.2-snapshot.7+1a56581cd",
-    "@instructure/emotion": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/shared-types": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.7+1a56581cd",
+    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-themes": "8.9.2-snapshot.7+1a56581cd"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1a56581cde6bd3b4f9fe5cd11ae420bd1222fe15"
+  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
 }

package/src/Text/__examples__/Text.examples.ts

@@ -21,21 +21,22 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+import { TextProps } from '../props'
 
 export default {
   sectionProp: 'weight',
   maxExamplesPerPage: 50,
   maxExamples: 1000,
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  getComponentProps: (props) => {
+  getComponentProps: (props: TextProps) => {
     return {
-      children: ['x-small', 'small', 'medium', 'large'].includes(props.size)
-        ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco'
-        : 'Lorem ipsum dolor sit amet, consectetur'
+      children:
+        props.size &&
+        ['x-small', 'small', 'medium', 'large'].includes(props.size)
+          ? 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ullamco'
+          : 'Lorem ipsum dolor sit amet, consectetur'
     }
   },
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  getExampleProps: (props) => {
+  getExampleProps: (props: TextProps) => {
     return {
       background: props?.color?.includes('inverse')
         ? 'primary-inverse'
@@ -43,8 +44,7 @@ export default {
       maxWidth: '25rem'
     }
   },
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'props' implicitly has an 'any' type.
-  filter: (props) => {
+  filter: (props: TextProps) => {
     return (
       // Only generate a 1 variation for non-'primary' color
       (props.color !== 'primary' &&

package/src/Text/index.tsx

@@ -37,6 +37,7 @@ import { allowedProps, propTypes } from './props'
 ---
 category: components
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 class Text extends Component<TextProps> {
@@ -57,8 +58,7 @@ class Text extends Component<TextProps> {
     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) {
+  componentDidUpdate() {
     this.props.makeStyles?.()
   }
 
@@ -68,8 +68,9 @@ class Text extends Component<TextProps> {
     const ElementType = getElementType(Text, this.props)
 
     return (
+      // @ts-expect-error TODO: AsElementType is not compatible for ref
       <ElementType
-        //@ts-expect-error TODO: `ref` prop causes: "Expression produces a union type that is too complex to represent.ts(2590)"
+        // @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}
         ref={this.props.elementRef}

package/src/Text/props.ts

@@ -21,14 +21,25 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import type { PropValidators, AsElementType } from '@instructure/shared-types'
-import type { WithStyleProps } from '@instructure/emotion'
+import type {
+  PropValidators,
+  AsElementType,
+  TextTheme
+} from '@instructure/shared-types'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TextOwnProps = {
+  /**
+   * the element type to render as
+   */
   as?: AsElementType
+  /**
+   * Color of the text
+   */
   color?:
     | 'primary'
     | 'secondary'
@@ -39,7 +50,10 @@ type TextOwnProps = {
     | 'alert'
     | 'primary-inverse'
     | 'secondary-inverse'
-  elementRef?: (...args: any[]) => any
+  /**
+   * Provides a reference to the underlying HTML element
+   */
+  elementRef?: (element: HTMLElement | null) => void
   fontStyle?: 'italic' | 'normal'
   letterSpacing?: 'normal' | 'condensed' | 'expanded'
   lineHeight?: 'default' | 'fit' | 'condensed' | 'double'
@@ -54,17 +68,13 @@ type PropKeys = keyof TextOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type TextProps = TextOwnProps & WithStyleProps
+type TextProps = TextOwnProps & WithStyleProps<TextTheme, TextStyle>
+
+type TextStyle = ComponentStyle<'text'>
 
 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',
@@ -107,5 +117,5 @@ const allowedProps: AllowedPropKeys = [
   'wrap'
 ]
 
-export type { TextProps }
+export type { TextProps, TextStyle }
 export { propTypes, allowedProps }

package/src/Text/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { TextTheme } from '@instructure/shared-types'
-import { TextProps } from './props'
+import type { TextTheme } from '@instructure/shared-types'
+import type { TextProps, TextStyle } from './props'
 
 /**
  * ---
@@ -35,7 +35,10 @@ import { TextProps } from './props'
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme: TextTheme, props: TextProps) => {
+const generateStyle = (
+  componentTheme: TextTheme,
+  props: TextProps
+): TextStyle => {
   const {
     size,
     wrap,

package/types/Text/__examples__/Text.examples.d.ts

@@ -1,15 +1,16 @@
+import { TextProps } from '../props';
 declare const _default: {
     sectionProp: string;
     maxExamplesPerPage: number;
     maxExamples: number;
-    getComponentProps: (props: any) => {
+    getComponentProps: (props: TextProps) => {
         children: string;
     };
-    getExampleProps: (props: any) => {
+    getExampleProps: (props: TextProps) => {
         background: string;
         maxWidth: string;
     };
-    filter: (props: any) => boolean;
+    filter: (props: TextProps) => boolean;
 };
 export default _default;
 //# sourceMappingURL=Text.examples.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,wBA2CC"}
+{"version":3,"file":"Text.examples.d.ts","sourceRoot":"","sources":["../../../src/Text/__examples__/Text.examples.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;;;;;+BAMP,SAAS;;;6BASX,SAAS;;;;oBAQlB,SAAS;;AArB3B,wBA0CC"}

package/types/Text/index.d.ts

@@ -6,13 +6,14 @@ import type { TextProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 declare class Text extends Component<TextProps> {
     static readonly componentId = "Text";
     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;
+        elementRef?: ((element: HTMLElement | null) => void) | undefined;
         fontStyle?: "italic" | "normal" | undefined;
         letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
         lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
@@ -25,7 +26,7 @@ declare class Text extends Component<TextProps> {
     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;
+        elementRef?: ((element: HTMLElement | null) => void) | undefined;
         fontStyle?: "italic" | "normal" | undefined;
         letterSpacing?: "normal" | "condensed" | "expanded" | undefined;
         lineHeight?: "condensed" | "default" | "fit" | "double" | undefined;
@@ -43,7 +44,7 @@ declare class Text extends Component<TextProps> {
         readonly children: null;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     render(): jsx.JSX.Element;
 }
 export default Text;

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;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"}
+{"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;;;;;GAKG;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;IAIjB,kBAAkB;IAIlB,MAAM;CAiBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Text/props.d.ts

@@ -1,10 +1,19 @@
 import React from 'react';
-import type { PropValidators, AsElementType } from '@instructure/shared-types';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators, AsElementType, TextTheme } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type TextOwnProps = {
+    /**
+     * the element type to render as
+     */
     as?: AsElementType;
+    /**
+     * Color of the text
+     */
     color?: 'primary' | 'secondary' | 'brand' | 'success' | 'warning' | 'danger' | 'alert' | 'primary-inverse' | 'secondary-inverse';
-    elementRef?: (...args: any[]) => any;
+    /**
+     * Provides a reference to the underlying HTML element
+     */
+    elementRef?: (element: HTMLElement | null) => void;
     fontStyle?: 'italic' | 'normal';
     letterSpacing?: 'normal' | 'condensed' | 'expanded';
     lineHeight?: 'default' | 'fit' | 'condensed' | 'double';
@@ -16,9 +25,10 @@ declare type TextOwnProps = {
 };
 declare type PropKeys = keyof TextOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type TextProps = TextOwnProps & WithStyleProps;
+declare type TextProps = TextOwnProps & WithStyleProps<TextTheme, TextStyle>;
+declare type TextStyle = ComponentStyle<'text'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { TextProps };
+export type { TextProps, TextStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Text/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,YAAY,GAAG;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAClD,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,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,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 './props';
+import type { TextTheme } from '@instructure/shared-types';
+import type { TextProps, TextStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,107 +10,6 @@ import { TextProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: TextTheme, props: TextProps) => {
-    text: {
-        '&:is(input)[type]': {
-            outline: number;
-            appearance: string;
-            boxSizing: string;
-            background: string;
-            border: string;
-            borderRadius: number;
-            padding: number;
-            margin: number;
-            color: string;
-            height: string;
-            width: string;
-            lineHeight: string;
-            textAlign: string;
-            boxShadow: string;
-            display: string;
-            textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-            letterSpacing: string | number;
-            fontSize: string | 0;
-            fontStyle?: "italic" | "normal" | undefined;
-            fontWeight?: number | undefined;
-            overflowWrap?: string | undefined;
-            wordBreak?: string | undefined;
-            hyphens?: string | undefined;
-            '&:focus': {
-                outline: string;
-            };
-        };
-        '&:-webkit-any(input)[type]': {
-            outline: number;
-            appearance: string;
-            boxSizing: string;
-            background: string;
-            border: string;
-            borderRadius: number;
-            padding: number;
-            margin: number;
-            color: string;
-            height: string;
-            width: string;
-            lineHeight: string;
-            textAlign: string;
-            boxShadow: string;
-            display: string;
-            textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-            letterSpacing: string | number;
-            fontSize: string | 0;
-            fontStyle?: "italic" | "normal" | undefined;
-            fontWeight?: number | undefined;
-            overflowWrap?: string | undefined;
-            wordBreak?: string | undefined;
-            hyphens?: string | undefined;
-            '&:focus': {
-                outline: string;
-            };
-        };
-        'sub, sup': {
-            fontSize: string;
-            lineHeight: number;
-            position: string;
-            verticalAlign: string;
-        };
-        sup: {
-            top: string;
-        };
-        sub: {
-            bottom: string;
-        };
-        'pre, code': {
-            all: string;
-            fontFamily: string;
-        };
-        'i, em': {
-            fontStyle: string;
-        };
-        'b, strong': {
-            fontWeight: number;
-        };
-        p: {
-            display: string;
-            padding: number;
-            margin: string | 0;
-        };
-        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        letterSpacing: string | number;
-        lineHeight?: string | number | undefined;
-        fontSize: string | 0;
-        fontStyle?: "italic" | "normal" | undefined;
-        fontWeight?: number | undefined;
-        overflowWrap?: string | undefined;
-        wordBreak?: string | undefined;
-        hyphens?: string | undefined;
-        color?: string | undefined;
-        '&:focus': {
-            outline: string;
-        };
-        label: string;
-        fontFamily: string;
-    };
-};
+declare const generateStyle: (componentTheme: TextTheme, props: TextProps) => TextStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Text/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,SAAS,SAAS,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjE,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Text/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SAkIF,CAAA;AAED,eAAe,aAAa,CAAA"}