@instructure/ui-grid 8.8.1-snapshot.8 → 8.9.1

package/src/GridCol/{types.ts → props.ts}

@@ -22,11 +22,17 @@
  * SOFTWARE.
  */
 
-import { GridBreakpoints } from '../GridTypes'
+import PropTypes from 'prop-types'
 
-export type GridColProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
+import type { WithStyleProps } from '@instructure/emotion'
+import type { PropValidators } from '@instructure/shared-types'
+import type { GridBreakpoints } from '../GridTypes'
+
+// TODO: get numcols from theme config
+const COL_WIDTHS = ['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
+
+type GridColOwnProps = {
+  children?: React.ReactNode
   colSpacing?: 'none' | 'small' | 'medium' | 'large'
   rowSpacing?: 'none' | 'small' | 'medium' | 'large'
   textAlign?: 'start' | 'end' | 'center' | 'inherit'
@@ -54,3 +60,66 @@ export type GridColProps = {
   isLastCol?: boolean
   elementRef?: (...args: any[]) => any
 }
+
+type PropKeys = keyof GridColOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type GridColProps = GridColOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  children: PropTypes.node,
+  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
+  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
+  textAlign: PropTypes.oneOf(['start', 'end', 'center', 'inherit']),
+  hAlign: PropTypes.oneOf([
+    'start',
+    'center',
+    'end',
+    'space-around',
+    'space-between'
+  ]),
+  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
+  visualDebug: PropTypes.bool,
+  width: PropTypes.oneOfType([
+    PropTypes.oneOf(COL_WIDTHS),
+    PropTypes.shape({
+      small: PropTypes.oneOf(COL_WIDTHS),
+      medium: PropTypes.oneOf(COL_WIDTHS),
+      large: PropTypes.oneOf(COL_WIDTHS),
+      xLarge: PropTypes.oneOf(COL_WIDTHS)
+    })
+  ]),
+  offset: PropTypes.oneOfType([
+    PropTypes.oneOf(COL_WIDTHS),
+    PropTypes.shape({
+      small: PropTypes.oneOf(COL_WIDTHS),
+      medium: PropTypes.oneOf(COL_WIDTHS),
+      large: PropTypes.oneOf(COL_WIDTHS),
+      xLarge: PropTypes.oneOf(COL_WIDTHS)
+    })
+  ]),
+  isLastRow: PropTypes.bool,
+  isLastCol: PropTypes.bool,
+  elementRef: PropTypes.func
+}
+
+const allowedProps: AllowedPropKeys = [
+  'children',
+  'colSpacing',
+  'rowSpacing',
+  'textAlign',
+  'hAlign',
+  'vAlign',
+  'startAt',
+  'visualDebug',
+  'width',
+  'offset',
+  'isLastRow',
+  'isLastCol',
+  'elementRef'
+]
+
+export type { GridColProps }
+export { propTypes, allowedProps }

package/src/GridCol/styles.ts

@@ -24,7 +24,7 @@
 
 import { GridTheme } from '@instructure/shared-types'
 import { GridBreakpoints } from '../GridTypes'
-import { GridColProps } from './types'
+import { GridColProps } from './props'
 
 /**
  * ---

package/src/GridRow/index.tsx

@@ -24,16 +24,13 @@
 
 /** @jsx jsx */
 import { Component, Children, ReactElement } from 'react'
-import PropTypes from 'prop-types'
 
-import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
 import {
   safeCloneElement,
   matchComponentTypes,
   omitProps,
   pickProps
 } from '@instructure/ui-react-utils'
-import { ScreenReaderContent } from '@instructure/ui-a11y-content'
 
 import { GridCol } from '../GridCol'
 
@@ -41,7 +38,9 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import { GridRowProps } from './types'
+
+import { propTypes, allowedProps } from './props'
+import type { GridRowProps } from './props'
 
 /**
 ---
@@ -53,29 +52,8 @@ id: Grid.Row
 class GridRow extends Component<GridRowProps> {
   static readonly componentId = 'Grid.Row'
 
-  /* eslint-disable react/require-default-props */
-  static propTypes = {
-    // eslint-disable-next-line react/require-default-props
-    makeStyles: PropTypes.func,
-    // eslint-disable-next-line react/require-default-props
-    styles: PropTypes.object,
-    children: ChildrenPropTypes.oneOf([GridCol, ScreenReaderContent]),
-    rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-    colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
-    hAlign: PropTypes.oneOf([
-      'start',
-      'center',
-      'end',
-      'space-around',
-      'space-between'
-    ]),
-    vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-    startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
-    visualDebug: PropTypes.bool,
-    isLastRow: PropTypes.bool
-  }
-  /* eslint-enable react/require-default-props */
-
+  static propTypes = propTypes
+  static allowedProps = allowedProps
   static defaultProps = {
     children: null,
     isLastRow: false
@@ -116,7 +94,7 @@ class GridRow extends Component<GridRowProps> {
     const props = omitProps(restProps, GridRow.propTypes)
 
     return (
-      <span {...props} css={styles.gridRow}>
+      <span {...props} css={styles?.gridRow}>
         {this.renderChildren()}
       </span>
     )

package/src/GridRow/props.ts

@@ -0,0 +1,82 @@
+/*
+ * 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.
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
+import { ScreenReaderContent } from '@instructure/ui-a11y-content'
+import { GridCol } from '../GridCol'
+
+import type { PropValidators } from '@instructure/shared-types'
+import type { WithStyleProps } from '@instructure/emotion'
+import type { GridBreakpoints } from '../GridTypes'
+
+type GridRowOwnProps = {
+  children?: React.ReactNode // TODO: oneOf([GridCol, ScreenReaderContent])
+  rowSpacing?: 'none' | 'small' | 'medium' | 'large'
+  colSpacing?: 'none' | 'small' | 'medium' | 'large'
+  hAlign?: 'start' | 'center' | 'end' | 'space-around' | 'space-between'
+  vAlign?: 'top' | 'middle' | 'bottom'
+  startAt?: GridBreakpoints
+  visualDebug?: boolean
+  isLastRow?: boolean
+}
+
+type PropKeys = keyof GridRowOwnProps
+
+type AllowedPropKeys = Readonly<Array<PropKeys>>
+
+type GridRowProps = GridRowOwnProps & WithStyleProps
+
+const propTypes: PropValidators<PropKeys> = {
+  children: ChildrenPropTypes.oneOf([GridCol, ScreenReaderContent]),
+  rowSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
+  colSpacing: PropTypes.oneOf(['none', 'small', 'medium', 'large']),
+  hAlign: PropTypes.oneOf([
+    'start',
+    'center',
+    'end',
+    'space-around',
+    'space-between'
+  ]),
+  vAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+  startAt: PropTypes.oneOf(['small', 'medium', 'large', 'x-large', null]),
+  visualDebug: PropTypes.bool,
+  isLastRow: PropTypes.bool
+}
+
+const allowedProps: AllowedPropKeys = [
+  'children',
+  'rowSpacing',
+  'colSpacing',
+  'hAlign',
+  'vAlign',
+  'startAt',
+  'visualDebug',
+  'isLastRow'
+]
+
+export type { GridRowProps }
+export { propTypes, allowedProps }

package/src/GridRow/styles.ts

@@ -24,7 +24,7 @@
 
 import { GridTheme } from '@instructure/shared-types'
 import { GridBreakpoints } from '../GridTypes'
-import { GridRowProps } from './types'
+import { GridRowProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -25,6 +25,6 @@ export { Grid, GridRow, GridCol } from './Grid'
 
 export type { GridBreakpoints } from './GridTypes'
 
-export type { GridProps } from './Grid/types'
-export type { GridRowProps } from './GridRow/types'
-export type { GridColProps } from './GridCol/types'
+export type { GridProps } from './Grid/props'
+export type { GridRowProps } from './GridRow/props'
+export type { GridColProps } from './GridCol/props'

package/types/Grid/index.d.ts

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { GridRow } from '../GridRow';
 import { GridCol } from '../GridCol';
 import { jsx } from '@instructure/emotion';
-import { GridProps } from './types';
+import type { GridProps } from './props';
 /**
 ---
 category: components
@@ -12,20 +11,24 @@ category: components
 **/
 declare class Grid extends Component<GridProps> {
     static readonly componentId = "Grid";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        colSpacing: PropTypes.Requireable<string>;
-        rowSpacing: PropTypes.Requireable<string>;
-        hAlign: PropTypes.Requireable<string>;
-        vAlign: PropTypes.Requireable<string>;
-        startAt: PropTypes.Requireable<string | null>;
-        visualDebug: PropTypes.Requireable<boolean>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        colSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
+        vAlign?: "top" | "middle" | "bottom" | undefined;
+        startAt?: import("..").GridBreakpoints | undefined;
+        visualDebug?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        colSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
+        vAlign?: "top" | "middle" | "bottom" | undefined;
+        startAt?: import("..").GridBreakpoints | undefined;
+        visualDebug?: boolean | undefined;
+    })[];
     static defaultProps: {
         colSpacing: string;
         rowSpacing: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Grid/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AAWlC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;;;;;;MAkBf;IAED,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,MAAM,CAAC,GAAG,iBAAU;IACpB,MAAM,CAAC,GAAG,iBAAU;IAEpB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAkBd,MAAM;CAWP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Grid/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AASzD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,MAAM,CAAC,GAAG,iBAAU;IACpB,MAAM,CAAC,GAAG,iBAAU;IAEpB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAkBd,MAAM;CAWP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/Grid/props.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { GridBreakpoints } from '../GridTypes';
+declare type GridOwnProps = {
+    children?: React.ReactNode;
+    colSpacing?: 'none' | 'small' | 'medium' | 'large';
+    rowSpacing?: 'none' | 'small' | 'medium' | 'large';
+    hAlign?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
+    vAlign?: 'top' | 'middle' | 'bottom';
+    startAt?: GridBreakpoints;
+    visualDebug?: boolean;
+};
+declare type PropKeys = keyof GridOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type GridProps = GridOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { GridProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Grid/props.ts"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,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,CAAA;AAE9C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Grid/styles.d.ts

@@ -1,5 +1,5 @@
 import { GridTheme } from '@instructure/shared-types';
-import { GridProps } from './types';
+import { GridProps } from './props';
 /**
  * ---
  * private: true

package/types/GridCol/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { GridColProps } from './types';
+import type { GridColProps } from './props';
 /**
 ---
 parent: Grid
@@ -11,39 +10,41 @@ id: Grid.Col
 **/
 declare class GridCol extends Component<GridColProps> {
     static readonly componentId = "Grid.Col";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        colSpacing: PropTypes.Requireable<string>;
-        rowSpacing: PropTypes.Requireable<string>;
-        textAlign: PropTypes.Requireable<string>;
-        hAlign: PropTypes.Requireable<string>;
-        vAlign: PropTypes.Requireable<string>;
-        startAt: PropTypes.Requireable<string | null>;
-        visualDebug: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number | PropTypes.InferProps<{
-            small: PropTypes.Requireable<string | number>;
-            medium: PropTypes.Requireable<string | number>;
-            large: PropTypes.Requireable<string | number>;
-            xLarge: PropTypes.Requireable<string | number>;
-        }>>;
-        offset: PropTypes.Requireable<string | number | PropTypes.InferProps<{
-            small: PropTypes.Requireable<string | number>;
-            medium: PropTypes.Requireable<string | number>;
-            large: PropTypes.Requireable<string | number>;
-            xLarge: PropTypes.Requireable<string | number>;
-        }>>;
-        isLastRow: PropTypes.Requireable<boolean>;
-        isLastCol: PropTypes.Requireable<boolean>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        colSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        textAlign?: "start" | "end" | "center" | "inherit" | undefined;
+        hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
+        vAlign?: "top" | "middle" | "bottom" | undefined;
+        startAt?: import("..").GridBreakpoints | undefined;
+        visualDebug?: boolean | undefined;
+        width?: any;
+        offset?: any;
+        isLastRow?: boolean | undefined;
+        isLastCol?: boolean | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        colSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
+        textAlign?: "start" | "end" | "center" | "inherit" | undefined;
+        hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
+        vAlign?: "top" | "middle" | "bottom" | undefined;
+        startAt?: import("..").GridBreakpoints | undefined;
+        visualDebug?: boolean | undefined;
+        width?: any;
+        offset?: any;
+        isLastRow?: boolean | undefined;
+        isLastCol?: boolean | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         textAlign: string;
         children: null;
         isLastCol: boolean;
         isLastRow: boolean;
-        elementRef: undefined;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

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;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKtC;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAGxC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;MAwCf;IAGD,MAAM,CAAC,YAAY;;;;;;MAMlB;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,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/{types.d.ts → props.d.ts}

@@ -1,7 +1,9 @@
-import { GridBreakpoints } from '../GridTypes';
-export declare type GridColProps = {
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
+/// <reference types="react" />
+import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+import type { GridBreakpoints } from '../GridTypes';
+declare type GridColOwnProps = {
+    children?: React.ReactNode;
     colSpacing?: 'none' | 'small' | 'medium' | 'large';
     rowSpacing?: 'none' | 'small' | 'medium' | 'large';
     textAlign?: 'start' | 'end' | 'center' | 'inherit';
@@ -25,4 +27,11 @@ export declare type GridColProps = {
     isLastCol?: boolean;
     elementRef?: (...args: any[]) => any;
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof GridColOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type GridColProps = GridColOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { GridColProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map