@instructure/ui-grid 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/Grid/index.js

@@ -55,18 +55,22 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
   }
 
   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);
   }
 
   renderChildren() {
-    const _this$props = this.props,
-          styles = _this$props.styles,
-          makeStyles = _this$props.makeStyles,
-          props = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          makeStyles = _this$props3.makeStyles,
+          props = _objectWithoutProperties(_this$props3, _excluded);
 
     const children = Children.toArray(this.props.children);
     return children.map((child, index) => {
@@ -84,13 +88,13 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
   }
 
   render() {
-    const _this$props2 = this.props,
-          styles = _this$props2.styles,
-          restProps = _objectWithoutProperties(_this$props2, _excluded2);
+    const _this$props4 = this.props,
+          styles = _this$props4.styles,
+          restProps = _objectWithoutProperties(_this$props4, _excluded2);
 
     const props = omitProps(restProps, Grid.allowedProps);
     return jsx("span", Object.assign({}, props, {
-      css: styles?.grid,
+      css: styles === null || styles === void 0 ? void 0 : styles.grid,
       ref: this.handleRef
     }), this.renderChildren());
   }

package/es/Grid/theme.js

@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/es/GridCol/index.js

@@ -55,21 +55,25 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   }
 
   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() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          styles = _this$props.styles;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          styles = _this$props3.styles;
     const props = omitProps(this.props, GridCol.allowedProps);
     return jsx("span", Object.assign({}, props, {
       ref: this.handleRef,
-      css: styles?.gridCol
+      css: styles === null || styles === void 0 ? void 0 : styles.gridCol
     }), children);
   }
 

package/es/GridCol/theme.js

@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/es/GridRow/index.js

@@ -55,18 +55,22 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   }
 
   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);
   }
 
   renderChildren() {
-    const _this$props = this.props,
-          styles = _this$props.styles,
-          makeStyles = _this$props.makeStyles,
-          props = _objectWithoutProperties(_this$props, _excluded);
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          makeStyles = _this$props3.makeStyles,
+          props = _objectWithoutProperties(_this$props3, _excluded);
 
     return Children.map(this.props.children, (child, index) => {
       if (matchComponentTypes(child, [GridCol])) {
@@ -84,13 +88,13 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   }
 
   render() {
-    const _this$props2 = this.props,
-          styles = _this$props2.styles,
-          restProps = _objectWithoutProperties(_this$props2, _excluded2);
+    const _this$props4 = this.props,
+          styles = _this$props4.styles,
+          restProps = _objectWithoutProperties(_this$props4, _excluded2);
 
     const props = omitProps(restProps, GridRow.allowedProps);
     return jsx("span", Object.assign({}, props, {
-      css: styles?.gridRow,
+      css: styles === null || styles === void 0 ? void 0 : styles.gridRow,
       ref: this.handleRef
     }), this.renderChildren());
   }

package/es/GridRow/theme.js

@@ -31,9 +31,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/lib/Grid/index.js

@@ -68,18 +68,22 @@ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   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);
   }
 
   renderChildren() {
-    const _this$props = this.props,
-          styles = _this$props.styles,
-          makeStyles = _this$props.makeStyles,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          makeStyles = _this$props3.makeStyles,
+          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
 
     const children = _react.Children.toArray(this.props.children);
 
@@ -98,12 +102,12 @@ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
   }
 
   render() {
-    const _this$props2 = this.props,
-          styles = _this$props2.styles,
-          restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
+    const _this$props4 = this.props,
+          styles = _this$props4.styles,
+          restProps = (0, _objectWithoutProperties2.default)(_this$props4, _excluded2);
     const props = (0, _omitProps.omitProps)(restProps, Grid.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
-      css: styles?.grid,
+      css: styles === null || styles === void 0 ? void 0 : styles.grid,
       ref: this.handleRef
     }), this.renderChildren());
   }

package/lib/Grid/theme.js

@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/lib/GridCol/index.js

@@ -44,21 +44,25 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   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() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          styles = _this$props.styles;
+    const _this$props3 = this.props,
+          children = _this$props3.children,
+          styles = _this$props3.styles;
     const props = (0, _omitProps.omitProps)(this.props, GridCol.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
       ref: this.handleRef,
-      css: styles?.gridCol
+      css: styles === null || styles === void 0 ? void 0 : styles.gridCol
     }), children);
   }
 

package/lib/GridCol/theme.js

@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/lib/GridRow/index.js

@@ -54,18 +54,22 @@ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   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);
   }
 
   renderChildren() {
-    const _this$props = this.props,
-          styles = _this$props.styles,
-          makeStyles = _this$props.makeStyles,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props3 = this.props,
+          styles = _this$props3.styles,
+          makeStyles = _this$props3.makeStyles,
+          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     return _react.Children.map(this.props.children, (child, index) => {
       if ((0, _matchComponentTypes.matchComponentTypes)(child, [_GridCol.GridCol])) {
         return (0, _safeCloneElement.safeCloneElement)(child, { ...(0, _pickProps.pickProps)(props, GridRow.allowedProps),
@@ -82,12 +86,12 @@ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   render() {
-    const _this$props2 = this.props,
-          styles = _this$props2.styles,
-          restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded2);
+    const _this$props4 = this.props,
+          styles = _this$props4.styles,
+          restProps = (0, _objectWithoutProperties2.default)(_this$props4, _excluded2);
     const props = (0, _omitProps.omitProps)(restProps, GridRow.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
-      css: styles?.gridRow,
+      css: styles === null || styles === void 0 ? void 0 : styles.gridRow,
       ref: this.handleRef
     }), this.renderChildren());
   }

package/lib/GridRow/theme.js

@@ -38,9 +38,9 @@ const generateComponentTheme = theme => {
   const spacing = theme.spacing,
         media = theme.media;
   const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
+    spacingSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
+    spacingMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
+    spacingLarge: spacing === null || spacing === void 0 ? void 0 : spacing.large,
     ...media
   };
   return { ...componentVariables

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-grid",
-  "version": "8.18.0",
+  "version": "8.18.1-snapshot.2+ca4c1ff9d",
   "description": "A Grid component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,20 +24,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.18.0",
-    "@instructure/shared-types": "8.18.0",
-    "@instructure/ui-a11y-content": "8.18.0",
-    "@instructure/ui-prop-types": "8.18.0",
-    "@instructure/ui-react-utils": "8.18.0",
-    "@instructure/ui-testable": "8.18.0",
-    "@instructure/ui-utils": "8.18.0",
+    "@instructure/emotion": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/shared-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-a11y-content": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-testable": "8.18.1-snapshot.2+ca4c1ff9d",
+    "@instructure/ui-utils": "8.18.1-snapshot.2+ca4c1ff9d",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.18.0",
-    "@instructure/ui-color-utils": "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-color-utils": "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"
@@ -45,5 +45,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "ca4c1ff9d3985151ae0758fb596de41652dbb58b"
 }