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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CloseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAOlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAKzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,SAAS;;;QAKd;;WAEG;;QAGH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;WAEG;;QAEH;;;;;WAKG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;MAmBlB;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CloseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,SAAS;;;;;;;;4DAVlB;;;;WAIG;;;;;;;OAM2B;IAC5B,MAAM,CAAC,YAAY;;;;;;;;4DAXrB;;;;WAIG;;;;;;;SAOiC;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAWlB;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/CloseButton/props.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type CloseButtonOwnProps = {
+    screenReaderLabel: string | React.ReactNode;
+    color?: 'primary' | 'primary-inverse';
+    interaction?: 'enabled' | 'disabled' | 'readonly';
+    elementRef?: (...args: any[]) => any;
+    size?: 'small' | 'medium' | 'large';
+    onClick?: (...args: any[]) => any;
+    margin?: Spacing;
+    placement?: 'start' | 'end' | 'static';
+    offset?: 'none' | 'x-small' | 'small' | 'medium';
+    type?: 'button' | 'submit' | 'reset';
+    as?: AsElementType;
+    href?: string;
+    cursor?: string;
+    tabIndex?: number | string;
+};
+declare type PropKeys = keyof CloseButtonOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type CloseButtonProps = CloseButtonOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { CloseButtonProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CloseButton/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3C,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAChD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GAAG,cAAc,CAAA;AAE5D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA+DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/CloseButton/styles.d.ts

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

package/types/CloseButton/theme.d.ts

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

package/types/CloseButton/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/CloseButton/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,gBAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/CloseButton/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,gBAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/CondensedButton/index.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { CondensedButtonProps } from './types';
+import React, { Component } from 'react';
+import type { CondensedButtonProps } from './props';
 /**
 ---
 category: components
@@ -8,67 +7,41 @@ category: components
 **/
 declare class CondensedButton extends Component<CondensedButtonProps> {
     static readonly componentId = "CondensedButton";
-    static propTypes: {
-        /**
-         * Specifies the `CondensedButton` children.
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specifies the type of the `CondensedButton`'s underlying html element.
-         */
-        type: PropTypes.Requireable<string>;
-        /**
-         * The size of the `CondensedButton`
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Provides a reference to the `CondensedButton`'s underlying html element.
-         */
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The element to render as the component root, `button` by default.
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * Specifies if interaction with the `CondensedButton` is enabled, disabled, or readonly.
-         */
-        interaction: PropTypes.Requireable<string>;
-        /**
-         * Specifies the color for the `CondensedButton`.
-         */
-        color: 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;
-        /**
-         * Specify a mouse cursor to use when hovering over the button.
-         * The `pointer` cursor is used by default.
-         */
-        cursor: PropTypes.Requireable<string>;
-        /**
-         * Specifies an href attribute for the `CondensedButton`'s underlying html element.
-         */
-        href: PropTypes.Requireable<string>;
-        /**
-         * An icon, or function that returns an icon.
-         */
-        renderIcon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: React.ReactNode;
+        type?: "button" | "submit" | "reset" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        color?: "primary" | "primary-inverse" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        cursor?: string | undefined;
+        href?: string | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        type?: "button" | "submit" | "reset" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        color?: "primary" | "primary-inverse" | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        cursor?: string | undefined;
+        href?: string | undefined;
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    })[];
     static defaultProps: {
         children: null;
         type: string;
         size: string;
         elementRef: (el: any) => void;
         as: string;
-        interaction: undefined;
         color: string;
         margin: string;
         cursor: string;
-        href: undefined;
-        renderIcon: undefined;
     };
     _baseButton: null;
     get focused(): null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CondensedButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AASlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAEH,cAEM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;QACd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;WAGG;;QAEH;;WAEG;;QAEH;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;MAclB;IAED,WAAW,OAAO;IAElB,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CA+CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CondensedButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cAEM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAWlB;IAED,WAAW,OAAO;IAElB,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CA+CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/types/CondensedButton/props.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { Spacing } from '@instructure/emotion';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type CondensedButtonOwnProps = {
+    children?: React.ReactNode;
+    type?: 'button' | 'submit' | 'reset';
+    size?: 'small' | 'medium' | 'large';
+    elementRef?: (...args: any[]) => any;
+    as?: AsElementType;
+    interaction?: 'enabled' | 'disabled' | 'readonly';
+    color?: 'primary' | 'primary-inverse';
+    margin?: Spacing;
+    cursor?: string;
+    href?: string;
+    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+};
+declare type PropKeys = keyof CondensedButtonOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type CondensedButtonProps = CondensedButtonOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { CondensedButtonProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CondensedButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;CACzD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,CAAA;AAEnD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/IconButton/index.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { IconButtonProps } from './types';
+import React, { Component } from 'react';
+import type { IconButtonProps } from './props';
 /**
 ---
 category: components
@@ -8,91 +7,54 @@ category: components
 **/
 declare class IconButton extends Component<IconButtonProps> {
     static readonly componentId = "IconButton";
-    static propTypes: {
-        /**
-         * An icon, or function returning an icon (identical to the `renderIcon` prop).
-         */
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * An icon, or function that returns an icon (identical to the `children` prop).
-         */
-        renderIcon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * An accessible label for the `IconButton`.
-         */
-        screenReaderLabel: PropTypes.Validator<string>;
-        /**
-         * Specifies the type of the `IconButton`'s underlying html element.
-         */
-        type: PropTypes.Requireable<string>;
-        /**
-         * The size of the `IconButton`
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Provides a reference to the `IconButton`'s underlying html element.
-         */
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The element to render as the component root, `button` by default.
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * Specifies if interaction with the `IconButton` is enabled, disabled, or readonly.
-         */
-        interaction: PropTypes.Requireable<string>;
-        /**
-         * Specifies the color for the `IconButton`.
-         */
-        color: PropTypes.Requireable<string>;
-        /**
-         * Override the `Button`'s default focus outline color.
-         */
-        focusColor: PropTypes.Requireable<string>;
-        /**
-         * Specifies if the `IconButton` shape should be a circle or rectangle.
-         */
-        shape: PropTypes.Requireable<string>;
-        /**
-         * Specifies if the `IconButton` should render with a solid background. When false, the background is transparent.
-         */
-        withBackground: PropTypes.Requireable<boolean>;
-        /**
-         * Specifies if the `IconButton` should render with a border.
-         */
-        withBorder: 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;
-        /**
-         * Specify a mouse cursor to use when hovering over the button.
-         * The `pointer` cursor is used by default.
-         */
-        cursor: PropTypes.Requireable<string>;
-        /**
-         * Specifies an href attribute for the `IconButton`'s underlying html element.
-         */
-        href: PropTypes.Requireable<string>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        screenReaderLabel: string;
+        type?: "button" | "submit" | "reset" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
+        focusColor?: "info" | "inverse" | undefined;
+        shape?: "circle" | "rectangle" | undefined;
+        withBackground?: boolean | undefined;
+        withBorder?: boolean | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        cursor?: string | undefined;
+        href?: string | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        screenReaderLabel: string;
+        type?: "button" | "submit" | "reset" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
+        focusColor?: "info" | "inverse" | undefined;
+        shape?: "circle" | "rectangle" | undefined;
+        withBackground?: boolean | undefined;
+        withBorder?: boolean | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        cursor?: string | undefined;
+        href?: string | undefined;
+    })[];
     static defaultProps: {
         children: null;
-        renderIcon: undefined;
         type: string;
         size: string;
         elementRef: (el: any) => void;
         as: string;
-        interaction: undefined;
         color: string;
-        focusColor: undefined;
         shape: string;
         withBackground: boolean;
         withBorder: boolean;
         margin: string;
         cursor: string;
-        href: undefined;
     };
     _baseButton: null;
     get focused(): null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAUlC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;GAIG;AAGH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;QACd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAQH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;WAGG;;QAEH;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;MAkBlB;IAED,WAAW,OAAO;IAElB,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CAqDP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;MAclB;IAED,WAAW,OAAO;IAElB,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CAqDP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/IconButton/props.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { Spacing } from '@instructure/emotion';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type IconButtonOwnProps = {
+    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    screenReaderLabel: string;
+    type?: 'button' | 'submit' | 'reset';
+    size?: 'small' | 'medium' | 'large';
+    elementRef?: (...args: any[]) => any;
+    as?: AsElementType;
+    interaction?: 'enabled' | 'disabled' | 'readonly';
+    color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
+    focusColor?: 'info' | 'inverse';
+    shape?: 'rectangle' | 'circle';
+    withBackground?: boolean;
+    withBorder?: boolean;
+    margin?: Spacing;
+    cursor?: string;
+    href?: string;
+};
+declare type PropKeys = keyof IconButtonOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type IconButtonProps = IconButtonOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { IconButtonProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/IconButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,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,CA0EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/ToggleButton/index.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { ToggleButtonProps } from './types';
+import React, { Component } from 'react';
+import type { ToggleButtonProps } from './props';
 /**
 ---
 category: components
@@ -8,76 +7,46 @@ category: components
 **/
 declare class ToggleButton extends Component<ToggleButtonProps> {
     static readonly componentId = "ToggleButton";
-    static propTypes: {
-        /**
-         * Text to output only to screen readers
-         */
-        screenReaderLabel: PropTypes.Validator<string>;
-        /**
-         * Text to render in the tooltip shown on hover/focus
-         */
-        renderTooltipContent: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * An icon or function that returns an icon
-         */
-        renderIcon: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Toggles the `aria-pressed` attribute on the button (`true` if `pressed`; `false` if `unpressed`)
-         */
-        status: PropTypes.Validator<string>;
-        /**
-         * The element to render as the component root; `button` by default
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * Specifies if interaction with `ToggleButton` is `enabled`, `disabled`, or `readonly`
-         */
-        interaction: PropTypes.Requireable<string>;
-        /**
-         * The size of the `ToggleButton`
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Provides a reference to `ToggleButton`'s underlying HTML element
-         */
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired when the `ToggleButton` is clicked
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The color in which to display the icon
-         */
-        color: PropTypes.Requireable<string>;
-        /**
-         * By default, the tooltip will show on hover/focus. Use this prop if you need to override that behavior.
-         */
-        isShowingTooltip: PropTypes.Requireable<boolean>;
-        /**
-         * An element or a function returning an element to use as the mount node
-         */
-        mountNode: PropTypes.Requireable<PropTypes.ReactElementLike | Element | ((...args: any[]) => any)>;
-        /**
-         * The placement of the tooltip in relation to the button
-         */
-        placement: PropTypes.Requireable<string>;
-        /**
-         * The parent in which to constrain the tooltip.
-         * One of: 'window', 'scroll-parent', 'parent', 'none', an element,
-         * or a function returning an element.
-         */
-        constrain: PropTypes.Requireable<string | PropTypes.ReactElementLike | Element | ((...args: any[]) => any)>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        screenReaderLabel: string;
+        renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
+        renderIcon: React.ReactNode | ((...args: any[]) => any);
+        status: "pressed" | "unpressed";
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        color?: string | undefined;
+        isShowingTooltip?: boolean | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        screenReaderLabel: string;
+        renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
+        renderIcon: React.ReactNode | ((...args: any[]) => any);
+        status: "pressed" | "unpressed";
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        interaction?: "enabled" | "disabled" | "readonly" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        color?: string | undefined;
+        isShowingTooltip?: boolean | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+    })[];
     static defaultProps: {
         size: string;
         as: string;
-        interaction: undefined;
         elementRef: (el: any) => void;
         renderIcon: () => void;
         onClick: () => void;
         mountNode: null;
         color: string;
-        isShowingTooltip: undefined;
         placement: string;
         constrain: string;
     };