@instructure/ui-buttons 11.7.3-snapshot-33 → 11.7.3-snapshot-37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/BaseButton/v1/index.js +1 -1
  3. package/es/BaseButton/v2/index.js +2 -2
  4. package/es/Button/v1/index.js +1 -1
  5. package/es/Button/v2/index.js +2 -2
  6. package/es/CloseButton/v1/index.js +1 -1
  7. package/es/CloseButton/v2/index.js +2 -2
  8. package/es/CondensedButton/v1/index.js +1 -1
  9. package/es/CondensedButton/v2/index.js +2 -2
  10. package/es/IconButton/v1/index.js +1 -1
  11. package/es/IconButton/v2/index.js +2 -2
  12. package/lib/BaseButton/v1/index.js +1 -1
  13. package/lib/BaseButton/v2/index.js +1 -1
  14. package/lib/Button/v1/index.js +1 -1
  15. package/lib/Button/v2/index.js +1 -1
  16. package/lib/CloseButton/v1/index.js +1 -1
  17. package/lib/CloseButton/v2/index.js +1 -1
  18. package/lib/CondensedButton/v1/index.js +1 -1
  19. package/lib/CondensedButton/v2/index.js +1 -1
  20. package/lib/IconButton/v1/index.js +1 -1
  21. package/lib/IconButton/v2/index.js +1 -1
  22. package/package.json +17 -17
  23. package/src/BaseButton/v1/index.tsx +1 -1
  24. package/src/BaseButton/v2/index.tsx +2 -2
  25. package/src/Button/v1/index.tsx +1 -1
  26. package/src/Button/v2/index.tsx +2 -2
  27. package/src/CloseButton/v1/index.tsx +1 -1
  28. package/src/CloseButton/v2/index.tsx +2 -2
  29. package/src/CondensedButton/v1/index.tsx +1 -1
  30. package/src/CondensedButton/v2/index.tsx +2 -2
  31. package/src/IconButton/v1/index.tsx +1 -1
  32. package/src/IconButton/v2/index.tsx +2 -2
  33. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.3-snapshot-33](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-33) (2026-05-07)
6
+ ## [11.7.3-snapshot-37](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-37) (2026-05-07)
7
7
 
8
8
 
9
9
  ### Bug Fixes
package/es/BaseButton/v1/index.js CHANGED
@@ -34,7 +34,7 @@ import { View } from '@instructure/ui-view/v11_6';
34
34
  // this bug is very likely caused by `babel-plugin-transform-imports` and can be reverted once it is removed from the codebase
35
35
  import { isSafari } from '@instructure/ui-utils';
36
36
  import { combineDataCid } from '@instructure/ui-utils';
37
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
37
+ import { withStyle } from '@instructure/emotion';
38
38
  import generateStyles from "./styles.js";
39
39
  import generateComponentTheme from "./theme.js";
40
40
  import { allowedProps } from "./props.js";
package/es/BaseButton/v2/index.js CHANGED
@@ -35,7 +35,7 @@ import { View } from '@instructure/ui-view/latest';
35
35
  // this bug is very likely caused by `babel-plugin-transform-imports` and can be reverted once it is removed from the codebase
36
36
  import { isSafari } from '@instructure/ui-utils';
37
37
  import { combineDataCid } from '@instructure/ui-utils';
38
- import { withStyle } from '@instructure/emotion';
38
+ import { withStyleNew } from '@instructure/emotion';
39
39
  import generateStyles from "./styles.js";
40
40
  import { allowedProps } from "./props.js";
