@instructure/ui-buttons 8.10.1-snapshot.4 → 8.10.2-snapshot.22

package/lib/IconButton/index.js

@@ -41,6 +41,14 @@ let IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 =
   constructor(...args) {
     super(...args);
     this._baseButton = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
   }
 
   get focused() {
@@ -52,29 +60,29 @@ let IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 =
   }
 
   render() {
-    const _this$props = this.props,
-          children = _this$props.children,
-          renderIcon = _this$props.renderIcon,
-          screenReaderLabel = _this$props.screenReaderLabel,
-          type = _this$props.type,
-          size = _this$props.size,
-          elementRef = _this$props.elementRef,
-          as = _this$props.as,
-          interaction = _this$props.interaction,
-          color = _this$props.color,
-          focusColor = _this$props.focusColor,
-          shape = _this$props.shape,
-          withBackground = _this$props.withBackground,
-          withBorder = _this$props.withBorder,
-          margin = _this$props.margin,
-          cursor = _this$props.cursor,
-          href = _this$props.href,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          children = _this$props2.children,
+          renderIcon = _this$props2.renderIcon,
+          screenReaderLabel = _this$props2.screenReaderLabel,
+          type = _this$props2.type,
+          size = _this$props2.size,
+          elementRef = _this$props2.elementRef,
+          as = _this$props2.as,
+          interaction = _this$props2.interaction,
+          color = _this$props2.color,
+          focusColor = _this$props2.focusColor,
+          shape = _this$props2.shape,
+          withBackground = _this$props2.withBackground,
+          withBorder = _this$props2.withBorder,
+          margin = _this$props2.margin,
+          cursor = _this$props2.cursor,
+          href = _this$props2.href,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     const themeOverride = this.props.themeOverride;
     return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
       type: type,
       size: size,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       as: as,
       interaction: interaction,
       color: color,

package/lib/ToggleButton/index.js

@@ -37,6 +37,15 @@ category: components
 let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class ToggleButton extends _react.Component {
   constructor(props) {
     super(props);
+    this.ref = null;
+
+    this.handleRef = el => {
+      var _this$props$elementRe, _this$props;
+
+      this.ref = el;
+      (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
+    };
+
     this.state = {
       isShowingTooltip: props.isShowingTooltip || false
     };
@@ -47,20 +56,20 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
   }
 
   render() {
-    const _this$props = this.props,
-          as = _this$props.as,
-          color = _this$props.color,
-          elementRef = _this$props.elementRef,
-          size = _this$props.size,
-          interaction = _this$props.interaction,
-          mountNode = _this$props.mountNode,
-          renderIcon = _this$props.renderIcon,
-          renderTooltipContent = _this$props.renderTooltipContent,
-          screenReaderLabel = _this$props.screenReaderLabel,
-          status = _this$props.status,
-          placement = _this$props.placement,
-          onClick = _this$props.onClick,
-          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const _this$props2 = this.props,
+          as = _this$props2.as,
+          color = _this$props2.color,
+          elementRef = _this$props2.elementRef,
+          size = _this$props2.size,
+          interaction = _this$props2.interaction,
+          mountNode = _this$props2.mountNode,
+          renderIcon = _this$props2.renderIcon,
+          renderTooltipContent = _this$props2.renderTooltipContent,
+          screenReaderLabel = _this$props2.screenReaderLabel,
+          status = _this$props2.status,
+          placement = _this$props2.placement,
+          onClick = _this$props2.onClick,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
     return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       renderTip: renderTooltipContent,
       on: ['hover', 'focus'],
@@ -84,7 +93,7 @@ let ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _cl
       withBorder: false,
       color: color,
       size: size,
-      elementRef: elementRef,
+      elementRef: this.handleRef,
       as: as,
       onClick: onClick,
       interaction: interaction,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "8.10.1-snapshot.4+6c5c9e653",
+  "version": "8.10.2-snapshot.22+b84160eff",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,28 +24,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-test-locator": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-test-queries": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-themes": "8.10.1-snapshot.4+6c5c9e653"
+    "@instructure/ui-babel-preset": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-locator": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-queries": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-test-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-themes": "8.10.2-snapshot.22+b84160eff"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-a11y-content": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-a11y-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-color-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-dom-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-icons": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-position": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-testable": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-tooltip": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-utils": "8.10.1-snapshot.4+6c5c9e653",
-    "@instructure/ui-view": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/console": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/emotion": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/shared-types": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-a11y-content": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-a11y-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-color-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-dom-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-icons": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-position": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-react-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-testable": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-tooltip": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-utils": "8.10.2-snapshot.22+b84160eff",
+    "@instructure/ui-view": "8.10.2-snapshot.22+b84160eff",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
+  "gitHead": "b84160effefb01aeb94b754f0b7a64f8dad1b7f2"
 }

package/src/BaseButton/index.tsx

@@ -79,7 +79,9 @@ class BaseButton extends Component<BaseButtonProps> {
     onKeyDown: (event) => {}
   } as const
 
-  _rootElement = null
+  _rootElement: Element | null = null
+
+  ref: Element | null = null
 
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
@@ -153,11 +155,10 @@ class BaseButton extends Component<BaseButtonProps> {
     this._rootElement && this._rootElement.focus()
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'el' implicitly has an 'any' type.
-  handleElementRef = (el) => {
+  handleElementRef = (el: Element | null) => {
     this._rootElement = el
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.elementRef(el)
+    this.ref = el
+    this.props.elementRef?.(el)
   }
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'event' implicitly has an 'any' type.

package/src/BaseButton/props.ts

@@ -43,7 +43,7 @@ type BaseButtonOwnProps = {
   children?: React.ReactNode
   type?: 'button' | 'submit' | 'reset'
   size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   interaction?: InteractionType
   color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger'

package/src/Button/index.tsx

@@ -66,6 +66,8 @@ class Button extends Component<ButtonProps> {
 
   _buttonComponent = null
 
+  ref: Element | null = null
+
   get focused() {
     // @ts-expect-error ts-migrate(2531) FIXME: Object is possibly 'null'.
     return this._buttonComponent && this._buttonComponent.focused
@@ -76,12 +78,10 @@ class Button extends Component<ButtonProps> {
     this._buttonComponent && this._buttonComponent.focus()
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'el' implicitly has an 'any' type.
-  handleElementRef = (el) => {
+  handleElementRef = (el: Element | null) => {
     const { elementRef } = this.props
-
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    elementRef(el)
+    this.ref = el
+    elementRef?.(el)
   }
 
   // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'component' implicitly has an 'any' type... Remove this comment to see the full error message

package/src/Button/props.ts

@@ -38,7 +38,7 @@ type ButtonOwnProps = {
   children?: React.ReactNode
   type?: 'button' | 'submit' | 'reset'
   size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   interaction?: 'enabled' | 'disabled' | 'readonly'
   color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger'

package/src/CloseButton/index.tsx

@@ -64,6 +64,13 @@ class CloseButton extends Component<CloseButtonProps> {
     cursor: 'pointer'
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   componentDidMount() {
     // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
     this.props.makeStyles()
@@ -106,7 +113,7 @@ class CloseButton extends Component<CloseButtonProps> {
       <span {...passthroughProps(props)} css={styles?.closeButton}>
         <BaseButton
           renderIcon={IconXSolid}
-          elementRef={elementRef}
+          elementRef={this.handleRef}
           interaction={this.interaction}
           type={type}
           color={this.color}

package/src/CloseButton/props.ts

@@ -40,7 +40,7 @@ type CloseButtonOwnProps = {
   screenReaderLabel: string | React.ReactNode
   color?: 'primary' | 'primary-inverse'
   interaction?: 'enabled' | 'disabled' | 'readonly'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   size?: 'small' | 'medium' | 'large'
   onClick?: (...args: any[]) => any
   margin?: Spacing

package/src/CondensedButton/index.tsx

@@ -63,6 +63,13 @@ class CondensedButton extends Component<CondensedButtonProps> {
 
   _baseButton = null
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   get focused() {
     // @ts-expect-error ts-migrate(2531) FIXME: Object is possibly 'null'.
     return this._baseButton && this._baseButton.focused
@@ -99,7 +106,7 @@ class CondensedButton extends Component<CondensedButtonProps> {
         withBorder={false}
         type={type}
         size={size}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         as={as}
         interaction={interaction}
         color={color}

package/src/CondensedButton/props.ts

@@ -38,7 +38,7 @@ type CondensedButtonOwnProps = {
   children?: React.ReactNode
   type?: 'button' | 'submit' | 'reset'
   size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   interaction?: 'enabled' | 'disabled' | 'readonly'
   color?: 'primary' | 'primary-inverse'

package/src/IconButton/index.tsx

@@ -68,6 +68,13 @@ class IconButton extends Component<IconButtonProps> {
 
   _baseButton = null
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   get focused() {
     // @ts-expect-error ts-migrate(2531) FIXME: Object is possibly 'null'.
     return this._baseButton && this._baseButton.focused
@@ -106,7 +113,7 @@ class IconButton extends Component<IconButtonProps> {
         {...passthroughProps(props)}
         type={type}
         size={size}
-        elementRef={elementRef}
+        elementRef={this.handleRef}
         as={as}
         interaction={interaction}
         color={color}

package/src/IconButton/props.ts

@@ -40,7 +40,7 @@ type IconButtonOwnProps = {
   screenReaderLabel: string
   type?: 'button' | 'submit' | 'reset'
   size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   as?: AsElementType
   interaction?: 'enabled' | 'disabled' | 'readonly'
   color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger'

package/src/ToggleButton/index.tsx

@@ -69,6 +69,13 @@ class ToggleButton extends Component<ToggleButtonProps> {
     }
   }
 
+  ref: Element | null = null
+
+  handleRef = (el: Element | null) => {
+    this.ref = el
+    this.props.elementRef?.(el)
+  }
+
   get isShowingTooltip() {
     return typeof this.props.isShowingTooltip === 'undefined'
       ? // @ts-expect-error ts-migrate(2339) FIXME: Property 'isShowingTooltip' does not exist on type... Remove this comment to see the full error message
@@ -118,7 +125,7 @@ class ToggleButton extends Component<ToggleButtonProps> {
           // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
           color={color}
           size={size}
-          elementRef={elementRef}
+          elementRef={this.handleRef}
           as={as}
           onClick={onClick}
           interaction={interaction}

package/src/ToggleButton/props.ts

@@ -42,7 +42,7 @@ type ToggleButtonOwnProps = {
   as?: AsElementType
   interaction?: 'enabled' | 'disabled' | 'readonly'
   size?: 'small' | 'medium' | 'large'
-  elementRef?: (...args: any[]) => any
+  elementRef?: (element: Element | null) => void
   onClick?: (...args: any[]) => any
   color?: string
   isShowingTooltip?: boolean

package/types/BaseButton/index.d.ts

@@ -13,7 +13,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
         children?: import("react").ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: import("@instructure/ui-react-utils").InteractionType | undefined;
         color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
@@ -36,7 +36,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
         children?: import("react").ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: import("@instructure/ui-react-utils").InteractionType | undefined;
         color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
@@ -72,7 +72,8 @@ declare class BaseButton extends Component<BaseButtonProps> {
         readonly cursor: "pointer";
         readonly onKeyDown: (event: any) => void;
     };
-    _rootElement: null;
+    _rootElement: Element | null;
+    ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     get makeStylesVariables(): BaseButtonStyleProps;
@@ -85,7 +86,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
     get focusColor(): "info" | "inverse";
     get focused(): boolean;
     focus(): void;
-    handleElementRef: (el: any) => void;
+    handleElementRef: (el: Element | null) => void;
     handleClick: (event: any) => void;
     handleKeyDown: (event: any) => void;
     renderChildren(): 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,YAAY,OAAO;IAEnB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,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;IAML,gBAAgB,oBAIf;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,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,YAAY,EAAE,OAAO,GAAG,IAAI,CAAO;IAEnC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,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,UAIrC;IAGD,WAAW,uBAaV;IAGD,aAAa,uBA0BZ;IAED,cAAc;IAgCd,MAAM;CAwDP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}

package/types/BaseButton/props.d.ts

@@ -6,7 +6,7 @@ declare type BaseButtonOwnProps = {
     children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
     size?: 'small' | 'medium' | 'large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     as?: AsElementType;
     interaction?: InteractionType;
     color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';

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,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,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,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,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,CAAA;AAElD,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":"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,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,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,CAAA;AAElD,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"}

package/types/Button/index.d.ts

@@ -11,7 +11,7 @@ declare class Button extends Component<ButtonProps> {
         children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
@@ -28,7 +28,7 @@ declare class Button extends Component<ButtonProps> {
         children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | undefined;
@@ -55,9 +55,10 @@ declare class Button extends Component<ButtonProps> {
         cursor: string;
     };
     _buttonComponent: null;
+    ref: Element | null;
     get focused(): null;
     focus(): void;
-    handleElementRef: (el: any) => void;
+    handleElementRef: (el: Element | null) => void;
     handleButtonRef: (component: any) => void;
     render(): JSX.Element;
 }

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,IAAI,OAAO,SAGV;IAED,KAAK;IAML,gBAAgB,oBAKf;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;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,UAIrC;IAGD,eAAe,2BAEd;IAED,MAAM;CA4CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/Button/props.d.ts

@@ -5,7 +5,7 @@ declare type ButtonOwnProps = {
     children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
     size?: 'small' | 'medium' | 'large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     as?: AsElementType;
     interaction?: 'enabled' | 'disabled' | 'readonly';
     color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';

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,EAChB,MAAM,2BAA2B,CAAA;AAElC,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,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,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,GAAG,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,CAAA;AAEzE,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,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAElC,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,GAAG,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,CAAA;AAEzE,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"}

package/types/CloseButton/index.d.ts

@@ -13,7 +13,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         screenReaderLabel: import("react").ReactNode;
         color?: "primary" | "primary-inverse" | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
@@ -29,7 +29,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
         screenReaderLabel: import("react").ReactNode;
         color?: "primary" | "primary-inverse" | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         size?: "small" | "medium" | "large" | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
         margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
@@ -51,6 +51,8 @@ declare class CloseButton extends Component<CloseButtonProps> {
         as: string;
         cursor: string;
     };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     componentDidMount(): void;
     componentDidUpdate(): void;
     get interaction(): import("@instructure/ui-react-utils").InteractionType;

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,iBAAiB;IAKjB,kBAAkB;IAKlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CloseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAWlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAKjB,kBAAkB;IAKlB,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM;CAyCP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/CloseButton/props.d.ts

@@ -5,7 +5,7 @@ declare type CloseButtonOwnProps = {
     screenReaderLabel: string | React.ReactNode;
     color?: 'primary' | 'primary-inverse';
     interaction?: 'enabled' | 'disabled' | 'readonly';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     size?: 'small' | 'medium' | 'large';
     onClick?: (...args: any[]) => any;
     margin?: Spacing;

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,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3C,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAChD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;AAEpD,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":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,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,CAAA;AAEpD,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"}

package/types/CondensedButton/index.d.ts

@@ -11,7 +11,7 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         color?: "primary" | "primary-inverse" | undefined;
@@ -24,7 +24,7 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         children?: React.ReactNode;
         type?: "button" | "submit" | "reset" | undefined;
         size?: "small" | "medium" | "large" | undefined;
-        elementRef?: ((...args: any[]) => any) | undefined;
+        elementRef?: ((element: Element | null) => void) | undefined;
         as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
         interaction?: "enabled" | "disabled" | "readonly" | undefined;
         color?: "primary" | "primary-inverse" | undefined;
@@ -44,6 +44,8 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
         cursor: string;
     };
     _baseButton: null;
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
     get focused(): 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,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;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,UAG9B;IAED,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,MAAM;CA4CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/types/CondensedButton/props.d.ts

@@ -5,7 +5,7 @@ declare type CondensedButtonOwnProps = {
     children?: React.ReactNode;
     type?: 'button' | 'submit' | 'reset';
     size?: 'small' | 'medium' | 'large';
-    elementRef?: (...args: any[]) => any;
+    elementRef?: (element: Element | null) => void;
     as?: AsElementType;
     interaction?: 'enabled' | 'disabled' | 'readonly';
     color?: 'primary' | 'primary-inverse';