@xenknight/framework7 0.0.3 → 0.0.6

package/framework7-lite-bundle.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 0.0.2
+ * Framework7 0.0.5
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2025
+ * Released on: December 19, 2025
  */
 
 import $ from './shared/dom7.js';

package/framework7-lite.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 0.0.2
+ * Framework7 0.0.5
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2025
+ * Released on: December 19, 2025
  */
 
 import $ from './shared/dom7.js';

package/framework7-rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 0.0.2
+ * Framework7 0.0.5
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 26, 2025
+ * Released on: December 19, 2025
  */
 
 /*====================
@@ -86,6 +86,21 @@
   /*
   --f7-bars-link-color: var(--f7-theme-color);
   */
+  --f7-glass-bg-color: rgba(255, 255, 255, 0.75);
+  --f7-glass-shadow: inset -1px -1px 0px -0.5px #ffffff,
+      inset 1px 1px 0px -0.5px rgba(255, 255, 255, 1),
+      inset 3px 3px 10px -3px #ddd,
+      inset -3px -3px 10px -3px #ddd,
+      inset 0 0 5px 1px #fff,
+      inset 0 0 0 0.5px rgba(0, 0, 0, 0.25),
+      inset 0 0 24px 0 rgba(0, 0, 0, 0.1),
+      0 0 25px 0 rgba(0, 0, 0, 0.2);
+  --f7-glass-shadow-thumb: inset -3px -3px 0px -3.5px #ffffff,
+      inset 3px 3px 0px -3.5px rgba(255, 255, 255, 1),
+      inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.5),
+      inset 3px 3px 10px -2px #eee,
+      inset -3px -3px 10px -2px #eee,
+      inset 0 0 5px 1px #fff;
   --f7-bars-text-color: #000;
   --f7-text-color: #000;
   --f7-bars-bg-color: #f7f7f8;
@@ -94,6 +109,23 @@
 }
 .ios .dark,
 .ios.dark {
+  --f7-glass-bg-color: rgba(50, 50, 50, 0.5);
+  --f7-glass-shadow: inset -2px -2px 0.5px -2.5px rgba(255, 255, 255, 0.4),
+      inset 3px 3px 0.5px -3.5px rgba(255, 255, 255, 0.4),
+      inset 2px 2px 0.5px -2px #262626,
+      inset -2px -2px 0.5px -2px #262626,
+      inset 0 0 5px 1px #141414,
+      inset 0 0 0 1px rgba(255, 255, 255, 0.15),
+      inset 0 0 10px 0 rgba(255, 255, 255, 0.075),
+      inset 0 0 24px 0 rgba(255, 255, 255, 0.05),
+      0 0 25px 0 rgba(0, 0, 0, 0.15);
+  --f7-glass-shadow-thumb: inset 3px 3px 0px -3.5px #ffffff,
+      inset -3px -3px 0px -3.5px rgba(255, 255, 255, 1),
+      inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.5),
+      inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.1),
+      inset -3px 3px 0px -3.5px rgba(255, 255, 255, 0.25),
+      inset 0px -5px 0px -3.5px rgba(255, 255, 255, 0.25),
+      inset 0px -5px 5px rgba(255, 255, 255, 0.25);
   --f7-bars-text-color: #fff;
   --f7-text-color: #fff;
   --f7-bars-bg-color: #121212;
