carbon-components-svelte - npm Package Versions

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:
  • With custom display and sort methods
  • With toolbar
  • With toolbar (small size)
  • Selectable
  • Initial selected rows
  • Selectable with batch actions
  • Selectable (radio)
• fix(docgen): list both default and named slots in COMPONENT_INDEX.md