@instructure/ui-modal 11.7.3-snapshot-32 → 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 (27) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Modal/v1/ModalBody/index.js +1 -1
  3. package/es/Modal/v1/ModalFooter/index.js +1 -1
  4. package/es/Modal/v1/ModalHeader/index.js +1 -1
  5. package/es/Modal/v1/index.js +1 -1
  6. package/es/Modal/v2/ModalBody/index.js +2 -2
  7. package/es/Modal/v2/ModalFooter/index.js +2 -2
  8. package/es/Modal/v2/ModalHeader/index.js +2 -2
  9. package/es/Modal/v2/index.js +2 -2
  10. package/lib/Modal/v1/ModalBody/index.js +1 -1
  11. package/lib/Modal/v1/ModalFooter/index.js +1 -1
  12. package/lib/Modal/v1/ModalHeader/index.js +1 -1
  13. package/lib/Modal/v1/index.js +1 -1
  14. package/lib/Modal/v2/ModalBody/index.js +1 -1
  15. package/lib/Modal/v2/ModalFooter/index.js +1 -1
  16. package/lib/Modal/v2/ModalHeader/index.js +1 -1
  17. package/lib/Modal/v2/index.js +1 -1
  18. package/package.json +17 -17
  19. package/src/Modal/v1/ModalBody/index.tsx +1 -1
  20. package/src/Modal/v1/ModalFooter/index.tsx +1 -1
  21. package/src/Modal/v1/ModalHeader/index.tsx +1 -1
  22. package/src/Modal/v1/index.tsx +1 -1
  23. package/src/Modal/v2/ModalBody/index.tsx +2 -2
  24. package/src/Modal/v2/ModalFooter/index.tsx +2 -2
  25. package/src/Modal/v2/ModalHeader/index.tsx +2 -2
  26. package/src/Modal/v2/index.tsx +2 -2
  27. 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-32](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-32) (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/Modal/v1/ModalBody/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { View } from '@instructure/ui-view/v11_6';
28
28
  import { omitProps } from '@instructure/ui-react-utils';
29
29
  import { getCSSStyleDeclaration } from '@instructure/ui-dom-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 { allowedProps } from "./props.js";
package/es/Modal/v1/ModalFooter/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 generateStyle from "./styles.js";
30
30
  import generateComponentTheme from "./theme.js";
31
31
  import { allowedProps } from "./props.js";
package/es/Modal/v1/ModalHeader/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Children, Component } from 'react';
27
27
  import { matchComponentTypes, passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
28
+ import { withStyle } from '@instructure/emotion';
29
29
  import { CloseButton } from '@instructure/ui-buttons/v11_6';
30
30
  import generateStyle from "./styles.js";
31
31
  import generateComponentTheme from "./theme.js";
package/es/Modal/v1/index.js CHANGED
@@ -33,7 +33,7 @@ import { Mask } from '@instructure/ui-overlays/v11_6';
33
33
  import { ModalHeader } from "./ModalHeader/index.js";
34
34
  import { ModalBody } from "./ModalBody/index.js";
35
35
  import { ModalFooter } from "./ModalFooter/index.js";
36
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
36
+ import { withStyle } from '@instructure/emotion';
37
37
  import generateStyle from "./styles.js";
38
38
  import generateComponentTheme from "./theme.js";
39
39
  import { allowedProps } from "./props.js";
package/es/Modal/v2/ModalBody/index.js CHANGED
@@ -27,7 +27,7 @@ import { Component } from 'react';
27
27
  import { View } from '@instructure/ui-view/latest';
28
28
  import { omitProps } from '@instructure/ui-react-utils';
29
29
  import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils';
30
- import { withStyle } from '@instructure/emotion';
30
+ import { withStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import { allowedProps } from "./props.js";
33
33
  import ModalContext from "../ModalContext.js";
@@ -38,7 +38,7 @@ id: Modal.Body
38
38
  ---
39
39
  **/
40
40
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
41
- let ModalBody = (_dec = withStyle(generateStyle, 'ModalBody'), _dec(_class = class ModalBody extends Component {
41
+ let ModalBody = (_dec = withStyleNew(generateStyle, 'ModalBody'), _dec(_class = class ModalBody extends Component {
42
42
  static displayName = "ModalBody";
43
43
  static componentId = 'Modal.Body';
44
44
  static allowedProps = allowedProps;
package/es/Modal/v2/ModalFooter/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 generateStyle from "./styles.js";
30
30
  import { allowedProps } from "./props.js";
31
31
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -35,7 +35,7 @@ parent: Modal
35
35
  id: Modal.Footer
36
36
  ---
37
37
  **/
38
- let ModalFooter = (_dec = withStyle(generateStyle, 'ModalFooter'), _dec(_class = class ModalFooter extends Component {
38
+ let ModalFooter = (_dec = withStyleNew(generateStyle, 'ModalFooter'), _dec(_class = class ModalFooter extends Component {
39
39
  static displayName = "ModalFooter";
40
40
  static componentId = 'Modal.Footer';
41
41
  static allowedProps = allowedProps;
package/es/Modal/v2/ModalHeader/index.js CHANGED
@@ -25,7 +25,7 @@ var _dec, _class;
25
25
 
26
26
  import { Children, Component } from 'react';
27
27
  import { matchComponentTypes, passthroughProps } from '@instructure/ui-react-utils';
28
- import { withStyle } from '@instructure/emotion';
28
+ import { withStyleNew } from '@instructure/emotion';
29
29
  import { CloseButton } from '@instructure/ui-buttons/latest';
30
30
  import generateStyle from "./styles.js";
31
31
  import { allowedProps } from "./props.js";
@@ -37,7 +37,7 @@ parent: Modal
37
37
  id: Modal.Header
38
38
  ---
39
39
  **/
40
- let ModalHeader = (_dec = withStyle(generateStyle, 'ModalHeader'), _dec(_class = class ModalHeader extends Component {
40
+ let ModalHeader = (_dec = withStyleNew(generateStyle, 'ModalHeader'), _dec(_class = class ModalHeader extends Component {
41
41
  static displayName = "ModalHeader";
42
42
  static componentId = 'Modal.Header';
43
43
  static allowedProps = allowedProps;
package/es/Modal/v2/index.js CHANGED
@@ -33,7 +33,7 @@ import { Mask } from '@instructure/ui-overlays/latest';
33
33
  import { ModalHeader } from "./ModalHeader/index.js";
34
34
  import { ModalBody } from "./ModalBody/index.js";
35
35
  import { ModalFooter } from "./ModalFooter/index.js";
36
- import { withStyle } from '@instructure/emotion';
36
+ import { withStyleNew } from '@instructure/emotion';
37
37
  import generateStyle from "./styles.js";
38
38
  import { allowedProps } from "./props.js";
39
39
  import ModalContext from "./ModalContext.js";
@@ -44,7 +44,7 @@ tags: overlay, portal, dialog
44
44
  ---
45
45
  **/
46
46
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
47
- let Modal = (_dec = withStyle(generateStyle), _dec(_class = class Modal extends Component {
47
+ let Modal = (_dec = withStyleNew(generateStyle), _dec(_class = class Modal extends Component {
48
48
  static displayName = "Modal";
49
49
  static componentId = 'Modal';
50
50
  static allowedProps = allowedProps;
package/lib/Modal/v1/ModalBody/index.js CHANGED
@@ -45,7 +45,7 @@ parent: Modal
45
45
  id: Modal.Body
46
46
  ---
47
47
  **/
48
- let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class ModalBody extends _react.Component {
48
+ let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalBody extends _react.Component {
49
49
  static displayName = "ModalBody";
50
50
  static componentId = 'Modal.Body';
51
51
  static allowedProps = _props.allowedProps;
package/lib/Modal/v1/ModalFooter/index.js CHANGED
@@ -42,7 +42,7 @@ parent: Modal
42
42
  id: Modal.Footer
43
43
  ---
44
44
  **/
45
- let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class ModalFooter extends _react.Component {
45
+ let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalFooter extends _react.Component {
46
46
  static displayName = "ModalFooter";
47
47
  static componentId = 'Modal.Footer';
48
48
  static allowedProps = _props.allowedProps;
package/lib/Modal/v1/ModalHeader/index.js CHANGED
@@ -45,7 +45,7 @@ parent: Modal
45
45
  id: Modal.Header
46
46
  ---
47
47
  **/
48
- let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class ModalHeader extends _react.Component {
48
+ let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalHeader extends _react.Component {
49
49
  static displayName = "ModalHeader";
50
50
  static componentId = 'Modal.Header';
51
51
  static allowedProps = _props.allowedProps;
package/lib/Modal/v1/index.js CHANGED
@@ -71,7 +71,7 @@ category: components
71
71
  tags: overlay, portal, dialog
72
72
  ---
73
73
  **/
74
- let Modal = exports.Modal = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class Modal extends _react.Component {
74
+ let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Modal extends _react.Component {
75
75
  static displayName = "Modal";
76
76
  static componentId = 'Modal';
77
77
  static allowedProps = _props.allowedProps;
package/lib/Modal/v2/ModalBody/index.js CHANGED
@@ -44,7 +44,7 @@ parent: Modal
44
44
  id: Modal.Body
45
45
  ---
46
46
  **/
47
- let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, 'ModalBody'), _dec(_class = class ModalBody extends _react.Component {
47
+ let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalBody'), _dec(_class = class ModalBody extends _react.Component {
48
48
  static displayName = "ModalBody";
49
49
  static componentId = 'Modal.Body';
50
50
  static allowedProps = _props.allowedProps;
package/lib/Modal/v2/ModalFooter/index.js CHANGED
@@ -41,7 +41,7 @@ parent: Modal
41
41
  id: Modal.Footer
42
42
  ---
43
43
  **/
44
- let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, 'ModalFooter'), _dec(_class = class ModalFooter extends _react.Component {
44
+ let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalFooter'), _dec(_class = class ModalFooter extends _react.Component {
45
45
  static displayName = "ModalFooter";
46
46
  static componentId = 'Modal.Footer';
47
47
  static allowedProps = _props.allowedProps;
package/lib/Modal/v2/ModalHeader/index.js CHANGED
@@ -44,7 +44,7 @@ parent: Modal
44
44
  id: Modal.Header
45
45
  ---
46
46
  **/
47
- let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, 'ModalHeader'), _dec(_class = class ModalHeader extends _react.Component {
47
+ let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalHeader'), _dec(_class = class ModalHeader extends _react.Component {
48
48
  static displayName = "ModalHeader";
49
49
  static componentId = 'Modal.Header';
50
50
  static allowedProps = _props.allowedProps;
package/lib/Modal/v2/index.js CHANGED
@@ -70,7 +70,7 @@ category: components
70
70
  tags: overlay, portal, dialog
71
71
  ---
72
72
  **/
73
- let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class Modal extends _react.Component {
73
+ let Modal = exports.Modal = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class Modal extends _react.Component {
74
74
  static displayName = "Modal";
75
75
  static componentId = 'Modal';
76
76
  static allowedProps = _props.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-modal",
3
- "version": "11.7.3-snapshot-32",
3
+ "version": "11.7.3-snapshot-37",
4
4
  "description": "A component for displaying content in a dialog overlay",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,28 +15,28 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/console": "11.7.3-snapshot-32",
19
- "@instructure/shared-types": "11.7.3-snapshot-32",
20
- "@instructure/emotion": "11.7.3-snapshot-32",
21
- "@instructure/ui-buttons": "11.7.3-snapshot-32",
22
- "@instructure/ui-dialog": "11.7.3-snapshot-32",
23
- "@instructure/ui-motion": "11.7.3-snapshot-32",
24
- "@instructure/ui-dom-utils": "11.7.3-snapshot-32",
25
- "@instructure/ui-portal": "11.7.3-snapshot-32",
26
- "@instructure/ui-overlays": "11.7.3-snapshot-32",
27
- "@instructure/ui-react-utils": "11.7.3-snapshot-32",
28
- "@instructure/ui-themes": "11.7.3-snapshot-32",
29
- "@instructure/ui-utils": "11.7.3-snapshot-32",
30
- "@instructure/ui-view": "11.7.3-snapshot-32"
18
+ "@instructure/console": "11.7.3-snapshot-37",
19
+ "@instructure/emotion": "11.7.3-snapshot-37",
20
+ "@instructure/shared-types": "11.7.3-snapshot-37",
21
+ "@instructure/ui-dialog": "11.7.3-snapshot-37",
22
+ "@instructure/ui-buttons": "11.7.3-snapshot-37",
23
+ "@instructure/ui-motion": "11.7.3-snapshot-37",
24
+ "@instructure/ui-overlays": "11.7.3-snapshot-37",
25
+ "@instructure/ui-portal": "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-view": "11.7.3-snapshot-37",
29
+ "@instructure/ui-dom-utils": "11.7.3-snapshot-37",
30
+ "@instructure/ui-utils": "11.7.3-snapshot-37"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@testing-library/jest-dom": "^6.6.3",
34
34
  "@testing-library/react": "15.0.7",
35
35
  "@testing-library/user-event": "^14.6.1",
36
36
  "vitest": "^3.2.2",
37
- "@instructure/ui-babel-preset": "11.7.3-snapshot-32",
38
- "@instructure/ui-color-utils": "11.7.3-snapshot-32",
39
- "@instructure/ui-position": "11.7.3-snapshot-32"
37
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-37",
38
+ "@instructure/ui-color-utils": "11.7.3-snapshot-37",
39
+ "@instructure/ui-position": "11.7.3-snapshot-37"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": ">=18 <=19"
package/src/Modal/v1/ModalBody/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { View } from '@instructure/ui-view/v11_6'
28
28
  import { omitProps } from '@instructure/ui-react-utils'
29
29
  import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils'
30
30
 
31
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
31
+ import { withStyle } from '@instructure/emotion'
32
32
  import generateStyle from './styles'
33
33
  import generateComponentTheme from './theme'
34
34
 
package/src/Modal/v1/ModalFooter/index.tsx CHANGED
@@ -25,7 +25,7 @@
25
25
  import { Component } from 'react'
26
26
 
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 generateStyle from './styles'
30
30
  import generateComponentTheme from './theme'
31
31
 
package/src/Modal/v1/ModalHeader/index.tsx CHANGED
@@ -29,7 +29,7 @@ import {
29
29
  passthroughProps
30
30
  } from '@instructure/ui-react-utils'
31
31
 
32
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
32
+ import { withStyle } from '@instructure/emotion'
33
33
 
34
34
  import { CloseButton } from '@instructure/ui-buttons/v11_6'
35
35
  import type { CloseButtonProps } from '@instructure/ui-buttons/v11_6'
package/src/Modal/v1/index.tsx CHANGED
@@ -37,7 +37,7 @@ import { ModalHeader } from './ModalHeader'
37
37
  import { ModalBody } from './ModalBody'
38
38
  import { ModalFooter } from './ModalFooter'
39
39
 
40
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
40
+ import { withStyle } from '@instructure/emotion'
41
41
 
42
42
  import generateStyle from './styles'
43
43
  import generateComponentTheme from './theme'
package/src/Modal/v2/ModalBody/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { View } from '@instructure/ui-view/latest'
28
28
  import { omitProps } from '@instructure/ui-react-utils'
29
29
  import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils'
30
30
 
31
- import { withStyle } from '@instructure/emotion'
31
+ import { withStyleNew } from '@instructure/emotion'
32
32
  import generateStyle from './styles'
33
33
 
34
34
  import { allowedProps } from './props'
@@ -42,7 +42,7 @@ parent: Modal
42
42
  id: Modal.Body
43
43
  ---
44
44
  **/
45
- @withStyle(generateStyle, 'ModalBody')
45
+ @withStyleNew(generateStyle, 'ModalBody')
46
46
  class ModalBody extends Component<ModalBodyProps> {
47
47
  static readonly componentId = 'Modal.Body'
48
48
 
package/src/Modal/v2/ModalFooter/index.tsx CHANGED
@@ -25,7 +25,7 @@
25
25
  import { Component } from 'react'
26
26
 
27
27
  import { passthroughProps } from '@instructure/ui-react-utils'
28
- import { withStyle } from '@instructure/emotion'
28
+ import { withStyleNew } from '@instructure/emotion'
29
29
  import generateStyle from './styles'
30
30
 
31
31
  import { allowedProps } from './props'
@@ -37,7 +37,7 @@ parent: Modal
37
37
  id: Modal.Footer
38
38
  ---
39
39
  **/
40
- @withStyle(generateStyle, 'ModalFooter')
40
+ @withStyleNew(generateStyle, 'ModalFooter')
41
41
  class ModalFooter extends Component<ModalFooterProps> {
42
42
  static readonly componentId = 'Modal.Footer'
43
43
 
package/src/Modal/v2/ModalHeader/index.tsx CHANGED
@@ -29,7 +29,7 @@ import {
29
29
  passthroughProps
30
30
  } from '@instructure/ui-react-utils'
31
31
 
32
- import { withStyle } from '@instructure/emotion'
32
+ import { withStyleNew } from '@instructure/emotion'
33
33
 
34
34
  import { CloseButton } from '@instructure/ui-buttons/latest'
35
35
  import type { CloseButtonProps } from '@instructure/ui-buttons/latest'
@@ -48,7 +48,7 @@ parent: Modal
48
48
  id: Modal.Header
49
49
  ---
50
50
  **/
51
- @withStyle(generateStyle, 'ModalHeader')
51
+ @withStyleNew(generateStyle, 'ModalHeader')
52
52
  class ModalHeader extends Component<ModalHeaderProps> {
53
53
  static readonly componentId = 'Modal.Header'
54
54
 
package/src/Modal/v2/index.tsx CHANGED
@@ -37,7 +37,7 @@ import { ModalHeader } from './ModalHeader'
37
37
  import { ModalBody } from './ModalBody'
38
38
  import { ModalFooter } from './ModalFooter'
39
39
 
40
- import { withStyle } from '@instructure/emotion'
40
+ import { withStyleNew } from '@instructure/emotion'
41
41
 
42
42
  import generateStyle from './styles'
43
43
 
@@ -56,7 +56,7 @@ category: components
56
56
  tags: overlay, portal, dialog
57
57
  ---
58
58
  **/
59
- @withStyle(generateStyle)
59
+ @withStyleNew(generateStyle)
60
60
  class Modal extends Component<ModalProps, ModalState> {
61
61
  static readonly componentId = 'Modal'
62
62