@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.
Files changed (73) hide show
  1. package/components/block/block-vars.less +6 -6
  2. package/components/button/button-vars.less +11 -10
  3. package/components/dialog/dialog-class.js +6 -3
  4. package/components/dialog/dialog-ios.less +10 -34
  5. package/components/dialog/dialog-md.less +2 -22
  6. package/components/dialog/dialog-rtl.css +1 -1
  7. package/components/dialog/dialog-vars.less +8 -10
  8. package/components/dialog/dialog.css +1 -1
  9. package/components/dialog/dialog.js +3 -3
  10. package/components/dialog/dialog.less +6 -25
  11. package/components/list/list-vars.less +7 -5
  12. package/components/list/list.less +1 -1
  13. package/components/notification/notification-class.js +6 -6
  14. package/components/notification/notification-ios.less +3 -8
  15. package/components/notification/notification-md.less +1 -20
  16. package/components/notification/notification-rtl.css +1 -1
  17. package/components/notification/notification-vars.less +13 -16
  18. package/components/notification/notification.css +1 -1
  19. package/components/notification/notification.less +13 -1
  20. package/components/popover/popover-class.js +21 -58
  21. package/components/popover/popover-ios.less +66 -2
  22. package/components/popover/popover-md.less +2 -27
  23. package/components/popover/popover-rtl.css +1 -1
  24. package/components/popover/popover-vars.less +2 -3
  25. package/components/popover/popover.css +1 -1
  26. package/components/popover/popover.d.ts +0 -2
  27. package/components/popover/popover.js +0 -1
  28. package/components/popover/popover.less +28 -50
  29. package/components/range/range-class.js +34 -27
  30. package/components/range/range-ios.less +60 -0
  31. package/components/range/range-md.less +67 -4
  32. package/components/range/range-rtl.css +1 -1
  33. package/components/range/range-vars.less +18 -13
  34. package/components/range/range.css +1 -1
  35. package/components/range/range.d.ts +3 -1
  36. package/components/range/range.less +11 -24
  37. package/components/swipeout/swipeout-ios.less +37 -0
  38. package/components/swipeout/swipeout-md.less +56 -0
  39. package/components/swipeout/swipeout-rtl.css +1 -1
  40. package/components/swipeout/swipeout-vars.less +13 -2
  41. package/components/swipeout/swipeout.css +1 -1
  42. package/components/swipeout/swipeout.js +99 -23
  43. package/components/swipeout/swipeout.less +20 -44
  44. package/components/toast/toast-class.js +2 -2
  45. package/components/toast/toast-ios.less +2 -0
  46. package/components/toast/toast-rtl.css +1 -1
  47. package/components/toast/toast-vars.less +2 -4
  48. package/components/toast/toast.css +1 -1
  49. package/components/toast/toast.less +1 -1
  50. package/framework7-bundle-rtl.css +417 -368
  51. package/framework7-bundle-rtl.min.css +4 -4
  52. package/framework7-bundle.css +417 -368
  53. package/framework7-bundle.esm.js +2 -2
  54. package/framework7-bundle.js +2446 -849
  55. package/framework7-bundle.js.map +1 -1
  56. package/framework7-bundle.less +2 -2
  57. package/framework7-bundle.min.css +4 -4
  58. package/framework7-bundle.min.js +3 -3
  59. package/framework7-bundle.min.js.map +1 -1
  60. package/framework7-lite-bundle.esm.js +2 -2
  61. package/framework7-lite.esm.js +2 -2
  62. package/framework7-rtl.css +27 -25
  63. package/framework7-rtl.min.css +3 -3
  64. package/framework7.css +27 -25
  65. package/framework7.esm.js +2 -2
  66. package/framework7.less +2 -2
  67. package/framework7.min.css +3 -3
  68. package/package.json +1 -1
  69. package/shared/get-support.d.ts +0 -6
  70. package/shared/get-support.js +1 -20
  71. package/shared/material-color-utils.js +2153 -679
  72. package/shared/material-colors.js +97 -17
  73. package/shared/utils.js +18 -6
package/framework7-lite-bundle.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 0.0.3
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 14, 2025
10
+ * Released on: December 19, 2025
11
11
  */
12
12
 
13
13
  import $ from './shared/dom7.js';
package/framework7-lite.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 0.0.3
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 14, 2025
10
+ * Released on: December 19, 2025
11
11
  */
12
12
 
13
13
  import $ from './shared/dom7.js';
package/framework7-rtl.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 0.0.3
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 14, 2025
10
+ * Released on: December 19, 2025
11
11
  */
