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

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.3-snapshot-33](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-33) (2026-05-07)
+## [11.7.3-snapshot-37](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-37) (2026-05-07)
 
 
 ### Bug Fixes

package/es/Drilldown/v1/DrilldownGroup/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyleLegacy as withStyle } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import { optionsThemeGenerator } from '@instructure/ui-options';
 import { allowedProps } from "./props.js";
 import { isMac, isFirefox } from '@instructure/ui-utils';

package/es/Drilldown/v1/DrilldownOption/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyleLegacy as withStyle } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import { optionsItemThemeGenerator } from '@instructure/ui-options';
 import { allowedProps } from "./props.js";
 /**

package/es/Drilldown/v1/DrilldownSeparator/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyleLegacy as withStyle } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import { optionsSeparatorThemeGenerator } from '@instructure/ui-options';
 import { allowedProps } from "./props.js";
 /**

package/es/Drilldown/v1/index.js

@@ -36,7 +36,7 @@ import { Options } from '@instructure/ui-options/v11_6';
 import { Popover } from '@instructure/ui-popover/v11_6';
 import { Selectable } from '@instructure/ui-selectable';
 import { IconArrowOpenStartSolid, IconArrowOpenEndSolid, IconCheckSolid } from '@instructure/ui-icons';
-import { withStyleLegacy as withStyle } from '@instructure/emotion';
+import { withStyle } from '@instructure/emotion';
 import { DrilldownSeparator } from "./DrilldownSeparator/index.js";
 import { DrilldownOption } from "./DrilldownOption/index.js";
 import { DrilldownGroup } from "./DrilldownGroup/index.js";

package/es/Drilldown/v2/DrilldownGroup/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyle } from '@instructure/emotion';
+import { withStyleNew } from '@instructure/emotion';
 import { allowedProps } from "./props.js";
 import { isMac, isFirefox } from '@instructure/ui-utils';
 
@@ -38,7 +38,7 @@ themeId: Options
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options
-let DrilldownGroup = (_dec = withStyle(null), _dec(_class = class DrilldownGroup extends Component {
+let DrilldownGroup = (_dec = withStyleNew(null), _dec(_class = class DrilldownGroup extends Component {
   static displayName = "DrilldownGroup";
   static componentId = 'Drilldown.Group';
   static allowedProps = allowedProps;

package/es/Drilldown/v2/DrilldownOption/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyle } from '@instructure/emotion';
+import { withStyleNew } from '@instructure/emotion';
 import { allowedProps } from "./props.js";
 /**
 ---
@@ -36,7 +36,7 @@ themeId: OptionsItem
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Item
-let DrilldownOption = (_dec = withStyle(null), _dec(_class = class DrilldownOption extends Component {
+let DrilldownOption = (_dec = withStyleNew(null), _dec(_class = class DrilldownOption extends Component {
   static displayName = "DrilldownOption";
   static componentId = 'Drilldown.Option';
   static allowedProps = allowedProps;

package/es/Drilldown/v2/DrilldownSeparator/index.js

@@ -24,7 +24,7 @@ var _dec, _class;
  */
 
 import { Component } from 'react';
-import { withStyle } from '@instructure/emotion';
+import { withStyleNew } from '@instructure/emotion';
 import { allowedProps } from "./props.js";
 /**
 ---
@@ -36,7 +36,7 @@ themeId: OptionsSeparator
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Separator
-let DrilldownSeparator = (_dec = withStyle(null), _dec(_class = class DrilldownSeparator extends Component {
+let DrilldownSeparator = (_dec = withStyleNew(null), _dec(_class = class DrilldownSeparator extends Component {
   static displayName = "DrilldownSeparator";
   static componentId = 'Drilldown.Separator';
   static allowedProps = allowedProps;

package/es/Drilldown/v2/index.js

@@ -36,7 +36,7 @@ import { Options } from '@instructure/ui-options/latest';
 import { Popover } from '@instructure/ui-popover/latest';
 import { Selectable } from '@instructure/ui-selectable';
 import { ChevronLeftInstUIIcon, ChevronRightInstUIIcon, CheckInstUIIcon } from '@instructure/ui-icons';
-import { withStyle } from '@instructure/emotion';
+import { withStyleNew } from '@instructure/emotion';
 import { DrilldownSeparator } from "./DrilldownSeparator/index.js";
 import { DrilldownOption } from "./DrilldownOption/index.js";
 import { DrilldownGroup } from "./DrilldownGroup/index.js";
@@ -56,7 +56,7 @@ import { createElement as _createElement } from "@emotion/react";
 category: components
 ---
 **/
