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

package/types/Button/ButtonLocator.d.ts

@@ -1,3 +1,4 @@
+import { find } from '@instructure/ui-test-queries';
 export declare const ButtonLocator: {
     customMethods: {
         click: (element: any, ...args: any[]) => Promise<Event>;
@@ -15,7 +16,7 @@ export declare const ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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 ButtonLocator: {
         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/Button/ButtonLocator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLocator.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonLocator.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,aAAa;;yBACD,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":"ButtonLocator.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonLocator.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAKnD,eAAO,MAAM,aAAa;;yBACD,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/Button/index.d.ts

@@ -1,9 +1,11 @@
 import React, { Component } from 'react';
+import { BaseButton } from '../BaseButton';
 import type { ButtonProps } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class Button extends Component<ButtonProps> {
     static readonly componentId = "Button";
@@ -22,7 +24,8 @@ declare class Button extends Component<ButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
+        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;
@@ -39,14 +42,14 @@ declare class Button extends Component<ButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
-        renderIcon?: React.ReactNode | ((...args: any[]) => any);
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
+        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;
         display: string;
         textAlign: string;
@@ -54,12 +57,12 @@ declare class Button extends Component<ButtonProps> {
         margin: string;
         cursor: string;
     };
-    _buttonComponent: null;
+    _buttonComponent: BaseButton | null;
     ref: Element | null;
-    get focused(): null;
+    get focused(): boolean | null;
     focus(): void;
     handleElementRef: (el: Element | null) => void;
-    handleButtonRef: (component: any) => void;
+    handleButtonRef: (component: BaseButton | null) => void;
     render(): JSX.Element;
 }
 export default Button;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;MAclB;IAED,gBAAgB,OAAO;IAEvB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAGD,eAAe,2BAEd;IAED,MAAM;CA4CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;;GAKG;AAEH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,gBAAgB,EAAE,UAAU,GAAG,IAAI,CAAO;IAE1C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAED,eAAe,cAAe,UAAU,GAAG,IAAI,UAE9C;IAED,MAAM;CA4CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}