@instructure/ui-grid 11.6.0 → 11.6.1-snapshot-129

package/es/GridRow/v2/styles.js

@@ -0,0 +1,137 @@
+/*
+ * 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 hAlign = props.hAlign,
+    vAlign = props.vAlign,
+    rowSpacing = props.rowSpacing,
+    colSpacing = props.colSpacing,
+    isLastRow = props.isLastRow,
+    startAt = props.startAt,
+    visualDebug = props.visualDebug;
+  const getGridRowStyle = () => {
+    const hAlignVariants = {
+      center: {
+        justifyContent: 'center'
+      },
+      start: {
+        justifyContent: 'flex-start'
+      },
+      end: {
+        justifyContent: 'flex-end'
+      },
+      'space-around': {
+        justifyContent: 'space-around'
+      },
+      'space-between': {
+        justifyContent: 'space-between'
+      }
+    };
+    const vAlignVariants = {
+      top: {
+        alignItems: 'flex-start'
+      },
+      middle: {
+        alignItems: 'center'
+      },
+      bottom: {
+        alignItems: 'flex-end'
+      },
+      stretch: {
+        alignItems: 'stretch'
+      }
+    };
+    const colSpacingVariants = {
+      small: {
+        margin: `0 calc(-1 * ${componentTheme.spacingSmall} / 2)`
+      },
+      medium: {
+        margin: `0 calc(-1 * ${componentTheme.spacingMedium} / 2)`
+      },
+      large: {
+        margin: `0 calc(-1 * ${componentTheme.spacingLarge} / 2)`
+      },
+      none: {}
+    };
+    const rowSpacingVariants = {
+      small: {
+        marginBottom: componentTheme.spacingSmall
+      },
+      medium: {
+        marginBottom: componentTheme.spacingMedium
+      },
+      large: {
+        marginBottom: componentTheme.spacingLarge
+      },
+      none: {
+        marginBottom: 0
+      }
+    };
+    return {
+      display: 'flex',
+      flexFlow: 'row nowrap',
+      ...(hAlign && hAlignVariants[hAlign]),
+      ...(vAlign && vAlignVariants[vAlign]),
+      ...(colSpacing && colSpacingVariants[colSpacing]),
+      ...(rowSpacing && rowSpacingVariants[rowSpacing]),
+      ...(isLastRow && {
+        marginBottom: 0
+      })
+    };
+  };
+  const getStartAtVariants = breakpoint => !!startAt && startAt === breakpoint ? {
+    ...getGridRowStyle()
+  } : {};
+  return {
+    gridRow: {
+      label: 'gridRow',
+      display: 'block',
+      boxSizing: 'border-box',
+      ...getStartAtVariants('small'),
+      [`@media screen and (min-width: ${componentTheme.mediumMin})`]: {
+        ...getStartAtVariants('medium')
+      },
+      [`@media screen and (min-width: ${componentTheme.largeMin})`]: {
+        ...getStartAtVariants('large')
+      },
+      [`@media screen and (min-width: ${componentTheme.xLargeMin})`]: {
+        ...getStartAtVariants('x-large')
+      },
+      ...(visualDebug && {
+        outline: '0.0625rem dashed blue'
+      })
+    }
+  };
+};
+export default generateStyle;

package/es/{index.js → exports/a.js}

@@ -21,4 +21,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Grid, GridRow, GridCol } from "./Grid/index.js";
+export { Grid, GridRow, GridCol } from "../Grid/v1/index.js";

package/es/exports/b.js

@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+export { Grid, GridRow, GridCol } from "../Grid/v2/index.js";

package/lib/Grid/v1/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Grid = void 0;
+Object.defineProperty(exports, "GridCol", {
+  enumerable: true,
+  get: function () {
+    return _v2.GridCol;
+  }
+});
+Object.defineProperty(exports, "GridRow", {
+  enumerable: true,
+  get: function () {
+    return _v.GridRow;
+  }
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
+var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
+var _v = require("../../GridRow/v1");
+var _v2 = require("../../GridCol/v1");
+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");
+const _excluded = ["styles", "makeStyles"],
+  _excluded2 = ["styles"];
+var _dec, _class, _Grid;
+/*
+ * 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 Grid = exports.Grid = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = (_Grid = class Grid extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
+  componentDidMount() {
+    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() {
+    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$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);
+    return children.map((child, index) => {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_v.GridRow])) {
+        return (0, _safeCloneElement.safeCloneElement)(child, {
+          ...(0, _pickProps.pickProps)(props, Grid.allowedProps),
+          ...child.props /* child props should override parent */,
+          isLastRow: index + 1 === children.length
+        });
+      } else {
+        return child; // PropType validation should handle errors
+      }
+    });
+  }
+  render() {
+    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, _jsxRuntime.jsx)("span", {
+      ...props,
+      css: styles === null || styles === void 0 ? void 0 : styles.grid,
+      ref: this.handleRef,
+      children: this.renderChildren()
+    });
+  }
+}, _Grid.displayName = "Grid", _Grid.componentId = 'Grid', _Grid.allowedProps = _props.allowedProps, _Grid.defaultProps = {
+  colSpacing: 'medium',
+  rowSpacing: 'medium',
+  hAlign: 'start',
+  startAt: 'small',
+  vAlign: 'top',
+  visualDebug: false,
+  children: null
+}, _Grid.Row = _v.GridRow, _Grid.Col = _v2.GridCol, _Grid)) || _class);
+var _default = exports.default = Grid;

