@instructure/ui-buttons 11.7.4-snapshot-14 → 11.7.4-snapshot-50

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-14](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-14) (2026-05-20)
+## [11.7.4-snapshot-50](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-50) (2026-06-18)
 
 **Note:** Version bump only for package @instructure/ui-buttons
 

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/BaseButton/v1/index.js

@@ -34,17 +34,17 @@ import { View } from '@instructure/ui-view/v11_6';
 import { isSafari } from '@instructure/ui-utils';
 import { combineDataCid } from '@instructure/ui-utils';
 import { withStyle } from '@instructure/emotion';
-import generateStyles from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import generateStyles from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
-category: components/utilities
+category: components/Util Components
 ---
 **/
 let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class BaseButton extends Component {
-  static displayName = "BaseButton";
+  static displayName = 'BaseButton';
   static componentId = 'BaseButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/BaseButton/v2/index.js

@@ -35,8 +35,8 @@ import { View } from '@instructure/ui-view/latest';
 import { isSafari } from '@instructure/ui-utils';
 import { combineDataCid } from '@instructure/ui-utils';
 import { withStyleNew } from '@instructure/emotion';
-import generateStyles from "./styles.js";
-import { allowedProps } from "./props.js";
+import generateStyles from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const buttonSizeToIconSize = {
   small: 'sm',
@@ -57,11 +57,11 @@ const buttonColorToIconColor = {
 
 /**
 ---
-category: components/utilities
+category: components/Util Components
 ---
 **/
 let BaseButton = (_dec = withStyleNew(generateStyles), _dec(_class = class BaseButton extends Component {
-  static displayName = "BaseButton";
+  static displayName = 'BaseButton';
   static componentId = 'BaseButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Button/v1/index.js

@@ -26,9 +26,9 @@ var _dec, _class;
 import { Component } from 'react';
 import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../../BaseButton/v1/index.js";
-import { allowedProps } from "./props.js";
+import generateComponentTheme from './theme.js';
+import { BaseButton } from '../../BaseButton/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -37,7 +37,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = (_dec = withStyle(null, generateComponentTheme), _dec(_class = class Button extends Component {
-  static displayName = "Button";
+  static displayName = 'Button';
   static componentId = 'Button';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Button/v1/theme.js

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

package/es/Button/v2/index.js

@@ -26,8 +26,8 @@ var _dec, _class;
 import { Component } from 'react';
 import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { BaseButton } from "../../BaseButton/v2/index.js";
-import { allowedProps } from "./props.js";
+import { BaseButton } from '../../BaseButton/v2/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -36,7 +36,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class Button extends Component {
-  static displayName = "Button";
+  static displayName = 'Button';
   static componentId = 'Button';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/CloseButton/v1/index.js

@@ -28,10 +28,10 @@ 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 generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../../BaseButton/v1/index.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { BaseButton } from '../../BaseButton/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -39,7 +39,7 @@ category: components
 ---
 **/
 let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class CloseButton extends Component {
-  static displayName = "CloseButton";
+  static displayName = 'CloseButton';
   static componentId = 'CloseButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/CloseButton/v2/index.js

@@ -28,9 +28,9 @@ import { XInstUIIcon } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import { BaseButton } from "../../BaseButton/v2/index.js";
-import { allowedProps } from "./props.js";
+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";
 /**
 ---
@@ -38,7 +38,7 @@ category: components
 ---
 **/
 let CloseButton = (_dec = withStyleNew(generateStyle, 'BaseButton'), _dec(_class = class CloseButton extends Component {
-  static displayName = "CloseButton";
+  static displayName = 'CloseButton';
   static componentId = 'CloseButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/CondensedButton/v1/index.js

@@ -26,9 +26,9 @@ var _dec, _class;
 import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
-import generateComponentTheme from "./theme.js";
-import { BaseButton } from "../../BaseButton/v1/index.js";
-import { allowedProps } from "./props.js";
+import generateComponentTheme from './theme.js';
+import { BaseButton } from '../../BaseButton/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -37,7 +37,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec(_class = class CondensedButton extends Component {
-  static displayName = "CondensedButton";
+  static displayName = 'CondensedButton';
   static componentId = 'CondensedButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/CondensedButton/v1/theme.js

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

package/es/CondensedButton/v2/index.js

@@ -26,8 +26,8 @@ var _dec, _class;
 import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { BaseButton } from "../../BaseButton/v2/index.js";
-import { allowedProps } from "./props.js";
+import { BaseButton } from '../../BaseButton/v2/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -36,7 +36,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class CondensedButton extends Component {
-  static displayName = "CondensedButton";
+  static displayName = 'CondensedButton';
   static componentId = 'CondensedButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/IconButton/v1/index.js

@@ -28,9 +28,9 @@ 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 generateComponentTheme from "./theme.js";
-import { BaseButton } from "../../BaseButton/v1/index.js";
-import { allowedProps } from "./props.js";
+import generateComponentTheme from './theme.js';
+import { BaseButton } from '../../BaseButton/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -39,7 +39,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec(_class = class IconButton extends Component {
-  static displayName = "IconButton";
+  static displayName = 'IconButton';
   static componentId = 'IconButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/IconButton/v1/theme.js

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

package/es/IconButton/v2/index.js

@@ -28,8 +28,8 @@ import { passthroughProps } from '@instructure/ui-react-utils';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { combineDataCid } from '@instructure/ui-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { BaseButton } from "../../BaseButton/v2/index.js";
-import { allowedProps } from "./props.js";
+import { BaseButton } from '../../BaseButton/v2/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let IconButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class IconButton extends Component {
-  static displayName = "IconButton";
+  static displayName = 'IconButton';
   static componentId = 'IconButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/ToggleButton/v1/index.js

@@ -25,8 +25,8 @@
 import { Component } from 'react';
 import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils';
 import { Tooltip } from '@instructure/ui-tooltip/v11_6';
-import { IconButton } from "../../IconButton/v1/index.js";
-import { allowedProps } from "./props.js";
+import { IconButton } from '../../IconButton/v1/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -35,7 +35,7 @@ category: components
 **/
 
 class ToggleButton extends Component {
-  static displayName = "ToggleButton";
+  static displayName = 'ToggleButton';
   static componentId = 'ToggleButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/ToggleButton/v2/index.js

@@ -25,8 +25,8 @@
 import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { Tooltip } from '@instructure/ui-tooltip/latest';
-import { IconButton } from "../../IconButton/v2/index.js";
-import { allowedProps } from "./props.js";
+import { IconButton } from '../../IconButton/v2/index.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -35,7 +35,7 @@ category: components
 **/
 
 class ToggleButton extends Component {
-  static displayName = "ToggleButton";
+  static displayName = 'ToggleButton';
   static componentId = 'ToggleButton';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/exports/a.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { BaseButton } from "../BaseButton/v1/index.js";
-export { Button } from "../Button/v1/index.js";
-export { CloseButton } from "../CloseButton/v1/index.js";
-export { CondensedButton } from "../CondensedButton/v1/index.js";
-export { IconButton } from "../IconButton/v1/index.js";
-export { ToggleButton } from "../ToggleButton/v1/index.js";
+
+export { BaseButton } from '../BaseButton/v1/index.js';
+export { Button } from '../Button/v1/index.js';
+export { CloseButton } from '../CloseButton/v1/index.js';
+export { CondensedButton } from '../CondensedButton/v1/index.js';
+export { IconButton } from '../IconButton/v1/index.js';
+export { ToggleButton } from '../ToggleButton/v1/index.js';

package/es/exports/b.js

@@ -21,9 +21,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { BaseButton } from "../BaseButton/v2/index.js";
-export { Button } from "../Button/v2/index.js";
-export { CloseButton } from "../CloseButton/v2/index.js";
-export { CondensedButton } from "../CondensedButton/v2/index.js";
-export { IconButton } from "../IconButton/v2/index.js";
-export { ToggleButton } from "../ToggleButton/v2/index.js";
+
+export { BaseButton } from '../BaseButton/v2/index.js';
+export { Button } from '../Button/v2/index.js';
+export { CloseButton } from '../CloseButton/v2/index.js';
+export { CondensedButton } from '../CondensedButton/v2/index.js';
+export { IconButton } from '../IconButton/v2/index.js';
+export { ToggleButton } from '../ToggleButton/v2/index.js';

package/lib/BaseButton/v1/index.js

@@ -17,9 +17,9 @@ var _v11_ = require("@instructure/ui-view/v11_6");
 var _uiUtils = require("@instructure/ui-utils");
 var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -49,11 +49,11 @@ var _dec, _class;
 // this bug is very likely caused by `babel-plugin-transform-imports` and can be reverted once it is removed from the codebase
 /**
 ---
-category: components/utilities
+category: components/Util Components
 ---
 **/
 let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class BaseButton extends _react.Component {
-  static displayName = "BaseButton";
+  static displayName = 'BaseButton';
   static componentId = 'BaseButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/BaseButton/v2/index.js

@@ -17,8 +17,8 @@ var _latest = require("@instructure/ui-view/latest");
 var _uiUtils = require("@instructure/ui-utils");
 var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -65,11 +65,11 @@ const buttonColorToIconColor = {
 
 /**
 ---
-category: components/utilities
+category: components/Util Components
 ---
 **/
 let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class BaseButton extends _react.Component {
-  static displayName = "BaseButton";
+  static displayName = 'BaseButton';
   static componentId = 'BaseButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/Button/v1/index.js

@@ -9,9 +9,9 @@ var _react = require("react");
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme"));
-var _v = require("../../BaseButton/v1");
-var _props = require("./props");
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _index = require("../../BaseButton/v1/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -44,7 +44,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class Button extends _react.Component {
-  static displayName = "Button";
+  static displayName = 'Button';
   static componentId = 'Button';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -120,7 +120,7 @@ let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.defau
       renderIcon,
       themeOverride
     };
-    return (0, _jsxRuntime.jsx)(_v.BaseButton, {
+    return (0, _jsxRuntime.jsx)(_index.BaseButton, {
       ...buttonProps,
       "data-cid": "Button",
       children: children

package/lib/Button/v1/theme.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
     return _theme.default;
   }
 });
-var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme"));
+var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme.js"));

package/lib/Button/v2/index.js

@@ -8,8 +8,8 @@ var _react = require("react");
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _v = require("../../BaseButton/v2");
-var _props = require("./props");
+var _index = require("../../BaseButton/v2/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -42,7 +42,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = exports.Button = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class Button extends _react.Component {
-  static displayName = "Button";
+  static displayName = 'Button';
   static componentId = 'Button';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -118,7 +118,7 @@ let Button = exports.Button = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButt
       renderIcon,
       themeOverride
     };
-    return (0, _jsxRuntime.jsx)(_v.BaseButton, {
+    return (0, _jsxRuntime.jsx)(_index.BaseButton, {
       ...buttonProps,
       "data-cid": "Button",
       children: children

package/lib/CloseButton/v1/index.js

@@ -11,10 +11,10 @@ var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReade
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _v = require("../../BaseButton/v1");
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _index = require("../../BaseButton/v1/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -46,7 +46,7 @@ category: components
 ---
 **/
 let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class CloseButton extends _react.Component {
-  static displayName = "CloseButton";
+  static displayName = 'CloseButton';
   static componentId = 'CloseButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -109,7 +109,7 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
       ref: el => {
         this.ref = el;
       },
-      children: (0, _jsxRuntime.jsx)(_v.BaseButton, {
+      children: (0, _jsxRuntime.jsx)(_index.BaseButton, {
         renderIcon: _IconXSolid.IconXSolid,
         elementRef: this.handleRef,
         interaction: this.interaction,

package/lib/CloseButton/v2/index.js

@@ -11,9 +11,9 @@ var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReade
 var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _v = require("../../BaseButton/v2");
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _index = require("../../BaseButton/v2/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -45,7 +45,7 @@ category: components
 ---
 **/
 let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'BaseButton'), _dec(_class = class CloseButton extends _react.Component {
-  static displayName = "CloseButton";
+  static displayName = 'CloseButton';
   static componentId = 'CloseButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -109,7 +109,7 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyleNew)(_styl
       ref: el => {
         this.ref = el;
       },
-      children: (0, _jsxRuntime.jsx)(_v.BaseButton, {
+      children: (0, _jsxRuntime.jsx)(_index.BaseButton, {
         renderIcon: _uiIcons.XInstUIIcon,
         elementRef: this.handleRef,
         interaction: this.interaction,

package/lib/CondensedButton/v1/index.js

@@ -8,9 +8,9 @@ exports.default = exports.CondensedButton = void 0;
 var _react = require("react");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _theme = _interopRequireDefault(require("./theme"));
-var _v = require("../../BaseButton/v1");
-var _props = require("./props");
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _index = require("../../BaseButton/v1/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -43,7 +43,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class CondensedButton extends _react.Component {
-  static displayName = "CondensedButton";
+  static displayName = 'CondensedButton';
   static componentId = 'CondensedButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -91,7 +91,7 @@ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(
       ...props
     } = this.props;
     const themeOverride = this.props.themeOverride;
-    return (0, _jsxRuntime.jsx)(_v.BaseButton, {
+    return (0, _jsxRuntime.jsx)(_index.BaseButton, {
       ...(0, _passthroughProps.passthroughProps)(props),
       isCondensed: true,
       display: display,

package/lib/CondensedButton/v1/theme.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
     return _theme.default;
   }
 });
-var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme"));
+var _theme = _interopRequireDefault(require("../../BaseButton/v1/theme.js"));

package/lib/CondensedButton/v2/index.js

@@ -7,8 +7,8 @@ exports.default = exports.CondensedButton = void 0;
 var _react = require("react");
 var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
 var _emotion = require("@instructure/emotion");
-var _v = require("../../BaseButton/v2");
-var _props = require("./props");
+var _index = require("../../BaseButton/v2/index.js");
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -41,7 +41,7 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class CondensedButton extends _react.Component {
-  static displayName = "CondensedButton";
+  static displayName = 'CondensedButton';
   static componentId = 'CondensedButton';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -89,7 +89,7 @@ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyleNe
       ...props
     } = this.props;
     const themeOverride = this.props.themeOverride;
-    return (0, _jsxRuntime.jsx)(_v.BaseButton, {
+    return (0, _jsxRuntime.jsx)(_index.BaseButton, {
       ...(0, _passthroughProps.passthroughProps)(props),
       isCondensed: true,
       display: display,