@instructure/ui-select 10.17.1-snapshot-3 → 10.17.1-snapshot-5

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 (7) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Select/index.js +4 -1
  3. package/lib/Select/index.js +4 -1
  4. package/package.json +23 -23
  5. package/src/Select/index.tsx +4 -2
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/Select/index.d.ts.map +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
- ## [10.17.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v10.17.0...v10.17.1-snapshot-3) (2025-05-26)
6
+ ## [10.17.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v10.17.0...v10.17.1-snapshot-5) (2025-05-26)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-select
9
9
 
package/es/Select/index.js CHANGED
@@ -315,7 +315,10 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
315
315
  renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
316
316
  };
317
317
  // should option be treated as highlighted or selected
318
- if (isSelected) {
318
+ if (isSelected && isHighlighted) {
319
+ optionProps.variant = 'selected-highlighted';
320
+ optionProps.isSelected = true;
321
+ } else if (isSelected) {
319
322
  optionProps.variant = 'selected';
320
323
  optionProps.isSelected = true;
321
324
  } else if (isHighlighted) {
package/lib/Select/index.js CHANGED
@@ -327,7 +327,10 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
327
327
  renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
328
328
  };
329
329
  // should option be treated as highlighted or selected
330
- if (isSelected) {
330
+ if (isSelected && isHighlighted) {
331
+ optionProps.variant = 'selected-highlighted';
332
+ optionProps.isSelected = true;
333
+ } else if (isSelected) {
331
334
  optionProps.variant = 'selected';
332
335
  optionProps.isSelected = true;
333
336
  } else if (isHighlighted) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-select",
3
- "version": "10.17.1-snapshot-3",
3
+ "version": "10.17.1-snapshot-5",
4
4
  "description": "A component for select and autocomplete behavior.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,12 +23,12 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.17.1-snapshot-3",
27
- "@instructure/ui-babel-preset": "10.17.1-snapshot-3",
28
- "@instructure/ui-color-utils": "10.17.1-snapshot-3",
29
- "@instructure/ui-scripts": "10.17.1-snapshot-3",
30
- "@instructure/ui-test-utils": "10.17.1-snapshot-3",
31
- "@instructure/ui-themes": "10.17.1-snapshot-3",
26
+ "@instructure/ui-axe-check": "10.17.1-snapshot-5",
27
+ "@instructure/ui-babel-preset": "10.17.1-snapshot-5",
28
+ "@instructure/ui-color-utils": "10.17.1-snapshot-5",
29
+ "@instructure/ui-scripts": "10.17.1-snapshot-5",
30
+ "@instructure/ui-test-utils": "10.17.1-snapshot-5",
31
+ "@instructure/ui-themes": "10.17.1-snapshot-5",
32
32
  "@testing-library/jest-dom": "^6.6.3",
33
33
  "@testing-library/react": "^16.0.1",
34
34
  "@testing-library/user-event": "^14.5.2",
@@ -36,22 +36,22 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@babel/runtime": "^7.26.0",
39
- "@instructure/emotion": "10.17.1-snapshot-3",
40
- "@instructure/shared-types": "10.17.1-snapshot-3",
41
- "@instructure/ui-dom-utils": "10.17.1-snapshot-3",
42
- "@instructure/ui-form-field": "10.17.1-snapshot-3",
43
- "@instructure/ui-icons": "10.17.1-snapshot-3",
44
- "@instructure/ui-options": "10.17.1-snapshot-3",
45
- "@instructure/ui-popover": "10.17.1-snapshot-3",
46
- "@instructure/ui-position": "10.17.1-snapshot-3",
47
- "@instructure/ui-prop-types": "10.17.1-snapshot-3",
48
- "@instructure/ui-react-utils": "10.17.1-snapshot-3",
49
- "@instructure/ui-selectable": "10.17.1-snapshot-3",
50
- "@instructure/ui-testable": "10.17.1-snapshot-3",
51
- "@instructure/ui-text-input": "10.17.1-snapshot-3",
52
- "@instructure/ui-utils": "10.17.1-snapshot-3",
53
- "@instructure/ui-view": "10.17.1-snapshot-3",
54
- "@instructure/uid": "10.17.1-snapshot-3",
39
+ "@instructure/emotion": "10.17.1-snapshot-5",
40
+ "@instructure/shared-types": "10.17.1-snapshot-5",
41
+ "@instructure/ui-dom-utils": "10.17.1-snapshot-5",
42
+ "@instructure/ui-form-field": "10.17.1-snapshot-5",
43
+ "@instructure/ui-icons": "10.17.1-snapshot-5",
44
+ "@instructure/ui-options": "10.17.1-snapshot-5",
45
+ "@instructure/ui-popover": "10.17.1-snapshot-5",
46
+ "@instructure/ui-position": "10.17.1-snapshot-5",
47
+ "@instructure/ui-prop-types": "10.17.1-snapshot-5",
48
+ "@instructure/ui-react-utils": "10.17.1-snapshot-5",
49
+ "@instructure/ui-selectable": "10.17.1-snapshot-5",
50
+ "@instructure/ui-testable": "10.17.1-snapshot-5",
51
+ "@instructure/ui-text-input": "10.17.1-snapshot-5",
52
+ "@instructure/ui-utils": "10.17.1-snapshot-5",
53
+ "@instructure/ui-view": "10.17.1-snapshot-5",
54
+ "@instructure/uid": "10.17.1-snapshot-5",
55
55
  "prop-types": "^15.8.1"
56
56
  },
57
57
  "peerDependencies": {
package/src/Select/index.tsx CHANGED
@@ -22,7 +22,6 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
-
26
25
  import { ComponentElement, Children, Component, memo, ReactNode } from 'react'
27
26
 
28
27
  import * as utils from '@instructure/ui-utils'
@@ -429,7 +428,10 @@ class Select extends Component<SelectProps> {
429
428
  renderAfterLabel: getRenderOptionLabel(renderAfterLabel)
430
429
  }
431
430
  // should option be treated as highlighted or selected
432
- if (isSelected) {
431
+ if (isSelected && isHighlighted) {
432
+ optionProps.variant = 'selected-highlighted'
433
+ optionProps.isSelected = true
434
+ } else if (isSelected) {
433
435
  optionProps.variant = 'selected'
434
436
  optionProps.isSelected = true
435
437
  } else if (isHighlighted) {