v8.0.0

Core

• All new Material Theme with Material You design
• All new color theming options and parameters
• Removed Aurora theme
• Removed Elevation, Lazy, Menu, Appbar, Request components and modules
• Removed browser lazy components from package

Photo Browser

• added new swipeable thumbs functionality

Swiper

• updated to all new Swiper v9 with Swiper Element which is now used in Swipeable Tabs
• removed Swiper components from Framework7 React, Vue, Svelte - use Swiper Element instead

Grid

• New simplified grid layout and sizes
• Resizable grid functionality has been removed

Inputs

• Removed inline labels styles
• Removed expandInput functionality in Autocomplete

List

• Removed list item cell & row components and elements
• List styling now has addition outline, strong, dividers classes / props

Router

• Removed stackPages functionality

Tabs

• Swipeable tabs now use <swiper-container>

Bug Fixes

• photo-browser: fix touch-action rules
  (5850615)
• vue: accept unloadTabContent param on View
  (24025a5),
  closes #4149
• svelte: fix swipeable tabs
  (9476c6a)
• vue: support for component props defined as array
  (d5c70e4)
• router: don't try to find route with empty path
  (4e4ccad)
• smart-select: fix smart select styles
  (a014cbb)
• fix iOS preloader color
  (6d3c557)
• smart-select: update lists styles
  (70bfcd9)
• core: fix issue with custom page transitions
  (933db6f)

Features

• remove link highlights in MD theme, use only touch ripple
  (e96f363)
• actions: fix actions position padding in md theme with safe areas
  (4d34afd)
• core: tweak touch ripple
  (4419887)
• searchbar: full height expandable with top safe areas
  (87bcf59)
• touch-ripple: tweak touch ripple appearance
  (a861e12)
• core: add new router component $useState method
  (677af59)
• photo-browser: add new swipeable Thumbs
  (d3313d6)
• remove colorTheme prop in React, Vue, Svelte components
  (90ecff6)
• app: remove id, version, language app params and properties
  (1b5ffd6)
• app: remove id, version, language app params and properties
  (da6e5ae)
• popover: rename angle to arrow
  (fb9867f)
• searchbar: rename hideDividers -> hideGroupTitles
  (24e76c1)
• tabs: use Swiper Element for swipeable tabs
  (d3bd0df)
• typography: remove no-hairline helper classes
  (8b10c00)
• timeline: new syntax for timeline cols
  (ce58827)
• checkbox: allow to set checkbox icon position - start or end
  (db9d799)
• core: remove Core JS lazy modules
  (25a9c8e)
• smart-select: allow to specify input icon position
  (68a9fbc)
• svelte: export style prop for modals
  (65ecc23),
  closes #4100
• swiper: remove support for auto init with "swiper-init" in favor of Swiper custom element
  (35367f8)
• swiper: remove Swiper components export in React, Svelte & Vue in favor of Swiper Custom Element
  (344c557)
• actions: Material You styles, rename bold -> strong button
  (d6a4718)
• autocomplete: Material You styles, remove expandInput functionality
  (7af373d)
• badge: Material You styles
  (5ca6a50)
• block: Material You styles, new outline style
  (7f7cbe2)
• block: support for -inset-[ios|md] classes + similar components props
  (908ca12)
• block: support theme-specific block-strong-[ios|md] states
  (75563ce)
• breadcrumbs: Material You styles
  (d854233)
• button: Material You styles
  (fd4e1f9)
• button: new tonal buttons
  (32daed7)
• calendar: Material You styles
  (2cc67b8)
• calendar: Material You styles
  (8abf7df)
• card: Material You styles, new outline and raised styles
  (21a051e)
• chip: Material You styles
  (651406e)
• color-picker: Material You styles
  (b8a9eee)
• contacts: Material You styles
  (ab3d5a9)
• contacts-list: Material You styles
  (6f35c10)
• core: remove Menu components (use Popovers instead)
  (cf2bb67)
• core: modal.open accepts second force argument
  (99f0267)
• core: move no-hairline classes to common typography, replace noHairline components prop with
  outline
  (ca7e2c9)
• core: move colors definitions to client side with new colors parameter and app.setColorTheme
  method
  (30c38b8)
• core: new Material You colors system. colorThemeCSSProperties util now return object with
  common, light and dark vars
  (9fb8b3a)
• core: new page transitions in MD theme
  (b050a88)
• core: remove stackedPages router functionality
  (6c2e624)
• core: remove Appbar module/component
  (98285ca)
• core: remove bars shadows in MD theme
  (f14b30f)
• core: remove Elevati...

v7.1.5

7.1.5

v7.1.4

Bug Fixes

