@instructure/ui-buttons 8.13.1-snapshot.41 → 8.13.1-snapshot.47

package/types/BaseButton/index.d.ts

@@ -1,16 +1,18 @@
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
+import type { ViewProps } from '@instructure/ui-view';
 import { jsx } from '@instructure/emotion';
 import type { BaseButtonProps, BaseButtonStyleProps } from './props';
 /**
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 declare class BaseButton extends Component<BaseButtonProps> {
     static readonly componentId = "BaseButton";
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        children?: import("react").ReactNode;
+        children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
@@ -27,13 +29,13 @@ declare class BaseButton extends Component<BaseButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeyDown?: ((...args: any[]) => any) | undefined;
-        renderIcon?: import("react").ReactNode | ((...args: any[]) => any);
+        onClick?: ((event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps, MouseEvent>) => void) | undefined;
+        onKeyDown?: ((event: React.KeyboardEvent<ViewProps>) => void) | undefined;
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         tabIndex?: string | number | undefined;
     }>;
     static allowedProps: readonly (keyof {
-        children?: import("react").ReactNode;
+        children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
@@ -50,17 +52,16 @@ declare class BaseButton extends Component<BaseButtonProps> {
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
         href?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeyDown?: ((...args: any[]) => any) | undefined;
-        renderIcon?: import("react").ReactNode | ((...args: any[]) => any);
+        onClick?: ((event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps, MouseEvent>) => void) | undefined;
+        onKeyDown?: ((event: React.KeyboardEvent<ViewProps>) => void) | undefined;
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
         tabIndex?: string | number | undefined;
     })[];
     static defaultProps: {
-        readonly children: null;
         readonly type: "button";
         readonly size: "medium";
-        readonly elementRef: (el: any) => void;
         readonly as: "button";
+        readonly interaction: undefined;
         readonly color: "secondary";
         readonly shape: "rectangle";
         readonly display: "inline-block";
@@ -70,11 +71,10 @@ declare class BaseButton extends Component<BaseButtonProps> {
         readonly isCondensed: false;
         readonly margin: "0";
         readonly cursor: "pointer";
-        readonly onKeyDown: (event: any) => void;
     };
     ref: Element | null;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     get _rootElement(): Element | null;
     get makeStylesVariables(): BaseButtonStyleProps;
     get hasOnlyIconVisible(): boolean;
@@ -83,12 +83,13 @@ declare class BaseButton extends Component<BaseButtonProps> {
     get isDisabled(): boolean;
     get isReadOnly(): boolean;
     get isEnabled(): boolean;
+    get tabIndex(): number | undefined;
     get focusColor(): "info" | "inverse";
     get focused(): boolean;
     focus(): void;
     handleElementRef: (el: Element | null) => void;
-    handleClick: (event: any) => void;
-    handleKeyDown: (event: any) => void;
+    handleClick: (event: React.MouseEvent<ViewProps>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<ViewProps>) => void;
     renderChildren(): jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,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;;;;;;;;;;;;;;;;MAmBT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,IAAI,YAAY,mBAMf;IAED,IAAI,mBAAmB,IAAI,oBAAoB,CAK9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAkBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAGD,WAAW,uBAaV;IAGD,aAAa,uBA0BZ;IAED,cAAc;IAgCd,MAAM;CAwDP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;;GAKG;AAEH,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;;;;;;;;;;;;;;MAeT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,YAAY,mBAMf;IAED,IAAI,mBAAmB,IAAI,oBAAoB,CAK9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAGD,IAAI,QAAQ,uBAWX;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAED,WAAW,UAAW,gBAAgB,CAAC,SAAS,CAAC,UAahD;IAED,aAAa,UAAW,mBAAmB,CAAC,SAAS,CAAC,UA0BrD;IAED,cAAc;IAgCd,MAAM;CAyDP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}

package/types/BaseButton/props.d.ts

@@ -1,29 +1,100 @@
 import React from 'react';
 import type { InteractionType } from '@instructure/ui-react-utils';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { AsElementType, BaseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/ui-prop-types';
+import type { ViewProps } from '@instructure/ui-view';
 declare type BaseButtonOwnProps = {
+    /**
+     * Specifies the `Button` children.
+     */
     children?: React.ReactNode;
+    /**
+     * Specifies the type of the `Button`'s underlying html element.
+     */
     type?: 'button' | 'submit' | 'reset';
+    /**
+     * The size of the `Button`
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Provides a reference to the `Button`'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 `Button` is enabled, disabled, or readonly.
+     */
     interaction?: InteractionType;
+    /**
+     * Specifies the color for the `Button`.
+     */
     color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
+    /**
+     * Override the `Button`'s default focus outline color.
+     */
     focusColor?: 'info' | 'inverse';
