Release Notes

5.5.0 (2026-09-28)

Bug Fixes

• vue: update strong Segmented highlight when rendered inside iOS Navbar (8d1175c), closes #284

5.4.0 (2026-08-25)

Bug Fixes

• fix(svelte): navbar scroll: check if bgElRef exists

5.3.0 (2026-07-28)

Bug Fixes

• hairlines: support transparent and arbitrary colors in hairline-* utility (39848c5)
• overlays: hide closed overlays so Safari restores its translucent address bar (d5a89b4), closes #280
• react: prevent form-inputs crash from null in cls() (ab63e07)
• table: render iOS hairlines on cells so they position correctly in Safari (e8d1438), closes #279

5.2.0 (2026-06-29)

Bug Fixes

• add missing .js extension to cls imports in Fab and Progressbar classes (79ba3fe), closes #240
• render Material list dividers edge-to-edge (0cfa41f), closes #248

Features

• export Glass component with customizable colors (8df6811), closes #238

5.1.0 (2026-05-27)

Bug Fixes

• fix missing ref in Message, Sheet and Toast components (35950d3), closes #258
• fix wrong position and size of segemented button in Navbar subtitle snippet postion and size (e8088c1), closes #276 #277
• svelte: use element-specific attribute types for component prop inheritance (7d6e4cc), closes #256
• vue: pass subnavbar slot to NavbarClasses for correct bgBlur/bg height (256f1d8)

5.0.9 (2026-04-29)

Bug Fixes

• correctly extend Toolbar props in Tabbar (df87bc9), closes #270
• svelte: bypass media prop in ListInput (1c2938f), closes #271

Features

• package: correct package types for CSS exports (8eb6c28)

v5.0.8 (2026-03-17)

Bug Fixes

