@instructure/ui-toggle-details 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.
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
@@ -29,7 +29,7 @@ import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-i
29
29
  import { Expandable } from '@instructure/ui-expandable';
30
30
  import { omitProps, pickProps } from '@instructure/ui-react-utils';
31
31
  import { isActiveElement } from '@instructure/ui-dom-utils';
32
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
32
+ import { withStyle } from '@instructure/emotion';
33
33
  import generateStyle from "./styles.js";
34
34
  import generateComponentTheme from "./theme.js";
35
35
  import { allowedProps } from "./props.js";
@@ -29,7 +29,7 @@ import { ChevronRightInstUIIcon, ChevronDownInstUIIcon } from '@instructure/ui-i
29
29
  import { Expandable } from '@instructure/ui-expandable';
30
30
  import { omitProps, pickProps } from '@instructure/ui-react-utils';
31
31
  import { isActiveElement } from '@instructure/ui-dom-utils';
32
- import { withStyle } from '@instructure/emotion';
32
+ import { withStyleNew } from '@instructure/emotion';
33
33
  import generateStyle from "./styles.js";
34
34
  import { allowedProps } from "./props.js";
35
35
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -38,7 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
38
38
  category: components
39
39
  ---
40
40
  **/
41
- let ToggleDetails = (_dec = withStyle(generateStyle), _dec(_class = class ToggleDetails extends Component {
41
+ let ToggleDetails = (_dec = withStyleNew(generateStyle), _dec(_class = class ToggleDetails extends Component {
42
42
  static displayName = "ToggleDetails";
43
43
  static componentId = 'ToggleDetails';
44
44
  static allowedProps = allowedProps;
@@ -33,7 +33,7 @@ import { Flex } from '@instructure/ui-flex/v11_6';
33
33
  import { View } from '@instructure/ui-view/v11_6';
34
34
  import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
35
35
  import { allowedProps } from "./props.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
  /**
@@ -33,7 +33,7 @@ import { Flex } from '@instructure/ui-flex/latest';
33
33
  import { View } from '@instructure/ui-view/latest';
34
34
  import { ChevronRightInstUIIcon, ChevronDownInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
35
35
  import { allowedProps } from "./props.js";
36
- import { withStyle } from '@instructure/emotion';
36
+ import { withStyleNew } from '@instructure/emotion';
37
37
  import generateStyle from "./styles.js";
38
38
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
39
39
  const toggleGroupSizeToIconSize = {
@@ -47,7 +47,7 @@ const toggleGroupSizeToIconSize = {
47
47
  category: components
48
48
  ---
49
49
  **/
50
- let ToggleGroup = (_dec = withStyle(generateStyle), _dec(_class = class ToggleGroup extends Component {
50
+ let ToggleGroup = (_dec = withStyleNew(generateStyle), _dec(_class = class ToggleGroup extends Component {
51
51
  static displayName = "ToggleGroup";
52
52
  static componentId = 'ToggleGroup';
53
53
  static allowedProps = allowedProps;
@@ -47,7 +47,7 @@ var _dec, _class;
47
47
  category: components
48
48
  ---
49
49
  **/
50
- let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class ToggleDetails extends _react.Component {
50
+ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ToggleDetails extends _react.Component {
51
51
  static displayName = "ToggleDetails";
52
52
  static componentId = 'ToggleDetails';
53
53
  static allowedProps = _props.allowedProps;
@@ -45,7 +45,7 @@ var _dec, _class;
45
45
  category: components
46
46
  ---
47
47
  **/
48
- let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class ToggleDetails extends _react.Component {
48
+ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class ToggleDetails extends _react.Component {
49
49
  static displayName = "ToggleDetails";
50
50
  static componentId = 'ToggleDetails';
51
51
  static allowedProps = _props.allowedProps;
@@ -52,7 +52,7 @@ var _dec, _class;
52
52
  category: components
53
53
  ---
54
54
  **/
55
- let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class ToggleGroup extends _react.Component {
55
+ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ToggleGroup extends _react.Component {
56
56
  static displayName = "ToggleGroup";
57
57
  static componentId = 'ToggleGroup';
58
58
  static allowedProps = _props.allowedProps;
@@ -55,7 +55,7 @@ const toggleGroupSizeToIconSize = {
55
55
  category: components
56
56
  ---
57
57
  **/
58
- let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = class ToggleGroup extends _react.Component {
58
+ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class ToggleGroup extends _react.Component {
59
59
  static displayName = "ToggleGroup";
60
60
  static componentId = 'ToggleGroup';
61
61
  static allowedProps = _props.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-toggle-details",
3
- "version": "11.7.3-snapshot-32",
3
+ "version": "11.7.3-snapshot-37",
4
4
  "description": "A styled toggleable, accordion-like component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,27 +15,27 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/shared-types": "11.7.3-snapshot-32",
19
- "@instructure/emotion": "11.7.3-snapshot-32",
20
- "@instructure/ui-buttons": "11.7.3-snapshot-32",
21
- "@instructure/ui-dom-utils": "11.7.3-snapshot-32",
22
- "@instructure/ui-expandable": "11.7.3-snapshot-32",
23
- "@instructure/ui-flex": "11.7.3-snapshot-32",
24
- "@instructure/ui-icons": "11.7.3-snapshot-32",
25
- "@instructure/ui-motion": "11.7.3-snapshot-32",
26
- "@instructure/ui-react-utils": "11.7.3-snapshot-32",
27
- "@instructure/ui-themes": "11.7.3-snapshot-32",
28
- "@instructure/ui-view": "11.7.3-snapshot-32",
29
- "@instructure/uid": "11.7.3-snapshot-32",
30
- "@instructure/ui-utils": "11.7.3-snapshot-32"
18
+ "@instructure/emotion": "11.7.3-snapshot-37",
19
+ "@instructure/shared-types": "11.7.3-snapshot-37",
20
+ "@instructure/ui-buttons": "11.7.3-snapshot-37",
21
+ "@instructure/ui-expandable": "11.7.3-snapshot-37",
22
+ "@instructure/ui-dom-utils": "11.7.3-snapshot-37",
23
+ "@instructure/ui-icons": "11.7.3-snapshot-37",
24
+ "@instructure/ui-flex": "11.7.3-snapshot-37",
25
+ "@instructure/ui-motion": "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-utils": "11.7.3-snapshot-37",
29
+ "@instructure/ui-view": "11.7.3-snapshot-37",
30
+ "@instructure/uid": "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-axe-check": "11.7.3-snapshot-32",
38
- "@instructure/ui-babel-preset": "11.7.3-snapshot-32"
37
+ "@instructure/ui-axe-check": "11.7.3-snapshot-37",
38
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-37"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": ">=18 <=19"
@@ -32,7 +32,7 @@ import { Expandable } from '@instructure/ui-expandable'
32
32
  import { omitProps, pickProps } from '@instructure/ui-react-utils'
33
33
  import { isActiveElement } from '@instructure/ui-dom-utils'
34
34
 
35
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
35
+ import { withStyle } from '@instructure/emotion'
36
36
  import generateStyle from './styles'
37
37
  import generateComponentTheme from './theme'
38
38
  import type { ToggleDetailsProps } from './props'
@@ -32,7 +32,7 @@ import { Expandable } from '@instructure/ui-expandable'
32
32
  import { omitProps, pickProps } from '@instructure/ui-react-utils'
33
33
  import { isActiveElement } from '@instructure/ui-dom-utils'
34
34
 
35
- import { withStyle } from '@instructure/emotion'
35
+ import { withStyleNew } from '@instructure/emotion'
36
36
  import generateStyle from './styles'
37
37
  import type { ToggleDetailsProps } from './props'
38
38
  import { allowedProps } from './props'
@@ -44,7 +44,7 @@ import type { ViewProps } from '@instructure/ui-view/latest'
44
44
  category: components
45
45
  ---
46
46
  **/
47
- @withStyle(generateStyle)
47
+ @withStyleNew(generateStyle)
48
48
  class ToggleDetails extends Component<ToggleDetailsProps> {
49
49
  static readonly componentId = 'ToggleDetails'
50
50
  static allowedProps = allowedProps
@@ -44,7 +44,7 @@ import {
44
44
  import type { ToggleGroupProps } from './props'
45
45
  import { allowedProps } from './props'
46
46
 
47
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
47
+ import { withStyle } from '@instructure/emotion'
48
48
 
49
49
  import generateStyle from './styles'
50
50
  import generateComponentTheme from './theme'
@@ -44,7 +44,7 @@ import {
44
44
  import type { ToggleGroupProps } from './props'
45
45
  import { allowedProps } from './props'
46
46
 
47
- import { withStyle } from '@instructure/emotion'
47
+ import { withStyleNew } from '@instructure/emotion'
48
48
 
49
49
  import generateStyle from './styles'
50
50
 
@@ -59,7 +59,7 @@ const toggleGroupSizeToIconSize = {
59
59
  category: components
60
60
  ---
61
61
  **/
62
- @withStyle(generateStyle)
62
+ @withStyleNew(generateStyle)
63
63
  class ToggleGroup extends Component<ToggleGroupProps> {
64
64
  static readonly componentId = 'ToggleGroup'
65
65