Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

0.44.1 - 2021-09-11

Fixes

if ComboBox is disabled, clicking the chevron icon should not toggle the dropdown
ToolbarBatchActions cancel button text should be slottable

0.44.0 - 2021-09-07

Features

add ability to override or customize DatePicker calendar options using the flatpickrProps prop

0.43.0 - 2021-09-06

Features

add ability to programmatically clear a ComboBox using the clear component accessor

0.42.3 - 2021-09-05

Fixes

RadioButton "labelText" slot should render even if labelText is falsy
only render FormGroup legend element if legendText is truthy

0.42.2 - 2021-07-29

Fixes

fix reactivity regression in ComboBox

Documentation

update example set-ups
document styling instructions, carbon-preprocess-svelte in README.md

0.42.1 - 2021-07-26

Fixes

disable a11y-mouse-events-have-key-events warnings
upgrade carbon-icons-svelte to v10.36.0 to quell a11y-mouse... warnings

Refactor

remove formatStyle utility in OverflowMenu

Documentation

add svelte:head example usage for loading CDN styles
add instructions for dynamic theming
update number of available Carbon icons

0.42.0 - 2021-07-22

Features

add helperText prop to DatePickerInput

Fixes

replace svelte:body with svelte:window when listening for an outside click

Documentation

fix typos in styling instructions
update expanded nodes guidance
add DatePicker example "With helper text"

Refactor