12
12
 
13
13
  /*====================
@@ -3002,18 +3002,18 @@ html.device-full-viewport body {
3002
3002
  --f7-block-text-color: inherit;
3003
3003
  --f7-block-margin-vertical: 35px;
3004
3004
  --f7-block-outline-border-color: rgba(0, 0, 0, 0.22);
3005
- --f7-block-title-font-size: 16px;
3005
+ --f7-block-title-font-size: 17px;
3006
3006
  --f7-block-title-font-weight: 600;
3007
3007
  --f7-block-title-line-height: 20px;
3008
3008
  --f7-block-title-margin-bottom: 10px;
3009
- --f7-block-title-medium-font-size: 22px;
3009
+ --f7-block-title-medium-font-size: 20px;
3010
3010
  --f7-block-title-medium-font-weight: bold;
3011
3011
  --f7-block-title-medium-line-height: 1.4;
3012
- --f7-block-title-large-font-size: 30px;
3012
+ --f7-block-title-large-font-size: 22px;
3013
3013
  --f7-block-title-large-font-weight: bold;
3014
3014
  --f7-block-title-large-line-height: 1.3;
3015
- --f7-block-inset-border-radius: 8px;
3016
- --f7-block-title-text-color: #000;
3015
+ --f7-block-inset-border-radius: 24px;
3016
+ --f7-block-title-text-color: rgba(0, 0, 0, 0.6);
3017
3017
  --f7-block-strong-text-color: #000;
3018
3018
  --f7-block-header-text-color: rgba(0, 0, 0, 0.45);
3019
3019
  --f7-block-footer-text-color: rgba(0, 0, 0, 0.45);
@@ -3023,7 +3023,7 @@ html.device-full-viewport body {
3023
3023
  }
3024
3024
  .ios .dark,
3025
3025
  .ios.dark {
3026
- --f7-block-title-text-color: #fff;
3026
+ --f7-block-title-text-color: rgba(255, 255, 255, 0.6);
3027
3027
  --f7-block-header-text-color: rgba(255, 255, 255, 0.55);
3028
3028
  --f7-block-footer-text-color: rgba(255, 255, 255, 0.55);
3029
3029
  --f7-block-strong-text-color: #fff;
@@ -3429,7 +3429,6 @@ html.device-full-viewport body {
3429
3429
  :root {
3430
3430
  --f7-list-inset-side-margin: 16px;
3431
3431
  --f7-list-item-padding-horizontal: 16px;
3432
- --f7-list-item-padding-vertical: 8px;
3433
3432
  --f7-list-media-item-padding-horizontal: 16px;
3434
3433
  --f7-list-item-text-max-lines: 2;
3435
3434
  --f7-list-chevron-icon-font-size: 20px;
@@ -3473,8 +3472,9 @@ html.device-full-viewport body {
3473
3472
  --f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3);
3474
3473
  }
3475
3474
  .ios {
3475
+ --f7-list-item-padding-vertical: 12px;
3476
3476
  --f7-list-in-list-padding-left: 30px;
3477
- --f7-list-inset-border-radius: 8px;
3477
+ --f7-list-inset-border-radius: 24px;
3478
3478
  --f7-list-margin-vertical: 35px;
3479
3479
  --f7-list-font-size: 17px;
3480
3480
  --f7-list-chevron-icon-area: 20px;
@@ -3486,7 +3486,7 @@ html.device-full-viewport body {
3486
3486
  --f7-list-item-text-line-height: 21px;
3487
3487
  --f7-list-item-after-font-size: inherit;
3488
3488
  --f7-list-item-after-padding: 5px;
3489
- --f7-list-item-min-height: 44px;
3489
+ --f7-list-item-min-height: 52px;
3490
3490
  --f7-list-item-media-icons-margin: 5px;
3491
3491
  --f7-list-media-item-padding-vertical: 10px;
3492
3492
  --f7-list-media-item-title-font-weight: 600;
@@ -3499,7 +3499,7 @@ html.device-full-viewport body {
3499
3499
  --f7-list-group-title-font-size: inherit;
3500
3500
  --f7-list-group-title-font-weight: 400;
3501
3501
  --f7-menu-list-offset: 8px;
3502
- --f7-menu-list-border-radius: 8px;
3502
+ --f7-menu-list-border-radius: 16px;
3503
3503
  --f7-menu-list-item-bg-color: transparent;
3504
3504
  --f7-menu-list-item-text-color: inherit;
3505
3505
  --f7-menu-list-item-min-height: 44px;
@@ -3518,7 +3518,7 @@ html.device-full-viewport body {
3518
3518
  .ios .dark,
3519
3519
  .ios.dark {
3520
3520
  --f7-list-item-border-color: rgba(255, 255, 255, 0.15);
3521
- --f7-list-outline-inset-color: rgba(255, 255, 255, 0.15);
3521
+ --f7-list-outline-inset-border-color: rgba(255, 255, 255, 0.15);
3522
3522
  --f7-list-strong-bg-color: #1c1c1d;
3523
3523
  --f7-list-item-after-text-color: rgba(255, 255, 255, 0.55);
3524
3524
  --f7-list-item-header-text-color: rgba(255, 255, 255, 0.55);
@@ -3531,6 +3531,7 @@ html.device-full-viewport body {
3531
3531
  --f7-menu-list-item-selected-bg-color: var(--f7-theme-color);
3532
3532
  }
3533
3533
  .md {
3534
+ --f7-list-item-padding-vertical: 8px;
3534
3535
  --f7-list-in-list-padding-left: 24px;
3535
3536
  --f7-list-inset-border-radius: 16px;
3536
3537
  --f7-list-margin-vertical: 32px;
@@ -3741,8 +3742,8 @@ html.device-full-viewport body {
3741
3742
  .list label.item-content {
3742
3743
  color: inherit;
3743
3744
  }
3744
- .list .item-link.active-state,
3745
- .list label.item-content.active-state {
3745
+ .list .item-link.active-state:not(:has(.toggle-active-state)),
3746
+ .list label.item-content.active-state:not(:has(.toggle-active-state)) {
3746
3747
  background-color: var(--f7-list-link-pressed-bg-color);
3747
3748
  }
3748
3749
  .list .item-link .item-inner {
@@ -4553,7 +4554,6 @@ li.list-group-title:after,
4553
4554
  --f7-badge-bg-color: var(--f7-theme-color);
4554
4555
  }
4555
4556
  :root {
4556
- --f7-button-font-size: 14px;
4557
4557
  --f7-button-min-width: 32px;
4558
4558
  --f7-button-bg-color: transparent;
4559
4559
  --f7-button-border-width: 0px;
@@ -4585,12 +4585,13 @@ li.list-group-title:after,
4585
4585
  --f7-segmented-strong-button-active-text-color: #fff;
4586
4586
  }
4587
4587
  .ios {
4588
+ --f7-button-font-size: 15px;
4588
4589
  --f7-button-fill-text-color: #fff;
4589
- --f7-button-text-transform: uppercase;
4590
- --f7-button-height: 28px;
4590
+ --f7-button-text-transform: none;
4591
+ --f7-button-height: 34px;
4591
4592
  --f7-button-padding-horizontal: 10px;
4592
4593
  --f7-button-border-radius: 4px;
4593
- --f7-button-font-weight: 600;
4594
+ --f7-button-font-weight: 500;
4594
4595
  --f7-button-letter-spacing: 0;
4595
4596
  /*
4596
4597
  --f7-button-outline-border-color: var(--f7-theme-color);
@@ -4600,15 +4601,15 @@ li.list-group-title:after,
4600
4601
  --f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
4601
4602
  --f7-button-fill-pressed-bg-color: var(--f7-theme-color-tint);
4602
4603
  */
