@instructure/ui-grid 8.10.3-snapshot.2 → 8.10.3-snapshot.25

package/es/GridCol/index.js

@@ -44,10 +44,12 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
@@ -60,9 +62,9 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
   }
 
   render() {
-    const _this$props2 = this.props,
-          children = _this$props2.children,
-          styles = _this$props2.styles;
+    const _this$props = this.props,
+          children = _this$props.children,
+          styles = _this$props.styles;
     const props = omitProps(this.props, GridCol.allowedProps);
     return jsx("span", Object.assign({}, props, {
       ref: this.handleRef,

package/es/GridCol/props.js

@@ -47,6 +47,10 @@ const propTypes = {
   })]),
   isLastRow: PropTypes.bool,
   isLastCol: PropTypes.bool,
+
+  /**
+   * provides a reference to the underlying html root element
+   */
   elementRef: PropTypes.func
 };
 const allowedProps = ['children', 'colSpacing', 'rowSpacing', 'textAlign', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'width', 'offset', 'isLastRow', 'isLastCol', 'elementRef'];

package/lib/GridCol/index.js

@@ -33,10 +33,12 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     this.ref = null;
 
     this.handleRef = el => {
-      var _this$props$elementRe, _this$props;
-
+      const elementRef = this.props.elementRef;
       this.ref = el;
-      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
     };
   }
 
@@ -49,9 +51,9 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
   }
 
   render() {
-    const _this$props2 = this.props,
-          children = _this$props2.children,
-          styles = _this$props2.styles;
+    const _this$props = this.props,
+          children = _this$props.children,
+          styles = _this$props.styles;
     const props = (0, _omitProps.omitProps)(this.props, GridCol.allowedProps);
     return (0, _emotion.jsx)("span", Object.assign({}, props, {
       ref: this.handleRef,

package/lib/GridCol/props.js

@@ -57,6 +57,10 @@ const propTypes = {
   })]),
   isLastRow: _propTypes.default.bool,
   isLastCol: _propTypes.default.bool,
+
+  /**
+   * provides a reference to the underlying html root element
+   */
   elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-grid",
-  "version": "8.10.3-snapshot.2+ccdf8f43b",
+  "version": "8.10.3-snapshot.25+ed32a6c3b",
   "description": "A Grid component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,20 +25,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/shared-types": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-a11y-content": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-prop-types": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-react-utils": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-testable": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-utils": "8.10.3-snapshot.2+ccdf8f43b",
+    "@instructure/emotion": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/shared-types": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-a11y-content": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-prop-types": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-react-utils": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-testable": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-utils": "8.10.3-snapshot.25+ed32a6c3b",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-color-utils": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-test-utils": "8.10.3-snapshot.2+ccdf8f43b",
-    "@instructure/ui-themes": "8.10.3-snapshot.2+ccdf8f43b"
+    "@instructure/ui-babel-preset": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-color-utils": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-test-utils": "8.10.3-snapshot.25+ed32a6c3b",
+    "@instructure/ui-themes": "8.10.3-snapshot.25+ed32a6c3b"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "ccdf8f43b56a8edef32600281692dfeb436d5a01"
+  "gitHead": "ed32a6c3b14ddb7fbbb5b543d9871a296f06e4c0"
 }

package/src/Grid/props.ts

@@ -28,7 +28,11 @@ import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 import { GridRow } from '../GridRow'
 
-import type { PropValidators, GridTheme } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  GridTheme,
+  OtherHTMLAttributes
+} from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { GridBreakpoints } from '../GridTypes'
 
@@ -46,7 +50,9 @@ type PropKeys = keyof GridOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type GridProps = GridOwnProps & WithStyleProps<GridTheme, GridStyle>
+type GridProps = GridOwnProps &
+  WithStyleProps<GridTheme, GridStyle> &
+  OtherHTMLAttributes<GridOwnProps>
 
 type GridStyle = ComponentStyle<'grid'>
 

package/src/GridCol/index.tsx