package/lib/Grid/{index.js → v2/index.js}

@@ -8,13 +8,13 @@ exports.Grid = void 0;
 Object.defineProperty(exports, "GridCol", {
   enumerable: true,
   get: function () {
-    return _GridCol.GridCol;
+    return _v2.GridCol;
   }
 });
 Object.defineProperty(exports, "GridRow", {
   enumerable: true,
   get: function () {
-    return _GridRow.GridRow;
+    return _v.GridRow;
   }
 });
 exports.default = void 0;
@@ -24,11 +24,10 @@ var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElemen
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _GridRow = require("../GridRow");
-var _GridCol = require("../GridCol");
+var _v = require("../../GridRow/v2");
+var _v2 = require("../../GridCol/v2");
 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");
 const _excluded = ["styles", "makeStyles"],
@@ -62,7 +61,7 @@ var _dec, _class, _Grid;
 category: components
 ---
 **/
-let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Grid = class Grid extends _react.Component {
+let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = (_Grid = class Grid extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -85,7 +84,7 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     const children = _react.Children.toArray(this.props.children);
     return children.map((child, index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_GridRow.GridRow])) {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_v.GridRow])) {
         return (0, _safeCloneElement.safeCloneElement)(child, {
           ...(0, _pickProps.pickProps)(props, Grid.allowedProps),
           ...child.props /* child props should override parent */,
@@ -116,5 +115,5 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   vAlign: 'top',
   visualDebug: false,
   children: null
-}, _Grid.Row = _GridRow.GridRow, _Grid.Col = _GridCol.GridCol, _Grid)) || _class);
+}, _Grid.Row = _v.GridRow, _Grid.Col = _v2.GridCol, _Grid)) || _class);
 var _default = exports.default = Grid;

package/lib/Grid/v2/props.js

@@ -0,0 +1,31 @@
+"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 = ['children', 'colSpacing', 'rowSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug'];

package/lib/Grid/v2/styles.js

@@ -0,0 +1,67 @@
+"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 startAt = props.startAt,
+    visualDebug = props.visualDebug;
+  const getStartAtVariants = breakpoint => !!startAt && startAt === breakpoint ? {
+    boxSizing: 'border-box'
+  } : {};
+  return {
+    grid: {
+      label: 'grid',
+      display: 'block',
+      ...getStartAtVariants('small'),
+      [`@media screen and (min-width: ${componentTheme.mediumMin})`]: {
+        ...getStartAtVariants('medium')
+      },
+      [`@media screen and (min-width: ${componentTheme.largeMin})`]: {
+        ...getStartAtVariants('large')
+      },
+      [`@media screen and (min-width: ${componentTheme.xLargeMin})`]: {
+        ...getStartAtVariants('x-large')
+      },
+      ...(visualDebug && {
+        outline: '0.0625rem dashed red'
+      })
+    }
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/GridCol/v1/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GridCol = void 0;
+var _react = require("react");
+var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
+var _emotion = require("@instructure/emotion");
+var _console = require("@instructure/console");
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _props = require("./props");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _dec, _class, _GridCol;
+/*
+ * 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.
+ */
+/**
+---
+parent: Grid
+id: Grid.Col
+---
+**/
+let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = (_GridCol = class GridCol extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
+  widthCheck() {
+    const width = this.props.width;
+    let shouldWarn = false;
+    if (width) {
+      if (typeof width === 'number' && width <= 0) {
+        shouldWarn = true;
+      }
+      if (typeof width === 'object') {
+        Object.keys(width).forEach(breakpoint => {
+          //@ts-expect-error Ts doesn't understand Object.keys properly
+          if (typeof width[breakpoint] === 'number' && width[breakpoint] <= 0) {
+            shouldWarn = true;
+          }
+        });
+      }
+    }
+    if (shouldWarn) {
+      (0, _console.logWarn)(false, 'Col width must be positive!');
+    }
+  }
+  componentDidMount() {
+    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);
+    this.widthCheck();
+  }
+  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);
+    this.widthCheck();
+  }
+  render() {
+    const _this$props3 = this.props,
+      children = _this$props3.children,
+      styles = _this$props3.styles;
+    const props = (0, _omitProps.omitProps)(this.props, GridCol.allowedProps);
+    return (0, _jsxRuntime.jsx)("span", {
+      ...props,
+      ref: this.handleRef,
+      css: styles === null || styles === void 0 ? void 0 : styles.gridCol,
+      children: children
+    });
+  }
+}, _GridCol.displayName = "GridCol", _GridCol.componentId = 'Grid.Col', _GridCol.allowedProps = _props.allowedProps, _GridCol.defaultProps = {
+  textAlign: 'inherit',
+  children: null,
+  isLastCol: false,
+  isLastRow: false
+}, _GridCol)) || _class);
+var _default = exports.default = GridCol;

package/lib/GridCol/{index.js → v2/index.js}

@@ -10,7 +10,6 @@ var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _emotion = require("@instructure/emotion");
 var _console = require("@instructure/console");
 var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class, _GridCol;
@@ -43,7 +42,7 @@ parent: Grid
 id: Grid.Col
 ---
 **/
-let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_GridCol = class GridCol extends _react.Component {
+let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = (_GridCol = class GridCol extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;

package/lib/GridCol/v2/props.js

@@ -0,0 +1,31 @@
+"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 = ['children', 'colSpacing', 'rowSpacing', 'textAlign', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'width', 'offset', 'isLastRow', 'isLastCol', 'elementRef'];