@instructure/ui-drilldown 11.7.4-snapshot-107 → 11.7.4-snapshot-110

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 (11) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/es/Drilldown/v1/index.js +2 -5
  3. package/es/Drilldown/v2/index.js +2 -5
  4. package/lib/Drilldown/v1/index.js +2 -5
  5. package/lib/Drilldown/v2/index.js +2 -5
  6. package/package.json +18 -18
  7. package/src/Drilldown/v1/index.tsx +2 -6
  8. package/src/Drilldown/v2/index.tsx +2 -6
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/Drilldown/v1/index.d.ts.map +1 -1
  11. package/types/Drilldown/v2/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,12 @@
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.4-snapshot-107](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-107) (2026-07-16)
6
+ ## [11.7.4-snapshot-110](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-110) (2026-07-16)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-drilldown:** disabled options no longer show hover/focus styles ([9c9e8bb](https://github.com/instructure/instructure-ui/commit/9c9e8bbaa69f081708139a53797d263a9fc5266b))
7
12
 
8
13
 
9
14
  ### Features
package/es/Drilldown/v1/index.js CHANGED
@@ -1067,12 +1067,9 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
1067
1067
  optionProps.role = customRole || 'menuitemcheckbox';
1068
1068
  }
1069
1069
  }
1070
- // display option as highlighted
1071
- if (id === this.state.highlightedOptionId) {
1070
+ // display option as highlighted, but never highlight disabled options
1071
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1072
1072
  optionProps.variant = 'highlighted';
1073
- if (isOptionDisabled) {
1074
- optionProps.variant = 'highlighted-disabled';
1075
- }
1076
1073
  }
1077
1074
  if (href) {
1078
1075
  if (subPageId) {
package/es/Drilldown/v2/index.js CHANGED
@@ -1067,12 +1067,9 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyl
1067
1067
  optionProps.role = customRole || 'menuitemcheckbox';
1068
1068
  }
1069
1069
  }
1070
- // display option as highlighted
1071
- if (id === this.state.highlightedOptionId) {
1070
+ // display option as highlighted, but never highlight disabled options
1071
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1072
1072
  optionProps.variant = 'highlighted';
1073
- if (isOptionDisabled) {
1074
- optionProps.variant = 'highlighted-disabled';
1075
- }
1076
1073
  }
1077
1074
  if (href) {
1078
1075
  if (subPageId) {
package/lib/Drilldown/v1/index.js CHANGED
@@ -1076,12 +1076,9 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
1076
1076
  optionProps.role = customRole || 'menuitemcheckbox';
1077
1077
  }
1078
1078
  }
1079
- // display option as highlighted
1080
- if (id === this.state.highlightedOptionId) {
1079
+ // display option as highlighted, but never highlight disabled options
1080
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1081
1081
  optionProps.variant = 'highlighted';
1082
- if (isOptionDisabled) {
1083
- optionProps.variant = 'highlighted-disabled';
1084
- }
1085
1082
  }
1086
1083
  if (href) {
1087
1084
  if (subPageId) {
package/lib/Drilldown/v2/index.js CHANGED
@@ -1074,12 +1074,9 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
1074
1074
  optionProps.role = customRole || 'menuitemcheckbox';
1075
1075
  }
1076
1076
  }
1077
- // display option as highlighted
1078
- if (id === this.state.highlightedOptionId) {
1077
+ // display option as highlighted, but never highlight disabled options
1078
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1079
1079
  optionProps.variant = 'highlighted';
1080
- if (isOptionDisabled) {
1081
- optionProps.variant = 'highlighted-disabled';
1082
- }
1083
1080
  }
