@instructure/ui-table 8.53.3-pr-snapshot-8 → 8.53.3-pr-snapshot-1709124298948

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.53.3-pr-snapshot-8](https://github.com/instructure/instructure-ui/compare/v8.53.2...v8.53.3-pr-snapshot-8) (2024-02-23)
+## [8.53.3-pr-snapshot-1709124298948](https://github.com/instructure/instructure-ui/compare/v8.53.2...v8.53.3-pr-snapshot-1709124298948) (2024-02-28)
 
-**Note:** Version bump only for package @instructure/ui-table
+
+### Bug Fixes
+
+* **many:** remove emotion's jsx pragma ([7435d5c](https://github.com/instructure/instructure-ui/commit/7435d5c31ca6556a1f95c4dfde156d5a76aad7de))
 
 
 

package/README.md

@@ -28,7 +28,7 @@ npm install @instructure/ui-table
 ---
 type: code
 ---
-import React from 'react'
+
 import { Table } from '@instructure/ui-table'
 
 const MyTable = () => {

package/es/Table/Body/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -23,11 +24,10 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component, Children } from 'react';
 import { matchComponentTypes, safeCloneElement, omitProps } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { Row } from '../Row';
@@ -39,6 +39,7 @@ parent: Table
 id: Table.Body
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Body extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -55,7 +56,7 @@ let Body = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       isStacked = _this$props3.isStacked,
       headers = _this$props3.headers,
       styles = _this$props3.styles;
-    return jsx(View, Object.assign({}, View.omitViewProps(omitProps(this.props, Body.allowedProps), Body), {
+    return ___EmotionJSX(View, _extends({}, View.omitViewProps(omitProps(this.props, Body.allowedProps), Body), {
       as: isStacked ? 'div' : 'tbody',
       css: styles === null || styles === void 0 ? void 0 : styles.body,
       role: isStacked ? 'rowgroup' : void 0

package/es/Table/Cell/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -23,11 +24,10 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react';
 import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
@@ -38,6 +38,7 @@ parent: Table
 id: Table.Cell
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Cell extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -53,7 +54,7 @@ let Cell = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       styles = _this$props3.styles,
       isStacked = _this$props3.isStacked,
       header = _this$props3.header;
-    return jsx(View, Object.assign({}, View.omitViewProps(omitProps(this.props, Cell.allowedProps), Cell), {
+    return ___EmotionJSX(View, _extends({}, View.omitViewProps(omitProps(this.props, Cell.allowedProps), Cell), {
       as: isStacked ? 'div' : 'td',
       css: styles === null || styles === void 0 ? void 0 : styles.cell,
       role: isStacked ? 'cell' : void 0

package/es/Table/ColHeader/index.js

@@ -1,4 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /*
  * The MIT License (MIT)
  *
@@ -23,11 +25,10 @@ var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
 import { IconMiniArrowUpLine, IconMiniArrowDownLine, IconMiniArrowDoubleLine } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
@@ -38,6 +39,16 @@ parent: Table
 id: Table.ColHeader
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "12nu0b9",
+  styles: "opacity:30%"
+} : {
+  name: "1s4709l-ColHeader",
+  styles: "opacity:30%;label:ColHeader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9Db2xIZWFkZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Gc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYmxlL0NvbEhlYWRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogVGhlIE1JVCBMaWNlbnNlIChNSVQpXG4gKlxuICogQ29weXJpZ2h0IChjKSAyMDE1IC0gcHJlc2VudCBJbnN0cnVjdHVyZSwgSW5jLlxuICpcbiAqIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbiAqIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbiAqIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbiAqIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbiAqIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuICogZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbiAqXG4gKiBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpbiBhbGxcbiAqIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4gKlxuICogVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuICogSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4gKiBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbiAqIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbiAqIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4gKiBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOIFRIRVxuICogU09GVFdBUkUuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IG9taXRQcm9wcywgY2FsbFJlbmRlclByb3AgfSBmcm9tICdAaW5zdHJ1Y3R1cmUvdWktcmVhY3QtdXRpbHMnXG5pbXBvcnQge1xuICBJY29uTWluaUFycm93VXBMaW5lLFxuICBJY29uTWluaUFycm93RG93bkxpbmUsXG4gIEljb25NaW5pQXJyb3dEb3VibGVMaW5lXG59IGZyb20gJ0BpbnN0cnVjdHVyZS91aS1pY29ucydcblxuaW1wb3J0IHsgd2l0aFN0eWxlIH0gZnJvbSAnQGluc3RydWN0dXJlL2Vtb3Rpb24nXG5cbmltcG9ydCBnZW5lcmF0ZVN0eWxlIGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IGdlbmVyYXRlQ29tcG9uZW50VGhlbWUgZnJvbSAnLi90aGVtZSdcbmltcG9ydCB0eXBlIHsgVGFibGVDb2xIZWFkZXJQcm9wcyB9IGZyb20gJy4vcHJvcHMnXG5pbXBvcnQgeyBhbGxvd2VkUHJvcHMsIHByb3BUeXBlcyB9IGZyb20gJy4vcHJvcHMnXG5cbi8qKlxuLS0tXG5wYXJlbnQ6IFRhYmxlXG5pZDogVGFibGUuQ29sSGVhZGVyXG4tLS1cbioqL1xuQHdpdGhTdHlsZShnZW5lcmF0ZVN0eWxlLCBnZW5lcmF0ZUNvbXBvbmVudFRoZW1lKVxuY2xhc3MgQ29sSGVhZGVyIGV4dGVuZHMgQ29tcG9uZW50PFRhYmxlQ29sSGVhZGVyUHJvcHM+IHtcbiAgc3RhdGljIHJlYWRvbmx5IGNvbXBvbmVudElkID0gJ1RhYmxlLkNvbEhlYWRlcidcblxuICBzdGF0aWMgYWxsb3dlZFByb3BzID0gYWxsb3dlZFByb3BzXG4gIHN0YXRpYyBwcm9wVHlwZXMgPSBwcm9wVHlwZXNcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIHRleHRBbGlnbjogJ3N0YXJ0JyxcbiAgICBzb3J0RGlyZWN0aW9uOiAnbm9uZScsXG4gICAgY2hpbGRyZW46IG51bGwsXG4gICAgc2NvcGU6ICdjb2wnXG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLnByb3BzLm1ha2VTdHlsZXM/LigpXG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUoKSB7XG4gICAgdGhpcy5wcm9wcy5tYWtlU3R5bGVzPy4oKVxuICB9XG5cbiAgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBpZCwgb25SZXF1ZXN0U29ydCB9ID0gdGhpcy5wcm9wc1xuXG4gICAgb25SZXF1ZXN0U29ydCAmJiBvblJlcXVlc3RTb3J0KGV2ZW50LCB7IGlkIH0pXG4gIH1cblxuICByZW5kZXJTb3J0QXJyb3coKSB7XG4gICAgY29uc3QgeyBzb3J0RGlyZWN0aW9uLCBvblJlcXVlc3RTb3J0IH0gPSB0aGlzLnByb3BzXG5cbiAgICBpZiAoc29ydERpcmVjdGlvbiA9PT0gJ2FzY2VuZGluZycpIHtcbiAgICAgIHJldHVybiA8SWNvbk1pbmlBcnJvd1VwTGluZSAvPlxuICAgIH1cbiAgICBpZiAoc29ydERpcmVjdGlvbiA9PT0gJ2Rlc2NlbmRpbmcnKSB7XG4gICAgICByZXR1cm4gPEljb25NaW5pQXJyb3dEb3duTGluZSAvPlxuICAgIH1cbiAgICBpZiAob25SZXF1ZXN0U29ydCkge1xuICAgICAgcmV0dXJuIDxJY29uTWluaUFycm93RG91YmxlTGluZSBjc3M9e3sgb3BhY2l0eTogJzMwJScgfX0gLz5cbiAgICB9XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgb25SZXF1ZXN0U29ydCwgd2lkdGgsIGNoaWxkcmVuLCBzb3J0RGlyZWN0aW9uLCBzY29wZSwgc3R5bGVzIH0gPVxuICAgICAgdGhpcy5wcm9wc1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0aFxuICAgICAgICB7Li4ub21pdFByb3BzKHRoaXMucHJvcHMsIENvbEhlYWRlci5hbGxvd2VkUHJvcHMpfVxuICAgICAgICBjc3M9e3N0eWxlcz8uY29sSGVhZGVyfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHdpZHRoXG4gICAgICAgIH19XG4gICAgICAgIHNjb3BlPXtzY29wZX1cbiAgICAgICAgYXJpYS1zb3J0PXtzb3J0RGlyZWN0aW9ufVxuICAgICAgPlxuICAgICAgICB7b25SZXF1ZXN0U29ydCAmJiAoXG4gICAgICAgICAgPGJ1dHRvbiBvbkNsaWNrPXt0aGlzLmhhbmRsZUNsaWNrfSBjc3M9e3N0eWxlcz8uYnV0dG9ufT5cbiAgICAgICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmJ1dHRvbkNvbnRlbnR9PlxuICAgICAgICAgICAgICB7Y2FsbFJlbmRlclByb3AoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICB7dGhpcy5yZW5kZXJTb3J0QXJyb3coKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgICB7IW9uUmVxdWVzdFNvcnQgJiYgY2hpbGRyZW59XG4gICAgICAgIHshb25SZXF1ZXN0U29ydCAmJiB0aGlzLnJlbmRlclNvcnRBcnJvdygpfVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sSGVhZGVyXG5leHBvcnQgeyBDb2xIZWFkZXIgfVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class ColHeader extends Component {
   constructor(...args) {
     super(...args);
@@ -63,16 +74,14 @@ let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       sortDirection = _this$props4.sortDirection,
       onRequestSort = _this$props4.onRequestSort;
     if (sortDirection === 'ascending') {
-      return _IconMiniArrowUpLine || (_IconMiniArrowUpLine = jsx(IconMiniArrowUpLine, null));
+      return _IconMiniArrowUpLine || (_IconMiniArrowUpLine = ___EmotionJSX(IconMiniArrowUpLine, null));
     }
     if (sortDirection === 'descending') {
-      return _IconMiniArrowDownLin || (_IconMiniArrowDownLin = jsx(IconMiniArrowDownLine, null));
+      return _IconMiniArrowDownLin || (_IconMiniArrowDownLin = ___EmotionJSX(IconMiniArrowDownLine, null));
     }
     if (onRequestSort) {
-      return jsx(IconMiniArrowDoubleLine, {
-        css: {
-          opacity: '30%'
-        }
+      return ___EmotionJSX(IconMiniArrowDoubleLine, {
+        css: _ref
       });
     }
     return void 0;
@@ -85,17 +94,17 @@ let ColHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       sortDirection = _this$props5.sortDirection,
       scope = _this$props5.scope,
       styles = _this$props5.styles;
-    return jsx("th", Object.assign({}, omitProps(this.props, ColHeader.allowedProps), {
+    return ___EmotionJSX("th", _extends({}, omitProps(this.props, ColHeader.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
       style: {
         width
       },
       scope: scope,
       "aria-sort": sortDirection
-    }), onRequestSort && jsx("button", {
+    }), onRequestSort && ___EmotionJSX("button", {
       onClick: this.handleClick,
       css: styles === null || styles === void 0 ? void 0 : styles.button
-    }, jsx("div", {
+    }, ___EmotionJSX("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.buttonContent
     }, callRenderProp(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }

package/es/Table/Head/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _dec, _class, _class2, _ScreenReaderContent;
 /*
@@ -24,14 +25,13 @@ var _dec, _class, _class2, _ScreenReaderContent;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component, Children } from 'react';
 import { omitProps, matchComponentTypes, callRenderProp } from '@instructure/ui-react-utils';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { IconCheckLine } from '@instructure/ui-icons';
 import { warn } from '@instructure/console';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { Row } from '../Row';
@@ -44,6 +44,7 @@ parent: Table
 id: Table.Head
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Head extends Component {
   get isSortable() {
     const _ref = Children.toArray(this.props.children),
@@ -117,26 +118,26 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
         });
       }
     };
-    return jsx("div", {
+    return ___EmotionJSX("div", {
       role: "rowgroup"
-    }, jsx("div", {
+    }, ___EmotionJSX("div", {
       role: "row"
-    }, jsx("div", {
+    }, ___EmotionJSX("div", {
       role: "cell",
       "aria-colspan": count
-    }, jsx(SimpleSelect, {
-      renderLabel: renderSortLabel ? callRenderProp(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = jsx(ScreenReaderContent, null)),
+    }, ___EmotionJSX(SimpleSelect, {
+      renderLabel: renderSortLabel ? callRenderProp(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = ___EmotionJSX(ScreenReaderContent, null)),
       renderBeforeInput: selectedOption && IconCheckLine,
       value: selectedOption,
       onChange: handleSelect
     }, options.map(({
       id,
       label
-    }) => jsx(SimpleSelect.Option, {
+    }) => ___EmotionJSX(SimpleSelect.Option, {
       id: id,
       key: id,
       value: id,
-      renderBeforeLabel: id === selectedOption ? IconCheckLine : () => jsx(IconCheckLine, {
+      renderBeforeLabel: id === selectedOption ? IconCheckLine : () => ___EmotionJSX(IconCheckLine, {
         style: {
           color: 'transparent'
         }
@@ -148,7 +149,7 @@ let Head = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       children = _this$props4.children,
       isStacked = _this$props4.isStacked,
       styles = _this$props4.styles;
-    return isStacked ? this.renderSelect() : jsx("thead", Object.assign({}, omitProps(this.props, Head.allowedProps), {
+    return isStacked ? this.renderSelect() : ___EmotionJSX("thead", _extends({}, omitProps(this.props, Head.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.head
     }), Children.map(children, child => matchComponentTypes(child, [Row]) ? child : null));
   }

package/es/Table/Row/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -23,11 +24,10 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component, Children } from 'react';
 import { omitProps, matchComponentTypes, safeCloneElement } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { ColHeader } from '../ColHeader';
@@ -41,6 +41,7 @@ parent: Table
 id: Table.Row
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Row extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -56,7 +57,7 @@ let Row = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       styles = _this$props3.styles,
       isStacked = _this$props3.isStacked,
       headers = _this$props3.headers;
-    return jsx(View, Object.assign({}, View.omitViewProps(omitProps(this.props, Row.allowedProps), Row), {
+    return ___EmotionJSX(View, _extends({}, View.omitViewProps(omitProps(this.props, Row.allowedProps), Row), {
       as: isStacked ? 'div' : 'tr',
       css: styles === null || styles === void 0 ? void 0 : styles.row,
       role: isStacked ? 'row' : void 0

package/es/Table/RowHeader/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -23,11 +24,10 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component } from 'react';
 import { omitProps, callRenderProp } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
@@ -38,6 +38,7 @@ parent: Table
 id: Table.RowHeader
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class RowHeader extends Component {
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -52,7 +53,7 @@ let RowHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
       children = _this$props3.children,
       isStacked = _this$props3.isStacked,
       styles = _this$props3.styles;
-    return jsx(View, Object.assign({}, View.omitViewProps(omitProps(this.props, RowHeader.allowedProps), RowHeader), {
+    return ___EmotionJSX(View, _extends({}, View.omitViewProps(omitProps(this.props, RowHeader.allowedProps), RowHeader), {
       as: isStacked ? 'div' : 'th',
       css: styles === null || styles === void 0 ? void 0 : styles.rowHeader,
       scope: "row",

package/es/Table/index.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _dec, _class, _class2;
 /*
@@ -24,12 +25,11 @@ var _dec, _class, _class2;
  * SOFTWARE.
  */
 
-/** @jsx jsx */
 import { Component, Children } from 'react';
 import { matchComponentTypes, safeCloneElement, omitProps } from '@instructure/ui-react-utils';
 import { View } from '@instructure/ui-view';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { Head } from './Head';
@@ -45,6 +45,7 @@ import { allowedProps, propTypes } from './props';
 category: components
 ---
 **/
+import { jsx as ___EmotionJSX } from "@emotion/react";
 let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Table extends Component {
   constructor(...args) {
     super(...args);
@@ -92,14 +93,14 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
       styles = _this$props3.styles;
     const isStacked = layout === 'stacked';
     const headers = isStacked ? this.getHeaders() : void 0;
-    return jsx(View, Object.assign({}, View.omitViewProps(omitProps(this.props, Table.allowedProps), Table), {
+    return ___EmotionJSX(View, _extends({}, View.omitViewProps(omitProps(this.props, Table.allowedProps), Table), {
       as: isStacked ? 'div' : 'table',
       margin: margin,
       elementRef: this.handleRef,
       css: styles === null || styles === void 0 ? void 0 : styles.table,
       role: isStacked ? 'table' : void 0,
       "aria-label": isStacked ? caption : void 0
-    }), !isStacked && jsx("caption", null, jsx(ScreenReaderContent, null, caption)), Children.map(children, child => {
+    }), !isStacked && ___EmotionJSX("caption", null, ___EmotionJSX(ScreenReaderContent, null, caption)), Children.map(children, child => {
       if (matchComponentTypes(child, [Head])) {
         return safeCloneElement(child, {
           key: child.props.name,

package/lib/Table/Body/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Body = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
@@ -15,6 +16,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _Row = require("../Row");
 var _props = require("./props");
+var _react2 = require("@emotion/react");
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -39,7 +41,6 @@ var _dec, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
 /**
 ---
 parent: Table
@@ -62,7 +63,7 @@ let Body = exports.Body = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       isStacked = _this$props3.isStacked,
       headers = _this$props3.headers,
       styles = _this$props3.styles;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body), {
+    return (0, _react2.jsx)(_View.View, (0, _extends2.default)({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Body.allowedProps), Body), {
       as: isStacked ? 'div' : 'tbody',
       css: styles === null || styles === void 0 ? void 0 : styles.body,
       role: isStacked ? 'rowgroup' : void 0

package/lib/Table/Cell/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Cell = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
@@ -13,6 +14,7 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
+var _react2 = require("@emotion/react");
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -37,7 +39,6 @@ var _dec, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
 /**
 ---
 parent: Table
@@ -59,7 +60,7 @@ let Cell = exports.Cell = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       styles = _this$props3.styles,
       isStacked = _this$props3.isStacked,
       header = _this$props3.header;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Cell.allowedProps), Cell), {
+    return (0, _react2.jsx)(_View.View, (0, _extends2.default)({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Cell.allowedProps), Cell), {
       as: isStacked ? 'div' : 'td',
       css: styles === null || styles === void 0 ? void 0 : styles.cell,
       role: isStacked ? 'cell' : void 0

package/lib/Table/ColHeader/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ColHeader = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
 var _IconMiniArrowUpLine2 = require("@instructure/ui-icons/lib/IconMiniArrowUpLine.js");
@@ -16,6 +16,7 @@ var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
+var _react2 = require("@emotion/react");
 var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
 /*
  * The MIT License (MIT)
@@ -40,13 +41,22 @@ var _dec, _class, _class2, _IconMiniArrowUpLine, _IconMiniArrowDownLin;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
 /**
 ---
 parent: Table
 id: Table.ColHeader
 ---
 **/
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "12nu0b9",
+  styles: "opacity:30%"
+} : {
+  name: "1s4709l-ColHeader",
+  styles: "opacity:30%;label:ColHeader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9Db2xIZWFkZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Gc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYmxlL0NvbEhlYWRlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogVGhlIE1JVCBMaWNlbnNlIChNSVQpXG4gKlxuICogQ29weXJpZ2h0IChjKSAyMDE1IC0gcHJlc2VudCBJbnN0cnVjdHVyZSwgSW5jLlxuICpcbiAqIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbiAqIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbiAqIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbiAqIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbiAqIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuICogZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbiAqXG4gKiBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpbiBhbGxcbiAqIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4gKlxuICogVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuICogSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4gKiBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbiAqIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbiAqIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4gKiBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOIFRIRVxuICogU09GVFdBUkUuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IG9taXRQcm9wcywgY2FsbFJlbmRlclByb3AgfSBmcm9tICdAaW5zdHJ1Y3R1cmUvdWktcmVhY3QtdXRpbHMnXG5pbXBvcnQge1xuICBJY29uTWluaUFycm93VXBMaW5lLFxuICBJY29uTWluaUFycm93RG93bkxpbmUsXG4gIEljb25NaW5pQXJyb3dEb3VibGVMaW5lXG59IGZyb20gJ0BpbnN0cnVjdHVyZS91aS1pY29ucydcblxuaW1wb3J0IHsgd2l0aFN0eWxlIH0gZnJvbSAnQGluc3RydWN0dXJlL2Vtb3Rpb24nXG5cbmltcG9ydCBnZW5lcmF0ZVN0eWxlIGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IGdlbmVyYXRlQ29tcG9uZW50VGhlbWUgZnJvbSAnLi90aGVtZSdcbmltcG9ydCB0eXBlIHsgVGFibGVDb2xIZWFkZXJQcm9wcyB9IGZyb20gJy4vcHJvcHMnXG5pbXBvcnQgeyBhbGxvd2VkUHJvcHMsIHByb3BUeXBlcyB9IGZyb20gJy4vcHJvcHMnXG5cbi8qKlxuLS0tXG5wYXJlbnQ6IFRhYmxlXG5pZDogVGFibGUuQ29sSGVhZGVyXG4tLS1cbioqL1xuQHdpdGhTdHlsZShnZW5lcmF0ZVN0eWxlLCBnZW5lcmF0ZUNvbXBvbmVudFRoZW1lKVxuY2xhc3MgQ29sSGVhZGVyIGV4dGVuZHMgQ29tcG9uZW50PFRhYmxlQ29sSGVhZGVyUHJvcHM+IHtcbiAgc3RhdGljIHJlYWRvbmx5IGNvbXBvbmVudElkID0gJ1RhYmxlLkNvbEhlYWRlcidcblxuICBzdGF0aWMgYWxsb3dlZFByb3BzID0gYWxsb3dlZFByb3BzXG4gIHN0YXRpYyBwcm9wVHlwZXMgPSBwcm9wVHlwZXNcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIHRleHRBbGlnbjogJ3N0YXJ0JyxcbiAgICBzb3J0RGlyZWN0aW9uOiAnbm9uZScsXG4gICAgY2hpbGRyZW46IG51bGwsXG4gICAgc2NvcGU6ICdjb2wnXG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLnByb3BzLm1ha2VTdHlsZXM/LigpXG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUoKSB7XG4gICAgdGhpcy5wcm9wcy5tYWtlU3R5bGVzPy4oKVxuICB9XG5cbiAgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgY29uc3QgeyBpZCwgb25SZXF1ZXN0U29ydCB9ID0gdGhpcy5wcm9wc1xuXG4gICAgb25SZXF1ZXN0U29ydCAmJiBvblJlcXVlc3RTb3J0KGV2ZW50LCB7IGlkIH0pXG4gIH1cblxuICByZW5kZXJTb3J0QXJyb3coKSB7XG4gICAgY29uc3QgeyBzb3J0RGlyZWN0aW9uLCBvblJlcXVlc3RTb3J0IH0gPSB0aGlzLnByb3BzXG5cbiAgICBpZiAoc29ydERpcmVjdGlvbiA9PT0gJ2FzY2VuZGluZycpIHtcbiAgICAgIHJldHVybiA8SWNvbk1pbmlBcnJvd1VwTGluZSAvPlxuICAgIH1cbiAgICBpZiAoc29ydERpcmVjdGlvbiA9PT0gJ2Rlc2NlbmRpbmcnKSB7XG4gICAgICByZXR1cm4gPEljb25NaW5pQXJyb3dEb3duTGluZSAvPlxuICAgIH1cbiAgICBpZiAob25SZXF1ZXN0U29ydCkge1xuICAgICAgcmV0dXJuIDxJY29uTWluaUFycm93RG91YmxlTGluZSBjc3M9e3sgb3BhY2l0eTogJzMwJScgfX0gLz5cbiAgICB9XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgb25SZXF1ZXN0U29ydCwgd2lkdGgsIGNoaWxkcmVuLCBzb3J0RGlyZWN0aW9uLCBzY29wZSwgc3R5bGVzIH0gPVxuICAgICAgdGhpcy5wcm9wc1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0aFxuICAgICAgICB7Li4ub21pdFByb3BzKHRoaXMucHJvcHMsIENvbEhlYWRlci5hbGxvd2VkUHJvcHMpfVxuICAgICAgICBjc3M9e3N0eWxlcz8uY29sSGVhZGVyfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIHdpZHRoXG4gICAgICAgIH19XG4gICAgICAgIHNjb3BlPXtzY29wZX1cbiAgICAgICAgYXJpYS1zb3J0PXtzb3J0RGlyZWN0aW9ufVxuICAgICAgPlxuICAgICAgICB7b25SZXF1ZXN0U29ydCAmJiAoXG4gICAgICAgICAgPGJ1dHRvbiBvbkNsaWNrPXt0aGlzLmhhbmRsZUNsaWNrfSBjc3M9e3N0eWxlcz8uYnV0dG9ufT5cbiAgICAgICAgICAgIDxkaXYgY3NzPXtzdHlsZXM/LmJ1dHRvbkNvbnRlbnR9PlxuICAgICAgICAgICAgICB7Y2FsbFJlbmRlclByb3AoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICB7dGhpcy5yZW5kZXJTb3J0QXJyb3coKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgICB7IW9uUmVxdWVzdFNvcnQgJiYgY2hpbGRyZW59XG4gICAgICAgIHshb25SZXF1ZXN0U29ydCAmJiB0aGlzLnJlbmRlclNvcnRBcnJvdygpfVxuICAgICAgPC90aD5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sSGVhZGVyXG5leHBvcnQgeyBDb2xIZWFkZXIgfVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class ColHeader extends _react.Component {
   constructor(...args) {
     super(...args);
@@ -72,16 +82,14 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       sortDirection = _this$props4.sortDirection,
       onRequestSort = _this$props4.onRequestSort;
     if (sortDirection === 'ascending') {
-      return _IconMiniArrowUpLine || (_IconMiniArrowUpLine = (0, _emotion.jsx)(_IconMiniArrowUpLine2.IconMiniArrowUpLine, null));
+      return _IconMiniArrowUpLine || (_IconMiniArrowUpLine = (0, _react2.jsx)(_IconMiniArrowUpLine2.IconMiniArrowUpLine, null));
     }
     if (sortDirection === 'descending') {
-      return _IconMiniArrowDownLin || (_IconMiniArrowDownLin = (0, _emotion.jsx)(_IconMiniArrowDownLine.IconMiniArrowDownLine, null));
+      return _IconMiniArrowDownLin || (_IconMiniArrowDownLin = (0, _react2.jsx)(_IconMiniArrowDownLine.IconMiniArrowDownLine, null));
     }
     if (onRequestSort) {
-      return (0, _emotion.jsx)(_IconMiniArrowDoubleLine.IconMiniArrowDoubleLine, {
-        css: {
-          opacity: '30%'
-        }
+      return (0, _react2.jsx)(_IconMiniArrowDoubleLine.IconMiniArrowDoubleLine, {
+        css: _ref
       });
     }
     return void 0;
@@ -94,17 +102,17 @@ let ColHeader = exports.ColHeader = (_dec = (0, _emotion.withStyle)(_styles.defa
       sortDirection = _this$props5.sortDirection,
       scope = _this$props5.scope,
       styles = _this$props5.styles;
-    return (0, _emotion.jsx)("th", Object.assign({}, (0, _omitProps.omitProps)(this.props, ColHeader.allowedProps), {
+    return (0, _react2.jsx)("th", (0, _extends2.default)({}, (0, _omitProps.omitProps)(this.props, ColHeader.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.colHeader,
       style: {
         width
       },
       scope: scope,
       "aria-sort": sortDirection
-    }), onRequestSort && (0, _emotion.jsx)("button", {
+    }), onRequestSort && (0, _react2.jsx)("button", {
       onClick: this.handleClick,
       css: styles === null || styles === void 0 ? void 0 : styles.button
-    }, (0, _emotion.jsx)("div", {
+    }, (0, _react2.jsx)("div", {
       css: styles === null || styles === void 0 ? void 0 : styles.buttonContent
     }, (0, _callRenderProp.callRenderProp)(children), this.renderSortArrow())), !onRequestSort && children, !onRequestSort && this.renderSortArrow());
   }

package/lib/Table/Head/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Head = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
@@ -20,6 +21,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _Row = require("../Row");
 var _ColHeader = require("../ColHeader");
 var _props = require("./props");
+var _react2 = require("@emotion/react");
 var _dec, _class, _class2, _ScreenReaderContent;
 /*
  * The MIT License (MIT)
@@ -44,7 +46,6 @@ var _dec, _class, _class2, _ScreenReaderContent;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
 /**
 ---
 parent: Table
@@ -124,26 +125,26 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         });
       }
     };
-    return (0, _emotion.jsx)("div", {
+    return (0, _react2.jsx)("div", {
       role: "rowgroup"
-    }, (0, _emotion.jsx)("div", {
+    }, (0, _react2.jsx)("div", {
       role: "row"
-    }, (0, _emotion.jsx)("div", {
+    }, (0, _react2.jsx)("div", {
       role: "cell",
       "aria-colspan": count
-    }, (0, _emotion.jsx)(_SimpleSelect.SimpleSelect, {
-      renderLabel: renderSortLabel ? (0, _callRenderProp.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _emotion.jsx)(_ScreenReaderContent2.ScreenReaderContent, null)),
+    }, (0, _react2.jsx)(_SimpleSelect.SimpleSelect, {
+      renderLabel: renderSortLabel ? (0, _callRenderProp.callRenderProp)(renderSortLabel) : _ScreenReaderContent || (_ScreenReaderContent = (0, _react2.jsx)(_ScreenReaderContent2.ScreenReaderContent, null)),
       renderBeforeInput: selectedOption && _IconCheckLine.IconCheckLine,
       value: selectedOption,
       onChange: handleSelect
     }, options.map(({
       id,
       label
-    }) => (0, _emotion.jsx)(_SimpleSelect.SimpleSelect.Option, {
+    }) => (0, _react2.jsx)(_SimpleSelect.SimpleSelect.Option, {
       id: id,
       key: id,
       value: id,
-      renderBeforeLabel: id === selectedOption ? _IconCheckLine.IconCheckLine : () => (0, _emotion.jsx)(_IconCheckLine.IconCheckLine, {
+      renderBeforeLabel: id === selectedOption ? _IconCheckLine.IconCheckLine : () => (0, _react2.jsx)(_IconCheckLine.IconCheckLine, {
         style: {
           color: 'transparent'
         }
@@ -155,7 +156,7 @@ let Head = exports.Head = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       children = _this$props4.children,
       isStacked = _this$props4.isStacked,
       styles = _this$props4.styles;
-    return isStacked ? this.renderSelect() : (0, _emotion.jsx)("thead", Object.assign({}, (0, _omitProps.omitProps)(this.props, Head.allowedProps), {
+    return isStacked ? this.renderSelect() : (0, _react2.jsx)("thead", (0, _extends2.default)({}, (0, _omitProps.omitProps)(this.props, Head.allowedProps), {
       css: styles === null || styles === void 0 ? void 0 : styles.head
     }), _react.Children.map(children, child => (0, _matchComponentTypes.matchComponentTypes)(child, [_Row.Row]) ? child : null));
   }

package/lib/Table/Row/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Row = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
@@ -17,6 +18,7 @@ var _ColHeader = require("../ColHeader");
 var _RowHeader = require("../RowHeader");
 var _Cell = require("../Cell");
 var _props = require("./props");
+var _react2 = require("@emotion/react");
 var _dec, _class, _class2;
 /*
  * The MIT License (MIT)
@@ -41,7 +43,6 @@ var _dec, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-/** @jsx jsx */
 /**
 ---
 parent: Table
@@ -63,7 +64,7 @@ let Row = exports.Row = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       styles = _this$props3.styles,
       isStacked = _this$props3.isStacked,
       headers = _this$props3.headers;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Row.allowedProps), Row), {
+    return (0, _react2.jsx)(_View.View, (0, _extends2.default)({}, _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Row.allowedProps), Row), {
       as: isStacked ? 'div' : 'tr',
       css: styles === null || styles === void 0 ? void 0 : styles.row,
       role: isStacked ? 'row' : void 0