carbon-components-svelte

Compare v0.49.1...v0.49.2

Fixes

• Tabs should not dispatch an initial "change" event when no change has occurred (9bbc769, #882 contributed by @miedzikd)
• Pagination page value should not exceed total pages (1aad315, #911 contributed by @ibilux)
• fix Popover relative prop by inlining style (914f9af, #915)
• replace onDestroy with onMount return function to avoid running code server-side (fd53ce, #914)

Compare v0.49.0...v0.49.1

Fixes

• include missing Popover styles from [email protected] (1a0e990, #913)

Compare v0.48.1...v0.49.0

Features

• support UIShell HeaderNavMenu with current item (bb2912b, #907)
• make InlineNotification title, subtitle props slottable (e59e1a9, #907)
• make ToastNotification title, subtitle, and caption props slottable (e225c54, #907)

Refactor

• remove unnecessary "position: relative" style in ExpandableTile (6772489, #907)
• remove unused refContent in ExpandableTile (ee03b95, #907)

Housekeeping

• upgrade carbon-components to v10.48.0

Compare v0.48.0...v0.48.1

Fixes

• type DatePicker locale prop as flatpickr CustomLocale or key (a308c89, #906)
• update remaining carbon-icons-svelte imports to use inlined icons (36f6a32, #905)

Compare v0.47.6...v0.48.0

Breaking Changes

• remove carbon-icons-svelte from direct dependencies (040e3d3, #904)

Features

• support auto-width Tabs (ea6757d, #901)
• add ref prop to Form (08402e5, #900)

Fixes

• set calendar instance to null when destroying DatePicker (4df812b, #903)

Compare v0.47.5...v0.47.6

Fixes

• fix Tooltip two way binding when icon is in focus (7e76cbc, #895 contributed by @malinowskip)
• coerce TextInput value to a number if type="number" (32beeac, #902)

Compare v0.47.4...v0.47.5

Fixes

• fix Tooltip open/close logic to allow two way binding of the open prop (f32f8fb, #885 contributed by @malinowskip)
• inline position: relative style in ExpandableTile (b22058f)

Compare v0.47.3...v0.47.4

Fixes

• Only dispatch click:row--expand when clicking an expandable DataTable row chevron (0e460cd, #890)

Compare v0.47.2...v0.47.3

Fixes

• correctly toggle batch expansion button in DataTable (fb7ebb9, #873)

Compare v0.47.1...v0.47.2

Fixes

• close the open Tooltip when using multiple tooltips (51cd4ec, #870 contributed by @miedzikd)
• collapse batch expansion button in DataTable if one or more rows is collapsed (2aeeb72, #868)
• omit explicit reference to "carbon-icons-svelte" from icon prop descriptions (7b65a15, #866)

Compare v0.47.0...v0.47.1

Fixes

• include border style for non-expandable rows in a batch expandable DataTable (bebc497, #864)

Compare v0.46.0...v0.47.0

Features

• add nonExpandableRowsIds prop to DataTable to specify rows that should not be expandable (cab576c, #862)

Compare v0.45.1...v0.46.0

Breaking Changes

• use .svelte.d.ts extension instead of .d.ts for Svelte component TypeScript definitions (3203e7a, #856)

This breaking change affects TypeScript users using the direct component import path.

To fix any type errors, append a ".svelte" to the import.

- import Button from "carbon-components-svelte/src/Button/Button";
+ import Button from "carbon-components-svelte/src/Button/Button.svelte";

Features

• support Tag outline type (9f2e38f, #854)
• add hideLabel prop to MultiSelect (b2812a1, #854)
• allow any Svelte component to be used for icon props, not just CarbonIcon (b21600c, #806)
• add closeIcon prop to HeaderAction to override the default Close20 icon (fc9e8a6, #840 contributed by @miedzikd)

Fixes

• avoid opening the calendar if DatePickerInput is a disabled fieldset descendant (b616243, #860)
• remove stopPropagation modifier from HeaderAction to allow multiple UI Shell app switchers (b85ab30, #840 contributed by @miedzikd)

Housekeeping

• upgrade carbon-components to v10.46.0

Compare v0.45.0...v0.45.1

Fixes

• Prevent space/enter keys from selecting incomplete ProgressIndicator steps (6759d3e, #852)

Compare v0.44.7...v0.45.0

Features

• add TreeView component accessors to programmatically expand/collapse nodes (c441363, #850)
  • Treeview.expandAll: expands all nodes
  • Treeview.collapseAll: collapses all nodes
  • Treeview.expandNodes: expands a subset of nodes
  • Treeview.collapseNodes: collapses a subset of nodes

Access the component accessors by using the bind:this directive:

<script>
  import { TreeView } from "carbon-components-svelte";

  let treeview;

  $: if (treeview) treeview.expandAll();
</script>

<TreeView bind:this={treeview} ... />

Compare v0.44.6...v0.44.7

Fixes

• add missing value prop to Checkbox (fed34e4, #849 contributed by @KoichiKiyokawa)

Compare v0.44.5...v0.44.6

Fixes

• fix DataTable sorting to tolerate null, undefined values (d3eb146, #846 contributed by @malinowskip)

When sorting in the ascending/descending directions, null and undefined values will be sorted last.

Compare v0.44.4...v0.44.5

Fixes

• correctly apply menuOptionsClass in OverflowMenu (05f9d2a, #836 contributed by @KoichiKiyokawa)

Compare v0.44.3...v0.44.4

Fixes

• ClickableTile TypeScript definition restProps should extend attributes of either a or p tags

Compare v0.44.2...v0.44.3

Fixes

• correctly apply styles when using a static width DataTable with a title and description (dbf1f22, #824 contributed by @Florian-Schoenherr)

Housekeeping

• upgrade carbon-components to v10.44.0