@xenknight/framework7 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/block/block-vars.less +6 -6
- package/components/button/button-vars.less +11 -10
- package/components/dialog/dialog-class.js +6 -3
- package/components/dialog/dialog-ios.less +10 -34
- package/components/dialog/dialog-md.less +2 -22
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +8 -10
- package/components/dialog/dialog.css +1 -1
- package/components/dialog/dialog.js +3 -3
- package/components/dialog/dialog.less +6 -25
- package/components/list/list-vars.less +7 -5
- package/components/list/list.less +1 -1
- package/components/notification/notification-class.js +6 -6
- package/components/notification/notification-ios.less +3 -8
- package/components/notification/notification-md.less +1 -20
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification-vars.less +13 -16
- package/components/notification/notification.css +1 -1
- package/components/notification/notification.less +13 -1
- package/components/popover/popover-class.js +21 -58
- package/components/popover/popover-ios.less +66 -2
- package/components/popover/popover-md.less +2 -27
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover-vars.less +2 -3
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.d.ts +0 -2
- package/components/popover/popover.js +0 -1
- package/components/popover/popover.less +28 -50
- package/components/range/range-class.js +34 -27
- package/components/range/range-ios.less +60 -0
- package/components/range/range-md.less +67 -4
- package/components/range/range-rtl.css +1 -1
- package/components/range/range-vars.less +18 -13
- package/components/range/range.css +1 -1
- package/components/range/range.d.ts +3 -1
- package/components/range/range.less +11 -24
- package/components/swipeout/swipeout-ios.less +37 -0
- package/components/swipeout/swipeout-md.less +56 -0
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout-vars.less +13 -2
- package/components/swipeout/swipeout.css +1 -1
- package/components/swipeout/swipeout.js +99 -23
- package/components/swipeout/swipeout.less +20 -44
- package/components/toast/toast-class.js +2 -2
- package/components/toast/toast-ios.less +2 -0
- package/components/toast/toast-rtl.css +1 -1
- package/components/toast/toast-vars.less +2 -4
- package/components/toast/toast.css +1 -1
- package/components/toast/toast.less +1 -1
- package/framework7-bundle-rtl.css +417 -368
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +417 -368
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +2446 -849
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +4 -4
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +27 -25
- package/framework7-rtl.min.css +3 -3
- package/framework7.css +27 -25
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +3 -3
- package/package.json +1 -1
- package/shared/get-support.d.ts +0 -6
- package/shared/get-support.js +1 -20
- package/shared/material-color-utils.js +2153 -679
- package/shared/material-colors.js +97 -17
- package/shared/utils.js +18 -6
package/framework7.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 0.0.
|
|
2
|
+
* Framework7 0.0.5
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: December
|
|
10
|
+
* Released on: December 19, 2025
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -2996,18 +2996,18 @@ html.device-full-viewport body {
|
|
|
2996
2996
|
--f7-block-text-color: inherit;
|
|
2997
2997
|
--f7-block-margin-vertical: 35px;
|
|
2998
2998
|
--f7-block-outline-border-color: rgba(0, 0, 0, 0.22);
|
|
2999
|
-
--f7-block-title-font-size:
|
|
2999
|
+
--f7-block-title-font-size: 17px;
|
|
3000
3000
|
--f7-block-title-font-weight: 600;
|
|
3001
3001
|
--f7-block-title-line-height: 20px;
|
|
3002
3002
|
--f7-block-title-margin-bottom: 10px;
|
|
3003
|
-
--f7-block-title-medium-font-size:
|
|
3003
|
+
--f7-block-title-medium-font-size: 20px;
|
|
3004
3004
|
--f7-block-title-medium-font-weight: bold;
|
|
3005
3005
|
--f7-block-title-medium-line-height: 1.4;
|
|
3006
|
-
--f7-block-title-large-font-size:
|
|
3006
|
+
--f7-block-title-large-font-size: 22px;
|
|
3007
3007
|
--f7-block-title-large-font-weight: bold;
|
|
3008
3008
|
--f7-block-title-large-line-height: 1.3;
|
|
3009
|
-
--f7-block-inset-border-radius:
|
|
3010
|
-
--f7-block-title-text-color:
|
|
3009
|
+
--f7-block-inset-border-radius: 24px;
|
|
3010
|
+
--f7-block-title-text-color: rgba(0, 0, 0, 0.6);
|
|
3011
3011
|
--f7-block-strong-text-color: #000;
|
|
3012
3012
|
--f7-block-header-text-color: rgba(0, 0, 0, 0.45);
|
|
3013
3013
|
--f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
|
|
@@ -3017,7 +3017,7 @@ html.device-full-viewport body {
|
|
|
3017
3017
|
}
|
|
3018
3018
|
.ios .dark,
|
|
3019
3019
|
.ios.dark {
|
|
3020
|
-
--f7-block-title-text-color:
|
|
3020
|
+
--f7-block-title-text-color: rgba(255, 255, 255, 0.6);
|
|
3021
3021
|
--f7-block-header-text-color: rgba(255, 255, 255, 0.55);
|
|
3022
3022
|
--f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
|
|
3023
3023
|
--f7-block-strong-text-color: #fff;
|
|
@@ -3423,7 +3423,6 @@ html.device-full-viewport body {
|
|
|
3423
3423
|
:root {
|
|
3424
3424
|
--f7-list-inset-side-margin: 16px;
|
|
3425
3425
|
--f7-list-item-padding-horizontal: 16px;
|
|
3426
|
-
--f7-list-item-padding-vertical: 8px;
|
|
3427
3426
|
--f7-list-media-item-padding-horizontal: 16px;
|
|
3428
3427
|
--f7-list-item-text-max-lines: 2;
|
|
3429
3428
|
--f7-list-chevron-icon-font-size: 20px;
|
|
@@ -3467,8 +3466,9 @@ html.device-full-viewport body {
|
|
|
3467
3466
|
--f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
|
|
3468
3467
|
}
|
|
3469
3468
|
.ios {
|
|
3469
|
+
--f7-list-item-padding-vertical: 12px;
|
|
3470
3470
|
--f7-list-in-list-padding-left: 30px;
|
|
3471
|
-
--f7-list-inset-border-radius:
|
|
3471
|
+
--f7-list-inset-border-radius: 24px;
|
|
3472
3472
|
--f7-list-margin-vertical: 35px;
|
|
3473
3473
|
--f7-list-font-size: 17px;
|
|
3474
3474
|
--f7-list-chevron-icon-area: 20px;
|
|
@@ -3480,7 +3480,7 @@ html.device-full-viewport body {
|
|
|
3480
3480
|
--f7-list-item-text-line-height: 21px;
|
|
3481
3481
|
--f7-list-item-after-font-size: inherit;
|
|
3482
3482
|
--f7-list-item-after-padding: 5px;
|
|
3483
|
-
--f7-list-item-min-height:
|
|
3483
|
+
--f7-list-item-min-height: 52px;
|
|
3484
3484
|
--f7-list-item-media-icons-margin: 5px;
|
|
3485
3485
|
--f7-list-media-item-padding-vertical: 10px;
|
|
3486
3486
|
--f7-list-media-item-title-font-weight: 600;
|
|
@@ -3493,7 +3493,7 @@ html.device-full-viewport body {
|
|
|
3493
3493
|
--f7-list-group-title-font-size: inherit;
|
|
3494
3494
|
--f7-list-group-title-font-weight: 400;
|
|
3495
3495
|
--f7-menu-list-offset: 8px;
|
|
3496
|
-
--f7-menu-list-border-radius:
|
|
3496
|
+
--f7-menu-list-border-radius: 16px;
|
|
3497
3497
|
--f7-menu-list-item-bg-color: transparent;
|
|
3498
3498
|
--f7-menu-list-item-text-color: inherit;
|
|
3499
3499
|
--f7-menu-list-item-min-height: 44px;
|
|
@@ -3512,7 +3512,7 @@ html.device-full-viewport body {
|
|
|
3512
3512
|
.ios .dark,
|
|
3513
3513
|
.ios.dark {
|
|
3514
3514
|
--f7-list-item-border-color: rgba(255, 255, 255, 0.15);
|
|
3515
|
-
--f7-list-outline-inset-color: rgba(255, 255, 255, 0.15);
|
|
3515
|
+
--f7-list-outline-inset-border-color: rgba(255, 255, 255, 0.15);
|
|
3516
3516
|
--f7-list-strong-bg-color: #1c1c1d;
|
|
3517
3517
|
--f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
|
|
3518
3518
|
--f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
|
|
@@ -3525,6 +3525,7 @@ html.device-full-viewport body {
|
|
|
3525
3525
|
--f7-menu-list-item-selected-bg-color: var(--f7-theme-color);
|
|
3526
3526
|
}
|
|
3527
3527
|
.md {
|
|
3528
|
+
--f7-list-item-padding-vertical: 8px;
|
|
3528
3529
|
--f7-list-in-list-padding-left: 24px;
|
|
3529
3530
|
--f7-list-inset-border-radius: 16px;
|
|
3530
3531
|
--f7-list-margin-vertical: 32px;
|
|
@@ -3735,8 +3736,8 @@ html.device-full-viewport body {
|
|
|
3735
3736
|
.list label.item-content {
|
|
3736
3737
|
color: inherit;
|
|
3737
3738
|
}
|
|
3738
|
-
.list .item-link.active-state,
|
|
3739
|
-
.list label.item-content.active-state {
|
|
3739
|
+
.list .item-link.active-state:not(:has(.toggle-active-state)),
|
|
3740
|
+
.list label.item-content.active-state:not(:has(.toggle-active-state)) {
|
|
3740
3741
|
background-color: var(--f7-list-link-pressed-bg-color);
|
|
3741
3742
|
}
|
|
3742
3743
|
.list .item-link .item-inner {
|
|
@@ -4546,7 +4547,6 @@ li.list-group-title:after,
|
|
|
4546
4547
|
--f7-badge-bg-color: var(--f7-theme-color);
|
|
4547
4548
|
}
|
|
4548
4549
|
:root {
|
|
4549
|
-
--f7-button-font-size: 14px;
|
|
4550
4550
|
--f7-button-min-width: 32px;
|
|
4551
4551
|
--f7-button-bg-color: transparent;
|
|
4552
4552
|
--f7-button-border-width: 0px;
|
|
@@ -4578,12 +4578,13 @@ li.list-group-title:after,
|
|
|
4578
4578
|
--f7-segmented-strong-button-active-text-color: #fff;
|
|
4579
4579
|
}
|
|
4580
4580
|
.ios {
|
|
4581
|
+
--f7-button-font-size: 15px;
|
|
4581
4582
|
--f7-button-fill-text-color: #fff;
|
|
4582
|
-
--f7-button-text-transform:
|
|
4583
|
-
--f7-button-height:
|
|
4583
|
+
--f7-button-text-transform: none;
|
|
4584
|
+
--f7-button-height: 34px;
|
|
4584
4585
|
--f7-button-padding-horizontal: 10px;
|
|
4585
4586
|
--f7-button-border-radius: 4px;
|
|
4586
|
-
--f7-button-font-weight:
|
|
4587
|
+
--f7-button-font-weight: 500;
|
|
4587
4588
|
--f7-button-letter-spacing: 0;
|
|
4588
4589
|
/*
|
|
4589
4590
|
--f7-button-outline-border-color: var(--f7-theme-color);
|
|
@@ -4593,15 +4594,15 @@ li.list-group-title:after,
|
|
|
4593
4594
|
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
|
|
4594
4595
|
--f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
|
|
4595
4596
|
*/
|
|
4596
|
-
--f7-button-large-text-transform:
|
|
4597
|
-
--f7-button-large-height:
|
|
4597
|
+
--f7-button-large-text-transform: none;
|
|
4598
|
+
--f7-button-large-height: 48px;
|
|
4598
4599
|
--f7-button-large-font-size: 17px;
|
|
4599
4600
|
--f7-button-large-font-weight: 500;
|
|
4600
4601
|
--f7-button-small-outline-border-width: 2px;
|
|
4601
|
-
--f7-button-small-text-transform:
|
|
4602
|
-
--f7-button-small-height:
|
|
4603
|
-
--f7-button-small-font-size:
|
|
4604
|
-
--f7-button-small-font-weight:
|
|
4602
|
+
--f7-button-small-text-transform: none;
|
|
4603
|
+
--f7-button-small-height: 28px;
|
|
4604
|
+
--f7-button-small-font-size: 14px;
|
|
4605
|
+
--f7-button-small-font-weight: 500;
|
|
4605
4606
|
--f7-segmented-strong-button-text-transform: none;
|
|
4606
4607
|
--f7-segmented-strong-button-active-font-weight: 600;
|
|
4607
4608
|
--f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
|
|
@@ -4616,6 +4617,7 @@ li.list-group-title:after,
|
|
|
4616
4617
|
--f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
|
|
4617
4618
|
}
|
|
4618
4619
|
.md {
|
|
4620
|
+
--f7-button-font-size: 14px;
|
|
4619
4621
|
/*
|
|
4620
4622
|
--f7-button-pressed-bg-color: transparent;
|
|
4621
4623
|
*/
|
package/framework7.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 0.0.
|
|
2
|
+
* Framework7 0.0.5
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: December
|
|
10
|
+
* Released on: December 19, 2025
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|
package/framework7.less
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 0.0.
|
|
2
|
+
* Framework7 0.0.5
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: December
|
|
10
|
+
* Released on: December 19, 2025
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
@import (reference) './less/mixins.less';
|