From 3e926de49db449ae7165167fbf534b2cc54c3527 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Thu, 28 Jan 2021 11:07:01 -0800 Subject: [PATCH] v0.27.0 --- CHANGELOG.md | 61 +++++++++++++++++++++++++++++++++++++ COMPONENT_INDEX.md | 16 +++++----- docs/src/COMPONENT_API.json | 4 +-- package.json | 2 +- preprocess/api.json | 2 +- 5 files changed, 73 insertions(+), 12 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 12f5a326..b740b32b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,67 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 +## [0.27.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.27.0) - 2021-01-28 + +**Features** + +- Ship scss files used to pre-compile CSS +- Add `optimizeCarbonImports` preprocessor to rewrite base imports from Carbon components/icons/pictograms to the source Svelte file +- Support warning state in Dropdown, MultiSelect, NumberInput +- Set default values for Button `tooltipAlignment` ("center") and `tooltipPosition` ("bottom") in Button +- Infer icon-only Button variant using $$slots API +- Support disabled state for CodeSnippet (single or multi type only) +- Add optional expand/collapse icon labels to ExpandableTile +- Support custom icon variant for Tag +- Add `timeout` to dispatched `on:close` event detail in InlineNotification and ToastNotification +- Upgrade `flatpickr` to version 4.6.9 for ES module (ESM) imports + +**Fixes** + +- Co-locate DataTableSkeleton with DataTable components +- Prevent MultiSelect dropdown from opening if disabled +- Forward `submit` event to FluidForm +- Correctly apply class props in ModalHeader +- Add missing warning class to TextInput +- Disable visibility toggle if PasswordInput is disabled +- "Show more" button in CodeSnippet should be "field" sized, not small +- Remove extraneous "bx--btn--copy" class from CodeSnippet +- Adjust Loading spinner styles to remove excess padding +- Prevent class from being overridden by $$restProps in InlineNotification, ToastNotification, NotificationActionButton +- Remove extraneous focus ring in Modal +- Remove aria-hidden prop from ToolbarSearch +- Add label id to Slider +- Remove menubar role from HeaderNav; deprecate ariaLabel prop in HeaderNav in favor of real HTML attributes "aria-label" and "aria-labelledby" +- Remove notificationType prop from InlineNotification and ToastNotification +- Focus the first item when opening an OverflowMenu for the first time +- Close the OverflowMenu on the `focusout` event +- Forward $$restProps to the input element for TextInput, PasswordInput + +**Breaking Changes** + +- DataTableSkeleton.svelte is moved to `src/DataTable` +- `notificationType` is removed from InlineNotification and ToastNotification +- Svelte version 3.25 or greater is required due to use of the $$slots API +- $$restProps are forwarded to the input element for TextInput, PasswordInput +- `renderIcon` prop renamed to `icon` in NotificationButton +- `icon` prop type changed to "typeof import("carbon-icons-svelte").CarbonIcon" in HeaderAction, HeaderActionLink, SideNavLink, SideNavMenu +- Pre-compiled CSS StyleSheets use the "compressed" `sass.outputStyle` instead of "compact" + +**Documentation** + +- Add documentation for dynamic, client-side theming +- Add icon-only example for the "danger-tertiary" Button +- Update number of supported Carbon icons and pictograms +- Use more realistic body copy in Notification usage examples +- Update development workflow in the contributing guidelines + +**Housekeeping** + +- Replace `node-sass` with `sass` +- Upgrade `carbon-components` to version 10.27.0 +- Upgrade `@carbon/themes` to version 10.26.0 +- Upgrade `autoprefixer`, `postcss`, `prettier-plugin-svelte` + ## [0.26.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.26.0) - 2020-12-11 **Features** diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 13881a05..f1bfdfd9 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -1,6 +1,6 @@ # Component Index -> 155 components exported from carbon-components-svelte@0.26.0. +> 155 components exported from carbon-components-svelte@0.27.0. ## Components @@ -727,7 +727,7 @@ None. | Slot name | Default | Props | Fallback | | :-------- | :------ | :---- | :--------------------------------------------------------------------------------- | -| -- | Yes | -- | {#if animation}{feedback || $$restProps['aria-label']}{/if} | +| -- | Yes | -- | {#if animation}{feedback || $$restProps["aria-label"]}{/if} | ### Events @@ -817,12 +817,12 @@ export interface DataTableCell { ### Slots -| Slot name | Default | Props | Fallback | -| :----------- | :------ | :-------------------------------------------------------- | :------------------------------------------------------------------------------ | -| -- | Yes | -- | -- | -| cell | No | { row: DataTableRow; cell: DataTableCell; } | {headers[j].display ? headers[j].display(cell.value) : cell.value} | -| cell-header | No | { header: DataTableNonEmptyHeader; } | {header.value} | -| expanded-row | No | { row: DataTableRow; } | -- | +| Slot name | Default | Props | Fallback | +| :----------- | :------ | :-------------------------------------------------------- | :------------------------------------------------------------------------------------------ | +| -- | Yes | -- | -- | +| cell | No | { row: DataTableRow; cell: DataTableCell; } | {headers[j].display
? headers[j].display(cell.value)
: cell.value} | +| cell-header | No | { header: DataTableNonEmptyHeader; } | {header.value} | +| expanded-row | No | { row: DataTableRow; } | -- | ### Events diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 641e5d13..4ece589c 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -1018,7 +1018,7 @@ { "name": "__default__", "default": true, - "fallback": "{#if animation}{feedback || $$restProps['aria-label']}{/if}", + "fallback": "{#if animation}{feedback || $$restProps[\"aria-label\"]}{/if}", "slot_props": "{}" } ], @@ -2612,7 +2612,7 @@ { "name": "cell", "default": false, - "fallback": "{headers[j].display ? headers[j].display(cell.value) : cell.value}", + "fallback": "{headers[j].display\n ? headers[j].display(cell.value)\n : cell.value}", "slot_props": "{ row: DataTableRow; cell: DataTableCell; }" }, { diff --git a/package.json b/package.json index c6887839..066ca6be 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "carbon-components-svelte", - "version": "0.26.0", + "version": "0.27.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 4498490e..1d186a62 100644 --- a/preprocess/api.json +++ b/preprocess/api.json @@ -1,5 +1,5 @@ { - "version": "0.26.0", + "version": "0.27.0", "components": { "Accordion": { "path": "carbon-components-svelte/src/Accordion/Accordion.svelte"