1084
1081
  if (href) {
1085
1082
  if (subPageId) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-drilldown",
3
- "version": "11.7.4-snapshot-107",
3
+ "version": "11.7.4-snapshot-110",
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.7",
18
- "@instructure/console": "11.7.4-snapshot-107",
19
- "@instructure/emotion": "11.7.4-snapshot-107",
20
- "@instructure/shared-types": "11.7.4-snapshot-107",
21
- "@instructure/ui-dom-utils": "11.7.4-snapshot-107",
22
- "@instructure/ui-icons": "11.7.4-snapshot-107",
23
- "@instructure/ui-options": "11.7.4-snapshot-107",
24
- "@instructure/ui-popover": "11.7.4-snapshot-107",
25
- "@instructure/ui-position": "11.7.4-snapshot-107",
26
- "@instructure/ui-selectable": "11.7.4-snapshot-107",
27
- "@instructure/ui-themes": "11.7.4-snapshot-107",
28
- "@instructure/ui-utils": "11.7.4-snapshot-107",
29
- "@instructure/ui-react-utils": "11.7.4-snapshot-107",
30
- "@instructure/ui-view": "11.7.4-snapshot-107"
18
+ "@instructure/emotion": "11.7.4-snapshot-110",
19
+ "@instructure/shared-types": "11.7.4-snapshot-110",
20
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-110",
21
+ "@instructure/console": "11.7.4-snapshot-110",
22
+ "@instructure/ui-icons": "11.7.4-snapshot-110",
23
+ "@instructure/ui-options": "11.7.4-snapshot-110",
24
+ "@instructure/ui-popover": "11.7.4-snapshot-110",
25
+ "@instructure/ui-position": "11.7.4-snapshot-110",
26
+ "@instructure/ui-selectable": "11.7.4-snapshot-110",
27
+ "@instructure/ui-themes": "11.7.4-snapshot-110",
28
+ "@instructure/ui-utils": "11.7.4-snapshot-110",
29
+ "@instructure/ui-view": "11.7.4-snapshot-110",
30
+ "@instructure/ui-react-utils": "11.7.4-snapshot-110"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@testing-library/jest-dom": "^6.9.1",
34
34
  "@testing-library/react": "16.3.2",
35
35
  "@testing-library/user-event": "^14.6.1",
36
36
  "vitest": "^4.1.9",
37
- "@instructure/ui-axe-check": "11.7.4-snapshot-107",
38
- "@instructure/ui-babel-preset": "11.7.4-snapshot-107",
39
- "@instructure/ui-color-utils": "11.7.4-snapshot-107",
40
- "@instructure/ui-scripts": "11.7.4-snapshot-107"
37
+ "@instructure/ui-axe-check": "11.7.4-snapshot-110",
38
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-110",
39
+ "@instructure/ui-scripts": "11.7.4-snapshot-110",
40
+ "@instructure/ui-color-utils": "11.7.4-snapshot-110"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
package/src/Drilldown/v1/index.tsx CHANGED
@@ -1258,13 +1258,9 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
1258
1258
  optionProps.role = customRole || 'menuitemcheckbox'
1259
1259
  }
1260
1260
  }
1261
- // display option as highlighted
1262
- if (id === this.state.highlightedOptionId) {
1261
+ // display option as highlighted, but never highlight disabled options
1262
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1263
1263
  optionProps.variant = 'highlighted'
1264
-
1265
- if (isOptionDisabled) {
1266
- optionProps.variant = 'highlighted-disabled'
1267
- }
1268
1264
  }
1269
1265
 
1270
1266
  if (href) {
package/src/Drilldown/v2/index.tsx CHANGED
@@ -1255,13 +1255,9 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
1255
1255
  optionProps.role = customRole || 'menuitemcheckbox'
1256
1256
  }
1257
1257
  }
1258
- // display option as highlighted
1259
- if (id === this.state.highlightedOptionId) {
1258
+ // display option as highlighted, but never highlight disabled options
1259
+ if (id === this.state.highlightedOptionId && !isOptionDisabled) {
1260
1260
  optionProps.variant = 'highlighted'
1261
-
1262
- if (isOptionDisabled) {
1263
- optionProps.variant = 'highlighted-disabled'
1264
- }
1265
1261
  }
1266
1262
 
1267
1263
  if (href) {