@instructure/ui-text 8.18.0 → 8.18.1-snapshot.2

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+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/__examples__/Text.examples.js

@@ -31,8 +31,10 @@ export default {
     };
   },
   getExampleProps: props => {
+    var _props$color;
+
     return {
-      background: props?.color?.includes('inverse') ? 'primary-inverse' : 'primary',
+      background: props !== null && props !== void 0 && (_props$color = props.color) !== null && _props$color !== void 0 && _props$color.includes('inverse') ? 'primary-inverse' : 'primary',
       maxWidth: '25rem'
     };
   },

package/es/Text/index.js

@@ -40,19 +40,25 @@ 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() {
-    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 // @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?.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);
   }

package/es/Text/theme.js

@@ -39,15 +39,15 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = { ...typography,
-    primaryInverseColor: colors?.textLightest,
-    primaryColor: colors?.textDarkest,
-    secondaryColor: colors?.textDark,
-    secondaryInverseColor: colors?.textLight,
-    brandColor: colors?.textBrand,
-    dangerColor: colors?.textDanger,
-    successColor: colors?.textSuccess,
-    alertColor: colors?.textAlert,
-    warningColor: colors?.textWarning,
+    primaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    primaryColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    secondaryColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
+    secondaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLight,
+    brandColor: colors === null || colors === void 0 ? void 0 : colors.textBrand,
+    dangerColor: colors === null || colors === void 0 ? void 0 : colors.textDanger,
+    successColor: colors === null || colors === void 0 ? void 0 : colors.textSuccess,
+    alertColor: colors === null || colors === void 0 ? void 0 : colors.textAlert,
+    warningColor: colors === null || colors === void 0 ? void 0 : colors.textWarning,
     // deprecated, remove in v9
     paragraphMargin: `${spacing.medium} 0`
   };

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

@@ -38,8 +38,10 @@ var _default = {
     };
   },
   getExampleProps: props => {
+    var _props$color;
+
     return {
-      background: props?.color?.includes('inverse') ? 'primary-inverse' : 'primary',
+      background: props !== null && props !== void 0 && (_props$color = props.color) !== null && _props$color !== void 0 && _props$color.includes('inverse') ? 'primary-inverse' : 'primary',
       maxWidth: '25rem'
     };
   },

package/lib/Text/index.js

@@ -31,19 +31,25 @@ 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() {
-    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 // @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?.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);
   }

package/lib/Text/theme.js

@@ -46,15 +46,15 @@ const generateComponentTheme = theme => {
     }
   };
   const componentVariables = { ...typography,
-    primaryInverseColor: colors?.textLightest,
-    primaryColor: colors?.textDarkest,
-    secondaryColor: colors?.textDark,
-    secondaryInverseColor: colors?.textLight,
-    brandColor: colors?.textBrand,
-    dangerColor: colors?.textDanger,
-    successColor: colors?.textSuccess,
-    alertColor: colors?.textAlert,
-    warningColor: colors?.textWarning,
+    primaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
+    primaryColor: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
+    secondaryColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
+    secondaryInverseColor: colors === null || colors === void 0 ? void 0 : colors.textLight,
+    brandColor: colors === null || colors === void 0 ? void 0 : colors.textBrand,
+    dangerColor: colors === null || colors === void 0 ? void 0 : colors.textDanger,
+    successColor: colors === null || colors === void 0 ? void 0 : colors.textSuccess,
+    alertColor: colors === null || colors === void 0 ? void 0 : colors.textAlert,
+    warningColor: colors === null || colors === void 0 ? void 0 : colors.textWarning,
     // deprecated, remove in v9
     paragraphMargin: `${spacing.medium} 0`
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "A component for styling textual content",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,17 +24,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.18.0",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-color-utils": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
+    "@instructure/console": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/emotion": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-color-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-test-utils": "8.18.0",
-    "@instructure/ui-themes": "8.18.0"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-themes": "8.18.1-snapshot.2+ca4c1ff9d"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -42,5 +42,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }