Patch Changes

• #130 57f900d Thanks @RATIU5! - Fixes toggle colors, adds new "gray" color for toggle circles, and adds a light variant for the default flat colors.

Minor Changes

• #125 9473be8 Thanks @RATIU5! - Colors have been adjusted to look better for all components. Badge variants now default to "outlined" and the "default" value has been deprecated. The deprecation was due to the badges failing WGAG AAA guidelines. All projects using the "default" variant should be updated to use "outlined" instead.

• #118 1779190 Thanks @RATIU5! - Updates the Tabs components to optionally use a custom ID

Patch Changes

• #119 6bdc0ee Thanks @louisescher! - Fixes an issue where the toaster HTML Element would have an unnecessary comma attribute due to a typo.

• #124 8a2f606 Thanks @Adammatthiesen! - Improve icon handling and processing, allowing icon sets defined in the config to also use - in their name (e.g. 'simple-icons')

Patch Changes

• #110 8bb4637 Thanks @louisescher! - Fixes the focus outline of buttons within groups sometimes being hidden behind other buttons in the same group.

• #112 ba10776 Thanks @louisescher! - Fixes buttons within dropdowns not displaying properly within a group

• #111 f2fc787 Thanks @louisescher! - Adds optional icons and help texts to inputs

Major Changes

• #88 b96fe4d Thanks @Adammatthiesen! - Update Icon component to utilize all iconifyJSON icons that have been passed through into the config

  Breaking Changes

  • Default Icon names are now prefixed with heroicons: instead of just the icons name. This allows user-defined icons to be used without conflicting with the pre-shipped icons.

Minor Changes

• #106 613830e Thanks @Adammatthiesen! - Introduce individual component virtual exports alongside the bundled barrel virtual export 'studiocms:ui/components'

  You can now import for example Button component from studiocms:ui/components/button

• #89 ce1f6fc Thanks @Adammatthiesen! - Migrate from injected types to ambient types for static virtual modules

• #86 63e3b9e Thanks @RATIU5! - Adds a skeleton loading state component

• #87 80d1970 Thanks @Adammatthiesen! - Removes ThemeToggle as it was causing a error when added to the virtual module, it is now recommended to use the ThemeHelper directly

Patch Changes

• #92 bd47caf Thanks @RATIU5! - Fixes #91, alert type is respected and shows appropriate colors

• #103 111e685 Thanks @RATIU5! - Fixes Select components UI bug, where list items had no background and showed bullet points

• #104 f708d9d Thanks @RATIU5! - - Refactored the accordion component so it works with the Tabs component, and with nested accordions

  • Refactored the Tabs component to support nested tabs
  • Added a new active prop to the Tabs component to set the initial active tab

• #96 ddf67da Thanks @louisescher! - Changes the way colors are declared to allow for a better customization experience.

  Before, we would use raw HSL values in order to be able to modify them later on:

  :root {
    --background-base: 0 0% 6%;
  }

  This introduces an unnecessary hurdle to customization, since most other libraries ship with either their own color values and spaces or a different approach entirely. Thus, the goal of this PR is to replace this approach with a simpler one. We will now default to HSL functions instead of the raw values:

  :root {
    --background-base: hsl(0 0% 6%);
  }

  Migrating from this can be a little tedious if the old system was used in custom components. You can use this regular expression with VSCode's (or any other IDE's) search & replace feature to replace all instances of the old syntax with the new:

  Search Value: hsl[a]?\((var\([A-Za-z-\d]+\))\)
  Replace Value: $1

  Please make sure to manually search for hsl(var( and hsla(var( after running the above to make sure all previous values have been replaced.

• #101 12eba39 Thanks @RATIU5! - adds the tooltip component

• #93 bb5ab5a Thanks @RATIU5! - Adds StudioCMS Typography using a .prose class

Patch Changes

• #94 2b89d92 Thanks @RATIU5! - prevents overflow select dropdowns with a scrollable container and enables toggling the dropdown via svg icon click

Patch Changes

• #83 9fc5efb Thanks @louisescher! - Fixes selects not being form compatible

Patch Changes

• #81 cbee510 Thanks @RATIU5! - fixes select interfaces and types and adds safety check to prevent duplicate event listeners

Patch Changes

• #78 c27bf16 Thanks @louisescher! - Fixes mismatched IDs in the CSS for the double sidebar component

Patch Changes

• #67 ad073b3 Thanks @RATIU5! - Adds multi-select functionality on the select component

Patch Changes

• #72 f183732 Thanks @louisescher! - Fixes a z-index for starlight variant tabs being too great