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

package/es/Button/v2/index.js

@@ -0,0 +1,121 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "type", "size", "as", "color", "focusColor", "display", "textAlign", "withBackground", "margin", "cursor", "href", "renderIcon"];
+var _dec, _class, _Button;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react';
+import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
+import { withStyle } from '@instructure/emotion';
+import { BaseButton } from "../../BaseButton/v2/index.js";
+import { allowedProps } from "./props.js";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+---
+category: components
+---
+**/
+// needed for listing the available theme variables on docs page
+let Button = (_dec = withStyle(null, 'BaseButton'), _dec(_class = (_Button = class Button extends Component {
+  constructor(...args) {
+    super(...args);
+    this._buttonComponent = null;
+    this.ref = null;
+    this.handleElementRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+    this.handleButtonRef = component => {
+      this._buttonComponent = component;
+    };
+  }
+  get focused() {
+    return this._buttonComponent && this._buttonComponent.focused;
+  }
+  focus() {
+    this._buttonComponent && this._buttonComponent.focus();
+  }
+  render() {
+    const _this$props = this.props,
+      children = _this$props.children,
+      type = _this$props.type,
+      size = _this$props.size,
+      as = _this$props.as,
+      color = _this$props.color,
+      focusColor = _this$props.focusColor,
+      display = _this$props.display,
+      textAlign = _this$props.textAlign,
+      withBackground = _this$props.withBackground,
+      margin = _this$props.margin,
+      cursor = _this$props.cursor,
+      href = _this$props.href,
+      renderIcon = _this$props.renderIcon,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const interaction = getInteraction({
+      props
+    });
+    const themeOverride = this.props.themeOverride;
+    const buttonProps = {
+      ...passthroughProps(props),
+      type,
+      size,
+      elementRef: this.handleElementRef,
+      ref: this.handleButtonRef,
+      as,
+      color,
+      interaction,
+      focusColor,
+      display,
+      textAlign,
+      withBackground,
+      margin,
+      cursor,
+      href,
+      renderIcon,
+      themeOverride
+    };
+    return _jsx(BaseButton, {
+      ...buttonProps,
+      "data-cid": "Button",
+      children: children
+    });
+  }
+}, _Button.displayName = "Button", _Button.componentId = 'Button', _Button.allowedProps = allowedProps, _Button.defaultProps = {
+  type: 'button',
+  size: 'medium',
+  as: 'button',
+  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
+  interaction: void 0,
+  color: 'secondary',
+  display: 'inline-block',
+  textAlign: 'center',
+  withBackground: true,
+  margin: '0',
+  cursor: 'pointer'
+}, _Button)) || _class);
+export default Button;
+export { Button };

package/es/Button/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['as', 'children', 'color', 'cursor', 'display', 'elementRef', 'focusColor', 'href', 'interaction', 'margin', 'renderIcon', 'size', 'textAlign', 'type', 'withBackground', 'onClick'];
+export { allowedProps };

package/es/CloseButton/{index.js → v1/index.js}

@@ -29,10 +29,10 @@ import { Component } from 'react';
 import { IconXSolid } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../BaseButton/index.js";
+import { BaseButton } from "../../BaseButton/v1/index.js";
 import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**

package/es/CloseButton/v2/index.js

@@ -0,0 +1,130 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["screenReaderLabel", "elementRef", "size", "onClick", "margin", "placement", "offset", "type", "as", "href", "cursor", "tabIndex", "styles"];
+var _dec, _class, _CloseButton;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react';
+import { XInstUIIcon } from '@instructure/ui-icons';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
+import { withStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import { BaseButton } from "../../BaseButton/v2/index.js";
+import { allowedProps } from "./props.js";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+---
+category: components
+---
+**/
+let CloseButton = (_dec = withStyle(generateStyle, 'BaseButton'), _dec(_class = (_CloseButton = class CloseButton extends Component {
+  constructor(...args) {
+    super(...args);
+    this.ref = null;
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
+  componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+  }
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props2;
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+  }
+  get interaction() {
+    return getInteraction({
+      props: this.props
+    });
+  }
+  get color() {
+    const color = this.props.color;
+    return color === 'primary' ? 'secondary' : color;
+  }
+  render() {
+    const _this$props3 = this.props,
+      screenReaderLabel = _this$props3.screenReaderLabel,
+      elementRef = _this$props3.elementRef,
+      size = _this$props3.size,
+      onClick = _this$props3.onClick,
+      margin = _this$props3.margin,
+      placement = _this$props3.placement,
+      offset = _this$props3.offset,
+      type = _this$props3.type,
+      as = _this$props3.as,
+      href = _this$props3.href,
+      cursor = _this$props3.cursor,
+      tabIndex = _this$props3.tabIndex,
+      styles = _this$props3.styles,
+      props = _objectWithoutProperties(_this$props3, _excluded);
+    const themeOverride = this.props.themeOverride;
+    return _jsx("span", {
+      ...passthroughProps(props),
+      css: styles === null || styles === void 0 ? void 0 : styles.closeButton,
+      ref: el => {
+        this.ref = el;
+      },
+      children: _jsx(BaseButton, {
+        renderIcon: XInstUIIcon,
+        elementRef: this.handleRef,
+        interaction: this.interaction,
+        type: type,
+        ...(this.color ? {
+          color: this.color
+        } : {}),
+        size: size,
+        onClick: onClick,
+        margin: margin,
+        withBorder: false,
+        withBackground: false,
+        as: as,
+        href: href,
+        cursor: cursor,
+        tabIndex: tabIndex,
+        themeOverride: themeOverride,
+        "data-cid": "CloseButton",
+        children: _jsx(ScreenReaderContent, {
+          children: screenReaderLabel
+        })
+      })
+    });
+  }
+}, _CloseButton.displayName = "CloseButton", _CloseButton.componentId = 'CloseButton', _CloseButton.allowedProps = allowedProps, _CloseButton.defaultProps = {
+  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
+  interaction: void 0,
+  type: 'button',
+  placement: 'static',
+  offset: 'x-small',
+  size: 'small',
+  margin: '0',
+  as: 'button',
+  cursor: 'pointer'
+}, _CloseButton)) || _class);
+export default CloseButton;
+export { CloseButton };

