@khanacademy/wonder-blocks-dropdown 9.1.1 → 9.1.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @khanacademy/wonder-blocks-dropdown
 
+## 9.1.2
+
+### Patch Changes
+
+- 5655b9f: Switch to use `focus.outer` semanticColor token
+- a42d9f3: Explicitly set aria-controls on the SelectOpener
+- 7bb37a2: Update component docs to include labelling guidelines
+- 4ab523b: Migrate Dropdown components to semanticColor. Simplify ActionMenuOpenerCore styles
+- 8f53293: Rename action tokens: `filled` -> `primary`, `outlined` -> `secondary`.
+- 051f0f8: Rework action.disabled tokens to include properties per kind (border, background, foreground).
+- Updated dependencies [ed26d66]
+- Updated dependencies [5655b9f]
+- Updated dependencies [8fc65a9]
+- Updated dependencies [5655b9f]
+- Updated dependencies [8f53293]
+- Updated dependencies [7bb37a2]
+- Updated dependencies [6d37702]
+- Updated dependencies [051f0f8]
+- Updated dependencies [8fc65a9]
+- Updated dependencies [e1b78db]
+- Updated dependencies [8f53293]
+- Updated dependencies [051f0f8]
+    - @khanacademy/wonder-blocks-core@12.2.0
+    - @khanacademy/wonder-blocks-tokens@5.0.0
+    - @khanacademy/wonder-blocks-pill@3.1.2
+    - @khanacademy/wonder-blocks-clickable@6.1.2
+    - @khanacademy/wonder-blocks-modal@7.1.2
+    - @khanacademy/wonder-blocks-search-field@5.1.2
+    - @khanacademy/wonder-blocks-cell@4.1.2
+    - @khanacademy/wonder-blocks-icon@5.1.2
+    - @khanacademy/wonder-blocks-layout@3.1.2
+    - @khanacademy/wonder-blocks-typography@3.1.2
+    - @khanacademy/wonder-blocks-timing@7.0.1
+
 ## 9.1.1
 
 ### Patch Changes

package/dist/components/multi-select.d.ts

@@ -177,12 +177,17 @@ type Props = AriaProps & DefaultProps & Readonly<{
  * multiple options to be selected. Clients are responsible for keeping track
  * of the selected items.
  *
- * Clients are also responsible for labeling the select using `LabeledField`, or
- * an `aria-label` attribute or `aria-labelledby` on the select.
- *
  * The multi select stays open until closed by the user. The onChange callback
  * happens every time there is a change in the selection of the items.
  *
+ * Make sure to provide a label for the field. This can be done by either:
+ * - (recommended) Using the **LabeledField** component to provide a label,
+ * description, and/or error message for the field
+ * - Using a `label` html tag with the `htmlFor` prop set to the unique id of
+ * the field
+ * - Using an `aria-label` attribute on the field
+ * - Using an `aria-labelledby` attribute on the field
+ *
  * ## Usage
  *
  * ```jsx

package/dist/components/single-select.d.ts

@@ -173,12 +173,17 @@ type Props = AriaProps & DefaultProps & Readonly<{
  * The single select allows the selection of one item. Clients are responsible
  * for keeping track of the selected item in the select.
  *
- * Clients are also responsible for labeling the select using `LabeledField`, an
- * `aria-label` attribute, or `aria-labelledby`.
- *
  * The single select dropdown closes after the selection of an item. If the same
  * item is selected, there is no callback.
  *
+ * Make sure to provide a label for the field. This can be done by either:
+ * - (recommended) Using the **LabeledField** component to provide a label,
+ * description, and/or error message for the field
+ * - Using a `label` html tag with the `htmlFor` prop set to the unique id of
+ * the field
+ * - Using an `aria-label` attribute on the field
+ * - Using an `aria-labelledby` attribute on the field
+ *
  * **NOTE:** If there are more than 125 items, the component automatically uses
  * [react-window](https://github.com/bvaughn/react-window) to improve
  * performance when rendering these elements and is capable of handling many