@instructure/ui-select 11.0.2-snapshot-1 → 11.0.2-snapshot-2

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.0.2-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.0.1...v11.0.2-snapshot-1) (2025-10-17)
+## [11.0.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v11.0.1...v11.0.2-snapshot-2) (2025-10-20)
 
 **Note:** Version bump only for package @instructure/ui-select
 

package/README.md

@@ -10,7 +10,7 @@ A component for select and autocomplete behavior.
 
 The `ui-select` package contains the following:
 
-- [Select](#Select)
+- [Select](Select)
 
 ### Installation
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.0.2-snapshot-1",
+  "version": "11.0.2-snapshot-2",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,10 +23,10 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "11.0.2-snapshot-1",
-    "@instructure/ui-color-utils": "11.0.2-snapshot-1",
-    "@instructure/ui-scripts": "11.0.2-snapshot-1",
-    "@instructure/ui-themes": "11.0.2-snapshot-1",
+    "@instructure/ui-babel-preset": "11.0.2-snapshot-2",
+    "@instructure/ui-color-utils": "11.0.2-snapshot-2",
+    "@instructure/ui-scripts": "11.0.2-snapshot-2",
+    "@instructure/ui-themes": "11.0.2-snapshot-2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
@@ -34,20 +34,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.0.2-snapshot-1",
-    "@instructure/shared-types": "11.0.2-snapshot-1",
-    "@instructure/ui-dom-utils": "11.0.2-snapshot-1",
-    "@instructure/ui-form-field": "11.0.2-snapshot-1",
-    "@instructure/ui-icons": "11.0.2-snapshot-1",
-    "@instructure/ui-options": "11.0.2-snapshot-1",
-    "@instructure/ui-popover": "11.0.2-snapshot-1",
-    "@instructure/ui-position": "11.0.2-snapshot-1",
-    "@instructure/ui-react-utils": "11.0.2-snapshot-1",
-    "@instructure/ui-selectable": "11.0.2-snapshot-1",
-    "@instructure/ui-text-input": "11.0.2-snapshot-1",
-    "@instructure/ui-utils": "11.0.2-snapshot-1",
-    "@instructure/ui-view": "11.0.2-snapshot-1",
-    "@instructure/uid": "11.0.2-snapshot-1"
+    "@instructure/emotion": "11.0.2-snapshot-2",
+    "@instructure/shared-types": "11.0.2-snapshot-2",
+    "@instructure/ui-dom-utils": "11.0.2-snapshot-2",
+    "@instructure/ui-form-field": "11.0.2-snapshot-2",
+    "@instructure/ui-icons": "11.0.2-snapshot-2",
+    "@instructure/ui-options": "11.0.2-snapshot-2",
+    "@instructure/ui-popover": "11.0.2-snapshot-2",
+    "@instructure/ui-position": "11.0.2-snapshot-2",
+    "@instructure/ui-react-utils": "11.0.2-snapshot-2",
+    "@instructure/ui-selectable": "11.0.2-snapshot-2",
+    "@instructure/ui-text-input": "11.0.2-snapshot-2",
+    "@instructure/ui-utils": "11.0.2-snapshot-2",
+    "@instructure/ui-view": "11.0.2-snapshot-2",
+    "@instructure/uid": "11.0.2-snapshot-2"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Select/README.md

@@ -4,13 +4,13 @@ describes: Select
 
 `Select` is an accessible, custom styled combobox component for inputting a variety of data types.
 
-- It behaves similar to [Popover](#Popover) but provides additional semantic markup and focus behavior as a form input.
-- It should not be used for navigation or as a list of actions/functions. (see [Menu](#Menu)).
+- It behaves similar to [Popover](Popover) but provides additional semantic markup and focus behavior as a form input.
+- It should not be used for navigation or as a list of actions/functions. (see [Menu](Menu)).
 - It can behave like a `<select>` element or implement autocomplete behavior.
 
 > Notes:
 >
-> - Before implementing Select, see if a [SimpleSelect](#SimpleSelect) will suffice.
+> - Before implementing Select, see if a [SimpleSelect](SimpleSelect) will suffice.
 > - The `id` prop on options must be globally unique, it will be translated to an `id` prop in the DOM.
 
 #### Managing state for a Select
@@ -362,7 +362,7 @@ type: example
 
 #### Highlighting and selecting options
 
-To mark an option as "highlighted", use the option's `isHighlighted` prop. Note that only one highlighted option is permitted. Similarly, use `isSelected` to mark an option or multiple options as "selected". When allowing multiple selections, it's best to render a [Tag](#Tag) with [AccessibleContent](#AccessibleContent) for each selected option via the `renderBeforeInput` prop.
+To mark an option as "highlighted", use the option's `isHighlighted` prop. Note that only one highlighted option is permitted. Similarly, use `isSelected` to mark an option or multiple options as "selected". When allowing multiple selections, it's best to render a [Tag](Tag) with [AccessibleContent](AccessibleContent) for each selected option via the `renderBeforeInput` prop.
 
 ```js
 ---
@@ -973,7 +973,7 @@ render(
 
 #### Asynchronous option loading
 
-If no results match the user's search, it's recommended to leave `isShowingOptions` as `true` and to display an "empty option" as a way of communicating that there are no matches. Similarly, it's helpful to display a [Spinner](#Spinner) in an empty option while options load.
+If no results match the user's search, it's recommended to leave `isShowingOptions` as `true` and to display an "empty option" as a way of communicating that there are no matches. Similarly, it's helpful to display a [Spinner](Spinner) in an empty option while options load.
 
 ```js
 ---
@@ -1315,7 +1315,7 @@ render(
 
 #### Providing assistive text for screen readers
 
-It's important to ensure screen reader users receive instruction and feedback while interacting with a `Select`, but screen reader support for the `combobox` role varies. The `assistiveText` prop should always be used to explain how a keyboard user can make a selection. Additionally, a live region should be updated with feedback as the component is interacted with, such as when options are filtered or highlighted. Using an [Alert](#Alert) with the `screenReaderOnly` prop is the easiest way to do this.
+It's important to ensure screen reader users receive instruction and feedback while interacting with a `Select`, but screen reader support for the `combobox` role varies. The `assistiveText` prop should always be used to explain how a keyboard user can make a selection. Additionally, a live region should be updated with feedback as the component is interacted with, such as when options are filtered or highlighted. Using an [Alert](Alert) with the `screenReaderOnly` prop is the easiest way to do this.
 
 > Note: This component uses a native `input` field to render the selected value. When it's included in a native HTML `form`, the text value will be sent to the backend instead of anything specified in the `value` field of the `Select.Option`-s. We do not recommend to use this component this way, rather write your own code that collects information and sends it to the backend.