omit explicit treeview.scss import in css/*.scss files as it is included by default in carbon-components@10.40

Housekeeping

upgrade carbon-components to v10.40.0

0.41.0 - 2021-07-18

Features

add expandedIds to TreeView

Fixes

do not fall back to an empty string for a DataTable value if falsy
omit disabled attribute in Button if value is falsy

Documentation

add styling instructions to the home page

0.40.1 - 2021-07-14

Fixes

focus first, non-disabled TreeView node if active id does not match the selected id
set type="button" on OverflowMenu to prevent submit behavior when pressing "Enter"
update semantic attributes in OverflowMenuItem
do not render OverflowMenuItem title attribute if using a slot
do not dispatch NumberInput on:change event on initialization
dynamically load ESM flatpickr rangePlugin
forward input, focus events to Select
type DataTableRowId as any, fixes

0.40.0 - 2021-07-11

Breaking Changes

remove appendTo prop in DatePicker for server-side rendering (SSR) compatibility

Features

add Breakpoint component to detect the current Carbon grid size based on browser width
add Theme component to dynamically update the current theme client-side
add valueFrom, valueTo props for range DatePicker
export multiSelectRef, fieldRef, selectionRef in MultiSelect
add clearItem, clearAll instance methods to LocalStorage
support NumberInput readonly variant

Fixes

append DatePicker instance to local reference to prevent arrow key locking
fix on:change type signature in DatePicker
export id prop in ProgressBar
add skeleton text for every row and column in DataTableSkeleton
deprecate shouldShowBorder prop in Table
correctly type exported constant props and function declarations as accessors in SvelteComponentTyped interface

Documentation

document Breakpoint component
document Theme component
add ProgressBar "UX example"
add DatePicker example "Range"
add NumberInput example "Read-only variant"

Housekeeping

upgrade carbon-components to v10.39.0

0.39.0 - 2021-07-05

Breaking Changes

remove clipboard-copy direct dependency; use native Clipboard API instead of clipboard-copy to copy text in CopyButton, CodeSnippet

Features

add TreeView component
add RecursiveList component
support 3 buttons in Modal, ComposedModal via secondaryButtons
make DataTable title/description slottable
allow custom expansionBreakpoint in UI Shell Header, SideNav
dispatch "click:button--primary" as an alias to "submit" in Modal, ComposedModal

Fixes

export useStaticWidth prop in DataTable
do not render DataTable table header if title/description not provided

Documentation

add TreeView documentation
add RecursiveList documentation
add CopyButton examples "Overriding copy functionality", "Preventing copy functionality"
add CodeSnippet examples "Overriding copy functionality", "Preventing copy functionality"
add DataTable example "Static width"
include typedefs in Component API section

0.38.2 - 2021-07-03

Fixes

prevent <TextArea readonly={false} /> from being read-only
only focus OveflowMenuItem if not disabled
trap tab focus within Modal, ComposedModal

0.38.1 - 2021-06-29

Fixes

add Gray 80 (g80) theme to all.scss and the pre-compiled all.css

0.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 - 2021-06-26

Features

add ProgressBar component

Fixes

omit size prop in ToolbarSearch
omit passing iconDescription to NotificationIcon in InlineNotification, ToastNotification

Refactor

use class directive in TextInput

Documentation

add ProgressBar component documentation

Housekeeping

upgrade carbon-components to version 10.37.0

0.36.0 - 2021-06-26

Features

add condensed, flush props to StructuredList
support SideNav rail
add isSelected prop to HeaderNavItem
make components with labelText prop slottable (e.g., ...)

Fixes

set min/max height for multi-line CodeSnippet
make ImageLoader SSR compatible by using a window type check guard
default isSelected to false in SideNavMenuItem
forward keydown event to TextArea
deprecate border prop in StructuredList

Documentation

add separate disabled example for filterable/interactive tags
update number of supported chart types from 17 to 20

Housekeeping

upgrade carbon-components to version 10.36.0

0.35.0 - 2021-06-26

Features

support expressive styles for Button, UnorderedList, OrderedList
support large size for Button (size="lg")
support large, extra-large ButtonSkeleton sizes
support field, small sizes for FileUploaderItem
allow custom Search icon
allow NumberInput input steppers to be hidden (hideSteppers={true})
add icon prop to TooltipIcon
support disabled TooltipIcon

Fixes

make Tooltip screenreader description less verbose

Documentation

add Button examples "Large size", "Expressive styles"
add OrderedList example "Expressive styles"
add UnorderedList example "Expressive styles"
add Search example "Custom search icon"
add NumberInput example "Hidden steppers"
add TooltipIcon example "Disabled"

Housekeeping

upgrade carbon-components to version 10.35.0

0.34.0 - 2021-06-25

Features

add new Gray 80 (g80) theme
support expandable Search variant
dispatch open, close, click:overlay events in SideNav
allow custom hamburger menu icons (iconMenu, iconClose)
support "xl" Button size
support "medium" DataTable size
support warning state, inline variant for PasswordInput

Fixes

replace <strong> with semantic paragraph element for file uploader label
wrap code element with pre
add missing restProps annotation to ToolbarSearch

Refactor

remove usage of deprecated Icon component
use button specific tooltip class for icon-only variant

Documentation

update available site theming options to include Gray 80 (g80)
add Search example "Expandable variant"
add Button example "Extra-large size"
add DataTable example "Medium rows"
add PasswordInput examples "Inline" and "Warning state"

Housekeeping

upgrade carbon-components to version 10.34.0

0.33.0 - 2021-04-30

Features

support nested object values for DataTable sorting
pass DataTable header display function to slotted cell
add icon prop to Link to support rendering links with icons; refactor OutboundLink to use Link.icon prop

Fixes

prevent DataTable sorting from crashing by defaulting undefined to an empty string
add extra DataTable cell colspan to support expandable, selectable rows
support disabled state for ClickableTile
add missing "3x2" ratio to AspectRatio

Documentation

add DataTable example "Sortable with nested object values"
add ClickableTile example "Disabled state"
add Link example "Link with icon"

Housekeeping

upgrade carbon-components to version 10.33.0

0.32.2 - 2021-04-23

Fixes

prevent multiple Dropdown items from being selected by updating the selectedId
prevent the default keydown behavior so that pressing "Enter" should open the Dropdown menu
resolve Carbon icon imports to Svelte files in DataTable, HamburgerMenu components

Housekeeping

patch carbon-components to version 10.32.1

0.32.1 - 2021-04-02

Fixes

hotfix compiled CSS to correctly render default background color for inputs

0.32.0 - 2021-04-02

Breaking Changes

copy text by default in CodeSnippet and CopyButton using clipboard-copy
deprecate light prop in ContentSwitcher

Features

support disabled state for SelectableTile, RadioTile
add TooltipFooter component
support OverflowMenu in Breadcrumbs
support danger kind for ContextMenuOption
allow sorting to be disabled for a specific header in DataTable
render an empty header column in DataTableSkeleton if a value is { "empty": true }
export inputRef prop in MultiSelect
add searchClass prop to Search, which is passed to the outermost element
add noMargin prop to FormGroup to remove default bottom margin (default value is false)

Fixes

render initial ContextMenu position based on viewport constraints
correctly display invalid text in TimePicker
remove outer div in ToolbarSearch
set hasScrollingContent class on ModalBody

Documentation

add disabled state examples for SelectableTile, RadioTile
add expandable DataTable size examples, empty header column DataTableSkeleton example
remove the light ContentSwitcher example

Housekeeping

upgrade carbon-components to version 10.32.0
add clipboard-copy to direct dependencies

0.31.1 - 2021-03-28

Fixes

add missing "name" attribute to non-mobile NumberInput
forward missing "keydown" event to Form
forward click/keydown/mouse events in FluidForm to Form

0.31.0 - 2021-03-20

Breaking Changes

remove default title value in InlineNotification
remove default title, caption values in ToastNotification
remove iconDescription prop from HeaderNavMenu

Features

add Popover component
add ContextMenu component
add "container" type for TabsSkeleton
add warning state to Select
dispatch "on:click:button--next" and "on:click:button--previous" in Pagination

Fixes

replace chevron icons with "Add" and "Subtract" icons in NumberInput
fix Slider markup to use CSS to hide input if hideTextInput is true
remove hotfix inline style to center dropdown chevron
add "rowgroup" role to StructuredListBody
fix type definition for MultiSelect: "clear" should be typed as a custom event
remove line breaks in anchor element in Link
only set autofocus attribute if the value is true

Documentation

add Slider hidden text input, invalid, disabled examples
add Select warning, invalid, helper text, skeleton (hidden label) examples
add RadioButton disabled buttons example
update sample copy in ToastNotification, InlineNotification
update Select item groups example to use the hidden default option

Housekeeping

upgrade carbon-components to version 10.31.0
upgrade carbon-icons-svelte to version 10.27.0 (icons are correctly typed using SvelteComponentTyped)

0.30.0 - 2021-03-13

Breaking Changes

forward $$restProps to the input element in Search, MultiSelect, ComboBox, TimePicker, DatePickerInput, NumberInput

Features

add ImageLoader component
add LocalStorage component
forward "clear" event in ToolbarSearch
add isSelected prop for icon-only, ghost buttons
add legendText prop/slot to RadioButtonGroup
add interactive prop to Tag
make UI Shell SideNavMenuItem text slottable
deprecate Icon, IconSkeleton

Fixes

set aria-hidden attribute in UI Shell SideNav
only show overlay for non-fixed UI Shell SideNav
correctly render skeleton styles for TextInputSkeleton
only render RadioButton label if labelText is truthy
deprecate the NumberInput mobile variant
add missing type annotation for dispatched MultiSelect select event
remove redundant "button" role in Button
update styles for ListBoxSelection to fix filterable MultiSelect
temporarily apply override styles to ListBoxMenuIcon to correctly render Dropdown chevron icon
apply z-index: 1 on tooltip when open; style can be overridden through $$restProps.style

Documentation

add "on:clear" example for Search
add custom tooltip example for PasswordInput
add legend text examples for RadioButtonGroup
add filterable (disabled) variant for Tag
remove the mobile variant example for NumberInput

Housekeeping

upgrade carbon-components to v10.30.0

0.29.2 - 2021-03-01

Fixes

remove blank line after slot to correctly render button with icon in Safari 13

0.29.1 - 2021-02-26

Fixes

fix blur logic in ComboBox, MultiSelect based on relatedTarget tag name
fix truncate action to preserve existing class names on node
use new component tokens to correctly render CSS for tags, low contrast notifications

0.29.0 - 2021-02-19

Breaking Changes

The default placeholder text for TimePicker is changed from "hh=mm" to "hh:mm"

Features

Add UI Shell SideNavDivider component
Add a direction prop to ComboBox, Dropdown, MultiSelect to render the dropdown menu above or below the input
Support ComboBox warning state
Add text truncation component (Truncate) and action (use:truncate)
Use shorthand scss imports in css/*.scss files
Use the official SvelteComponentTyped interface in the component TypeScript definitions

Fixes

Use description as warning icon title in ProgressStep
Include pre-compiled CSS to library side effects to prevent inadvertent tree-shaking
Fix DataTable type definition to include $$restProps

Documentation

Add filterable small Tag example
Add ComboBox invalid state example
Add "Top direction" examples for ComboBox, Dropdown, MultiSelect
Demo ProgressIndicator invalid/disabled steps
Fix RadioTile light variant example

Housekeeping

Upgrade carbon-components to version 10.29.0

0.28.0 - 2021-02-05

Breaking Changes

The transitionend event in ComposedModal is dispatched, not forwarded; it will only trigger when the modal has finished animating

Features

Support small size variant for Tag (size="sm")
Dispatch close event in a filterable Tag (an alias for click)
Dispatch toggle event in Toggle
Make tooltipText slottable in TooltipIcon (slot name="tooltipText")
Add hideLabel prop to Dropdown
Dispatch transitionend event in Modal, ComposedModal to fire after the modal has finished animating
Add warn state to DatePickerInput

Fixes

Forward the click event to Tab
Do not trigger initial Tab focus when mounting

Documentation

Add a "Hidden label" example for the Select component
Add a light variant example for OverflowMenu
Add a reactive example for Tabs

Housekeeping

Upgrade carbon-components to version 10.28.0
Remove unused @carbon/themes development dependency; themes are pulled from carbon-components

0.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 - 2020-12-11

Features

Render the UI Shell hamburger menu only if the SideNav component is present (PR #457, issue #434)
Clear the Search input value if the "Escape" key is pressed (PR #448)
Customize the Tooltip alignment using the align prop (PR #446, issue #398)

Fixes

Fix files prop type FileUploader to be a list of Files instead of file names (PR #437)
Allow binding decimal values in NumberInput (PR #444)
Spread $$restProps in DataTableSkeleton to the top-level element to be consistent with DataTable (PR #441, issue #423)
Close the Tooltip on the mousedown event; re-focus the tooltip icon after closing and forward click, mousedown events
Focus the Dropdown button correctly for multiple dropdowns (PR #447)
Focus the ComboBox input correctly for multiple combo boxes (PR #447)
Blur an opened ComboBox when clicking a search input (PR #447, issue #436)
Prevent cursor shift in UI Shell HeaderSearch when using the up/down arrow keys to navigate results (PR #432, issue #431)
Deprecate small prop in ButtonSkeleton
Fix CodeSnippetSkeleton type to only be "single" or "multi"

Breaking Changes

files in FileUploader components is a list of Files, not just file names
$$restProps is spread to the top-level element in DataTableSkeleton

Documentation

Add reactive, hidden, custom alignment examples for Tooltip
Add reactive examples for Search, ContentSwitcher, Toggle components
Add plain Header (no SideNav) UI Shell example

Housekeeping

Upgrade carbon-components to version 10.25 for the pre-compiled CSS StyleSheets

0.25.1 - 2020-11-28

Fixes

set selectedResultIndex in HeaderSearch when clicking a result (PR #430, issue #429)

0.25.0 - 2020-11-27

Features

Add padding prop to Grid, Row, Column components (PR #420, issue #410)
Add transition prop to UI Shell HeaderAction to customize panel slide transition; by default, the slide duration is 200ms (PR #419, issue #384)

Fixes

fix Files type for FileUploader (PR #422, issue #421)
remove the fly transition from HamburgerMenu (PR #419, issue #384)

Documentation

add "Padded columns" example to Grid docs
demo different transitions in "Header with app switcher" example in UI Shell
describe use case for using native styles in OrderedList

Housekeeping

pin development dependency sveld to version 0.3.0

Contributors

@ispyinternet
@miedzikd

0.24.0 - 2020-11-26

Features

Add HeaderSearch component for the UI Shell that can render user-provided search results (PR #417, issue #395); HeaderActionSearch is deprecated in favor of HeaderSearch
Expand headers prop type in DataTableSkeleton to be consistent with that of the DataTable (PR #415, issue #413)

Fixes

Update DataTableRow prop type in DataTable to require an "id" key and value (PR #415, issue #414)

Documentation

Add example "Skeleton with object headers" to the DataTable docs
Add example "Header with global search" to the UI Shell docs
deprecate HeaderActionSearch in favor of HeaderSearch

0.23.2 - 2020-11-25

Fixes

Fix dispatched "change" event in RadioButtonGroup (PR #408)
Export component types and interfaces (PR #411, issue #409)

0.23.1 - 2020-11-22

Fixes

Fix selected prop reactivity in RadioButtonGroup so that it can be programmatically updated (PR #407, issue #406)
Allow click propagation in ListBox so that list box menus can close correctly; this fixes behavior in the ComboBox, Dropdown, and MultiSelect components (PR #405, issue #388)

Documentation

Add programmatic RadioButton example
Add multiple ComboBox example
Add multiple Dropdown example
Add multiple MultiSelect example
Add ExpandableAccordion recipe

0.23.0 - 2020-11-20

Features

Persist UI Shell Header hamburger menu if persistentHamburgerMenu is true (PR #396, issue #374, rendered example)
Disable auto focus in ComposedModal if selectorPrimaryFocus is null (PR #393)
Use small size Toggle variant if size is "sm"; deprecate ToggleSmall which will be removed in the next major release (PR #401)

Fixes

Fix currentIndex reactivity in ProgressIndicator so that it can be programmatically updated (PR #404, issue #399)

Refactoring

Rewrite TypeScript definitions with better type signatures for slots, dispatched events; fix IntrinsicAttributes errors (PR #385, issue #304)
Remove useless if statement that wraps svelte:component in Button; by design, svelte:component will not render falsy values (PR #402)

Documentation

Update auto-generated Component API documentation with output from sveld
Label reactive component props and list them first
Replace back ticks in Component API prop descriptions with a code tag (PR #392, issue #390)
Simplify date sort method in "Sortable with custom display and sort methods" DataTable example (PR #382)
Add programmatic ProgressIndicator example
Add vertical ProgressIndicatorSkeleton example
Add deprecation warning to the ToggleSmall component

Housekeeping

Upgrade carbon-icons-svelte from version ^10.17 to ^10.21

Breaking Changes

Internal component TypeScript interfaces are no longer exported to avoid polluting library exports

0.22.0 - 2020-10-30

Features

Button: add "danger-tertiary", "danger-ghost" kinds
OverflowMenu: support "sm", "xl" size variants
TimePicker: support "sm", "xl" size variants
Link: support "sm", "lg" size variants
OrderedList: support native list styles
MultiSelect: forward "clear" event
MultiSelect: dispatch "select" event to be consistent with ComboBox, Dropdown

Fixes

OverflowMenu: dynamic menu shadow width should be scoped to component instance; remove tabindex attribute from trigger button
CodeSnippet: showMoreLess should be re-computed if code is dynamically updated

Documentation

Document itemToString prop for Dropdown, MultiSelect
MultiSelect: add example for "Initial selected items"
CodeSnippet: add example for dynamically updating code
CodeSnippet: add example for "Hidden code snippet" edge case (issue #373)
OverflowMenu: add example for "Custom trigger icon"

Housekeeping

upgrade carbon-components to v10.23.1, @carbon/themes to v10.22.1
bump/patch development dependencies

0.21.0 - 2020-10-26

Features

ListBoxMenu: forward "scroll" event (PR #366)
ComboBox: export reference to list box menu (PR #366)
DataTable: add ToolbarMenu, ToolbarMenuItem (PR #369)
DataTable: support empty table body columns by adding optional empty key to headers prop (PR #370)
Dropdown: support "sm", "xl" field sizes

Fixes

DataTable: cancelling batch selection should deselect "select all rows" checkbox
Toolbar: remove duplicate "bx--toolbar-content" element

Documentation

DataTable: add example "Empty column with overflow menu"
hand off current theme for examples opened in a new tab
add field size examples for Dropdown, MultiSelect, Select

0.20.0 - 2020-10-24

Features

DataTable: add Toolbar, ToolbarContent, ToolbarSearch, ToolbarBatchActions
DataTable: support row selection, batch selection, radio selection
DataTable: dispatch "mouseenter", "mouseleave" events on table rows
Search: forward "focus", "blur" events to search input; dispatch "clear" event

Fixes

DataTable: include sort direction with custom sort method (PR #356)
fix: allow item ids in ComboBox, Dropdown, MultiSelect to be numbers
fix(ui-shell): initialize platformName as empty string to prevent rendering as "undefined"

Refactoring

refactor(ui-shell): remove redundant conditional in HeaderGlobalAction

Documentation

new DataTable examples:
fix(docgen): list both default and named slots in COMPONENT_INDEX.md

0.19.0 - 2020-10-23

Features

DataTable: add optional display and sort methods in header object (PR #352)
ProgressIndicator: add preventChangeOnClick; default value is false (PR #351)
TooltipDefinition: make tooltip text slottable through slot="tooltip"

Fixes

ProgressIndicator: make currentIndex reactive (PR #351)
ComposedModal: use onDestroy for destroy logic due to async usage of onMount(PR #348)
Search: forward size prop to Search skeleton

Refactoring

TooltipDefinition: remove redundant hidden reactive variable

Breaking Changes

ProgressIndicator: clicking a completed step will update currentIndex; to opt out of this default behavior, set preventChangeOnClick to true

Documentation

ContentSwitcher: add "Selected index" example
CodeSnippet: add multi-line skeleton example
InlineLoading: add UX example showcasing various statuses

0.18.0 - 2020-10-17

Features

DataTable: support individual, batch row expansion (PR 341)
DataTable: make header, row cells slottable (PR 342)

Fixes

fix(data-table): fix misaligned tall row table headers (PR 340)
Documentation generator: parse ArrayExpression in exported props (PR 341)

Breaking Changes

Remove top-level slot in DataTable in favor of named slots (PR 341)

Documentation

add Component API metadata (PR 340)
DataTable: add expandable, batch expandable examples (PR 341)
DataTable: add slottable cells example (PR 342)

0.17.0 - 2020-10-16

Features

feat: set rel="nooopener noreferrer" if target="_blank" on link components (PR #321)
feat: support Search disabled state (PR #330)
feat(button-skeleton): add size prop consistent with Button (PR #332)
feat(progress-indicator-skeleton): add count prop (PR #332)
feat(accordion): add disabled prop for Accordion and AccordionItem (PR #333)
feat(accordion): add "sm", "xl" size variants to Accordion and AccordionSkeleton (PR #333)
feat(content-switcher): add "sm", "xl" size variants (PR #334)
feat(code-snippet): add wrapText prop for "multi" type CodeSnippet (PR #335)
feat(aspect-ratio): add AspectRatio component (PR #336)
feat(dropdown): dispatch select event, use window instead of body for click events (PR #339)

Fixes

fix(combo-box): disabled combobox should not open (PR #329)
fix(inline-loading): add wrapper class "bx--inline-loading" (PR #332)
fix(breadcrumb): forward noTrailingSlash to skeleton (PR #332)
fix(skeleton-text): unkey paragraph rows due to high collision rate (PR #332)
fix(accordion-skeleton): forward align prop (PR #333)

Refactoring

refactor(icon): remove old logic that inferred icon size from function name (PR #332)

Documentation

AspectRatio (new component): demo all ratios
Breadcrumb: use noTrailingSlash in skeleton example
Button: demo skeleton size variants
CodeSnippet: add example "Wrap text"
ComboBox: add examples "Light variant," "Filterable"
ContentSwitcher: add examples "Extra-large size" and "Small size"
SkeletonText: add example "Paragraph with custom line count"
Pagination: add example "Hidden page size"
ProgressIndicator: demo custom step count for skeleton
Link: add example Target _blank
MultiSelect: add example "No alphabetical sorting"
Accordion: add examples for "Extra-large" and "Small" size variants
Accordion: add examples for "Disabled" and "Disabled (item)"
AccordionSkeleton: add examples "Skeleton (chevron aligned left)" and size variants

Housekeeping

chore(deps-dev): bump carbon-components to ^v10.22 (PR #337)
retire Storybook by removing Storybook-related dependencies, set-up and stories (PR #331)
use npm-run-all to run build:css and build:lib in parallel (PR #331)

0.16.0 - 2020-10-12

Features

Pagination: add pageSizeInputDisabled prop to hide page size buttons (default is false) (PR #292)
ListBoxMenu: add ref prop (PR #303)
Pre-compiled CSS: upgrade carbon-components to version 10.21

Fixes

Link: explicitly define href prop to fix TypeScript errors (PR #301)
RadioButtonGroup: explicitly define id prop to fix TypeScript errors (PR #303)
ComboBox: light prop should use the light variant (PR #303)
ComposedModal: class "bx--body--with-modal-open" should be removed when closing the modal (PR #306)
Dropdown: remove unused setContext import (PR #308)
css/all.css: default theme should be "white," not "g10" (PR #322)
UI Shell: HeaderAction menu should close when clicking in the window, not just the document body (PR #323)

Performance

DatePicker: remove default i10n locales import to reduce bundle size by ~42 kB (PR #316)

Breaking Changes

DatePicker: default i10n locales are no longer imported
if using css/all.css, set the "theme" attribute on the HTML element to "g10" in order to use the Gray 10 theme

Documentation

Redesign component documentation website (Short link: ibm.biz/carbon-svelte); deployments sponsored by Vercel
Update development workflow in CONTRIBUTING.md
Typo fixes in README.md (PR #324, PR #325)

Housekeeping

Git hooks: only lint staged files in the pre-commit Git hook (PR #319)

0.15.0 - 2020-10-01

Features

DataTableSkeleton: add size prop to support "compact", "small", "tall" row heights (PR #279, thanks @albertms10)
HeaderPanelLink: forward click event (PR #286, thanks @weaseldotro)
FluidForm: add FluidForm component and support fluid variants for TextInput, PasswordInput (PR #293, thanks @josefaidt)
UI Shell: add ref prop to interactive (i.e., anchor links, buttons) UI Shell elements (PR #297, thanks @josefaidt)

Fixes

Slider: attach mousemove/touch events to document body, not slider input (issue #288)
Slider: value prop type should be a number, not a string (issue #289)
Slider: input value should not update if disabled is true
Slider: change event should only be dispatched if the value changes
UI Shell: correctly bind ref prop in HeaderGlobalAction (PR #297, thanks @josefaidt)
export DatePickerSkeleton, FileUploaderSkeleton components

Breaking Changes

DataTableSkeleton: compact prop is removed in favor of size="compact"

Dependencies

upgrade carbon-icons-svelte to version ^10.17.0

Housekeeping

prettier: enable svelteBracketNewLine for improved readability (PR #281, thanks @josefaidt)
git: add husky, lint-staged to development workflow (PR #295, thanks @josefaidt)

0.14.0 - 2020-09-23

Features

Modal, ComposedModal: add preventCloseOnClickOutside prop
Modal: add alert prop to support alertdialog ARIA role (PR #273, thanks @josefaidt)
TextInput: add warn prop (PR #275, thanks @josefaidt)
TextInput: add inline prop (PR #277, thanks @josefaidt)

Fixes

DataTableSkeleton: add showHeader, showToolbar props
OverflowMenu: focus menu button on escape key only
DataTable: fix headers JSDoc type annotation (PR #271, thanks @albertms10)

Breaking Changes

DataTableSkeleton: showHeader and showToolbar are true by default

0.13.0 - 2020-09-18

Features

Move helper text below form inputs in ComboBox, Dropdown, MultiSelect, TextArea, NumberInput, TextInput, Select (PR #256, issue #255)
ProgressIndicator: add spaceEqual prop and functionality (PR #263, issue #262)

Fixes

Link: remove visited styles by default (PR #259, issue #258)
TimePickerSelect: deprecate hideLabel prop to match spec and set default value to true (PR #261, issue #260)

Breaking Changes

TimePickerSelect: hideLabel prop is true by default

0.12.3 - 2020-09-16

Fixes

ClickableTile: add missing href (PR #254, thanks @josefaidt)

0.12.2 - 2020-09-14

Fixes

Dropdown: allow event propagation when clicking the chevron icon (73861e2)

0.12.1 - 2020-09-14

Fixes

Pagination: ensure page, pageSize values are numbers (0138910)
Pagination: dispatch "update" event only when pageSize or page values update (458d1b5)
Pagination: use correct size carbon icons for buttons (size 16 instead of 24) (192f98d)
ProgressStep: use button element; set negative tabindex if disabled is true (3202f39)
ProgressStep: forward click event (6cb877e)
SideNavMenu, SideNavMenuItem: remove "role", "aria-haspopup" attributes causing a11y warnings
RadioTile: move keydown, tabindex to input element (17d97d1)

0.12.0 - 2020-09-13

Features

css: ship pre-compiled CSS StyleSheets for each Carbon theme (70e0875)

Documentation

examples: add example set-ups using popular bundlers/frameworks
update README guidance on consuming the library

0.11.0 - 2020-09-05

Features

UI Shell: add HeaderGlobalAction component (7b3c111)

0.10.0 - 2020-09-05

Features

UI Shell: add Close/AppSwitcher as default icons for HeaderAction component (5f62cde)
ButtonSet: add stacked prop (c8e0a59)
Link: set rel attribute to "noopener noreferrer" if target is "_blank" (4b7d254)

Fixes

TextInput: add missing required prop to input (PR #237), thanks @kamil-murtaza)
StructuredList: change element semantics from section to div to avoid accessibility error (117dbcf)
MultiSelect: add light variant to text input (6a955b1)
NumberInput: disable label, helper text if disabled is set to true (37c7f07)
Pagination: use singular page range text if total is 1 (3d64fb2)

Housekeeping

add .prettierrc and enable svelteStrictMode (42b8159)
remove documentation of non-existent small Button prop (41a533d)
upgrade TypeScript to version >=4 (e7e67f3)
bump prettier, prettier-plugin-svelte (322b238)
bump rollup, rollup plugins (00b9068)
require node >=12 for development/CI (bf0f11a)

0.9.7 - 2020-08-23

Fix InlineNotification and ToastNotification timeout (PR#235, thanks @Overbryd)

0.9.6 - 2020-08-15

use svelte compiler to generate TypeScript definitions, documentation (issue #227, PR #228)
fix DatePicker to use default imports (reverts 6d5f1e5; issue #232)

0.9.5 - 2020-08-12

fix Modal and ComposedModal to prevent modal from closing unexpectedly (PR #231)

0.9.4 - 2020-08-08

ignore false positive a11y-label-has-associated-control warnings added in svelte^v3.24.1
fix DatePicker: use wildcard import to resolve flatpickr "no default" error when using ESM
allow CodeSnippet button to be optional by using the hideCopyButton prop
refactor CodeSnippet: replace afterUpdate with reactive statement
fix CodeSnippet: forward feedback, feedbackTimeout props to Copy component

0.9.3 - 2020-08-02

rename UI Shell Header slot from "skip-to-main-content" to "skip-to-content"
support fixed SideNav
add expandedByDefault prop to Header to prevent SideNav from being expanded

0.9.2 - 2020-08-01

add "skip-to-main-content" slot to Header
make platformName prop in UI Shell Header slottable (i.e., ...)
make company prop Header optional
fix UI Shell Header to add space between company and platform name for ARIA label
fix UI Shell HeaderAction bug where panel would not open
add ButtonSet component
fix Accordion to avoid $$restProps.class override

0.9.1 - 2020-07-30

fix TabContent to remove hidden prop when panel is selected

0.9.0 - 2020-07-30

add TypeScript definitions
dispatch "select" and "clear" events in ComboBox
forward keydown event to TextInput, PasswordInput components
add count prop to TabsSkeleton
apply toggle behavior to HeaderAction button; dispatch "open" and "close" events
fix forwarded click event in CodeSnippet
fix class name typo in UnorderedList

0.8.5 - 2020-07-23

add noGutter, noGutterLeft, noGutterRight props to Grid, Row, Column
add aspectRatio prop to Column

0.8.4 - 2020-07-22

add Grid components (Grid, Row, Column)
add PaginationNav component
fix TooltipIcon to avoid $$restProps.class override

0.8.3 - 2020-07-20

bump carbon-icons-svelte dependency to version >=10.14.0
support size prop (undefined or "sm" or "lg) in DatePickerInput, NumberInput, Select, PasswordInput, TextInput components
support light variant for ContentSwitcher
focus ComboBox after clearing the selection
fix ListBox regression where size class can be overriden by $$restProps.class
fix Pagination regression where current page selection value is stuck at 1

0.8.2 - 2020-07-19

fix ComboBox to close dropdown menu when pressing the "Escape" key (Issue #198)

0.8.1 - 2020-07-19

fix bug in Tag to prevent custom class from overriding tag class
fix SSR rendering issue in Modal by replacing onDestroy with onMount (Issue #200)

0.8.0 - 2020-07-19

use $$restProps API (requires Svelte version >=3.20)
upgrade carbon-icons-svelte to version >=10.13.0
use svelte class:{value} API instead of cx
add ref prop to "interactive" components like text inputs, anchor links... (Issue #196)
add slot to Content Switcher Switch component (Issue #183)
fix ContentSwitcher bug where bound selectedIndex could not be updated
remove unused lib utilities (cx, css, fillArray)
refactor component exports and folder structure
create Sapper app for e2e testing and alternative development environment in docs/
update Travis CI config to build library, build storybook, and run e2e tests in docs/
remove Jest in favor of integration/e2e testing with Cypress
update contributing guidelines

0.7.6 - 2020-07-19

Add named slot to UI Shell HeaderAction component for text (PR#201, thanks @danielboven)

0.7.5 - 2020-07-17

Add name prop to form-related components (PR#199, thanks @softartisan)
Add Content, SkipToContent components to the UI Shell
Forward on:click event to UI Shell Header component

0.7.4 - 2020-06-17

Fix OverflowMenu focus behavior to set didOpen only if open is true (PR#193)

0.7.3 - 2020-06-16

Fix OverflowMenu to focus button only after closing the menu (PR#192)

0.7.2 - 2020-06-04

Add sort direction to dispatched "click:header" event for a sortable DataTable (PR#188, thanks @mabentley85!)

0.7.1 - 2020-06-03

Add missing RadioTile export

0.7.0 - 2020-05-29

Dispatch "update" event in Pagination for pageSize, page variables (PR#185, thanks @mabentley85!)
Drop carbon-components as a peer dependency

0.6.3 - 2020-05-26

Replace "javascript:void(0)" with "/" in HeaderNavMenu href attribute to fix a11y "not a valid attribute" warning; href is an exported property that can be overriden by the consumer (Issue #184)
Ignore a11y-no-onchange warning in TimePickerSelect
Bump development dependency svelte to v3.23.0

0.6.2 - 2020-05-09

Fix tileMaxHeight bug in ExpandableTile by setting the value only if the default value is 0 (Issue #180)

0.6.1 - 2020-05-08

Fix Pagination bug by binding the correct variable (selected) to the Select component (PR#179, thanks @ericol!)

0.6.0 - 2020-05-07

Fix button with icon bug by manually setting hasIconOnly in Button. This results in a breaking change for icon-only buttons, which now must include hasIconOnly (Issue #174)

0.5.1 - 2020-05-03

Fix focus/dispatch bug in Modal, ComposedModal (PR#173, thanks @mfeitoza!)

0.5.0 - 2020-04-29

Ship DataTable that supports sorting
Pin dependencies, remove commitlint, husky, eslint, prettier

0.4.2 - 2020-04-20

Forward on:blur event to Select component (PR#169, thanks @httpsOmkar!)

0.4.1 - 2020-04-18

Refactor UI Shell components to be modular (header, left panel, right panel) (PR#168, thanks @mfeitoza!)

0.4.0 - 2020-04-18

Refactor UI Shell to be component-based (PR#166, thanks @mfeitoza!)

0.3.3 - 2020-03-09

Fix "window is undefined" error when using UIShell with server-side rendering (SSR) (PR#149, thanks @pbxothi!)

0.3.2 - 2020-02-12

Fix SkeletonText duplicate style attribute to work with svelte^3.18.2 (#134)

0.3.1 - 2020-02-03

Fix DatePicker locale initialization bug
Fix CheckboxSkeleton styles; bump carbon-components version to ^10.9.3

0.3.0 - 2020-02-03

Add UIShell component (thanks @Heydan83!) (#10)
Add single component skeleton states for Accordion, CodeSnippet
Fix Select, SelectItem to support two-way binding, programmatic prop setting
Fix Tab to set selected prop to currentIndex after updating

0.2.1 - 2020-01-08

Check if l10n.en is defined in DatePicker component to resolve Svelte REPL compilation

0.2.0 - 2020-01-08

Include src in files published to npm to resolve Svelte module entry (#102)
Support most Carbon components (See the GitHub project)

0.1.0 - 2019-12-15

Initial release

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Changelog

0.44.1 - 2021-09-11

0.44.0 - 2021-09-07

0.43.0 - 2021-09-06

0.42.3 - 2021-09-05

0.42.2 - 2021-07-29

0.42.1 - 2021-07-26

0.42.0 - 2021-07-22

0.41.0 - 2021-07-18

0.40.1 - 2021-07-14

0.40.0 - 2021-07-11

0.39.0 - 2021-07-05

0.38.2 - 2021-07-03

0.38.1 - 2021-06-29

0.38.0 - 2021-06-27

0.37.0 - 2021-06-26

0.36.0 - 2021-06-26

0.35.0 - 2021-06-26

0.34.0 - 2021-06-25

0.33.0 - 2021-04-30

0.32.2 - 2021-04-23

0.32.1 - 2021-04-02

0.32.0 - 2021-04-02

0.31.1 - 2021-03-28

0.31.0 - 2021-03-20

0.30.0 - 2021-03-13

0.29.2 - 2021-03-01

0.29.1 - 2021-02-26

0.29.0 - 2021-02-19

0.28.0 - 2021-02-05

0.27.0 - 2021-01-28

0.26.0 - 2020-12-11

0.25.1 - 2020-11-28

0.25.0 - 2020-11-27

0.24.0 - 2020-11-26

0.23.2 - 2020-11-25

0.23.1 - 2020-11-22

0.23.0 - 2020-11-20

0.22.0 - 2020-10-30

0.21.0 - 2020-10-26

0.20.0 - 2020-10-24

0.19.0 - 2020-10-23

0.18.0 - 2020-10-17

0.17.0 - 2020-10-16

0.16.0 - 2020-10-12

0.15.0 - 2020-10-01

0.14.0 - 2020-09-23

0.13.0 - 2020-09-18

0.12.3 - 2020-09-16

0.12.2 - 2020-09-14

0.12.1 - 2020-09-14

0.12.0 - 2020-09-13

0.11.0 - 2020-09-05

0.10.0 - 2020-09-05

0.9.7 - 2020-08-23

0.9.6 - 2020-08-15

0.9.5 - 2020-08-12

0.9.4 - 2020-08-08

0.9.3 - 2020-08-02

0.9.2 - 2020-08-01

0.9.1 - 2020-07-30

0.9.0 - 2020-07-30

0.8.5 - 2020-07-23

0.8.4 - 2020-07-22

0.8.3 - 2020-07-20

0.8.2 - 2020-07-19

0.8.1 - 2020-07-19

0.8.0 - 2020-07-19

0.7.6 - 2020-07-19

0.7.5 - 2020-07-17

0.7.4 - 2020-06-17

0.7.3 - 2020-06-16

0.7.2 - 2020-06-04

0.7.1 - 2020-06-03