From 913186ef9ca865b88cf0ff79803d109363d239f5 Mon Sep 17 00:00:00 2001 From: Eric Y Liu Date: Sun, 27 Jun 2021 08:50:34 -0700 Subject: [PATCH] v0.38.0 --- CHANGELOG.md | 33 +++++++++++++++++++ COMPONENT_INDEX.md | 4 ++- docs/src/COMPONENT_API.json | 6 ++-- package.json | 2 +- preprocess/api.json | 2 +- types/Checkbox/Checkbox.d.ts | 1 + types/ListBox/ListBoxField.d.ts | 1 + .../TooltipDefinition/TooltipDefinition.d.ts | 2 +- 8 files changed, 45 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 01dd90f7..6604b45a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 +## [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** diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 2515ded1..5ce75d8e 100644 --- a/COMPONENT_INDEX.md +++ b/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` diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index df570d20..ae724090 100644 --- a/docs/src/COMPONENT_API.json +++ b/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", diff --git a/package.json b/package.json index 7ac46a29..b08fcd84 100644 --- a/package.json +++ b/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", diff --git a/preprocess/api.json b/preprocess/api.json index b316f4fa..6026012f 100644 --- a/preprocess/api.json +++ b/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" diff --git a/types/Checkbox/Checkbox.d.ts b/types/Checkbox/Checkbox.d.ts index e70e3f23..d3746584 100644 --- a/types/Checkbox/Checkbox.d.ts +++ b/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: {} } > {} diff --git a/types/ListBox/ListBoxField.d.ts b/types/ListBox/ListBoxField.d.ts index 5863dd1c..35b9a33c 100644 --- a/types/ListBox/ListBoxField.d.ts +++ b/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: {} } diff --git a/types/TooltipDefinition/TooltipDefinition.d.ts b/types/TooltipDefinition/TooltipDefinition.d.ts index 69290407..0c1d70cb 100644 --- a/types/TooltipDefinition/TooltipDefinition.d.ts +++ b/types/TooltipDefinition/TooltipDefinition.d.ts @@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte"; export interface TooltipDefinitionProps - extends svelte.JSX.HTMLAttributes { + extends svelte.JSX.HTMLAttributes { /** * Specify the tooltip text * @default ""