• panel: fix panel close routine if it was closed immediately
  (#4127)
  (74aa9d8),
  closes #4108
• popover: disable safe areas in popover
  (5d5bce6)
• router: keep router props history if page was loaded with passed props
  (5ad3d8a)
• svelte: fix custom icon classes
  (06b406c),
  closes #4126

v7.1.3

Bug Fixes

• panel: fix panel close routine if it was closed immediately
  (#4127)
  (74aa9d8),
  closes #4108
• popover: disable safe areas in popover
  (5d5bce6)
• router: keep router props history if page was loaded with passed props
  (5ad3d8a)
• svelte: fix custom icon classes
  (06b406c),
  closes #4126

v7.0.8

Bug Fixes

• core: export internal $jsx helper for lazy components
  (c2a2213), closes
  #4072
• panel: don't process backdrop if disabled
  (c01b23c), closes
  #4069
• swiper: fix if loaded as lazy component
  (32f3be9), closes
  #4073

Features

• core: expose Framework7.parseComponent
  (7b0aea0)

v7.0.6

Bug Fixes

• core: fix core components types file not found in typescript when import
  (#4059)
  (1886a76)
• core: fix getWindow/Document getters in lazy components
  (41a7c50),
  closes #4052
• panel: fix closeByBackdropClick ignored on instance
  (48e966f)

Features

• svelte: searchbar: add html attributes auto-complete/correct/capitalize fixes
  (d5934d6)

v7.0.2

Bug Fixes

• data-table: fix missing Aurora theme styles
  (d81eddb)
• router: fix not resetting root url to '/'
  (1dee4e8),
  closes #4004
• types: remove reference to types folder
  (197b163)

v7.0.1

Bug Fixes

• calendar: fix scrolling on mobiles in calendar pickers
  (ede596d)

Features

• swiper: update Swiper to latest fixes Photo Browser
  (65f5085)

v7.0.0

Bug Fixes

• svelte: reuse original Framework7 instance
  (feda228),
  closes #3993
  #3992
• core: fix component types
  (249f54c),
  closes #3997
• preloaded: set initial position to 0 for iOS preloader
  (#4002)
  (76e8ef0)
• react: fix Actions and Range types
  (5c3087c),
  closes #3997
• use file extensions in all imports
  (f85d52f)
• vue: fix missing imports extensions
  (3692e28)
• calendar: don't close sheet calendar on picker popover click
  (f562972)
• calendar: fix invisible calendar popover on iOS
  (f10e7e5)

Features

• virtual-list: support virtual items auto height
  (c62d15d)

• view: new initRouterOnTabShow parameter to load view router only on tab show
  (0a67569)

• calendar: month picker as popover
  (c1cb89f)

• calendar: tweak design + time picker as popover
  (d2cf190)

• calendar: year picker as popover
  (1e90d9a)

• core: new breadcrumbs component
  (acf187c)

• modals: support unique backdrop for Popup, Sheet, Actions and Popover
  (df514dc)

• picker: reworked with native CSS Scroll Snap API
  (b6c4691)

• popover: allow popovers to be stacked
  (3485834),
  closes #3959

• react: new breadcrumbs component
  (49e8f35)

• router: browserHistoryTabs parameter to define how to handle routable tabs in history (push
  or replace)
  (e957101)

• svelte: new breadcrumbs component
  (aa74c25)

• vue: new breadcrumbs component
  (b63676d)

• use .lazy prefix for browser loaded JS lazy components
  (d419269)

• update Swiper to latest v8
  (1ae7f90)

• update Swiper and Skeleton Elements to latest
  (947529e)

• use new dark classes in Kitchen Sink
  (f61cace)

• core: rename "theme-dark" class for dark mode to "dark"
  (8144a59)

• core: rename dark mode params, props, events and methods
  (e283e8b)

• react: rename components themeDark prop to dark
  (0dd8967)

• react: support open-in functionality with react components router
  (8894a77)

• router: move open-in functionality to component router
  (7877e59)

• svelte: rename components themeDark prop to dark
  (f75b582)

• svelte: support open-in functionality with svelte components router
  (e03477e)

• vue: rename App's prop autoDarkTheme to autoDarkMode
  (0be0730)

• vue: rename components themeDark prop to dark
  (1b857bf)

• vue: support open-in functionality with vue components route
  (6610feb)

• framework7-core: move to pure ES module package
  (3549b76)

• framework7-react: move to pure ES module package
  (6abf98a)

• framework7-svelte: move to pure ES module package and keep only .svelte components
  (74b8e4d)

• framework7-vue: move to pure ES module package
  (e9adee6)

• increase build target to more modern browsers
  (5efd721)

• photo-browser: enables cssMode by default for iOS and Android devices
  (d6cb8e3)

v6.3.17

Bug Fixes

• core: fix component types (249f54c), closes #3997
• preloaded: set initial position to 0 for iOS preloader (#4002) (76e8ef0)
• react: fix Actions and Range types (5c3087c), closes #3997
  `