+    /**
+     * The `Button` display property. When set to `inline-block`, the `Button` displays inline with other elements.
+     * When set to block, the `Button` expands to fill the width of the container.
+     */
     display?: 'inline-block' | 'block';
+    /**
+     * Sets the alignment of the `Button` children and/or icon.
+     */
     textAlign?: 'start' | 'center';
+    /**
+     * Specifies if the `Button` shape should be a circle or rectangle.
+     */
     shape?: 'rectangle' | 'circle';
+    /**
+     * Specifies if the `Button` should render with a solid background. When false, the background is transparent.
+     */
     withBackground?: boolean;
+    /**
+     * Specifies if the `Button` should render with a border.
+     */
     withBorder?: boolean;
+    /**
+     * Designates if the `Button` should render without padding. This option should only be set when `withBorder` and
+     * `withBackground` are also set to false.
+     */
     isCondensed?: 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 `Button`'s underlying html element.
+     */
     href?: string;
-    onClick?: (...args: any[]) => any;
-    onKeyDown?: (...args: any[]) => any;
-    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * Callback fired when the `Button` is clicked.
+     */
+    onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
+    /**
+     * Callback fired when the `Button` receives a keydown event.
+     */
+    onKeyDown?: (event: React.KeyboardEvent<ViewProps>) => void;
+    /**
+     * An icon, or function that returns an icon.
+     */
+    renderIcon?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Specifies the tabindex of the `Button`.
+     *
+     * (`string` type is __deprecated__, use `number`)
+     */
     tabIndex?: number | string;
 };
 declare type BaseButtonStyleProps = {
@@ -32,7 +103,7 @@ declare type BaseButtonStyleProps = {
 };
 declare type PropKeys = keyof BaseButtonOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type BaseButtonProps = BaseButtonOwnProps & WithStyleProps<BaseButtonTheme, BaseButtonStyle> & OtherHTMLAttributes<BaseButtonOwnProps>;
+declare type BaseButtonProps = BaseButtonOwnProps & WithStyleProps<BaseButtonTheme, BaseButtonStyle> & OtherHTMLAttributes<BaseButtonOwnProps> & ToProp;
 declare type BaseButtonStyle = ComponentStyle<'baseButton' | 'content' | 'children' | 'iconSVG' | 'childrenLayout' | 'iconOnly' | 'iconWrapper' | 'childrenWrapper'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/BaseButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,kBAAkB,GAAG;IACxB,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,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,aAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,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,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACjC,YAAY,GACZ,SAAS,GACT,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,iBAAiB,CACpB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/BaseButton/props.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/BaseButton/theme.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAqE3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,eAgI9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/BaseButton/theme.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAgE3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,eAgI9C,CAAA;AAED,eAAe,sBAAsB,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"}

package/types/Button/props.d.ts

@@ -1,27 +1,81 @@
 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 ButtonOwnProps = {
+    /**
+     * Specifies the `Button` children.
+     */
     children?: React.ReactNode;
+    /**
+     * Specifies the type of the `Button`'s underlying html element.
+     */
     type?: 'button' | 'submit' | 'reset';
+    /**
+     * The size of the `Button`
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Provides a reference to the `Button`'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 `Button` is enabled, disabled, or readonly.
+     */
     interaction?: 'enabled' | 'disabled' | 'readonly';
+    /**
+     * Specifies the color for the `Button`.
+     */
     color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
+    /**
+     * Override the `Button`'s default focus outline color.
+     */
     focusColor?: 'info' | 'inverse';
+    /**
+     * The `Button` display property. When set to `inline-block`, the `Button` displays inline with other elements.
+     * When set to block, the `Button` expands to fill the width of the container.
+     */
     display?: 'inline-block' | 'block';
+    /**
+     * Sets the alignment of the `Button` children and/or icon.
+     */
     textAlign?: 'start' | 'center';
+    /**
+     * Specifies if the `Button` should render with a solid background. When false, the background is transparent.
+     */
     withBackground?: 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 `Button`'s underlying html element.
+     */
     href?: string;
-    renderIcon?: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * An icon, or function that returns an icon.
+     */
+    renderIcon?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Callback fired when the `Button` is clicked.
+     */
+    onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
 };
 declare type PropKeys = keyof ButtonOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type ButtonProps = ButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<ButtonOwnProps>;
+declare type ButtonProps = ButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<ButtonOwnProps> & ToProp;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
 export type { ButtonProps };

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Button/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,cAAc,GAAG;IACpB,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,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,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,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,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Button/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,cAAc,GAAG;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;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;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;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,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtD;;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,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,cAAc,CAAC,GACnC,MAAM,CAAA;AAER,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/CloseButton/index.d.ts

@@ -6,6 +6,7 @@ import type { CloseButtonProps } from './props';
 ---
 category: components
 ---
+@tsProps
 **/
 declare class CloseButton extends Component<CloseButtonProps> {
     static readonly componentId = "CloseButton";
@@ -15,7 +16,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view/types/View/props").ViewProps> | import("react").MouseEvent<import("@instructure/ui-view/types/View/props").ViewProps, MouseEvent>) => void) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         placement?: "start" | "end" | "static" | undefined;
         offset?: "small" | "medium" | "none" | "x-small" | undefined;
@@ -31,7 +32,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((event: import("react").KeyboardEvent<import("@instructure/ui-view/types/View/props").ViewProps> | import("react").MouseEvent<import("@instructure/ui-view/types/View/props").ViewProps, MouseEvent>) => void) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
         placement?: "start" | "end" | "static" | undefined;
         offset?: "small" | "medium" | "none" | "x-small" | undefined;
@@ -42,7 +43,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         tabIndex?: string | number | undefined;
     })[];
     static defaultProps: {
-        onClick: (event: any) => void;
+        interaction: undefined;
         type: string;
         placement: string;
         offset: string;

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;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;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAWlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;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;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,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

@@ -1,26 +1,76 @@
-/// <reference types="react" />
+import React from 'react';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { AsElementType, CloseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+import type { ToProp, AsElementType, CloseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/ui-prop-types';
+import type { ViewProps } from '@instructure/ui-view';
 declare type CloseButtonOwnProps = {
-    screenReaderLabel: string | React.ReactNode;
+    /**
+     * An accessible label for the `CloseButton` (required)
+     */
+    screenReaderLabel: React.ReactNode;
+    /**
+     * Specifies the color for the `CloseButton`.
+     */
     color?: 'primary' | 'primary-inverse';
+    /**
+     * Specifies if interaction with the `CloseButton` is enabled, disabled, or readonly.
+     */
     interaction?: 'enabled' | 'disabled' | 'readonly';
+    /**
+     * Provides a reference to the `CloseButton`'s underlying html element.
+     */
     elementRef?: (element: Element | null) => void;
+    /**
+     * The size of the `CloseButton`
+     */
     size?: 'small' | 'medium' | 'large';
-    onClick?: (...args: any[]) => any;
+    /**
+     * Callback fired when the `CloseButton` is clicked.
+     */
+    onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
+    /**
+     * 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;
+    /**
+     * Specifies the placement of the `CloseButton`
+     */
     placement?: 'start' | 'end' | 'static';
+    /**
+     * Specifies the offset distance for the `CloseButton` with respect to both the top and start/end of the container.
+     * Note that for this property to have an effect, the `placement` prop must be set to either `start` or `end`. The
+     * offset will also be created with respect to a positioned parent. If it does not appear to be working, try setting
+     * the `position` of the parent container to `relative`.
+     */
     offset?: 'none' | 'x-small' | 'small' | 'medium';
+    /**
+     * Specifies the type of the `Button`'s underlying html element.
+     */
     type?: 'button' | 'submit' | 'reset';
+    /**
+     * The element to render as the component root, `CloseButton` by default.
+     */
     as?: AsElementType;
+    /**
+     * Specifies an href attribute for the `CloseButton`'s underlying html element.
+     */
     href?: string;
+    /**
+     * Specify a mouse cursor to use when hovering over the `CloseButton`.
+     */
     cursor?: Cursor;
+    /**
+     * Specifies the tabindex of the `CloseButton`.
+     *
+     * (`string` type is __deprecated__, use `number`)
+     */
     tabIndex?: number | string;
 };
 declare type PropKeys = keyof CloseButtonOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type CloseButtonProps = CloseButtonOwnProps & WithStyleProps<CloseButtonTheme, CloseButtonStyle> & OtherHTMLAttributes<CloseButtonOwnProps>;
+declare type CloseButtonProps = CloseButtonOwnProps & WithStyleProps<CloseButtonTheme, CloseButtonStyle> & OtherHTMLAttributes<CloseButtonOwnProps> & ToProp;
 declare type CloseButtonStyle = ComponentStyle<'closeButton'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CloseButton/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,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,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,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,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA+DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CloseButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IAErC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAChE,IAAI,CAAA;IAET;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAEtC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAEhD;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAIf;;;;OAIG;IACH,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,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,GACxC,MAAM,CAAA;AAER,aAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/CondensedButton/index.d.ts

@@ -1,9 +1,11 @@
 import React, { Component } from 'react';
+import { BaseButton } from '../BaseButton';
 import type { CondensedButtonProps } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
 declare class CondensedButton extends Component<CondensedButtonProps> {
     static readonly componentId = "CondensedButton";
@@ -18,7 +20,8 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         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;
@@ -31,22 +34,22 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         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;
         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/CondensedButton/index.d.ts.map

@@ -1 +1 @@
-{"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,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CA4CP;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;AAQxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;GAKG;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;;;;;;;;MASlB;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;CA2CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}