@instructure/ui-buttons 8.13.1-snapshot.9 → 8.14.0

package/types/IconButton/IconButtonLocator.d.ts

@@ -1,3 +1,4 @@
+import { find } from '@instructure/ui-test-queries';
 export declare const IconButtonLocator: {
     customMethods: {
         click: (element: any, ...args: any[]) => Promise<Event>;
@@ -15,7 +16,7 @@ export declare const IconButtonLocator: {
         findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
         findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
         findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
-        find: typeof import("@instructure/ui-test-queries/src/utils/queries").find;
+        find: typeof find;
         findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
         findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
@@ -24,25 +25,15 @@ export declare const IconButtonLocator: {
         toString: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => string;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
-        children: (selector: string) => Element[];
-        title: () => string | null | undefined;
-        id: () => string;
-        tagName: () => string;
-        getAttribute: (qualifiedName: string) => string | null;
-        getBoundingClientRect: () => DOMRect;
-        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
-        value: () => string | null;
-        disabled: () => string | null;
-        role: () => string | null;
-        label: () => string | null | undefined;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
+        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
+        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -52,6 +43,7 @@ export declare const IconButtonLocator: {
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
+        getBoundingClientRect: () => DOMRect;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -63,17 +55,25 @@ export declare const IconButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
         ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
+        id: () => string;
+        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
+        disabled: () => string | null;
         readonly: () => any;
+        role: () => string | null;
+        value: () => string | null;
+        label: () => string | null | undefined;
+        title: () => string | null | undefined;
+        children: (selector: string) => Element[];
         parents: (selector: string) => ParentNode[];
     } & {
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -111,6 +111,7 @@ export declare const IconButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -156,7 +157,7 @@ export declare const IconButtonLocator: {
         findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
         findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
         findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
-        find: typeof import("@instructure/ui-test-queries/src/utils/queries").find;
+        find: typeof find;
         findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
         findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
@@ -165,25 +166,15 @@ export declare const IconButtonLocator: {
         toString: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => string;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
-        children: (selector: string) => Element[];
-        title: () => string | null | undefined;
-        id: () => string;
-        tagName: () => string;
-        getAttribute: (qualifiedName: string) => string | null;
-        getBoundingClientRect: () => DOMRect;
-        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
-        value: () => string | null;
-        disabled: () => string | null;
-        role: () => string | null;
-        label: () => string | null | undefined;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
+        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
+        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -193,6 +184,7 @@ export declare const IconButtonLocator: {
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
+        getBoundingClientRect: () => DOMRect;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -204,17 +196,25 @@ export declare const IconButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
         ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
+        id: () => string;
+        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
+        disabled: () => string | null;
         readonly: () => any;
+        role: () => string | null;
+        value: () => string | null;
+        label: () => string | null | undefined;
+        title: () => string | null | undefined;
+        children: (selector: string) => Element[];
         parents: (selector: string) => ParentNode[];
     } & {
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -252,6 +252,7 @@ export declare const IconButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -297,7 +298,7 @@ export declare const IconButtonLocator: {
         findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
         findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
         findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
-        find: typeof import("@instructure/ui-test-queries/src/utils/queries").find;
+        find: typeof find;
         findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
         findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
@@ -306,25 +307,15 @@ export declare const IconButtonLocator: {
         toString: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => string;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
-        children: (selector: string) => Element[];
-        title: () => string | null | undefined;
-        id: () => string;
-        tagName: () => string;
-        getAttribute: (qualifiedName: string) => string | null;
-        getBoundingClientRect: () => DOMRect;
-        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
-        value: () => string | null;
-        disabled: () => string | null;
-        role: () => string | null;
-        label: () => string | null | undefined;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
+        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
+        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -334,6 +325,7 @@ export declare const IconButtonLocator: {
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
+        getBoundingClientRect: () => DOMRect;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -345,17 +337,25 @@ export declare const IconButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
         ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
+        id: () => string;
+        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
+        disabled: () => string | null;
         readonly: () => any;
+        role: () => string | null;
+        value: () => string | null;
+        label: () => string | null | undefined;
+        title: () => string | null | undefined;
+        children: (selector: string) => Element[];
         parents: (selector: string) => ParentNode[];
     } & {
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -393,6 +393,7 @@ export declare const IconButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -438,7 +439,7 @@ export declare const IconButtonLocator: {
         findAllByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllByQuery;
         findByQuery: typeof import("@instructure/ui-test-queries/src/utils/queries").findByQuery;
         findAll: typeof import("@instructure/ui-test-queries/src/utils/queries").findAll;
-        find: typeof import("@instructure/ui-test-queries/src/utils/queries").find;
+        find: typeof find;
         findAllFrames: typeof import("@instructure/ui-test-queries/src/utils/queries").findAllFrames;
         findFrame: typeof import("@instructure/ui-test-queries/src/utils/queries").findFrame;
         findParent: typeof import("@instructure/ui-test-queries/src/utils/queries").findParent;
@@ -447,25 +448,15 @@ export declare const IconButtonLocator: {
         toString: (maxLength?: number | undefined, options?: {
             highlight: boolean;
         } | undefined) => string;
-        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
-        children: (selector: string) => Element[];
-        title: () => string | null | undefined;
-        id: () => string;
-        tagName: () => string;
-        getAttribute: (qualifiedName: string) => string | null;
-        getBoundingClientRect: () => DOMRect;
-        matches: (selector: string | undefined) => boolean;
         visible: () => boolean;
-        value: () => string | null;
-        disabled: () => string | null;
-        role: () => string | null;
-        label: () => string | null | undefined;
         getId: () => string;
         getOwnerWindow: () => (Window & typeof globalThis) | null;
         getOwnerDocument: () => Document;
         getComputedStyle: () => CSSStyleDeclaration;
         getTagName: () => string;
+        tagName: () => string;
         typeIn: (text: string) => Promise<void>;
+        getAttribute: (qualifiedName: string) => string | null;
         getDOMNode: () => Element;
         node: () => Element;
         debug: (maxLength?: number | undefined, options?: {
@@ -475,6 +466,7 @@ export declare const IconButtonLocator: {
         getTextContent: () => string | null;
         getParentNode: () => ParentNode | null;
         parent: () => ParentNode | null;
+        getBoundingClientRect: () => DOMRect;
         rect: () => DOMRect;
         hasClass: (classname: string) => boolean;
         containsFocus: () => boolean;
@@ -486,17 +478,25 @@ export declare const IconButtonLocator: {
         exists: () => boolean;
         text: () => string | null;
         empty: () => boolean;
+        contains: (elementOrSelector?: string | Element | undefined) => boolean | Element;
         descendants: (selector: string) => Element[];
         ancestors: (selector: string) => ParentNode[];
         attribute: (qualifiedName: string) => string | null;
         style: (property: string) => string;
         classNames: () => string[];
+        id: () => string;
+        matches: (selector: string | undefined) => boolean;
         checked: () => any;
         selected: () => any;
+        disabled: () => string | null;
         readonly: () => any;
+        role: () => string | null;
+        value: () => string | null;
+        label: () => string | null | undefined;
+        title: () => string | null | undefined;
+        children: (selector: string) => Element[];
         parents: (selector: string) => ParentNode[];
     } & {
-        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         copy: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         cut: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         paste: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
@@ -534,6 +534,7 @@ export declare const IconButtonLocator: {
         touchEnd: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchMove: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         touchStart: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
+        scroll: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         wheel: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         abort: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;
         canPlay: (init?: import("@instructure/ui-test-queries/src/utils/events").FireEventInit | undefined, options?: Record<string, unknown> | undefined) => Promise<Event>;

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

@@ -1 +1 @@
-{"version":3,"file":"IconButtonLocator.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButtonLocator.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,iBAAiB;;yBACL,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;uIAG1C,CAAA"}
+{"version":3,"file":"IconButtonLocator.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButtonLocator.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAKnD,eAAO,MAAM,iBAAiB;;yBACL,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAAnB,GAAG,WAAW,GAAG,EAAE;;uIAG1C,CAAA"}

package/types/IconButton/index.d.ts

@@ -1,15 +1,17 @@
 import React, { Component } from 'react';
+import { BaseButton } from '../BaseButton';
 import type { IconButtonProps } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class IconButton extends Component<IconButtonProps> {
     static readonly componentId = "IconButton";
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        children?: React.ReactNode | (() => React.ReactNode);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         screenReaderLabel: string;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
@@ -24,10 +26,11 @@ declare class IconButton extends Component<IconButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
+        onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view/types/View/props").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/View/props").ViewProps, MouseEvent>) => void) | undefined;
     }>;
     static allowedProps: readonly (keyof {
-        children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        children?: React.ReactNode | (() => React.ReactNode);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         screenReaderLabel: string;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
@@ -42,13 +45,13 @@ declare class IconButton extends Component<IconButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
+        onClick?: ((event: React.KeyboardEvent<import("@instructure/ui-view/types/View/props").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/View/props").ViewProps, MouseEvent>) => void) | undefined;
     })[];
     static defaultProps: {
-        children: null;
         type: string;
         size: string;
-        elementRef: (el: any) => void;
         as: string;
+        interaction: undefined;
         color: string;
         shape: string;
         withBackground: boolean;
@@ -56,10 +59,10 @@ declare class IconButton extends Component<IconButtonProps> {
         margin: string;
         cursor: string;
     };
-    _baseButton: null;
+    _baseButton: BaseButton | null;
     ref: Element | null;
     handleRef: (el: Element | null) => void;
-    get focused(): null;
+    get focused(): boolean | null;
     focus(): void;
     render(): JSX.Element;
 }

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

@@ -1 +1 @@
-{"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,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CAkDP;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;AASxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;GAKG;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;;;;;;;;;;;MAYlB;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,MAAM;CAiDP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/IconButton/props.d.ts

@@ -1,28 +1,84 @@
 import React from 'react';
 import type { Spacing, WithStyleProps } from '@instructure/emotion';
-import type { AsElementType, PropValidators, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { ToProp, AsElementType, PropValidators, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/ui-prop-types';
+import type { ViewProps } from '@instructure/ui-view';
 declare type IconButtonOwnProps = {
-    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
-    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * An icon, or function returning an icon (identical to the `renderIcon` prop).
+     */
+    children?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * An icon, or function that returns an icon (identical to the `children` prop).
+     */
+    renderIcon?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * An accessible label for the `IconButton`.
+     */
     screenReaderLabel: string;
+    /**
+     * Specifies the type of the `IconButton`'s underlying html element.
+     */
     type?: 'button' | 'submit' | 'reset';
+    /**
+     * The size of the `IconButton`
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Provides a reference to the `IconButton`'s underlying html element.
+     */
     elementRef?: (element: Element | null) => void;
+    /**
+     * The element to render as the component root, `button` by default.
+     */
     as?: AsElementType;
+    /**
+     * Specifies if interaction with the `IconButton` is enabled, disabled, or readonly.
+     */
     interaction?: 'enabled' | 'disabled' | 'readonly';
+    /**
+     * Specifies the color for the `IconButton`.
+     */
     color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
+    /**
+     * Override the `Button`'s default focus outline color.
+     */
     focusColor?: 'info' | 'inverse';
+    /**
+     * Specifies if the `IconButton` shape should be a circle or rectangle.
+     */
     shape?: 'rectangle' | 'circle';
+    /**
+     * Specifies if the `IconButton` should render with a solid background. When false, the background is transparent.
+     */
     withBackground?: boolean;
+    /**
+     * Specifies if the `IconButton` should render with a border.
+     */
     withBorder?: 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?: Spacing;
+    /**
+     * Specify a mouse cursor to use when hovering over the button.
+     * The `pointer` cursor is used by default.
+     */
     cursor?: Cursor;
+    /**
+     * Specifies an href attribute for the `IconButton`'s underlying html element.
+     */
     href?: string;
+    /**
+     * Callback fired when the `Button` is clicked.
+     */
+    onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
 };
 declare type PropKeys = keyof IconButtonOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type IconButtonProps = IconButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<IconButtonOwnProps>;
+declare type IconButtonProps = IconButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<IconButtonOwnProps> & ToProp;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
 export type { IconButtonProps };

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

@@ -1 +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,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,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,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,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,GACvC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,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"}
+{"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,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,aAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEpD;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtD;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAChE,IAAI,CAAA;CACV,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,GACvC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,GACvC,MAAM,CAAA;AAER,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}