carbon-components-svelte

Compare v0.44.1...v0.44.2

Fixes

• prevent redundant clear events in ComboBox (70163b3, #818)

Compare v0.44.0...v0.44.1

Fixes

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

Compare v0.43.0...v0.44.0

Features

• add ability to override or customize DatePicker calendar options using flatpickrProps (bc0b048, #794 contributed by @stilet)

  <script>
    import { DatePicker, DatePickerInput } from "carbon-components-svelte";
  </script>
  
  <DatePicker
    datePickerType="single"
    flatpickrProps="{{ static: true }}"
    on:change
  >
    <DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" />
  </DatePicker>
  

Compare v0.42.3...v0.43.0

Features

• add ability to programmatically clear a ComboBox using the clear component accessor (dfc00f6, #804 contributed by @rafadess)

  <script>
    import { ComboBox } from "carbon-components-svelte";
  
    let ref;
  </script>
  
  <ComboBox bind:this={ref} />
  
  <button on:click={ref?.clear}>
    Clear
  </button>
  

Compare v0.42.2...v0.42.3

Fixes

• RadioButton "labelText" slot should render even if labelText is falsy (c1bf349, #808 contributed by @airedwin)
• only render FormGroup legend element if legendText is truthy (892c19a, #785 contributed by @ibilux)

Compare v0.42.1...v0.42.2

Fixes

• fix reactivity regression in ComboBox (d24c60856f375cf2c9418775b5d9b094d6133002)

Documentation

• update example set-ups (49c5142111cb49f8d87d8229464a9816c9f0db35)
• document styling instructions, carbon-preprocess-svelte in README.md (568b256471c70e323d178647c05f0b2fabe746dd)

Compare v0.42.0...v0.42.1

Fixes

• disable a11y-mouse-events-have-key-events warnings (a67e8a81f6dc5d7416ed6f4468efeb759593873c)
• upgrade carbon-icons-svelte to v10.36.0 to quell a11y-mouse... warnings (3eac5c3a374c8a019568813d74b2d0e30dcaee6b)

Refactor

• remove formatStyle utility in OverflowMenu (3eac5c3a374c8a019568813d74b2d0e30dcaee6b)

Documentation

• add svelte:head example usage for loading CDN styles (47d82fdd9a75d74bd8f6af4e81a1d580f354594b)
• add instructions for dynamic theming (8bbf695ed180cf69652f8b0cc3e2a71b3bf5ca21)
• update number of available Carbon icons (86acf6fed7be3e2f4b286335c589e9ba298d040a)

Compare v0.41.0...v0.42.0

Features

• add helperText prop to DatePickerInput (d0f6ee9b517bd1757c46dba74a60bb4d3fa18f5a)

Fixes

• replace svelte:body with svelte:window when listening for an outside click (af26bdb10a4c7f8a1db487fd5d84a9a10fc15752, PR #761 contributed by @phil-mayer)

Documentation

• fix typos in styling instructions (116e34bc232bcdf1f43ab0bb09fac8935707f529)
• update expanded nodes guidance (a88557e792059ef7e87e758a2b73c7799a672cee)
• add DatePicker example "With helper text"

Refactor

• omit explicit treeview.scss import in css/*.scss files as it is included by default in [email protected] (44629b2544c0d478d0c63e0ca0c2733e0c8cd6f5)

Housekeeping

• upgrade carbon-components to v10.40.0

Compare v0.40.1...v0.41.0

Features

• add expandedIds to TreeView (d01995e11e803ca9ff54f82e56112849a7071008)

Fixes

• do not fall back to an empty string for a DataTable value if falsy (89513fb4cb0296dd83f92e683e9a37afaf964332, #745 contributed by @truongminh)
• omit disabled attribute in Button if value is falsy (793ecd8dc2dea2437cfbe052d11dc07c337ac7bb)

Documentation

• add styling instructions to the home page (16fd0681d4ed93a1036e4533f10d85fe3bd13618)

Compare v0.40.0...v0.40.1

Fixes

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

Compare v0.39.0...v0.40.0

Breaking Changes

• remove appendTo prop in DatePicker for server-side rendering (SSR) compatibility (https://github.com/IBM/carbon-components-svelte/pull/737/commits/0bfbc9cf8643cbbbc4896cf4e7dbdd07113d4d58)

Features

• add Breakpoint component to detect the current Carbon grid size based on browser width (https://github.com/IBM/carbon-components-svelte/commit/f31ab25e0a896a5ecfa22f981ad05bc0340833a8)
• add Theme component to dynamically update the current theme client-side (https://github.com/IBM/carbon-components-svelte/commit/fac78ee4aad272e60b6ebfbdc64fdc2d7ef95471)
• add valueFrom, valueTo props for range DatePicker (https://github.com/IBM/carbon-components-svelte/pull/737/commits/7b9017c9f4dc2a723a1222125ea642ebe1ad5142)
• export multiSelectRef, fieldRef, selectionRef in MultiSelect (https://github.com/IBM/carbon-components-svelte/pull/738/commits/aa5200cff554f6a35dcdd864083a8ffb3adfb1a3)
• add clearItem, clearAll instance methods to LocalStorage (https://github.com/IBM/carbon-components-svelte/pull/738/commits/6c478b819312ba0521fc1dac06cdb3111c40373a)
• support NumberInput readonly variant (https://github.com/IBM/carbon-components-svelte/pull/738/commits/b8786956e2c285fc9b0c840e3f2327c19fd2c9e1)

Fixes

• append DatePicker instance to local reference to prevent arrow key locking (https://github.com/IBM/carbon-components-svelte/pull/737/commits/0bfbc9cf8643cbbbc4896cf4e7dbdd07113d4d58)
• fix on:change type signature in DatePicker (https://github.com/IBM/carbon-components-svelte/pull/737/commits/9353e36921e52647413362203baa02761f153f80)
• export id prop in ProgressBar (https://github.com/IBM/carbon-components-svelte/pull/732/commits/a2b12dc609667c218883aaa7870ee806e3d71580)
• add skeleton text for every row and column in DataTableSkeleton (https://github.com/IBM/carbon-components-svelte/commit/19dbad1f76dc433ceef7cf732b73869c3f45cda3)
• deprecate shouldShowBorder prop in Table (https://github.com/IBM/carbon-components-svelte/pull/738/commits/69d09507c8dff5c1b0472b13ab87d48a9dc1925e)
• correctly type exported constant props and function declarations as accessors in SvelteComponentTyped interface (https://github.com/IBM/carbon-components-svelte/commit/18c6f032240e736d39766bcccd30eb2f5f9d838b)

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

Compare v0.38.2...v0.39.0

Breaking Changes

• remove clipboard-copy direct dependency; use native Clipboard API instead of clipboard-copy to copy text in CopyButton, CodeSnippet (921c3e121a5cb9e9114f2c631d8d973028497b2d)

Features

• add TreeView component (6ed4aaa86e163bb51c72a0ad35c61d6276ea2bc9)
• add RecursiveList component (ae27bedf4c3bc9946a0ac94b831010e877fa834a)
• support 3 buttons in Modal, ComposedModal via secondaryButtons (f4a3646cb4d7a0dbed16aaf9cd9eb90b28245180)
• make DataTable title/description slottable (5fee13b2eb8235eeb24375ca73a64fe312f781bc)
• allow custom expansionBreakpoint in UI Shell Header, SideNav (a62e9c0c3c178cdf96be7502263e3237472a70e8)
• dispatch "click:button--primary" as an alias to "submit" in Modal, ComposedModal (85620d7ace0b3ff825f10e28a442c026ab922b2f)

Fixes

• export useStaticWidth prop in DataTable (676eedb1a050da806ece713e20cba6e47e3337a2)
• do not render DataTable table header if title/description not provided (ba0e9087d5e7f56fcd3260c11de32e1cf3764639)

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

Compare v0.38.1...v0.38.2

Fixes

• prevent <TextArea readonly={false} /> from being read-only (f9183d343b8c4aa2abb7d9839c3adc56b3255ffb)
• only focus OveflowMenuItem if not disabled (776639495f3d0cfa6d31dde38350c57cb07bbeb9)
• trap tab focus within Modal, ComposedModal (https://github.com/IBM/carbon-components-svelte/commit/ab04bb756475361a0d81dc6248124f918d518e99, #716 contributed by @dqzx)

Compare v0.38.0...v0.38.1

Fixes

• add Gray 80 (g80) theme to all.scss and the pre-compiled all.css (#708 contributed by @lamualfa)

Compare v0.37.0...v0.38.0

Features

• support read-only TextInput (4aceb6c)
• render a checkmark icon for the selected ComboBox item (86eff17)

Fixes

• adjust FileUploaderDropContainer markup to avoid accessibility error for nested interactive controls (4ae1cab)
• use ErrorFilled16 icon in InlineLoading for the error status (cd5547d)
• render iconDescription as title in error/warning icons in InlineLoading (0533a01)
• update accessibility attributes for StructuredList (1bdcdd0)
• use span instead of div in TooltipDefinition to avoid potential invalid HTML (dd32a7e)
• close MultiSelect menu when blurring the last filterable option (2fa069a)
• open/focus field when tab focusing a filterable MultiSelect (fefd43d)
• unblock tab navigation when blurring MultiSelect (031e2ee)
• select correct item using keyboard navigation in a filterable ComboBox (529b5bd)
• unblock input after clearing a ComboBox selection (529b5bd)
• update ComboBox input text if item is selected (89786a7)
• toggle SideNav rail when clicking the hamburger menu (cceb062)
• update ContextMenu class names (47dd26b)
• close ContextMenu when left clicking anywhere (1f99115)

Documentation

• add TextInput example "Read-only variant"
• add Popover example "Popover alignment"

Housekeeping

• upgrade carbon-components to v10.38.0

Compare v0.36.0...v0.37.0

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

Compare v0.35.0...v0.36.0

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
• add StructuredList examples "Condensed variant", "Flush"
• add UI Shell example "Header with side navigation (rail)"

Housekeeping

• upgrade carbon-components to version 10.36.0

Compare v0.34.0...v0.35.0

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

Compare v0.33.0...v0.34.0

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 (https://github.com/IBM/carbon-components-svelte/pull/647 contributed by @gregorw)

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

Compare v0.32.2...v0.33.0

Features

• support nested object values for DataTable sorting (https://github.com/IBM/carbon-components-svelte/pull/602, contributed by @alkanna)
• pass DataTable header display function to slotted cell (https://github.com/IBM/carbon-components-svelte/pull/615, contributed by @rafadess)
• 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 (https://github.com/IBM/carbon-components-svelte/pull/602, contributed by @alkanna)
• add extra DataTable cell colspan to support expandable, selectable rows (https://github.com/IBM/carbon-components-svelte/pull/618, contributed by @mabentley85)
• 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