@instructure/ui-drilldown 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
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
27
+ import { withStyle } from '@instructure/emotion';
28
28
  import { optionsThemeGenerator } from '@instructure/ui-options';
29
29
  import { allowedProps } from "./props.js";
30
30
  import { isMac, isFirefox } from '@instructure/ui-utils';
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
27
+ import { withStyle } from '@instructure/emotion';
28
28
  import { optionsItemThemeGenerator } from '@instructure/ui-options';
29
29
  import { allowedProps } from "./props.js";
30
30
  /**
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
27
+ import { withStyle } from '@instructure/emotion';
28
28
  import { optionsSeparatorThemeGenerator } from '@instructure/ui-options';
29
29
  import { allowedProps } from "./props.js";
30
30
  /**
@@ -36,7 +36,7 @@ import { Options } from '@instructure/ui-options/v11_6';
36
36
  import { Popover } from '@instructure/ui-popover/v11_6';
37
37
  import { Selectable } from '@instructure/ui-selectable';
38
38
  import { IconArrowOpenStartSolid, IconArrowOpenEndSolid, IconCheckSolid } from '@instructure/ui-icons';
39
- import { withStyleLegacy as withStyle } from '@instructure/emotion';
39
+ import { withStyle } from '@instructure/emotion';
40
40
  import { DrilldownSeparator } from "./DrilldownSeparator/index.js";
41
41
  import { DrilldownOption } from "./DrilldownOption/index.js";
42
42
  import { DrilldownGroup } from "./DrilldownGroup/index.js";
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyle } from '@instructure/emotion';
27
+ import { withStyleNew } from '@instructure/emotion';
28
28
  import { allowedProps } from "./props.js";
29
29
  import { isMac, isFirefox } from '@instructure/ui-utils';
30
30
 
@@ -38,7 +38,7 @@ themeId: Options
38
38
  **/
39
39
  // needed for listing the available theme variables on docs page,
40
40
  // we pass the themeOverrides to Options