41
41
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -61,7 +61,7 @@ const buttonColorToIconColor = {
61
61
  category: components/utilities
62
62
  ---
63
63
  **/
64
- let BaseButton = (_dec = withStyle(generateStyles), _dec(_class = class BaseButton extends Component {
64
+ let BaseButton = (_dec = withStyleNew(generateStyles), _dec(_class = class BaseButton extends Component {
65
65
  static displayName = "BaseButton";
66
66
  static componentId = 'BaseButton';
67
67
  static allowedProps = allowedProps;
package/es/Button/v1/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
28
+ import { withStyle } from '@instructure/emotion';
29
29
  import generateComponentTheme from "./theme.js";
30
30
  import { BaseButton } from "../../BaseButton/v1/index.js";
31
31
  import { allowedProps } from "./props.js";
package/es/Button/v2/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyle } from '@instructure/emotion';
28
+ import { withStyleNew } from '@instructure/emotion';
29
29
  import { BaseButton } from "../../BaseButton/v2/index.js";
30
30
  import { allowedProps } from "./props.js";
31
31
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -35,7 +35,7 @@ category: components
35
35
  ---
36
36
  **/
37
37
  // needed for listing the available theme variables on docs page
38
- let Button = (_dec = withStyle(null, 'BaseButton'), _dec(_class = class Button extends Component {
38
+ let Button = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class Button extends Component {
39
39
  static displayName = "Button";
40
40
  static componentId = 'Button';
41
41
  static allowedProps = allowedProps;
package/es/CloseButton/v1/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { IconXSolid } from '@instructure/ui-icons';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
29
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
30
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
30
+ import { withStyle } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import generateComponentTheme from "./theme.js";
33
33
  import { BaseButton } from "../../BaseButton/v1/index.js";
package/es/CloseButton/v2/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { XInstUIIcon } from '@instructure/ui-icons';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
29
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils';
30
- import { withStyle } from '@instructure/emotion';
30
+ import { withStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import { BaseButton } from "../../BaseButton/v2/index.js";
33
33
  import { allowedProps } from "./props.js";
@@ -37,7 +37,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
37
37
  category: components
38
38
  ---
39
39
  **/
40
- let CloseButton = (_dec = withStyle(generateStyle, 'BaseButton'), _dec(_class = class CloseButton extends Component {
40
+ let CloseButton = (_dec = withStyleNew(generateStyle, 'BaseButton'), _dec(_class = class CloseButton extends Component {
41
41
  static displayName = "CloseButton";
42
42
  static componentId = 'CloseButton';
43
43
  static allowedProps = allowedProps;
package/es/CondensedButton/v1/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
28
+ import { withStyle } from '@instructure/emotion';
29
29
  import generateComponentTheme from "./theme.js";
30
30
  import { BaseButton } from "../../BaseButton/v1/index.js";
31
31
  import { allowedProps } from "./props.js";
package/es/CondensedButton/v2/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Component } from 'react';
27
27
  import { passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyle } from '@instructure/emotion';
28
+ import { withStyleNew } from '@instructure/emotion';
29
29
  import { BaseButton } from "../../BaseButton/v2/index.js";
30
30
  import { allowedProps } from "./props.js";
31
31
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -35,7 +35,7 @@ category: components
35
35
  ---
36
36
  **/
37
37
  // needed for listing the available theme variables on docs page
38
- let CondensedButton = (_dec = withStyle(null, 'BaseButton'), _dec(_class = class CondensedButton extends Component {
38
+ let CondensedButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class CondensedButton extends Component {
39
39
  static displayName = "CondensedButton";
40
40
  static componentId = 'CondensedButton';
41
41
  static allowedProps = allowedProps;
package/es/IconButton/v1/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { passthroughProps } from '@instructure/ui-react-utils';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
29
  import { combineDataCid } from '@instructure/ui-utils';
30
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
30
+ import { withStyle } from '@instructure/emotion';
31
31
  import generateComponentTheme from "./theme.js";
32
32
  import { BaseButton } from "../../BaseButton/v1/index.js";
33
33
  import { allowedProps } from "./props.js";
package/es/IconButton/v2/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { passthroughProps } from '@instructure/ui-react-utils';
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content';
29
29
  import { combineDataCid } from '@instructure/ui-utils';
30
- import { withStyle } from '@instructure/emotion';
30
+ import { withStyleNew } from '@instructure/emotion';
31
31
  import { BaseButton } from "../../BaseButton/v2/index.js";
32
32
  import { allowedProps } from "./props.js";
33
33
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -37,7 +37,7 @@ category: components
37
37
  ---
38
38
  **/
39
39
  // needed for listing the available theme variables on docs page
40
- let IconButton = (_dec = withStyle(null, 'BaseButton'), _dec(_class = class IconButton extends Component {
40
+ let IconButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class IconButton extends Component {
41
41
  static displayName = "IconButton";
42
42
  static componentId = 'IconButton';
43
43
  static allowedProps = allowedProps;
package/lib/BaseButton/v1/index.js CHANGED
@@ -53,7 +53,7 @@ var _dec, _class;
53
53
  category: components/utilities
54
54
  ---
55
55
  **/
56
- let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class BaseButton extends _react.Component {
56
+ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class BaseButton extends _react.Component {
57
57
  static displayName = "BaseButton";
58
58
  static componentId = 'BaseButton';
59
59
  static allowedProps = _props.allowedProps;
package/lib/BaseButton/v2/index.js CHANGED
@@ -69,7 +69,7 @@ const buttonColorToIconColor = {
69
69
  category: components/utilities
70
70
  ---
71
71
  **/
72
- let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class BaseButton extends _react.Component {
72
+ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class BaseButton extends _react.Component {
73
73
  static displayName = "BaseButton";
74
74
  static componentId = 'BaseButton';
75
75
  static allowedProps = _props.allowedProps;
package/lib/Button/v1/index.js CHANGED
@@ -43,7 +43,7 @@ category: components
43
43
  ---
44
44
  **/
45
45
  // needed for listing the available theme variables on docs page
46
- let Button = exports.Button = (_dec = (0, _emotion.withStyleLegacy)(null, _theme.default), _dec(_class = class Button extends _react.Component {
46
+ let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class Button extends _react.Component {
47
47
  static displayName = "Button";
48
48
  static componentId = 'Button';
49
49
  static allowedProps = _props.allowedProps;
package/lib/Button/v2/index.js CHANGED
@@ -41,7 +41,7 @@ category: components
41
41
  ---
42
42
  **/
43
43
  // needed for listing the available theme variables on docs page
44
- let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, 'BaseButton'), _dec(_class = class Button extends _react.Component {
44
+ let Button = exports.Button = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class Button extends _react.Component {
45
45
  static displayName = "Button";
46
46
  static componentId = 'Button';
47
47
  static allowedProps = _props.allowedProps;
package/lib/CloseButton/v1/index.js CHANGED
@@ -45,7 +45,7 @@ var _dec, _class;
45
45
  category: components
46
46
  ---
47
47
  **/
48
- let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class CloseButton extends _react.Component {
48
+ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class CloseButton extends _react.Component {
49
49
  static displayName = "CloseButton";
50
50
  static componentId = 'CloseButton';
51
51
  static allowedProps = _props.allowedProps;
package/lib/CloseButton/v2/index.js CHANGED
@@ -44,7 +44,7 @@ var _dec, _class;
44
44
  category: components
45
45
  ---
46
46
  **/
47
- let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, 'BaseButton'), _dec(_class = class CloseButton extends _react.Component {
47
+ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'BaseButton'), _dec(_class = class CloseButton extends _react.Component {
48
48
  static displayName = "CloseButton";
49
49
  static componentId = 'CloseButton';
50
50
  static allowedProps = _props.allowedProps;
package/lib/CondensedButton/v1/index.js CHANGED
@@ -42,7 +42,7 @@ category: components
42
42
  ---
43
43
  **/
44
44
  // needed for listing the available theme variables on docs page
45
- let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyleLegacy)(null, _theme.default), _dec(_class = class CondensedButton extends _react.Component {
45
+ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class CondensedButton extends _react.Component {
46
46
  static displayName = "CondensedButton";
47
47
  static componentId = 'CondensedButton';
48
48
  static allowedProps = _props.allowedProps;
package/lib/CondensedButton/v2/index.js CHANGED
@@ -40,7 +40,7 @@ category: components
40
40
  ---
41
41
  **/
42
42
  // needed for listing the available theme variables on docs page
43
- let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(null, 'BaseButton'), _dec(_class = class CondensedButton extends _react.Component {
43
+ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class CondensedButton extends _react.Component {
44
44
  static displayName = "CondensedButton";
45
45
  static componentId = 'CondensedButton';
46
46
  static allowedProps = _props.allowedProps;
package/lib/IconButton/v1/index.js CHANGED
@@ -44,7 +44,7 @@ category: components
44
44
  ---
45
45
  **/
46
46
  // needed for listing the available theme variables on docs page
47
- let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyleLegacy)(null, _theme.default), _dec(_class = class IconButton extends _react.Component {
47
+ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec(_class = class IconButton extends _react.Component {
48
48
  static displayName = "IconButton";
49
49
  static componentId = 'IconButton';
50
50
  static allowedProps = _props.allowedProps;
package/lib/IconButton/v2/index.js CHANGED
@@ -42,7 +42,7 @@ category: components
42
42
  ---
43
43
  **/
44
44
  // needed for listing the available theme variables on docs page
45
- let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, 'BaseButton'), _dec(_class = class IconButton extends _react.Component {
45
+ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class IconButton extends _react.Component {
46
46
  static displayName = "IconButton";
47
47
  static componentId = 'IconButton';
48
48
  static allowedProps = _props.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "11.7.3-snapshot-33",
3
+ "version": "11.7.3-snapshot-37",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -16,28 +16,28 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.3-snapshot-33",
20
- "@instructure/shared-types": "11.7.3-snapshot-33",
21
- "@instructure/emotion": "11.7.3-snapshot-33",
22
- "@instructure/ui-a11y-content": "11.7.3-snapshot-33",
23
- "@instructure/ui-a11y-utils": "11.7.3-snapshot-33",
24
- "@instructure/ui-dom-utils": "11.7.3-snapshot-33",
25
- "@instructure/ui-icons": "11.7.3-snapshot-33",
26
- "@instructure/ui-color-utils": "11.7.3-snapshot-33",
27
- "@instructure/ui-react-utils": "11.7.3-snapshot-33",
28
- "@instructure/ui-position": "11.7.3-snapshot-33",
29
- "@instructure/ui-tooltip": "11.7.3-snapshot-33",
30
- "@instructure/ui-themes": "11.7.3-snapshot-33",
31
- "@instructure/ui-utils": "11.7.3-snapshot-33",
32
- "@instructure/ui-view": "11.7.3-snapshot-33"
19
+ "@instructure/console": "11.7.3-snapshot-37",
20
+ "@instructure/shared-types": "11.7.3-snapshot-37",
21
+ "@instructure/emotion": "11.7.3-snapshot-37",
22
+ "@instructure/ui-a11y-content": "11.7.3-snapshot-37",
23
+ "@instructure/ui-a11y-utils": "11.7.3-snapshot-37",
24
+ "@instructure/ui-color-utils": "11.7.3-snapshot-37",
25
+ "@instructure/ui-dom-utils": "11.7.3-snapshot-37",
26
+ "@instructure/ui-react-utils": "11.7.3-snapshot-37",
27
+ "@instructure/ui-themes": "11.7.3-snapshot-37",
28
+ "@instructure/ui-tooltip": "11.7.3-snapshot-37",
29
+ "@instructure/ui-utils": "11.7.3-snapshot-37",
30
+ "@instructure/ui-view": "11.7.3-snapshot-37",
31
+ "@instructure/ui-icons": "11.7.3-snapshot-37",
32
+ "@instructure/ui-position": "11.7.3-snapshot-37"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@testing-library/jest-dom": "^6.6.3",
36
36
  "@testing-library/react": "15.0.7",
37
37
  "@testing-library/user-event": "^14.6.1",
38
38
  "vitest": "^3.2.2",
39
- "@instructure/ui-axe-check": "11.7.3-snapshot-33",
40
- "@instructure/ui-babel-preset": "11.7.3-snapshot-33"
39
+ "@instructure/ui-axe-check": "11.7.3-snapshot-37",
40
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-37"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
package/src/BaseButton/v1/index.tsx CHANGED
@@ -41,7 +41,7 @@ import type { ViewProps } from '@instructure/ui-view/v11_6'
41
41
  import { isSafari } from '@instructure/ui-utils'
42
42
  import { combineDataCid } from '@instructure/ui-utils'
43
43
 
44
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
44
+ import { withStyle } from '@instructure/emotion'
45
45
 
46
46
  import generateStyles from './styles'
47
47
  import generateComponentTheme from './theme'
package/src/BaseButton/v2/index.tsx CHANGED
@@ -41,7 +41,7 @@ import type { ViewProps } from '@instructure/ui-view/latest'
41
41
  import { isSafari } from '@instructure/ui-utils'
42
42
  import { combineDataCid } from '@instructure/ui-utils'
43
43
 
44
- import { withStyle } from '@instructure/emotion'
44
+ import { withStyleNew } from '@instructure/emotion'
45
45
 
46
46
  import generateStyles from './styles'
47
47
 
@@ -71,7 +71,7 @@ const buttonColorToIconColor = {
71
71
  category: components/utilities
72
72
  ---
73
73
  **/
74
- @withStyle(generateStyles)
74
+ @withStyleNew(generateStyles)
75
75
  class BaseButton extends Component<BaseButtonProps> {
76
76
  static readonly componentId = 'BaseButton'
77
77
 
package/src/Button/v1/index.tsx CHANGED
@@ -26,7 +26,7 @@ import { Component } from 'react'
26
26
 
27
27
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
29
+ import { withStyle } from '@instructure/emotion'
30
30
 
31
31
  import generateComponentTheme from './theme'
32
32
  import { BaseButton } from '../../BaseButton/v1'
package/src/Button/v2/index.tsx CHANGED
@@ -26,7 +26,7 @@ import { Component } from 'react'
26
26
 
27
27
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
- import { withStyle } from '@instructure/emotion'
29
+ import { withStyleNew } from '@instructure/emotion'
30
30
  import { BaseButton } from '../../BaseButton/v2'
31
31
 
32
32
  import { allowedProps } from './props'
@@ -38,7 +38,7 @@ category: components
38
38
  ---
39
39
  **/
40
40
  // needed for listing the available theme variables on docs page
41
- @withStyle(null, 'BaseButton')
41
+ @withStyleNew(null, 'BaseButton')
42
42
  class Button extends Component<ButtonProps> {
43
43
  static readonly componentId = 'Button'
44
44
 
package/src/CloseButton/v1/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { IconXSolid } from '@instructure/ui-icons'
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
29
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
30
30
 
31
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
31
+ import { withStyle } from '@instructure/emotion'
32
32
 
33
33
  import generateStyle from './styles'
34
34
  import generateComponentTheme from './theme'
package/src/CloseButton/v2/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { XInstUIIcon } from '@instructure/ui-icons'
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
29
  import { getInteraction, passthroughProps } from '@instructure/ui-react-utils'
30
30
 
31
- import { withStyle } from '@instructure/emotion'
31
+ import { withStyleNew } from '@instructure/emotion'
32
32
 
33
33
  import generateStyle from './styles'
34
34
  import { BaseButton } from '../../BaseButton/v2'
@@ -41,7 +41,7 @@ import type { CloseButtonProps } from './props'
41
41
  category: components
42
42
  ---
43
43
  **/
44
- @withStyle(generateStyle, 'BaseButton')
44
+ @withStyleNew(generateStyle, 'BaseButton')
45
45
  class CloseButton extends Component<CloseButtonProps> {
46
46
  static readonly componentId = 'CloseButton'
47
47
 
package/src/CondensedButton/v1/index.tsx CHANGED
@@ -26,7 +26,7 @@ import { Component } from 'react'
26
26
 
27
27
  import { passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
29
+ import { withStyle } from '@instructure/emotion'
30
30
 
31
31
  import generateComponentTheme from './theme'
32
32
  import { BaseButton } from '../../BaseButton/v1'
package/src/CondensedButton/v2/index.tsx CHANGED
@@ -26,7 +26,7 @@ import { Component } from 'react'
26
26
 
27
27
  import { passthroughProps } from '@instructure/ui-react-utils'
28
28
 
29
- import { withStyle } from '@instructure/emotion'
29
+ import { withStyleNew } from '@instructure/emotion'
30
30
  import { BaseButton } from '../../BaseButton/v2'
31
31
 
32
32
  import { allowedProps } from './props'
@@ -38,7 +38,7 @@ category: components
38
38
  ---
39
39
  **/
40
40
  // needed for listing the available theme variables on docs page
41
- @withStyle(null, 'BaseButton')
41
+ @withStyleNew(null, 'BaseButton')
42
42
  class CondensedButton extends Component<CondensedButtonProps> {
43
43
  static readonly componentId = 'CondensedButton'
44
44
 
package/src/IconButton/v1/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { passthroughProps } from '@instructure/ui-react-utils'
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
29
  import { combineDataCid } from '@instructure/ui-utils'
30
30
 
31
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
31
+ import { withStyle } from '@instructure/emotion'
32
32
 
33
33
  import generateComponentTheme from './theme'
34
34
  import { BaseButton } from '../../BaseButton/v1'
package/src/IconButton/v2/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { passthroughProps } from '@instructure/ui-react-utils'
28
28
  import { ScreenReaderContent } from '@instructure/ui-a11y-content'
29
29
  import { combineDataCid } from '@instructure/ui-utils'
30
30
 
31
- import { withStyle } from '@instructure/emotion'
31
+ import { withStyleNew } from '@instructure/emotion'
32
32
  import { BaseButton } from '../../BaseButton/v2'
33
33
 
34
34
  import { allowedProps } from './props'
@@ -41,7 +41,7 @@ category: components
41
41
  **/
42
42
 
43
43
  // needed for listing the available theme variables on docs page
44
- @withStyle(null, 'BaseButton')
44
+ @withStyleNew(null, 'BaseButton')
45
45
  class IconButton extends Component<IconButtonProps> {
46
46
  static readonly componentId = 'IconButton'
47
47