4603
- --f7-button-large-text-transform: uppercase;
4604
- --f7-button-large-height: 44px;
4604
+ --f7-button-large-text-transform: none;
4605
+ --f7-button-large-height: 48px;
4605
4606
  --f7-button-large-font-size: 17px;
4606
4607
  --f7-button-large-font-weight: 500;
4607
4608
  --f7-button-small-outline-border-width: 2px;
4608
- --f7-button-small-text-transform: uppercase;
4609
- --f7-button-small-height: 26px;
4610
- --f7-button-small-font-size: 13px;
4611
- --f7-button-small-font-weight: 600;
4609
+ --f7-button-small-text-transform: none;
4610
+ --f7-button-small-height: 28px;
4611
+ --f7-button-small-font-size: 14px;
4612
+ --f7-button-small-font-weight: 500;
4612
4613
  --f7-segmented-strong-button-text-transform: none;
4613
4614
  --f7-segmented-strong-button-active-font-weight: 600;
4614
4615
  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
@@ -4623,6 +4624,7 @@ li.list-group-title:after,
4623
4624
  --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
4624
4625
  }
4625
4626
  .md {
4627
+ --f7-button-font-size: 14px;
4626
4628
  /*
4627
4629
  --f7-button-pressed-bg-color: transparent;
4628
4630
  */