Changelog

2.0.1

No breaking changes where props and classes were added, existing ones were not removed.

Dropdown

• Fixed snippets to account for the value being clickable.
  • button -> icon
  • buttonIcon -> icon
• Added class="icon" to the icon.
• Improved classes for content.
  • sterling-dropdown-popup-content -> sterling-dropdown-content

Slider

• Fixed thumb from starting a drag operation when dragged perpendicular to the slider.

Select

• Fixed snippets to account for the value being clickable.
  • buttonSnippet -> icon
  • valueSnippet -> value
• Added string support to the value prop.
  • value: string | Snippet
• Improved classes for content.
  • sterling-select-popup-content -> sterling-select-content

Tooltip

• Added sterling-tooltip-callout class to allow styling of the callout.

MenuItem

• Added snippet support to text and shortcut props.
  • text: string | Snippet
  • shortcut: string | Snippet
• Ensured each child div is present in MenuItem's default item.
• Added class="default-item" to MenuItem's default item.
  • sterling-menu-item-display -> default-item

Pagination *NEW*

• Added Pagination component

Documentation

• Better described the HTML structure with classes in anatomy section for each component.

Other changes

• Deprecated idGenerator in favor of $props.id()
• Deprecated the extraClass action in favor of built-in clsx class merging
• Removed some leftover console.log and $inspect calls from debugging

2.0.0

Breaking changes due to converting to Svelte 5

• Removed variant prop from all components. Instead, class prop is used.
• Event handlers (e.g. on:select) are now callbacks in props (e.g. onSelect).
• Slots are now snippets. The children snippet prop is used instead of default slot.
• Some HTML structure and class names were changed in components based on prop/snippet changes.
• Context property types are plain values (e.g. string, boolean) rather than stores. Context objects are implemented with getters and setters when supporting property change detection is needed.
• Props that were previously boolean are expanded to boolean | null | undefined

Other changes

• The Sterling theme was moved to a separate package: @geoffcox/sterling-svelte-themes.
• The ColorPicker and associated components were removed. In the future, they will be included in a separate package to avoid the tinycolor dependency in this library.

Component specific changes

• Label: status property removed.
• Label: vertical property removed.
• MenuItemDisplay: removed. Built in to MenuItem as default content.
• Progress: status property removed.
• Switch: offText and offLabel combined into offLabel snippet.
• Switch: onText and onLabel combined into onLabel snippet.
• TreeItem: icon snippet added.
• TreeItemDisplay: removed. Built in to TreeItem as default content.