v0.38.0

CHANGELOG.md

@@ -7,6 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 <!-- ## Unreleased -->
 
+## [0.38.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.38.0) - 2021-06-27
+
+**Features**
+
+- support read-only `TextInput`
+- render a checkmark icon for the selected `ComboBox` item
+
+**Fixes**
+
+- adjust `FileUploaderDropContainer` markup to avoid accessibility error for nested interactive controls
+- use `ErrorFilled16` icon in `InlineLoading` for the error status
+- render iconDescription as title in error/warning icons in `InlineLoading`
+- update accessibility attributes for `StructuredList`
+- use `span` instead of `div` in `TooltipDefinition` to avoid potential invalid HTML
+- close `MultiSelect` menu when blurring the last filterable option
+- open/focus field when tab focusing a filterable `MultiSelect`
+- unblock tab navigation when blurring `MultiSelect`
+- select correct item using keyboard navigation in a filterable `ComboBox`
+- unblock input after clearing a `ComboBox` selection
+- update `ComboBox` input text if item is selected
+- toggle `SideNav` rail when clicking the hamburger menu
+- update `ContextMenu` class names
+- close `ContextMenu` when left clicking anywhere
+
+**Documentation**
+
+- add TextInput example "Read-only variant"
+- add Popover example "Popover alignment"
+
+**Housekeeping**
+
+- upgrade `carbon-components` to v10.38.0
+
 ## [0.37.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.37.0) - 2021-06-26
 
 **Features**

COMPONENT_INDEX.md

@@ -1,6 +1,6 @@
 # Component Index
 
-> 168 components exported from carbon-components-svelte@0.37.0.
+> 168 components exported from carbon-components-svelte@0.38.0.
 
 ## Components
 
@@ -455,6 +455,7 @@ None.
 | mouseenter | forwarded  | --                   |
 | mouseleave | forwarded  | --                   |
 | change     | forwarded  | --                   |
+| blur       | forwarded  | --                   |
 
 ## `CheckboxSkeleton`
 
@@ -2051,6 +2052,7 @@ export type ListBoxFieldTranslationId = "close" | "open";
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
 | keydown    | forwarded | --     |
+| focus      | forwarded | --     |
 | blur       | forwarded | --     |
 
 ## `ListBoxMenu`

docs/src/COMPONENT_API.json

@@ -741,7 +741,8 @@
           "name": "mouseleave",
           "element": "CheckboxSkeleton"
         },
-        { "type": "forwarded", "name": "change", "element": "input" }
+        { "type": "forwarded", "name": "change", "element": "input" },
+        { "type": "forwarded", "name": "blur", "element": "input" }
       ],
       "typedefs": [],
       "rest_props": { "type": "InlineComponent", "name": "CheckboxSkeleton" }
@@ -4926,6 +4927,7 @@
         { "type": "forwarded", "name": "mouseenter", "element": "div" },
         { "type": "forwarded", "name": "mouseleave", "element": "div" },
         { "type": "forwarded", "name": "keydown", "element": "div" },
+        { "type": "forwarded", "name": "focus", "element": "div" },
         { "type": "forwarded", "name": "blur", "element": "div" }
       ],
       "typedefs": [
@@ -11614,7 +11616,7 @@
         { "type": "forwarded", "name": "focus", "element": "button" }
       ],
       "typedefs": [],
-      "rest_props": { "type": "Element", "name": "div" }
+      "rest_props": { "type": "Element", "name": "span" }
     },
     {
       "moduleName": "TooltipFooter",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-components-svelte",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "license": "Apache-2.0",
   "author": "IBM",
   "description": "Svelte implementation of the Carbon Design System",

preprocess/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.37.0",
+  "version": "0.38.0",
   "components": {
     "Accordion": {
       "path": "carbon-components-svelte/src/Accordion/Accordion.svelte"

types/Checkbox/Checkbox.d.ts

@@ -77,6 +77,7 @@ export default class Checkbox extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
+    blur: WindowEventMap["blur"];
   },
   { labelText: {} }
 > {}

types/ListBox/ListBoxField.d.ts

@@ -57,6 +57,7 @@ export default class ListBoxField extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
     keydown: WindowEventMap["keydown"];
+    focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
   { default: {} }

types/TooltipDefinition/TooltipDefinition.d.ts

@@ -2,7 +2,7 @@
 import { SvelteComponentTyped } from "svelte";
 
 export interface TooltipDefinitionProps
-  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["span"]> {
   /**
    * Specify the tooltip text
    * @default ""