@@ -57,8 +57,13 @@ class GridCol extends Component<GridColProps> {
   ref: Element | null = null
 
   handleRef = (el: Element | null) => {
+    const { elementRef } = this.props
+
     this.ref = el
-    this.props.elementRef?.(el)
+
+    if (typeof elementRef === 'function') {
+      elementRef(el)
+    }
   }
 
   componentDidMount() {

package/src/GridCol/props.ts

@@ -25,7 +25,11 @@
 import PropTypes from 'prop-types'
 
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
-import type { PropValidators, GridTheme } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  GridTheme,
+  OtherHTMLAttributes
+} from '@instructure/shared-types'
 import type { GridBreakpoints } from '../GridTypes'
 
 // TODO: get numcols from theme config
@@ -65,7 +69,9 @@ type PropKeys = keyof GridColOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type GridColProps = GridColOwnProps & WithStyleProps<GridTheme, GridColStyle>
+type GridColProps = GridColOwnProps &
+  WithStyleProps<GridTheme, GridColStyle> &
+  OtherHTMLAttributes<GridColOwnProps>
 
 type GridColStyle = ComponentStyle<'gridCol'>
 
@@ -104,6 +110,9 @@ const propTypes: PropValidators<PropKeys> = {
   ]),
   isLastRow: PropTypes.bool,
   isLastCol: PropTypes.bool,
+  /**
+   * provides a reference to the underlying html root element
+   */
   elementRef: PropTypes.func
 }
 

package/src/GridRow/props.ts

@@ -29,7 +29,11 @@ import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
 import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 import { GridCol } from '../GridCol'
 
-import type { PropValidators, GridTheme } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  GridTheme,
+  OtherHTMLAttributes
+} from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 import type { GridBreakpoints } from '../GridTypes'
 
@@ -48,7 +52,9 @@ type PropKeys = keyof GridRowOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type GridRowProps = GridRowOwnProps & WithStyleProps<GridTheme, GridRowStyle>
+type GridRowProps = GridRowOwnProps &
+  WithStyleProps<GridTheme, GridRowStyle> &
+  OtherHTMLAttributes<GridRowOwnProps>
 
 type GridRowStyle = ComponentStyle<'gridRow'>
 

package/types/Grid/props.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PropValidators, GridTheme } from '@instructure/shared-types';
+import type { PropValidators, GridTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { GridBreakpoints } from '../GridTypes';
 declare type GridOwnProps = {
@@ -13,7 +13,7 @@ declare type GridOwnProps = {
 };
 declare type PropKeys = keyof GridOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type GridProps = GridOwnProps & WithStyleProps<GridTheme, GridStyle>;
+declare type GridProps = GridOwnProps & WithStyleProps<GridTheme, GridStyle> & OtherHTMLAttributes<GridOwnProps>;
 declare type GridStyle = ComponentStyle<'grid'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/Grid/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Grid/props.ts"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Grid/props.ts"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/GridCol/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridCol/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridCol/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/GridCol/props.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { PropValidators, GridTheme } from '@instructure/shared-types';
+import type { PropValidators, GridTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { GridBreakpoints } from '../GridTypes';
 declare type GridColOwnProps = {
     children?: React.ReactNode;
@@ -29,7 +29,7 @@ declare type GridColOwnProps = {
 };
 declare type PropKeys = keyof GridColOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type GridColProps = GridColOwnProps & WithStyleProps<GridTheme, GridColStyle>;
+declare type GridColProps = GridColOwnProps & WithStyleProps<GridTheme, GridColStyle> & OtherHTMLAttributes<GridColOwnProps>;
 declare type GridColStyle = ComponentStyle<'gridCol'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/GridCol/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridCol/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;AAE7E,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridCol/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,GACvC,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/GridRow/props.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PropValidators, GridTheme } from '@instructure/shared-types';
+import type { PropValidators, GridTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { GridBreakpoints } from '../GridTypes';
 declare type GridRowOwnProps = {
@@ -14,7 +14,7 @@ declare type GridRowOwnProps = {
 };
 declare type PropKeys = keyof GridRowOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type GridRowProps = GridRowOwnProps & WithStyleProps<GridTheme, GridRowStyle>;
+declare type GridRowProps = GridRowOwnProps & WithStyleProps<GridTheme, GridRowStyle> & OtherHTMLAttributes<GridRowOwnProps>;
 declare type GridRowStyle = ComponentStyle<'gridRow'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

package/types/GridRow/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridRow/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;AAE7E,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridRow/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,GACvC,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}