package/es/CloseButton/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['as', 'color', 'cursor', 'elementRef', 'href', 'interaction', 'margin', 'offset', 'onClick', 'placement', 'screenReaderLabel', 'size', 'tabIndex', 'type'];
+export { allowedProps };

package/es/CloseButton/v2/styles.js

@@ -0,0 +1,68 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/**
+ * ---
+ * 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
+ */
+const generateStyle = (_componentTheme, props, sharedTokens) => {
+  const placement = props.placement,
+    offset = props.offset;
+  const offsetValueMap = {
+    none: 0,
+    'x-small': sharedTokens.spacing.general.spaceXs,
+    small: sharedTokens.spacing.general.spaceSm,
+    medium: sharedTokens.spacing.general.spaceMd
+  };
+  const getOffsetStyle = () => {
+    const offsetValue = offsetValueMap[offset];
+    return {
+      ...(offsetValue !== 0 && {
+        top: offsetValue
+      }),
+      insetInlineStart: placement === 'start' ? offsetValue : 'auto',
+      insetInlineEnd: placement === 'end' ? offsetValue : 'auto'
+    };
+  };
+  return {
+    closeButton: {
+      label: 'closeButton',
+      zIndex: 1,
+      display: 'inline-block',
+      ...(placement === 'static' ? {
+        position: 'static'
+      } : {
+        position: 'absolute',
+        ...getOffsetStyle()
+      })
+    }
+  };
+};
+export default generateStyle;

package/es/CondensedButton/{index.js → v1/index.js}

@@ -27,9 +27,9 @@ var _dec, _class, _CondensedButton;
 
 import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../BaseButton/index.js";
+import { BaseButton } from "../../BaseButton/v1/index.js";
 import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**

package/es/{Button → CondensedButton/v1}/theme.js

@@ -21,4 +21,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { default } from "../BaseButton/theme.js";
+export { default } from "../../BaseButton/v1/theme.js";

package/es/CondensedButton/v2/index.js

@@ -0,0 +1,111 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "type", "size", "elementRef", "as", "interaction", "color", "margin", "cursor", "href", "renderIcon", "display"];
+var _dec, _class, _CondensedButton;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Component } from 'react';
+import { passthroughProps } from '@instructure/ui-react-utils';
+import { withStyle } from '@instructure/emotion';
+import { BaseButton } from "../../BaseButton/v2/index.js";
+import { allowedProps } from "./props.js";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+---
+category: components
+---
+**/
+// needed for listing the available theme variables on docs page
+let CondensedButton = (_dec = withStyle(null, 'BaseButton'), _dec(_class = (_CondensedButton = class CondensedButton extends Component {
+  constructor(...args) {
+    super(...args);
+    this._baseButton = null;
+    this.ref = null;
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
+  get focused() {
+    return this._baseButton && this._baseButton.focused;
+  }
+  focus() {
+    this._baseButton && this._baseButton.focus();
+  }
+  render() {
+    const _this$props = this.props,
+      children = _this$props.children,
+      type = _this$props.type,
+      size = _this$props.size,
+      elementRef = _this$props.elementRef,
+      as = _this$props.as,
+      interaction = _this$props.interaction,
+      color = _this$props.color,
+      margin = _this$props.margin,
+      cursor = _this$props.cursor,
+      href = _this$props.href,
+      renderIcon = _this$props.renderIcon,
+      display = _this$props.display,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const themeOverride = this.props.themeOverride;
+    return _jsx(BaseButton, {
+      ...passthroughProps(props),
+      isCondensed: true,
+      display: display,
+      withBackground: false,
+      withBorder: false,
+      type: type,
+      size: size,
+      elementRef: this.handleRef,
+      as: as,
+      interaction: interaction,
+      color: color,
+      margin: margin,
+      cursor: cursor,
+      href: href,
+      renderIcon: renderIcon,
+      themeOverride: themeOverride,
+      ref: component => {
+        this._baseButton = component;
+      },
+      "data-cid": "CondensedButton",
+      children: children
+    });
+  }
+}, _CondensedButton.displayName = "CondensedButton", _CondensedButton.componentId = 'CondensedButton', _CondensedButton.allowedProps = allowedProps, _CondensedButton.defaultProps = {
+  type: 'button',
+  size: 'medium',
+  as: 'button',
+  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
+  interaction: void 0,
+  color: 'primary',
+  margin: '0',
+  cursor: 'pointer',
+  display: 'inline-block'
+}, _CondensedButton)) || _class);
+export default CondensedButton;
+export { CondensedButton };

package/es/CondensedButton/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['as', 'children', 'color', 'cursor', 'elementRef', 'href', 'interaction', 'margin', 'renderIcon', 'size', 'type', 'onClick', 'display'];
+export { allowedProps };

package/es/IconButton/{index.js → v1/index.js}

@@ -29,9 +29,9 @@ import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { combineDataCid } from '@instructure/ui-utils';
-import { withStyle } from '@instructure/emotion';
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../BaseButton/index.js";
+import { BaseButton } from "../../BaseButton/v1/index.js";
 import { allowedProps } from "./props.js";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**

package/es/IconButton/{theme.js → v1/theme.js}

@@ -21,4 +21,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { default } from "../BaseButton/theme.js";
+export { default } from "../../BaseButton/v1/theme.js";