-let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle), _dec(_class = _dec2(_class = class Drilldown extends Component {
+let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Drilldown extends Component {
   static displayName = "Drilldown";
   static componentId = 'Drilldown';
   static allowedProps = allowedProps;

package/lib/Drilldown/v1/DrilldownGroup/index.js

@@ -42,7 +42,7 @@ id: Drilldown.Group
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options
-let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsThemeGenerator), _dec(_class = class DrilldownGroup extends _react.Component {
+let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsThemeGenerator), _dec(_class = class DrilldownGroup extends _react.Component {
   static displayName = "DrilldownGroup";
   static componentId = 'Drilldown.Group';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v1/DrilldownOption/index.js

@@ -41,7 +41,7 @@ id: Drilldown.Option
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Item
-let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = class DrilldownOption extends _react.Component {
+let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsItemThemeGenerator), _dec(_class = class DrilldownOption extends _react.Component {
   static displayName = "DrilldownOption";
   static componentId = 'Drilldown.Option';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v1/DrilldownSeparator/index.js

@@ -41,7 +41,7 @@ id: Drilldown.Separator
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Separator
-let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyleLegacy)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = class DrilldownSeparator extends _react.Component {
+let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null, _uiOptions.optionsSeparatorThemeGenerator), _dec(_class = class DrilldownSeparator extends _react.Component {
   static displayName = "DrilldownSeparator";
   static componentId = 'Drilldown.Separator';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v1/index.js

@@ -71,7 +71,7 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-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 {
+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 {
   static displayName = "Drilldown";
   static componentId = 'Drilldown';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v2/DrilldownGroup/index.js

@@ -42,7 +42,7 @@ themeId: Options
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options
-let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownGroup extends _react.Component {
+let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownGroup extends _react.Component {
   static displayName = "DrilldownGroup";
   static componentId = 'Drilldown.Group';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v2/DrilldownOption/index.js

@@ -41,7 +41,7 @@ themeId: OptionsItem
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Item
-let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownOption extends _react.Component {
+let DrilldownOption = exports.DrilldownOption = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownOption extends _react.Component {
   static displayName = "DrilldownOption";
   static componentId = 'Drilldown.Option';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v2/DrilldownSeparator/index.js

@@ -41,7 +41,7 @@ themeId: OptionsSeparator
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Separator
-let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyle)(null), _dec(_class = class DrilldownSeparator extends _react.Component {
+let DrilldownSeparator = exports.DrilldownSeparator = (_dec = (0, _emotion.withStyleNew)(null), _dec(_class = class DrilldownSeparator extends _react.Component {
   static displayName = "DrilldownSeparator";
   static componentId = 'Drilldown.Separator';
   static allowedProps = _props.allowedProps;

package/lib/Drilldown/v2/index.js

@@ -68,7 +68,7 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
+let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Drilldown extends _react.Component {
   static displayName = "Drilldown";
   static componentId = 'Drilldown';
   static allowedProps = _props2.allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "11.7.3-snapshot-33",
+  "version": "11.7.3-snapshot-37",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,29 +15,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@instructure/emotion": "11.7.3-snapshot-33",
-    "@instructure/console": "11.7.3-snapshot-33",
-    "@instructure/shared-types": "11.7.3-snapshot-33",
-    "@instructure/ui-dom-utils": "11.7.3-snapshot-33",
-    "@instructure/ui-icons": "11.7.3-snapshot-33",
-    "@instructure/ui-options": "11.7.3-snapshot-33",
-    "@instructure/ui-popover": "11.7.3-snapshot-33",
-    "@instructure/ui-position": "11.7.3-snapshot-33",
-    "@instructure/ui-selectable": "11.7.3-snapshot-33",
-    "@instructure/ui-themes": "11.7.3-snapshot-33",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-33",
-    "@instructure/ui-view": "11.7.3-snapshot-33",
-    "@instructure/ui-utils": "11.7.3-snapshot-33"
+    "@instructure/emotion": "11.7.3-snapshot-37",
+    "@instructure/shared-types": "11.7.3-snapshot-37",
+    "@instructure/ui-dom-utils": "11.7.3-snapshot-37",
+    "@instructure/ui-icons": "11.7.3-snapshot-37",
+    "@instructure/console": "11.7.3-snapshot-37",
+    "@instructure/ui-options": "11.7.3-snapshot-37",
+    "@instructure/ui-position": "11.7.3-snapshot-37",
+    "@instructure/ui-popover": "11.7.3-snapshot-37",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-37",
+    "@instructure/ui-selectable": "11.7.3-snapshot-37",
+    "@instructure/ui-themes": "11.7.3-snapshot-37",
+    "@instructure/ui-view": "11.7.3-snapshot-37",
+    "@instructure/ui-utils": "11.7.3-snapshot-37"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.3-snapshot-33",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-33",
-    "@instructure/ui-scripts": "11.7.3-snapshot-33",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-33"
+    "@instructure/ui-axe-check": "11.7.3-snapshot-37",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-37",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-37",
+    "@instructure/ui-scripts": "11.7.3-snapshot-37"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Drilldown/v1/DrilldownGroup/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyleLegacy as withStyle } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 import { optionsThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/v1/DrilldownOption/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyleLegacy as withStyle } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 import { optionsItemThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/v1/DrilldownSeparator/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyleLegacy as withStyle } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 import { optionsSeparatorThemeGenerator } from '@instructure/ui-options'
 
 import { allowedProps } from './props'

package/src/Drilldown/v1/index.tsx

@@ -51,7 +51,7 @@ import {
   IconCheckSolid
 } from '@instructure/ui-icons'
 
-import { withStyleLegacy as withStyle } from '@instructure/emotion'
+import { withStyle } from '@instructure/emotion'
 
 import { DrilldownSeparator } from './DrilldownSeparator'
 import { DrilldownOption } from './DrilldownOption'

package/src/Drilldown/v2/DrilldownGroup/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleNew } from '@instructure/emotion'
 
 import { allowedProps } from './props'
 import type { DrilldownGroupProps } from './props'
@@ -40,7 +40,7 @@ themeId: Options
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options
-@withStyle(null)
+@withStyleNew(null)
 class DrilldownGroup extends Component<DrilldownGroupProps> {
   static readonly componentId = 'Drilldown.Group'
 

package/src/Drilldown/v2/DrilldownOption/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleNew } from '@instructure/emotion'
 
 import { allowedProps } from './props'
 import type { DrilldownOptionProps } from './props'
@@ -39,7 +39,7 @@ themeId: OptionsItem
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Item
-@withStyle(null)
+@withStyleNew(null)
 class DrilldownOption extends Component<DrilldownOptionProps> {
   static readonly componentId = 'Drilldown.Option'
 

package/src/Drilldown/v2/DrilldownSeparator/index.tsx

@@ -24,7 +24,7 @@
 
 import { Component } from 'react'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleNew } from '@instructure/emotion'
 
 import { allowedProps } from './props'
 import type { DrilldownSeparatorProps } from './props'
@@ -39,7 +39,7 @@ themeId: OptionsSeparator
 **/
 // needed for listing the available theme variables on docs page,
 // we pass the themeOverrides to Options.Separator
-@withStyle(null)
+@withStyleNew(null)
 class DrilldownSeparator extends Component<DrilldownSeparatorProps> {
   static readonly componentId = 'Drilldown.Separator'
 

package/src/Drilldown/v2/index.tsx

@@ -51,7 +51,7 @@ import {
   CheckInstUIIcon
 } from '@instructure/ui-icons'
 
-import { withStyle } from '@instructure/emotion'
+import { withStyleNew } from '@instructure/emotion'
 
 import { DrilldownSeparator } from './DrilldownSeparator'
 import { DrilldownOption } from './DrilldownOption'
@@ -100,7 +100,7 @@ category: components
 ---
 **/
 @withDeterministicId()
-@withStyle(generateStyle)
+@withStyleNew(generateStyle)
 class Drilldown extends Component<DrilldownProps, DrilldownState> {
   static readonly componentId = 'Drilldown'