Release Notes

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)