@instructure/ui-text 11.7.3 → 11.7.4-pr-snapshot-1781695314229

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,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;IAElC,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAM9B;IAED,UAAU;IAeV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAeP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAM9B;IAED,UAAU;IAeV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAeP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -6,6 +6,7 @@ category: components
 ---
 **/
 declare class Text extends Component<TextProps> {
+    static displayName: string;
     static readonly componentId = "Text";
     static allowedProps: readonly (keyof {
         as?: import("@instructure/shared-types").AsElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,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;IAElC,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAM9B;IAED,UAAU;IAeV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAeP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAS;IAC3B,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;MAMT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAM9B;IAED,UAAU;IAeV,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM;CAeP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/exports/a.d.ts

@@ -1,3 +1,3 @@
-export { Text } from '../Text/v1';
+export { Text } from '../Text/v1/index.js';
 export type { TextProps } from '../Text/v1/props';
 //# sourceMappingURL=a.d.ts.map

package/types/exports/a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/types/exports/b.d.ts

@@ -1,3 +1,3 @@
-export { Text } from '../Text/v2';
+export { Text } from '../Text/v2/index.js';
 export type { TextProps } from '../Text/v2/props';
 //# sourceMappingURL=b.d.ts.map

package/types/exports/b.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/Text/v1/index.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Text = void 0;
-var _react = require("react");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class;
-/*
- * 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.
- */
-/**
----
-category: components
----
-**/
-let Text = exports.Text = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Text extends _react.Component {
-  static displayName = "Text";
-  static componentId = 'Text';
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    as: 'span',
-    wrap: 'normal',
-    size: 'medium',
-    letterSpacing: 'normal',
-    children: null
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-    const {
-      elementRef
-    } = this.props;
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
-  checkProps() {
-    const {
-      variant,
-      lineHeight,
-      weight,
-      fontStyle
-    } = this.props;
-    if (variant) {
-      if (lineHeight) {}
-      if (weight) {}
-      if (fontStyle) {}
-    }
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-    this.checkProps();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-    this.checkProps();
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    const ElementType = (0, _getElementType.getElementType)(Text, this.props);
-    return (0, _jsxRuntime.jsx)(ElementType, {
-      ...(0, _passthroughProps.passthroughProps)(this.props),
-      css: this.props.styles?.text,
-      ref: this.handleRef,
-      children: children
-    });
-  }
-}) || _class);
-var _default = exports.default = Text;

package/lib/Text/v1/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * 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 allowedProps = exports.allowedProps = ['as', 'children', 'color', 'elementRef', 'fontStyle', 'letterSpacing', 'lineHeight', 'size', 'transform', 'variant', 'weight', 'wrap'];

package/lib/Text/v1/styles.js

@@ -1,274 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @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, props) => {
-  const {
-    size,
-    wrap,
-    weight,
-    fontStyle,
-    transform,
-    lineHeight,
-    letterSpacing,
-    color,
-    variant
-  } = props;
-  const variants = {
-    descriptionPage: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.descriptionPage,
-      lineHeight: componentTheme.lineHeight150
-    },
-    descriptionSection: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.descriptionSection,
-      lineHeight: componentTheme.lineHeight150
-    },
-    content: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.content,
-      lineHeight: componentTheme.lineHeight150
-    },
-    contentImportant: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightImportant,
-      fontSize: componentTheme.content,
-      lineHeight: componentTheme.lineHeight150
-    },
-    contentQuote: {
-      fontStyle: 'italic',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.content,
-      lineHeight: componentTheme.lineHeight150
-    },
-    contentSmall: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.contentSmall,
-      lineHeight: componentTheme.lineHeight150
-    },
-    legend: {
-      fontStyle: 'normal',
-      fontWeight: componentTheme.weightRegular,
-      fontSize: componentTheme.legend,
-      lineHeight: componentTheme.lineHeight150
-    }
-  };
-  const colorVariants = {
-    primary: {
-      color: componentTheme.primaryColor
-    },
-    secondary: {
-      color: componentTheme.secondaryColor
-    },
-    'primary-inverse': {
-      color: componentTheme.primaryInverseColor
-    },
-    'secondary-inverse': {
-      color: componentTheme.secondaryInverseColor
-    },
-    success: {
-      color: componentTheme.successColor
-    },
-    brand: {
-      color: componentTheme.brandColor
-    },
-    danger: {
-      color: componentTheme.dangerColor
-    },
-    alert: {
-      color: componentTheme.alertColor
-    },
-    warning: {
-      color: componentTheme.warningColor
-    },
-    'ai-highlight': {
-      color: componentTheme.aiColor,
-      background: componentTheme.aiBackgroundColor
-    }
-  };
-  const wrapStyle = {
-    overflowWrap: 'break-word',
-    wordBreak: 'break-word',
-    hyphens: 'auto'
-  };
-  const weightStyle = {
-    normal: {
-      fontWeight: componentTheme.fontWeightNormal
-    },
-    light: {
-      fontWeight: componentTheme.fontWeightLight
-    },
-    bold: {
-      fontWeight: componentTheme.fontWeightBold
-    },
-    weightRegular: {
-      fontWeight: componentTheme.weightRegular
-    },
-    weightImportant: {
-      fontWeight: componentTheme.weightImportant
-    }
-  };
-  const fontSizeVariants = {
-    'x-small': componentTheme.fontSizeXSmall,
-    small: componentTheme.fontSizeSmall,
-    medium: componentTheme.fontSizeMedium,
-    large: componentTheme.fontSizeLarge,
-    'x-large': componentTheme.fontSizeXLarge,
-    'xx-large': componentTheme.fontSizeXXLarge,
-    descriptionPage: componentTheme.descriptionPage,
-    descriptionSection: componentTheme.descriptionSection,
-    content: componentTheme.content,
-    contentSmall: componentTheme.contentSmall,
-    legend: componentTheme.legend
-  };
-  const lineHeightVariants = {
-    default: {
-      lineHeight: componentTheme.lineHeight
-    },
-    fit: {
-      lineHeight: componentTheme.lineHeightFit
-    },
-    condensed: {
-      lineHeight: componentTheme.lineHeightCondensed
-    },
-    double: {
-      lineHeight: componentTheme.lineHeightDouble
-    },
-    lineHeight100: {
-      lineHeight: componentTheme.lineHeight100
-    },
-    lineHeight125: {
-      lineHeight: componentTheme.lineHeight125
-    },
-    lineHeight150: {
-      lineHeight: componentTheme.lineHeight150
-    }
-  };
-  const letterSpacingVariants = {
-    normal: componentTheme.letterSpacingNormal,
-    condensed: componentTheme.letterSpacingCondensed,
-    expanded: componentTheme.letterSpacingExpanded
-  };
-  const calcTextStyles = () => {
-    if (variant) {
-      return variants[variant];
-    }
-    return {
-      ...(weight ? weightStyle[weight] : {}),
-      ...(fontStyle ? {
-        fontStyle: fontStyle
-      } : {}),
-      fontSize: fontSizeVariants[size],
-      ...(lineHeight ? lineHeightVariants[lineHeight] : {})
-    };
-  };
-  const baseStyles = {
-    '&:focus': {
-      outline: 'none'
-    },
-    ...(color ? colorVariants[color] : {}),
-    ...(wrap === 'break-word' ? wrapStyle : {}),
-    letterSpacing: letterSpacingVariants[letterSpacing],
-    ...(transform ? {
-      textTransform: transform
-    } : {}),
-    ...calcTextStyles()
-  };
-  const inputStyles = {
-    ...baseStyles,
-    outline: 0,
-    appearance: 'none',
-    boxSizing: 'border-box',
-    background: 'none',
-    border: 'none',
-    borderRadius: 0,
-    padding: 0,
-    margin: 0,
-    color: 'inherit',
-    height: 'auto',
-    width: '100%',
-    lineHeight: 'inherit',
-    textAlign: 'start',
-    boxShadow: 'none',
-    display: 'block'
-  };
-  return {
-    text: {
-      label: 'text',
-      fontFamily: componentTheme.fontFamily,
-      ...baseStyles,
-      // NOTE: needs separate groups for `:is()` and `:-webkit-any()` because of css selector group validation (see https://www.w3.org/TR/selectors-3/#grouping)
-      '&:is(input)[type]': inputStyles,
-      '&:-webkit-any(input)[type]': inputStyles,
-      'sub, sup': {
-        fontSize: '75%',
-        lineHeight: 0,
-        position: 'relative',
-        verticalAlign: 'baseline'
-      },
-      sup: {
-        top: '-0.4em'
-      },
-      sub: {
-        bottom: '-0.4em'
-      },
-      'pre, code': {
-        all: 'initial',
-        fontFamily: componentTheme.fontFamilyMonospace
-      },
-      'i, em': {
-        fontStyle: 'italic'
-      },
-      'b, strong': {
-        fontWeight: componentTheme.fontWeightBold
-      },
-      p: {
-        display: 'block',
-        padding: 0,
-        margin: componentTheme.paragraphMargin
-      }
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/Text/v1/theme.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * 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.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const {
-    colors,
-    typography,
-    spacing,
-    key: themeName
-  } = theme;
-  const themeSpecificStyle = {
-    canvas: {
-      primaryColor: theme['ic-brand-font-color-dark'],
-      brandColor: theme['ic-brand-primary']
-    }
-  };
-  const componentVariables = {
-    ...typography,
-    primaryInverseColor: colors?.contrasts?.white1010,
-    primaryColor: colors?.contrasts?.grey125125,
-    secondaryColor: colors?.contrasts?.grey5782,
-    secondaryInverseColor: colors?.contrasts?.grey1111,
-    brandColor: colors?.contrasts?.blue5782,
-    dangerColor: colors?.contrasts?.red5782,
-    successColor: colors?.contrasts?.green5782,
-    alertColor: colors?.contrasts?.blue5782,
-    warningColor: colors?.contrasts?.orange5782,
-    aiColor: colors?.contrasts?.violet5790,
-    aiBackgroundColor: colors?.contrasts?.violet1212,
-    paragraphMargin: `${spacing.medium} 0`
-  };
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/Text/v2/index.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Text = void 0;
-var _react = require("react");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class;
-/*
- * 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.
- */
-/**
----
-category: components
----
-**/
-let Text = exports.Text = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class Text extends _react.Component {
-  static displayName = "Text";
-  static componentId = 'Text';
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    as: 'span',
-    wrap: 'normal',
-    size: 'medium',
-    letterSpacing: 'normal',
-    children: null
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-    const {
-      elementRef
-    } = this.props;
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
-  checkProps() {
-    const {
-      variant,
-      lineHeight,
-      weight,
-      fontStyle
-    } = this.props;
-    if (variant) {
-      if (lineHeight) {}
-      if (weight) {}
-      if (fontStyle) {}
-    }
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-    this.checkProps();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-    this.checkProps();
-  }
-  render() {
-    const {
-      children
-    } = this.props;
-    const ElementType = (0, _getElementType.getElementType)(Text, this.props);
-    return (0, _jsxRuntime.jsx)(ElementType, {
-      ...(0, _passthroughProps.passthroughProps)(this.props),
-      css: this.props.styles?.text,
-      ref: this.handleRef,
-      children: children
-    });
-  }
-}) || _class);
-var _default = exports.default = Text;