• ios: prevent double onClick on TabbarLink in touch mode (#263)
• types: widen component prop type to accept React components
• add .js extensions to ESM imports in ActionsGroupColors

v5.0.7 (2026-02-23)

Bug Fixes

• react: add import statement for React in SearchDisableIcon (#265) (d8fbad9)
• svelte: add HTML table element types to build script (#264) (6dd3e70)
• svelte: add missing component element types to build script (87a797a)
• types: avoid svelte type collisions between element and component props (#266) (8768f45)

v5.0.6 (2025-11-27)

Bug Fixes

• vue: Add missing attribute iosTouchHighlight #254 (#255)

v5.0.5 (2025-11-24)

Bug Fixes

• svelte: add base element to ToolbarPane (#251) (ea24993)
• svelte: add missing children on dialog and dialog button (#253) (b26c05a)

5.0.4 (2025-11-02)

Features

• package: add shared/utils shared/classes shared/colors exports (d038a97)

5.0.3 (2025-10-21)

Bug Fixes

• fix range slider appearance in Firefox (cbe363e), closes #244

Features

• svelte: update type definition to allow string in Snippet return type (#246) (e13585e)

5.0.2 (2025-10-09)

• fixed issue with Sheet Modal backdrop visibility

5.0.0 (2025-08-19)

🎉🎉🎉
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)

4.0.1 (2024-09-18)

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)

4.0.0 (2024-08-30)

Bug Fixes

• svelte: fix svelte5 warnings (cd0ae6f), closes #207

Features

• svelte: types support with Svelte5 (b01a8ed), closes #207

3.1.4 (2024-08-21)

Bug Fixes

• svelte: don't remove text slot from svelte types (#208) (ad6a0bd)
• svelte: fix missing touch ripple on links (11496d6)
• svelte: fix vite-plugin warning (#217) (927cb6f)
• svelte: ignore svelte a11y warnings (#215) (667c7a0), closes /svelte.dev/docs/accessibility-warnings#a11

3.1.3 (2024-03-25)

Bug Fixes

• vue: useContext (5206ae0)
• vue: useContext util (cc543a3), closes #196

Features

• [export konsta-react types KonstaProviderProps] (#183) (9e79848)

3.1.2 (2023-11-09)

Features

• add types to package exports

3.1.1 (2023-10-20)

Features

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

3.1.0 (2023-09-20)

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)

3.0.1 (2023-08-24)

Bug Fixes

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

3.0.0 (2023-08-23)

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)

2.0.0 (2023-04-21)

Breaking

• now it requires Tailwind CSS 3.3+

Bug Fixes

• RadioClasses material icon (#128) (b92714f)
• react: added React.PropsWithChildren (#132) (72ffa4e)
• svelte: checks for null or undefined where printing a text (8c6ff6f), closes #126
• svelte: fix default font size in breadcrumbs (03935c5)
• svelte: link should have touch ripple disabled by default (2b8822c), closes #112
• svelte: TabbarLink label (#129) (18d76bf)
• svelte: use <a> if button has href (5c6defd), closes #141

Features

• breadcrumbs: breadcrumbs-item now has overflow-hidden (5c30bb7)
• link: add linkProps property (328bd1e)
• RTL support with logical properties (#133) (870258a)
• svelte: add component prop support to FAB component (#83) (9841840)
• tabbarlink: add linkProps property (e026847), closes #123

1.0.2 (2022-09-16)

• block: new padding prop

1.0.1 (2022-09-13)

• fix config folder

1.0.0 (2022-09-13)

• 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)

1.0.0-beta.5 (2022-09-08)

Features

• actions: rename prop hairlines to dividers (29b3bdd)
• navbar: animate navbar for large and medium size (30adb31)
• navbar: rename prop hairlines to outline (b18b1ea)
• segmented: simplify strong logic and remove activeButtonIndex and childButtonsLength props (9bc4ef8)
• toolbar: rename prop hairlines to outline (9862c93)

1.0.0-beta.3 (2022-09-06)

Bug Fixes

• config: fix material font extraction (792ace3)

Features

• list: update media list styles in m3 theme (d9a03a9)

1.0.0-beta.2 (2022-09-01)

Features

• card: add contentWrap and contentWrapPadding props (5571a78)

1.0.0-beta.1 (2022-09-01)

Bug Fixes

• svelte: fix doubled ripple waves (d8dd17a)
• touch-ripple: remove ripple wave on contextmenu (9aad8d5)

Features

• actions: m3 styles (c47b7e4)
• actions: m3 styles (96c4385)
• block-header/footer: support inset layout (3108ce5)
• block-title: m3 styles and colors (58008db)
• block-title: new medium and large props for new sizes (bc6b470)
• block-title: tweak styles to match material 3 (63b6b7a)
• BlockFooter and BlockHeader colors (50ecc77)
• block: new outline, strong, inset styles (1bebcd5)
• block: tweak styles to match material 3 (48c05d9)
• breadcrumbs: m3 styles (8f38d19)
• button: add new "tonal" type and tweak styles to material 3 (1d5aff7)
• button: m3 styles (0886b5a)
• buttons: m3 appearance tweaks (929ec8e)
• card: more m3 styles (6587619)
• cards: m3 styles (84a8f20)
• card: tweak card border radius to match material 3 (9dd39a2)
• checkbox: add touch ripple to Checkbox (66c0d9f)
• checkbox: m3 styles (ca982d2)
• chips: m3 appearance (8e5d6f6)
• chips: m3 styles (33cc2bc)
• fab: m3 appearance (f5f1fb4)
• fab: m3 styles (3c069a3)
• link: m3 colors (dab006b)
• list-button: tweak list button font weight (ac02418)
• list-input: m3 styles + new outline inputs (9664580)
• list: control List items dividers with new dividers prop on List (adae44a)
• list: new outline & strong styles (e386600)
• list: tweak for m3 styles (8c1b1c1)
• md3 colors (756a448)
• menu-list: m3 styles (bf946b0)
• more device pixel ratios for hairlines (196c05b), closes #70
• navbar: increase size and remove shadow to match material 3 (d9e7f42)
• navbar: m3 styles and colors (dd0204a)
• navbar: new medium, large & transparent appearances (9ad6c2f)
• navbar: split title for ios and material colors (c264ac3)
• navbar: tweak navbar styles in material theme (0a216b9)
• navbar: tweak subnavbar height (8a6ec79)
• new colors system (41e8393)
• new Dialog component (1519aa6)
• no-scrollbar tailwind plugin (aed4e16)
• page: add page colors prop (1fbd280)
• page: m3 styles (b6ed24e)
• panel: add "floating" panel + tweak styles for material 3 (0511aba)
• panel: rounded panel in m3 (f8f05d9)
• popover: angle is now enabled by default (cf80085)
• popover: m3 tweaks (1165339)
• popover: option to force show/hide popover arrow/angle (d09f2ac)
• preloader: m3 styles (12842d8)
• progressbar: m3 styles (05a210c)
• radio: add touch ripple to Radio (047a2ee)
• radio: m3 styles (ab06b62)
• range: m3 styles (69b6f11)
• remove list 'active:' modifiers in m3 theme (80f4c85)
• stepper: m3 styles and colors (afcf880)
• toast: m3 styles (ddb99a1)
• toggle: add touch ripple to Toggle (6651214)
• toggle: m3 styles (7fb8806)
• toggle: support custom element on Toggle svelte component (c51e776)
• toggle: update styles to material 3 (187942b)
• toolbar: increase size and remove shadow to match material 3 (3cf2586)
• toolbar: m3 color (cdd6cdb)
• toolbar: reworked material Toolbar and Tabbar to match m3 styles (3022a45)
• tweak Sheet, Actions, Panel appearance and easing in m3 theme (92dc0f1)
• tweak Toast to match m3 design (f39f544)

0.11.1 (2022-08-05)

Bug Fixes

• svelte-types: add html props from the native element each component inherits from. (#66) (aa1193e)

0.11.0 (2022-06-21)

Features

• vue: don't compile Vue components and keep .vue files in package (61f3d97)

0.10.4 (2022-06-08)

Bug Fixes

• fixed wrong config paths

0.10.3 (2022-06-07)

Bug Fixes

• svelte: fix ListInput onClear handler (bd6c427), closes #52
• vue: segmented strong highlighting (#51) (570049f)

0.10.2 (2022-05-17)

Features

• button: add disabled state (a6330f1)

0.10.1 (2022-05-16)

Bug Fixes

• svelte: fix ListInput children error (2b91a6c), closes #48

0.10.0 (2022-04-28)

Features

• react: Action Sheet components (c1907ad)
• svelte: Action Sheet components (cf29c54)
• vue: Action Sheet components (9b1890b)

0.9.0 (2022-04-28)

Bug Fixes

• ListItem: use dark class on demand (409ef5d)
• popover: consider el.el case when calc Popover position (a3cebb6)

Features

• react: Breadcrumbs components (58a62c4)
• svelte: Breadcrumbs components (098a8ec)
• types: types for Breadcrumbs components (86cd6b8)
• vue: Breadcrumbs components (802aec1)

0.8.3 (2022-04-27)

Bug Fixes

• svelte: add onClick props types (b237927)

Features

• allow to replace default fonts for iOS and Material themes (b2f2244), closes #35

0.8.2 (2022-04-20)

Bug Fixes

• fix shared utils imports in "module" envs (30793b0), closes #44

0.8.1 (2022-04-17)

Bug Fixes

• fix sveltekit imports (9940518), closes #43

0.8.0 (2022-04-15)

Features

• Konsta Svelte components 🎉

0.7.3 (2022-04-12)

Features

• move common components classes to shared resources

0.7.2 (2022-04-12)

Bug Fixes

• preloader: fix iOS preloader animation in Safari (8135ac7)

0.7.1 (2022-01-24)

Bug Fixes

• segmented-button getting red (#30) (#31) (2f9ef20)

0.7.0 (2021-12-13)

• Konsta UI

0.6.0 (2021-12-13)

Features

• support tailwindcss 3 (#28) (888a087)

0.5.1 (2021-11-29)

Bug Fixes

• added component and media props types (#17) (42c0bf8)

0.5.0 (2021-10-18)

Bug Fixes

• fix Icon and TabbarLink types (2d91f6d)

Features

• Tailwind Mobile Vue.js components
• set /react and /vue packages as type: module (6d2578a)
• add Range input event handler` (a6cdb4d)
• add Stepper input event handler (99ad13c)

0.5.0-beta.9 (2021-10-15)

Bug Fixes

• export twmProvider in Vue types (aab5588)

0.5.0-beta.8 (2021-10-14)

Bug Fixes

• add package.json to exports (d1dad2d)

0.5.0-beta.7 (2021-10-14)

Bug Fixes

• fix Icon and TabbarLink types (2d91f6d)

0.5.0-beta.6 (2021-10-14)

Features

• vue: export all components without twm prefix (a8e8350)

0.5.0-beta.4 (2021-10-12)

Features

• set /react and /vue packages as type: module (6d2578a)

0.5.0-beta.3 (2021-10-12)

Bug Fixes

• vue: add missing TailwindMobuileProvider render method

0.5.0-beta.2 (2021-10-12)

Bug Fixes

• vue: add missing TailwindMobuileProvider (4607e68)

0.5.0-beta.1 (2021-10-12)

Features

• Vue components
• add Range input event handler` (a6cdb4d)
• add Stepper input event handler (99ad13c)

0.4.6 (2021-09-13)

Bug Fixes

• list-input: fix overflow with floating label (56f1af7), closes #10

0.4.5 (2021-09-09)

Bug Fixes

• input: fix missing type attribute (239babd), closes #9

0.4.4 (2021-09-06)

Features

• parent framework theme detection (75f5acf)

0.4.3 (2021-09-06)

Features

• config: support 'ios' and 'md' classes (2deeb3d)

0.4.2 (2021-09-06)

Bug Fixes

• config: fix dark mode extension (2a89557)

0.4.1 (2021-09-06)

Bug Fixes

• provider: fix touchRipple defaults (7989b4a)

0.4.0 (2021-09-06)

Bug Fixes

• navbar: fix missing safe areas in material theme (553c868)
• toolbar: fix toolbar height in material theme (7c11178)

Features

• config: purge can be an object (8d98111)
• list-item: auto strong title in menu list (5153047)
• list-item: item title font sizes (615d950)
• navbar: theme-specific font sizes (659d4cf)
• panel: new Side Panel component (b9ca8ba)

0.3.8 (2021-09-03)

0.3.7 (2021-09-02)

Features

• support darkMode: 'media' (d0d960e)

0.3.6 (2021-09-02)

0.3.5 (2021-09-02)

0.3.4 (2021-09-02)

Features

• types: export Props (c2ae854)

0.3.3 (2021-09-01)

Features

• popover: add translucent and angleClassName props (a097703)
• add select-none to components (ec936eb)

0.3.2 (2021-09-01)

Features

• escape safe side values (25b4c07)
• remove variant modifier (e090ed9)

0.3.1 (2021-09-01)

Features

• package: add release date (5d04e33)

0.3.0 (2021-08-31)

Features

• app: add safeAreas prop (f4c9c94)
• demo: update FAB position demo (c60f7ab)
• demo: update Popup demo (f566134)
• demo: update Sheet demo (5638a62)
• list: rest safe areas on inset list (22b8d87)
• popover: consider safe areas during positioning (8375b14)
• popup: reset safe areas (a8f9011)
• segmented: animated strong segmented (ecf6f71)

0.2.5 (2021-08-27)

Features

• begin safe areas (2a57bae)
• tweak base styles (585027d)

0.2.0 (2021-08-27)

Features

• allow to enable/disable touch ripple (0529a6b)
• docs (b058c59)

0.1.1 (2021-08-27)

Bug Fixes

• fix .d.ts imports (88c6759)

0.1.0 (2021-08-27)

Features

• add React typescript definitions (49ef335)
• progressbar: tweak iOS styles (6552ef6)
• option to exclude dark: variants (b09331c)
• react refs (e77a6e7)
• app: new App component (de882b5)
• checkbox: black icon in dark theme (cd7c7e3)
• checkbox: update iOS icon (8407bb5)
• popover: tweak styles (79c323e)
• radio: update iOS icon (67b6189)
• range: update iOS styles (1cda8b8)
• sheet: new Sheet modal component (15af2f7)
• add touch plugin (ce8e8ce)

0.0.4 (2021-08-26)

Features

• remove dark mode and variants plugin in favor of JIT mode (0663e96)

0.0.3 (2021-08-26)

Features

• config: add self to purge (cec552b)
• Navbar: title text color (cb4ff65)
• add hairlines prop to where it is used (21c5822)

0.0.2 (2021-08-26)

Features

• config: add 1em font sizes and 15,18 insets (f0e0a1d)
• config: extend spacing and scale values (319b799)
• hairlines: extend hairlines with colors and durations (59d4707)
• List,Block: add hairlines prop (f6ac793)
• ListButton: remove hailrine prop (c4706b0)
• ListInput: new ListInput component (0c45191)
• add first/last-child variants (d148e55)
• icons use currentcolor for fill (befa7b5)
• new FAB component (fa144ba)
• new ListGroup component (a58e639)
• use last-child variants to disable list hairlines (227f923)

0.0.1 (2021-02-16)

Features

• add themeClasses util (53b0e6f)
• Checkbox component (4f23379)
• Radio component (464a669)