v5.0.1

5.0.1

v5.0.0

🎉🎉🎉
All new Konsta UI v5 is here with updated iOS 26 and Material Design 2025 look and feel!

Tailwind

• Konsta has been updated to the latest Tailwind v4 API, so the framework installation and configuration should be done in @theme CSS declaration.

React

• All components have been updated to the latest React 19 API

Svelte

• All components have been updated to use new Svelte v5 Runes API
• Which means no more slots, we need to use {#snippet ...} now to pass the children content

iOS Theme

• Almost all components have been updated to match the new iOS 26 look and feel
• New iOS hover highlight on interactive elements (can be disabled globally via App/KonstaProvider parameter)

Material Theme

• Updated look for Range Slider and Progressbar components
• Touch ripple can only be enabled/disabled globally (via App/KonstaProvider parameter)
• New color schemes - Vibrant and Monochrome

Full Changelog

• a lot of Svelte components updates (7bd5aec)
• add Glass component (176fb99)
• add k-{name} component classes (29200dc)
• begin Svelte components (aac737e)
• FAB iOS styles (6aa014f)
• finalize iOS toolbar pane (02aff9b)
• iOS hover highlight (410fcd2)
• Link - remove navbar prop and use context instead (16ecc8d)
• Link - remove toolbar, tabbar props and use context instead (171014a)
• Messagebar iOS styles (89268a1)
• monochrome and vibrant MD color schemes (2f026e7)
• Notification - add safe areas on top (0a2614f)
• Popover iOS styles (560aa67)
• Popup iOS styles (acfb139)
• remove touchRipple prop from components, and keep only global materialTouchRipple (ed5c7f3)
• Searchbar iOS styles (79fb1af)
• Segmented - add theme-specific style props, remove strong,rounded props from SegmentedButton (a823ad8)
• Segmented in Subnavbar iOS styles (32603fb)
• SheetModal - tweak styles and colors (fc0e039)
• Subnavbar iOS styles (ef7742d)
• Svelte - bindable input props (02afb65)
• Tabbar iOS highlight (491ac47)
• Toolbar/Tabbar - tweak styles + use common Toolbar context (bf96f4c)
• tweak glass colors (ac9f2ce)
• tweak light glass shadow (a21547a)
• tweak safe areas (1b3e59c)
• update iOS Actions style (163addb)
• update iOS Actions styles (67f4c68)
• update iOS BackIcon (2e707f4)
• update iOS Block styles (b048b4a)
• update iOS Button styles (0d94299)
• update iOS Checkbox styles (b3dfb84)
• update iOS Dialog style (1b0b207)
• update iOS Dialog style (0572d6a)
• update iOS Dialog styles (216b6da)
• update iOS Dialog styles (3ec2714)
• update iOS Lists styles (e5fbc6a)
• update iOS Navbar styles (ff8044a)
• update iOS Notification style (6b693fb)
• update iOS Panel style (c7be1d1)
• update iOS Panel styles (4321f36)
• update iOS Progressbar styles (39d1832)
• update iOS Range style (e8fc8ff)
• update iOS Range styles (f661873)
• update iOS Sheet styles (e9b8517)
• update iOS Stepper styles (79fac3d)
• update iOS Toast style (a065e97)
• update iOS Toast styles (701ac87)
• update iOS Toggle style (a69b2c2)
• update iOS Toggle style (51a397a)
• update iOS Toggle styles (9dca1a0)
• update iOS Toolbar styles (133775f)
• update iOS Toolbar/Tabbar style (903090f)
• update MD Progressbar style (2da5384)
• update MD RangeSlider styles (b3500f3)
• update to use react ref prop (57a5c14)
• update Vue components (14bfbcd)
• Vue Tabbar with mutation observer (8da2783)

v4.0.1

Bug Fixes

• svelte: prevent double onClick attribute on Svelte Link (6c5b7eb), closes #222
• svelte: remove svelte-navigator from repository (#221) (ebe0b80)
• svelte: Svelte Button and Link types (#220) (db621ab)

v3.1.2

Features

• add types to package exports

v3.1.1

(2023-10-20)

Features

• message: add onClick handler (4df47e3), closes #177
• messages: add messageReceived to colors (6b51367), closes #176

v3.1.0

Bug Fixes

• react: camel case tabIndex in Link component (#170) (f16b164)
• react: camel case tabIndex in react components (#175) (85a29e9)

Features

• Data Table Components (#173) (643973d)

v3.0.1

Bug Fixes

• package: fix wrong config paths in package (d935fbb)

v3.0.0

Bug Fixes

• types: omit props in HTMLElement extension (#162) (ce2576d), closes #159

Features

• add aria role attributes (#161) (59216a6), closes #155
• add Notification component (#154) (9724f7c)
• Contacts component (#153) (de8e0b2)
• Messages Component (#152) (3e7ae5b)
• Searchbar component (#150) (5fedde6)

v1.0.1

• fix config folder

v1.0.0

• All new Material You design
• New Dialog component
• New way of handling color schemes
• Lots of minor changes, new features, improvements and fixes across all components (see beta changelogs below)