@@ -427,10 +459,10 @@ html.device-full-viewport body {
   z-index: 10000;
 }
 .ios .page-previous {
-  transform: translate3d(20%, 0, 0);
+  transform: translate3d(20%, 0, 0) scale(0.5);
 }
 .ios .page-next {
-  transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0) scale(1);
 }
 .ios .page-previous .page-opacity-effect {
   opacity: 1;
@@ -550,11 +582,11 @@ html.device-full-viewport body {
   }
 }
 .md .page-previous {
-  transform: translate3d(0, -20px, 0);
+  transform: translate3d(0, -20px, 0) scale(0.5);
 }
 .md .page-next {
   pointer-events: none;
-  transform: translate3d(0, 128px, 0);
+  transform: translate3d(0, 128px, 0) scale(0.5);
   opacity: 0;
 }
 .md .page-next.page-next-on-right {
@@ -2970,18 +3002,18 @@ html.device-full-viewport body {
   --f7-block-text-color: inherit;
   --f7-block-margin-vertical: 35px;
   --f7-block-outline-border-color: rgba(0, 0, 0, 0.22);
-  --f7-block-title-font-size: 16px;
+  --f7-block-title-font-size: 17px;
   --f7-block-title-font-weight: 600;
   --f7-block-title-line-height: 20px;
   --f7-block-title-margin-bottom: 10px;
-  --f7-block-title-medium-font-size: 22px;
+  --f7-block-title-medium-font-size: 20px;
   --f7-block-title-medium-font-weight: bold;
   --f7-block-title-medium-line-height: 1.4;
-  --f7-block-title-large-font-size: 30px;
+  --f7-block-title-large-font-size: 22px;
   --f7-block-title-large-font-weight: bold;
   --f7-block-title-large-line-height: 1.3;
-  --f7-block-inset-border-radius: 8px;
-  --f7-block-title-text-color: #000;
+  --f7-block-inset-border-radius: 24px;
+  --f7-block-title-text-color: rgba(0, 0, 0, 0.6);
   --f7-block-strong-text-color: #000;
   --f7-block-header-text-color: rgba(0, 0, 0, 0.45);
   --f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
@@ -2991,7 +3023,7 @@ html.device-full-viewport body {
 }
 .ios .dark,
 .ios.dark {
-  --f7-block-title-text-color: #fff;
+  --f7-block-title-text-color: rgba(255, 255, 255, 0.6);
   --f7-block-header-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
   --f7-block-strong-text-color: #fff;
@@ -3397,7 +3429,6 @@ html.device-full-viewport body {
 :root {
   --f7-list-inset-side-margin: 16px;
   --f7-list-item-padding-horizontal: 16px;
-  --f7-list-item-padding-vertical: 8px;
   --f7-list-media-item-padding-horizontal: 16px;
   --f7-list-item-text-max-lines: 2;
   --f7-list-chevron-icon-font-size: 20px;
@@ -3441,8 +3472,9 @@ html.device-full-viewport body {
   --f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
 }
 .ios {
+  --f7-list-item-padding-vertical: 12px;
   --f7-list-in-list-padding-left: 30px;
-  --f7-list-inset-border-radius: 8px;
+  --f7-list-inset-border-radius: 24px;
   --f7-list-margin-vertical: 35px;
   --f7-list-font-size: 17px;
   --f7-list-chevron-icon-area: 20px;
@@ -3454,7 +3486,7 @@ html.device-full-viewport body {
   --f7-list-item-text-line-height: 21px;
   --f7-list-item-after-font-size: inherit;
   --f7-list-item-after-padding: 5px;
-  --f7-list-item-min-height: 44px;
+  --f7-list-item-min-height: 52px;
   --f7-list-item-media-icons-margin: 5px;
   --f7-list-media-item-padding-vertical: 10px;
   --f7-list-media-item-title-font-weight: 600;
@@ -3467,7 +3499,7 @@ html.device-full-viewport body {
   --f7-list-group-title-font-size: inherit;
   --f7-list-group-title-font-weight: 400;
   --f7-menu-list-offset: 8px;
-  --f7-menu-list-border-radius: 8px;
+  --f7-menu-list-border-radius: 16px;
   --f7-menu-list-item-bg-color: transparent;
   --f7-menu-list-item-text-color: inherit;
   --f7-menu-list-item-min-height: 44px;
@@ -3486,7 +3518,7 @@ html.device-full-viewport body {
 .ios .dark,
 .ios.dark {
   --f7-list-item-border-color: rgba(255, 255, 255, 0.15);
-  --f7-list-outline-inset-color: rgba(255, 255, 255, 0.15);
+  --f7-list-outline-inset-border-color: rgba(255, 255, 255, 0.15);
   --f7-list-strong-bg-color: #1c1c1d;
   --f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
   --f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
@@ -3499,6 +3531,7 @@ html.device-full-viewport body {
   --f7-menu-list-item-selected-bg-color: var(--f7-theme-color);
 }
 .md {
+  --f7-list-item-padding-vertical: 8px;
   --f7-list-in-list-padding-left: 24px;
   --f7-list-inset-border-radius: 16px;
   --f7-list-margin-vertical: 32px;
@@ -3709,8 +3742,8 @@ html.device-full-viewport body {
 .list label.item-content {
   color: inherit;
 }
-.list .item-link.active-state,
-.list label.item-content.active-state {
+.list .item-link.active-state:not(:has(.toggle-active-state)),
+.list label.item-content.active-state:not(:has(.toggle-active-state)) {
   background-color: var(--f7-list-link-pressed-bg-color);
 }
 .list .item-link .item-inner {
@@ -4521,7 +4554,6 @@ li.list-group-title:after,
   --f7-badge-bg-color: var(--f7-theme-color);
 }
 :root {
-  --f7-button-font-size: 14px;
   --f7-button-min-width: 32px;
   --f7-button-bg-color: transparent;
   --f7-button-border-width: 0px;
@@ -4553,12 +4585,13 @@ li.list-group-title:after,
   --f7-segmented-strong-button-active-text-color: #fff;
 }
 .ios {
+  --f7-button-font-size: 15px;
   --f7-button-fill-text-color: #fff;
-  --f7-button-text-transform: uppercase;
-  --f7-button-height: 28px;
+  --f7-button-text-transform: none;
+  --f7-button-height: 34px;
   --f7-button-padding-horizontal: 10px;
   --f7-button-border-radius: 4px;
-  --f7-button-font-weight: 600;
+  --f7-button-font-weight: 500;
   --f7-button-letter-spacing: 0;
   /*
   --f7-button-outline-border-color: var(--f7-theme-color);
@@ -4568,15 +4601,15 @@ li.list-group-title:after,
   --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
   --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
   */
-  --f7-button-large-text-transform: uppercase;
-  --f7-button-large-height: 44px;
+  --f7-button-large-text-transform: none;
+  --f7-button-large-height: 48px;
   --f7-button-large-font-size: 17px;
   --f7-button-large-font-weight: 500;
   --f7-button-small-outline-border-width: 2px;
-  --f7-button-small-text-transform: uppercase;
-  --f7-button-small-height: 26px;
-  --f7-button-small-font-size: 13px;
-  --f7-button-small-font-weight: 600;
+  --f7-button-small-text-transform: none;
+  --f7-button-small-height: 28px;
+  --f7-button-small-font-size: 14px;
+  --f7-button-small-font-weight: 500;
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
   --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
@@ -4591,6 +4624,7 @@ li.list-group-title:after,
   --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
 }
 .md {
+  --f7-button-font-size: 14px;
   /*
   --f7-button-pressed-bg-color: transparent;
   */