@instructure/ui-list 8.8.0 → 8.8.1-snapshot.63

package/src/List/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { ListTheme } from '@instructure/shared-types'
-import { ListProps } from './types'
+import { ListProps } from './props'
 
 /**
  * ---

package/src/List/theme.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { Theme } from '@instructure/ui-themes'
+import type { Theme } from '@instructure/ui-themes'
 import { ListTheme } from '@instructure/shared-types'
 
 /**

package/src/index.ts

@@ -25,7 +25,7 @@
 export { InlineList } from './InlineList'
 export { List, ListItem } from './List'
 
-export type { InlineListProps } from './InlineList/types'
-export type { InlineListItemProps } from './InlineList/InlineListItem/types'
-export type { ListProps } from './List/types'
-export type { ListItemProps } from './List/ListItem/types'
+export type { InlineListProps } from './InlineList/props'
+export type { InlineListItemProps } from './InlineList/InlineListItem/props'
+export type { ListProps } from './List/props'
+export type { ListItemProps } from './List/ListItem/props'

package/types/InlineList/InlineListItem/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { InlineListItemProps } from './types';
+import type { InlineListItemProps } from './props';
 /**
 ---
 parent: InlineList
@@ -11,36 +10,26 @@ id: InlineList.Item
 **/
 declare class InlineListItem extends Component<InlineListItemProps> {
     static readonly componentId = "InlineList.Item";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Inherits delimiter from the parent InlineList component
-         */
-        delimiter: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-         */
-        padding: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Inherits itemSpacing from the parent InlineList component
-         */
-        spacing: PropTypes.Requireable<string>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         padding: string;
-        margin: undefined;
         spacing: string;
         delimiter: string;
         size: string;

package/types/InlineList/InlineListItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAIzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;QAMd;;WAEG;;;QAGH;;;;WAIG;;QAEH;;;;WAIG;;QAEH;;WAEG;;;MAaJ;IAED,MAAM,CAAC,YAAY;;;;;;;MAQlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA6BP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;GAKG;AACH,cAEM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA6BP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/InlineList/InlineListItem/props.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type InlineListItemOwnProps = {
+    children: React.ReactNode | ((...args: any[]) => React.ReactNode);
+    delimiter?: 'none' | 'pipe' | 'slash' | 'arrow';
+    size?: 'small' | 'medium' | 'large';
+    margin?: Spacing;
+    padding?: Spacing;
+    spacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    elementRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof InlineListItemOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type InlineListItemProps = InlineListItemOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { InlineListItemProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/InlineList/InlineListItem/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/InlineList/InlineListItem/styles.d.ts

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

package/types/InlineList/InlineListItem/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@instructure/ui-themes';
+import type { Theme } from '@instructure/ui-themes';
 import { InlineListItemTheme } from '@instructure/shared-types';
 /**
  * Generates the theme object for the component from the theme and provided additional information

package/types/InlineList/InlineListItem/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,mBAoC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/InlineList/InlineListItem/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,mBAoC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/InlineList/index.d.ts

@@ -1,36 +1,40 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { InlineListItem } from './InlineListItem';
-import { InlineListProps } from './types';
+import type { InlineListProps } from './props';
 /**
 ---
 category: components
 ---
 **/
 declare class InlineList extends Component<InlineListProps> {
-    static propTypes: {
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         /**
-         * Only accepts `<InlineList.Item>` as a child
-         */
-        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;
-        };
-        as: PropTypes.Requireable<string>;
+        ---
+        category: components
+        ---
+        **/
+        children?: React.ReactNode;
+        as?: "ol" | "ul" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
+        itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
         /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        size: PropTypes.Requireable<string>;
-        delimiter: PropTypes.Requireable<string>;
-        /**
-         * Sets the margin separating each ListItem.
-         */
-        itemSpacing: PropTypes.Requireable<string>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+        ---
+        category: components
+        ---
+        **/
+        children?: React.ReactNode;
+        as?: "ol" | "ul" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        delimiter?: "none" | "pipe" | "slash" | "arrow" | undefined;
+        itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         children: null;
         itemSpacing: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAChE,OAAO,SAAS,MAAM,YAAY,CAAA;AAQlC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,SAAS;QACd;;WAEG;;;;;;QAGH;;;;WAIG;;;;QAIH;;WAEG;;;MAaJ;IAED,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAYd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,SAAS;QAPlB;;;;WAIG;;;;;;;;OAG2B;IAC5B,MAAM,CAAC,YAAY;QARrB;;;;WAIG;;;;;;;;SAIiC;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,cAAc;IAYd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/InlineList/props.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Spacing } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type InlineListOwnProps = {
+    children?: React.ReactNode;
+    as?: 'ul' | 'ol';
+    margin?: Spacing;
+    size?: 'small' | 'medium' | 'large';
+    delimiter?: 'none' | 'pipe' | 'slash' | 'arrow';
+    itemSpacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    elementRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof InlineListOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type InlineListProps = InlineListOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { InlineListProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineList/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/List/ListItem/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { ListItemProps } from './types';
+import type { ListItemProps } from './props';
 /**
 ---
 parent: List
@@ -11,36 +10,26 @@ id: List.Item
 **/
 declare class ListItem extends Component<ListItemProps> {
     static readonly componentId = "List.Item";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Inherits delimiter from the parent List component.
-         */
-        delimiter: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-         */
-        padding: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Inherits itemSpacing from the parent List component
-         */
-        spacing: PropTypes.Requireable<string>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        delimiter?: "none" | "dashed" | "solid" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        delimiter?: "none" | "dashed" | "solid" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        spacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         padding: string;
-        margin: undefined;
         spacing: string;
         delimiter: string;
         size: string;

package/types/List/ListItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAIzE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;QAMd;;WAEG;;;QAGH;;;;WAIG;;QAEH;;;;WAIG;;QAEH;;WAEG;;;MAaJ;IAED,MAAM,CAAC,YAAY;;;;;;;MAQlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA2BP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CA2BP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/List/ListItem/props.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+declare type ListItemOwnProps = {
+    children: React.ReactNode | ((...args: any[]) => React.ReactNode);
+    delimiter?: 'none' | 'dashed' | 'solid';
+    size?: 'small' | 'medium' | 'large';
+    margin?: Spacing;
+    padding?: Spacing;
+    spacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    elementRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof ListItemOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ListItemProps = ListItemOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ListItemProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/List/ListItem/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/List/ListItem/styles.d.ts

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

package/types/List/ListItem/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@instructure/ui-themes';
+import type { Theme } from '@instructure/ui-themes';
 import { ListItemTheme } from '@instructure/shared-types';
 /**
  * Generates the theme object for the component from the theme and provided additional information

package/types/List/ListItem/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,aAiC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,aAiC9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/List/index.d.ts

@@ -1,9 +1,8 @@
 /** @jsx jsx */
 import { Component, ReactElement } from 'react';
-import PropTypes from 'prop-types';
 import { ListItem } from './ListItem';
 import { jsx } from '@instructure/emotion';
-import { ListProps } from './types';
+import type { ListProps } from './props';
 /**
 ---
 category: components
@@ -11,44 +10,31 @@ category: components
 **/
 declare class List extends Component<ListProps> {
     static readonly componentId = "List";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * Only accepts `<List.Item>` as a child
-         */
-        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;
-        };
-        as: PropTypes.Requireable<string>;
-        /**
-         * One of: none, dashed, solid
-         */
-        delimiter: PropTypes.Requireable<string>;
-        /**
-         * When set, renders the List Items without a list style type.
-         */
-        isUnstyled: PropTypes.Requireable<boolean>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Sets the margin separating each ListItem.
-         */
-        itemSpacing: PropTypes.Requireable<string>;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        as?: "ol" | "ul" | undefined;
+        delimiter?: "none" | "dashed" | "solid" | undefined;
+        isUnstyled?: boolean | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        as?: "ol" | "ul" | undefined;
+        delimiter?: "none" | "dashed" | "solid" | undefined;
+        isUnstyled?: boolean | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        itemSpacing?: "none" | "small" | "medium" | "large" | "xxx-small" | "xx-small" | "x-small" | "x-large" | "xx-large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
         children: null;
         as: string;
         delimiter: string;
         isUnstyled: boolean;
-        margin: undefined;
         size: string;
         itemSpacing: string;
         elementRef: (el: any) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/List/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AAOlC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAIzE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,SAAS;;;QAKd;;WAEG;;;;;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;;QAGH;;WAEG;;;MAaJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,MAAM,CAAC,IAAI,kBAAW;IAEtB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAad,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/List/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;GAIG;AACH,cAEM,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;;;;;;;;MASlB;IAED,MAAM,CAAC,IAAI,kBAAW;IAEtB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAad,MAAM;CAgBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}

package/types/List/props.d.ts

@@ -0,0 +1,21 @@
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { PropValidators } from '@instructure/shared-types';
+import React from 'react';
+declare type ListOwnProps = {
+    children?: React.ReactNode;
+    as?: 'ul' | 'ol';
+    delimiter?: 'none' | 'dashed' | 'solid';
+    isUnstyled?: boolean;
+    margin?: Spacing;
+    size?: 'small' | 'medium' | 'large';
+    itemSpacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    elementRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof ListOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ListProps = ListOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ListProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map