41
- let DrilldownGroup = (_dec = withStyle(null), _dec(_class = class DrilldownGroup extends Component {
41
+ let DrilldownGroup = (_dec = withStyleNew(null), _dec(_class = class DrilldownGroup extends Component {
42
42
  static displayName = "DrilldownGroup";
43
43
  static componentId = 'Drilldown.Group';
44
44
  static allowedProps = allowedProps;
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyle } from '@instructure/emotion';
27
+ import { withStyleNew } from '@instructure/emotion';
28
28
  import { allowedProps } from "./props.js";
29
29
  /**
30
30
  ---
@@ -36,7 +36,7 @@ themeId: OptionsItem
36
36
  **/
37
37
  // needed for listing the available theme variables on docs page,
38
38
  // we pass the themeOverrides to Options.Item
39
- let DrilldownOption = (_dec = withStyle(null), _dec(_class = class DrilldownOption extends Component {
39
+ let DrilldownOption = (_dec = withStyleNew(null), _dec(_class = class DrilldownOption extends Component {
40
40
  static displayName = "DrilldownOption";
41
41
  static componentId = 'Drilldown.Option';
42
42
  static allowedProps = allowedProps;
@@ -24,7 +24,7 @@ var _dec, _class;
24
24
  */
25
25
 
26
26
  import { Component } from 'react';
27
- import { withStyle } from '@instructure/emotion';
27
+ import { withStyleNew } from '@instructure/emotion';
28
28
  import { allowedProps } from "./props.js";
29
29
  /**
30
30
  ---
@@ -36,7 +36,7 @@ themeId: OptionsSeparator
36
36
  **/
37
37
  // needed for listing the available theme variables on docs page,
38
38
  // we pass the themeOverrides to Options.Separator
39
- let DrilldownSeparator = (_dec = withStyle(null), _dec(_class = class DrilldownSeparator extends Component {
39
+ let DrilldownSeparator = (_dec = withStyleNew(null), _dec(_class = class DrilldownSeparator extends Component {
40
40
  static displayName = "DrilldownSeparator";
41
41
  static componentId = 'Drilldown.Separator';
42
42
  static allowedProps = allowedProps;
@@ -36,7 +36,7 @@ import { Options } from '@instructure/ui-options/latest';
36
36
  import { Popover } from '@instructure/ui-popover/latest';
37
37
  import { Selectable } from '@instructure/ui-selectable';
38
38
  import { ChevronLeftInstUIIcon, ChevronRightInstUIIcon, CheckInstUIIcon } from '@instructure/ui-icons';
39
- import { withStyle } from '@instructure/emotion';
39
+ import { withStyleNew } from '@instructure/emotion';
40
40
  import { DrilldownSeparator } from "./DrilldownSeparator/index.js";
41
41
  import { DrilldownOption } from "./DrilldownOption/index.js";
42
42
  import { DrilldownGroup } from "./DrilldownGroup/index.js";
@@ -56,7 +56,7 @@ import { createElement as _createElement } from "@emotion/react";
56
56
  category: components
57
57
  ---
58
58
  **/
59
- let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle), _dec(_class = _dec2(_class = class Drilldown extends Component {
59
+ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Drilldown extends Component {
60
60
  static displayName = "Drilldown";
61
61
  static componentId = 'Drilldown';
62
62
  static allowedProps = allowedProps;
@@ -42,7 +42,7 @@ id: Drilldown.Group
42
42
  **/
43
43
  // needed for listing the available theme variables on docs page,
44
44
  // we pass the themeOverrides to Options
45
- let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsThemeGenerator), _dec(_class = class DrilldownGroup extends _react.Component {
45
+ let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = class DrilldownGroup extends _react.Component {
46
46
  static displayName = "DrilldownGroup";
47
47
  static componentId = 'Drilldown.Group';
48
48
  static allowedProps = _props.allowedProps;
@@ -41,7 +41,7 @@ id: Drilldown.Option
41
41
  **/
42
42
  // needed for listing the available theme variables on docs page,
43
43
  // we pass the themeOverrides to Options.Item
44
- let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = class DrilldownOption extends _react.Component {
44
+ let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = class DrilldownOption extends _react.Component {
45
45
  static displayName = "DrilldownOption";
46
46
  static componentId = 'Drilldown.Option';
47
47
  static allowedProps = _props.allowedProps;
@@ -41,7 +41,7 @@ id: Drilldown.Separator
41
41
  **/
42
42
  // needed for listing the available theme variables on docs page,
43
43
  // we pass the themeOverrides to Options.Separator
44
- let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = class DrilldownSeparator extends _react.Component {
44
+ let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = class DrilldownSeparator extends _react.Component {
45
45
  static displayName = "DrilldownSeparator";
46
46
  static componentId = 'Drilldown.Separator';
47
47
  static allowedProps = _props.allowedProps;
@@ -71,7 +71,7 @@ var _dec, _dec2, _class;
71
71
  category: components
72
72
  ---
73
73
  **/
74
- let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
74
+ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
75
75
  static displayName = "Drilldown";
76
76
  static componentId = 'Drilldown';
77
77
  static allowedProps = _props.allowedProps;
@@ -42,7 +42,7 @@ themeId: Options
42
42
  **/
43
43
  // needed for listing the available theme variables on docs page,
44
44
  // we pass the themeOverrides to Options
45
- let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownGroup extends _react.Component {
45
+ let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownGroup extends _react.Component {
46
46
  static displayName = "DrilldownGroup";
47
47
  static componentId = 'Drilldown.Group';
48
48
  static allowedProps = _props.allowedProps;
@@ -41,7 +41,7 @@ themeId: OptionsItem
41
41
  **/
42
42
  // needed for listing the available theme variables on docs page,
43
43
  // we pass the themeOverrides to Options.Item
44
- let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownOption extends _react.Component {
44
+ let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownOption extends _react.Component {
45
45
  static displayName = "DrilldownOption";
46
46
  static componentId = 'Drilldown.Option';
47
47
  static allowedProps = _props.allowedProps;
@@ -41,7 +41,7 @@ themeId: OptionsSeparator
41
41
  **/
42
42
  // needed for listing the available theme variables on docs page,
43
43
  // we pass the themeOverrides to Options.Separator
44
- let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownSeparator extends _react.Component {
44
+ let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownSeparator extends _react.Component {
45
45
  static displayName = "DrilldownSeparator";
46
46
  static componentId = 'Drilldown.Separator';
47
47
  static allowedProps = _props.allowedProps;
@@ -68,7 +68,7 @@ var _dec, _dec2, _class;
68
68
  category: components
69
69
  ---
70
70
  **/
71
- let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
71
+ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
72
72
  static displayName = "Drilldown";
73
73
  static componentId = 'Drilldown';
74
74
  static allowedProps = _props2.allowedProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-drilldown",
3
- "version": "11.7.3-snapshot-32",
3
+ "version": "11.7.3-snapshot-37",
4
4
  "description": "A drilldown menu component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,29 +15,29 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/console": "11.7.3-snapshot-32",
19
- "@instructure/emotion": "11.7.3-snapshot-32",
20
- "@instructure/shared-types": "11.7.3-snapshot-32",
21
- "@instructure/ui-dom-utils": "11.7.3-snapshot-32",
22
- "@instructure/ui-icons": "11.7.3-snapshot-32",
23
- "@instructure/ui-options": "11.7.3-snapshot-32",
24
- "@instructure/ui-popover": "11.7.3-snapshot-32",
25
- "@instructure/ui-position": "11.7.3-snapshot-32",
26
- "@instructure/ui-react-utils": "11.7.3-snapshot-32",
27
- "@instructure/ui-selectable": "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/emotion": "11.7.3-snapshot-37",
19
+ "@instructure/shared-types": "11.7.3-snapshot-37",
20
+ "@instructure/ui-dom-utils": "11.7.3-snapshot-37",
21
+ "@instructure/ui-icons": "11.7.3-snapshot-37",
22
+ "@instructure/console": "11.7.3-snapshot-37",
23
+ "@instructure/ui-options": "11.7.3-snapshot-37",
24
+ "@instructure/ui-position": "11.7.3-snapshot-37",
25
+ "@instructure/ui-popover": "11.7.3-snapshot-37",
26
+ "@instructure/ui-react-utils": "11.7.3-snapshot-37",
27
+ "@instructure/ui-selectable": "11.7.3-snapshot-37",
28
+ "@instructure/ui-themes": "11.7.3-snapshot-37",
29
+ "@instructure/ui-view": "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-axe-check": "11.7.3-snapshot-32",
38
- "@instructure/ui-babel-preset": "11.7.3-snapshot-32",
39
- "@instructure/ui-color-utils": "11.7.3-snapshot-32",
40
- "@instructure/ui-scripts": "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
+ "@instructure/ui-color-utils": "11.7.3-snapshot-37",
40
+ "@instructure/ui-scripts": "11.7.3-snapshot-37"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import { optionsThemeGenerator } from '@instructure/ui-options'
29
29
 
30
30
  import { allowedProps } from './props'
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import { optionsItemThemeGenerator } from '@instructure/ui-options'
29
29
 
30
30
  import { allowedProps } from './props'
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
27
+ import { withStyle } from '@instructure/emotion'
28
28
  import { optionsSeparatorThemeGenerator } from '@instructure/ui-options'
29
29
 
30
30
  import { allowedProps } from './props'
@@ -51,7 +51,7 @@ import {
51
51
  IconCheckSolid
52
52
  } from '@instructure/ui-icons'
53
53
 
54
- import { withStyleLegacy as withStyle } from '@instructure/emotion'
54
+ import { withStyle } from '@instructure/emotion'
55
55
 
56
56
  import { DrilldownSeparator } from './DrilldownSeparator'
57
57
  import { DrilldownOption } from './DrilldownOption'
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyle } from '@instructure/emotion'
27
+ import { withStyleNew } from '@instructure/emotion'
28
28
 
29
29
  import { allowedProps } from './props'
30
30
  import type { DrilldownGroupProps } from './props'
@@ -40,7 +40,7 @@ themeId: Options
40
40
  **/
41
41
  // needed for listing the available theme variables on docs page,
42
42
  // we pass the themeOverrides to Options
43
- @withStyle(null)
43
+ @withStyleNew(null)
44
44
  class DrilldownGroup extends Component<DrilldownGroupProps> {
45
45
  static readonly componentId = 'Drilldown.Group'
46
46
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyle } from '@instructure/emotion'
27
+ import { withStyleNew } from '@instructure/emotion'
28
28
 
29
29
  import { allowedProps } from './props'
30
30
  import type { DrilldownOptionProps } from './props'
@@ -39,7 +39,7 @@ themeId: OptionsItem
39
39
  **/
40
40
  // needed for listing the available theme variables on docs page,
41
41
  // we pass the themeOverrides to Options.Item
42
- @withStyle(null)
42
+ @withStyleNew(null)
43
43
  class DrilldownOption extends Component<DrilldownOptionProps> {
44
44
  static readonly componentId = 'Drilldown.Option'
45
45
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  import { Component } from 'react'
26
26
 
27
- import { withStyle } from '@instructure/emotion'
27
+ import { withStyleNew } from '@instructure/emotion'
28
28
 
29
29
  import { allowedProps } from './props'
30
30
  import type { DrilldownSeparatorProps } from './props'
@@ -39,7 +39,7 @@ themeId: OptionsSeparator
39
39
  **/
40
40
  // needed for listing the available theme variables on docs page,
41
41
  // we pass the themeOverrides to Options.Separator
42
- @withStyle(null)
42
+ @withStyleNew(null)
43
43
  class DrilldownSeparator extends Component<DrilldownSeparatorProps> {
44
44
  static readonly componentId = 'Drilldown.Separator'
45
45
 
@@ -51,7 +51,7 @@ import {
51
51
  CheckInstUIIcon
52
52
  } from '@instructure/ui-icons'
53
53
 
54
- import { withStyle } from '@instructure/emotion'
54
+ import { withStyleNew } from '@instructure/emotion'
55
55
 
56
56
  import { DrilldownSeparator } from './DrilldownSeparator'
57
57
  import { DrilldownOption } from './DrilldownOption'
@@ -100,7 +100,7 @@ category: components
100
100
  ---
101
101
  **/
102
102
  @withDeterministicId()
103
- @withStyle(generateStyle)
103
+ @withStyleNew(generateStyle)
104
104
  class Drilldown extends Component<DrilldownProps, DrilldownState> {
105
105
  static readonly componentId = 'Drilldown'
106
106