@instructure/ui-buttons 11.6.0 → 11.6.1-snapshot-129

package/types/BaseButton/{index.d.ts → v1/index.d.ts}

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 import type { BaseButtonProps, BaseButtonStyleProps } from './props';
 /**
 ---

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAa3D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,0DAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAeT;IAEV,GAAG,EAAE,WAAW,GAAG,IAAI,CAAO;IAE9B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,mBAAmB,IAAI,oBAAoB,CAM9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,0PAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAQzC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,GAAI,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc;IAgCd,MAAM;CAqFP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}

package/types/BaseButton/{props.d.ts → v1/props.d.ts}

@@ -3,7 +3,7 @@ import type { InteractionType } from '@instructure/ui-react-utils';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/shared-types';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 import { Renderable } from '@instructure/shared-types';
 type BaseButtonOwnProps = {
     /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/props.ts"],"names":[],"mappings":"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"}

package/types/BaseButton/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAIhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,eAAe,EAC/B,OAAO,eAAe,EACtB,OAAO,oBAAoB,KAC1B,eAseF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAK3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,eAgL9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,48 @@
+import { Component } from 'react';
+import type { ViewProps } from '@instructure/ui-view/latest';
+import type { BaseButtonProps, BaseButtonStyleProps } from './props';
+/**
+---
+category: components/utilities
+---
+**/
+declare class BaseButton extends Component<BaseButtonProps> {
+    static readonly componentId = "BaseButton";
+    static allowedProps: readonly (keyof import("./props").BaseButtonOwnProps)[];
+    static defaultProps: {
+        readonly type: "button";
+        readonly size: "medium";
+        readonly as: "button";
+        readonly interaction: undefined;
+        readonly color: "secondary";
+        readonly shape: "rectangle";
+        readonly display: "inline-block";
+        readonly textAlign: "start";
+        readonly withBackground: true;
+        readonly withBorder: true;
+        readonly isCondensed: false;
+        readonly margin: "0";
+        readonly cursor: "pointer";
+    };
+    ref: HTMLElement | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    get makeStylesVariables(): BaseButtonStyleProps;
+    get hasOnlyIconVisible(): boolean;
+    get elementType(): import("react").ComponentClass<any, any> | NonNullable<import("@instructure/shared-types").AsElementType | undefined> | import("react").ComponentClass<Readonly<BaseButtonProps>, any> | import("react").FunctionComponent<Readonly<BaseButtonProps>>;
+    get interaction(): import("@instructure/ui-react-utils").InteractionType;
+    get isDisabled(): boolean;
+    get isReadOnly(): boolean;
+    get isEnabled(): boolean;
+    get focusColor(): "info" | "inverse";
+    get focused(): boolean;
+    focus(): void;
+    handleElementRef: (el: HTMLElement | null) => void;
+    handleClick: (event: React.MouseEvent<ViewProps & Element>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<ViewProps & Element>) => void;
+    renderChildren(): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export { BaseButton };
+export default BaseButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAoBpE;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,0DAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAeT;IAEV,GAAG,EAAE,WAAW,GAAG,IAAI,CAAO;IAE9B,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,mBAAmB,IAAI,oBAAoB,CAM9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,0PAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAIL,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAQzC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,GAAI,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc;IAoCd,MAAM;CAqFP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,118 @@
+import React from 'react';
+import type { InteractionType } from '@instructure/ui-react-utils';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { Cursor } from '@instructure/shared-types';
+import type { ViewProps } from '@instructure/ui-view/latest';
+import { Renderable } from '@instructure/shared-types';
+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' | 'condensedSmall' | 'condensedMedium';
+    /**
+     * Provides a reference to the `Button`'s underlying html element.
+     */
+    elementRef?: (element: HTMLElement | 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' | 'ai-primary' | 'ai-secondary';
+    /**
+     * 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;
+    /**
+     * 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?: Renderable;
+    /**
+     * Specifies the tabindex of the `Button`.
+     */
+    tabIndex?: number;
+    /**
+     * Manually control if the `Button` should display a focus outline.
+     *
+     * When left `undefined` (which is the default) the focus outline will display
+     * if this component is focusable and receives focus.
+     */
+    withFocusOutline?: boolean;
+};
+type BaseButtonStyleProps = {
+    isDisabled: boolean;
+    hasOnlyIconVisible: boolean;
+    isEnabled: boolean;
+};
+type PropKeys = keyof BaseButtonOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type BaseButtonProps = BaseButtonOwnProps & WithStyleProps<BaseButtonTheme, BaseButtonStyle> & OtherHTMLAttributes<BaseButtonOwnProps> & ToProp;
+type BaseButtonStyle = ComponentStyle<'baseButton' | 'content' | 'children' | 'iconSVG' | 'childrenLayout' | 'iconOnly' | 'iconWrapper' | 'childrenWrapper'>;
+declare const allowedProps: AllowedPropKeys;
+export type { BaseButtonProps, BaseButtonOwnProps, BaseButtonStyleProps, BaseButtonStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/props.ts"],"names":[],"mappings":"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"}

package/types/BaseButton/v2/styles.d.ts

@@ -0,0 +1,5 @@
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+import type { BaseButtonProps, BaseButtonStyleProps, BaseButtonStyle } from './props';
+declare const generateStyle: (componentTheme: NewComponentTypes["BaseButton"], params: BaseButtonProps, _sharedTokens: SharedTokens, extraArgs: BaseButtonStyleProps) => BaseButtonStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/BaseButton/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,YAAY,CAAC,EAC/C,QAAQ,eAAe,EACvB,eAAe,YAAY,EAC3B,WAAW,oBAAoB,KAC9B,eAylBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Button/{index.d.ts → v1/index.d.ts}

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { BaseButton } from '../BaseButton';
+import { BaseButton } from '../../BaseButton/v1';
 import type { ButtonProps } from './props';
 /**
 ---
@@ -24,7 +24,7 @@ declare class Button extends Component<ButtonProps> {
         cursor?: import("@instructure/shared-types").Cursor;
         href?: string;
         renderIcon?: React.ReactNode | (() => React.ReactNode);
-        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps>) => void;
+        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
     })[];
     static defaultProps: {
         type: string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,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,GAAI,IAAI,OAAO,GAAG,IAAI,UAQrC;IAED,eAAe,GAAI,WAAW,UAAU,GAAG,IAAI,UAE9C;IAED,MAAM;CAgDP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/Button/{props.d.ts → v1/props.d.ts}

@@ -2,7 +2,7 @@ import React from 'react';
 import type { Spacing, WithStyleProps } from '@instructure/emotion';
 import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/shared-types';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 type ButtonOwnProps = {
     /**
      * Specifies the `Button` children.

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Button/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,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,EACF,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,cAAc,CAAA;IAElB;;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,KAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,cAAc,CAAC,GACnC,MAAM,CAAA;AACR,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Button/v1/theme.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../BaseButton/v1/theme';
+//# sourceMappingURL=theme.d.ts.map

package/types/Button/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Button/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA"}

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

@@ -0,0 +1,51 @@
+import { Component } from 'react';
+import { BaseButton } from '../../BaseButton/v2';
+import type { ButtonProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class Button extends Component<ButtonProps> {
+    static readonly componentId = "Button";
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        type?: "button" | "submit" | "reset";
+        size?: "small" | "medium" | "large" | "condensedSmall" | "condensedMedium";
+        elementRef?: (element: Element | null) => void;
+        as?: import("@instructure/shared-types").AsElementType;
+        interaction?: "enabled" | "disabled" | "readonly";
+        color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | "ai-primary" | "ai-secondary";
+        focusColor?: "info" | "inverse";
+        display?: "inline-block" | "block";
+        textAlign?: "start" | "center";
+        withBackground?: boolean;
+        margin?: import("@instructure/emotion").Spacing;
+        cursor?: import("@instructure/shared-types").Cursor;
+        href?: string;
+        renderIcon?: React.ReactNode | (() => React.ReactNode);
+        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps>) => void;
+    })[];
+    static defaultProps: {
+        type: string;
+        size: string;
+        as: string;
+        interaction: undefined;
+        color: string;
+        display: string;
+        textAlign: string;
+        withBackground: boolean;
+        margin: string;
+        cursor: string;
+    };
+    _buttonComponent: BaseButton | null;
+    ref: Element | null;
+    get focused(): boolean | null;
+    focus(): void;
+    handleElementRef: (el: Element | null) => void;
+    handleButtonRef: (component: BaseButton | null) => void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Button;
+export { Button };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,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,GAAI,IAAI,OAAO,GAAG,IAAI,UAQrC;IAED,eAAe,GAAI,WAAW,UAAU,GAAG,IAAI,UAE9C;IAED,MAAM;CAgDP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { Cursor } from '@instructure/shared-types';
+import type { ViewProps } from '@instructure/ui-view/latest';
+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' | 'condensedSmall' | 'condensedMedium';
+    /**
+     * 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' | 'ai-primary' | 'ai-secondary';
+    /**
+     * 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;
+    /**
+     * 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;
+};
+type PropKeys = keyof ButtonOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type ButtonProps = ButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<ButtonOwnProps> & ToProp;
+declare const allowedProps: AllowedPropKeys;
+export type { ButtonProps };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Button/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,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,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;IAE1E;;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,EACF,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,cAAc,CAAA;IAElB;;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,KAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,cAAc,CAAC,GACnC,MAAM,CAAA;AACR,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/CloseButton/{index.d.ts → v1/index.d.ts}

@@ -13,7 +13,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         interaction?: "enabled" | "disabled" | "readonly";
         elementRef?: (element: Element | null) => void;
         size?: "small" | "medium" | "large";
-        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps>) => void;
+        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
         margin?: import("@instructure/emotion").Spacing;
         placement?: "start" | "end" | "static";
         offset?: "none" | "x-small" | "small" | "medium";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAgDP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/CloseButton/{props.d.ts → v1/props.d.ts}

@@ -2,7 +2,7 @@ import React from 'react';
 import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { ToProp, AsElementType, CloseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { Cursor } from '@instructure/shared-types';
-import type { ViewProps } from '@instructure/ui-view';
+import type { ViewProps } from '@instructure/ui-view/v11_6';
 type CloseButtonOwnProps = {
     /**
      * An accessible label for the `CloseButton` (required)

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,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;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,GACxC,MAAM,CAAA;AAER,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/CloseButton/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,OAAO,gBAAgB,KACtB,gBAqCF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

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

@@ -0,0 +1,46 @@
+import { Component } from 'react';
+import type { CloseButtonProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class CloseButton extends Component<CloseButtonProps> {
+    static readonly componentId = "CloseButton";
+    static allowedProps: readonly (keyof {
+        screenReaderLabel: React.ReactNode;
+        color?: "primary" | "primary-inverse";
+        interaction?: "enabled" | "disabled" | "readonly";
+        elementRef?: (element: Element | null) => void;
+        size?: "small" | "medium" | "large";
+        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps>) => void;
+        margin?: import("@instructure/emotion").Spacing;
+        placement?: "start" | "end" | "static";
+        offset?: "none" | "x-small" | "small" | "medium";
+        type?: "button" | "submit" | "reset";
+        as?: import("@instructure/shared-types").AsElementType;
+        href?: string;
+        cursor?: import("@instructure/shared-types").Cursor;
+        tabIndex?: number;
+    })[];
+    static defaultProps: {
+        interaction: undefined;
+        type: string;
+        placement: string;
+        offset: string;
+        size: string;
+        margin: string;
+        as: string;
+        cursor: string;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    get interaction(): import("@instructure/ui-react-utils").InteractionType;
+    get color(): "primary-inverse" | "secondary" | undefined;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default CloseButton;
+export { CloseButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAmDP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,77 @@
+import React from 'react';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { Cursor } from '@instructure/shared-types';
+import type { ViewProps } from '@instructure/ui-view/latest';
+type CloseButtonOwnProps = {
+    /**
+     * 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';
+    /**
+     * 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`.
+     *
+     */
+    tabIndex?: number;
+};
+type PropKeys = keyof CloseButtonOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type CloseButtonProps = CloseButtonOwnProps & WithStyleProps<BaseButtonTheme, CloseButtonStyle> & OtherHTMLAttributes<CloseButtonOwnProps> & ToProp;
+type CloseButtonStyle = ComponentStyle<'closeButton'>;
+declare const allowedProps: AllowedPropKeys;
+export type { CloseButtonProps, CloseButtonStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,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;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,eAAe,EAAE,gBAAgB,CAAC,GACjD,mBAAmB,CAAC,mBAAmB,CAAC,GACxC,MAAM,CAAA;AAER,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/CloseButton/v2/styles.d.ts

@@ -0,0 +1,15 @@
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+import type { CloseButtonProps, CloseButtonStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} _componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} sharedTokens the shared design tokens
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (_componentTheme: NewComponentTypes["BaseButton"], props: CloseButtonProps, sharedTokens: SharedTokens) => CloseButtonStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/CloseButton/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,iBAAiB,iBAAiB,CAAC,YAAY,CAAC,EAChD,OAAO,gBAAgB,EACvB,cAAc,YAAY,KACzB,gBAqCF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/CondensedButton/{index.d.ts → v1/index.d.ts}

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { BaseButton } from '../BaseButton';
+import { BaseButton } from '../../BaseButton/v1';
 import type { CondensedButtonProps } from './props';
 /**
 ---
@@ -20,7 +20,7 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         cursor?: import("@instructure/shared-types").Cursor;
         href?: string;
         renderIcon?: React.ReactNode | (() => React.ReactNode);
-        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps>) => void;
+        onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
         display?: "inline-block" | "block";
     })[];
     static defaultProps: {