carbon-components-svelte - npm Package Versions

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

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
• 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