@xenknight/framework7 0.0.6 → 0.0.8

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 (53) hide show
  1. package/components/app/app.less +1 -1
  2. package/components/icon/icon-ios.less +9 -0
  3. package/components/icon/icon-md.less +9 -0
  4. package/components/icon/icon.less +2 -1
  5. package/components/list/list-vars.less +1 -1
  6. package/components/messagebar/messagebar-rtl.css +1 -1
  7. package/components/messagebar/messagebar-vars.less +1 -1
  8. package/components/messagebar/messagebar.css +1 -1
  9. package/components/messages/messages-rtl.css +1 -1
  10. package/components/messages/messages-vars.less +7 -7
  11. package/components/messages/messages.css +1 -1
  12. package/components/navbar-new/navbar-ios.less +135 -0
  13. package/components/navbar-new/navbar-md.less +105 -0
  14. package/components/navbar-new/navbar-vars.less +78 -0
  15. package/components/navbar-new/navbar.d.ts +77 -0
  16. package/components/navbar-new/navbar.js +568 -0
  17. package/components/navbar-new/navbar.less +268 -0
  18. package/components/searchbar-new/remove-diacritics.js +271 -0
  19. package/components/searchbar-new/searchbar-ios.less +131 -0
  20. package/components/searchbar-new/searchbar-md.less +153 -0
  21. package/components/searchbar-new/searchbar-new-class.js +592 -0
  22. package/components/searchbar-new/searchbar-vars.less +75 -0
  23. package/components/searchbar-new/searchbar.js +122 -0
  24. package/components/searchbar-new/searchbar.less +331 -0
  25. package/components/swipeout/swipeout.js +8 -9
  26. package/components/tabs/tabs.js +5 -0
  27. package/components/toolbar-new/tabbar-highlight.js +134 -0
  28. package/components/toolbar-new/toolbar-ios.less +193 -0
  29. package/components/toolbar-new/toolbar-md.less +152 -0
  30. package/components/toolbar-new/toolbar-vars.less +77 -0
  31. package/components/toolbar-new/toolbar.js +223 -0
  32. package/components/toolbar-new/toolbar.less +261 -0
  33. package/framework7-bundle-rtl.css +2198 -387
  34. package/framework7-bundle-rtl.min.css +12 -6
  35. package/framework7-bundle.css +2194 -383
  36. package/framework7-bundle.esm.js +11 -4
  37. package/framework7-bundle.js +2368 -467
  38. package/framework7-bundle.js.map +1 -1
  39. package/framework7-bundle.less +6 -3
  40. package/framework7-bundle.min.css +12 -6
  41. package/framework7-bundle.min.js +4 -4
  42. package/framework7-bundle.min.js.map +1 -1
  43. package/framework7-lite-bundle.esm.js +11 -4
  44. package/framework7-lite.esm.js +11 -4
  45. package/framework7-lite.js +8 -1
  46. package/framework7-rtl.css +2191 -380
  47. package/framework7-rtl.min.css +11 -5
  48. package/framework7.css +2189 -378
  49. package/framework7.esm.js +11 -4
  50. package/framework7.js +8 -1
  51. package/framework7.less +6 -3
  52. package/framework7.min.css +11 -5
  53. package/package.json +1 -1
package/components/searchbar-new/searchbar-md.less ADDED
@@ -0,0 +1,153 @@
1
+ .md {
2
+ .searchbar-new-icon,
3
+ .searchbar-new-disable-button {
4
+ position: absolute;
5
+
6
+ top: 50%;
7
+ transition-duration: 300ms;
8
+ }
9
+ .searchbar-new-disable-button {
10
+ .icon-close {
11
+ display: none;
12
+ }
13
+ }
14
+ .searchbar-new-icon {
15
+ width: 48px;
16
+ height: 48px;
17
+ left: 0;
18
+ top: 0;
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ &:after {
23
+ width: auto;
24
+ height: auto;
25
+ content: 'search_md';
26
+ line-height: 1.2;
27
+ }
28
+ .ltr({
29
+ left: var(--f7-safe-area-left);
30
+ });
31
+ .rtl({
32
+ right: var(--f7-safe-area-right);
33
+ });
34
+ }
35
+ .searchbar-new-disable-button {
36
+ width: 48px;
37
+ height: 48px;
38
+ transform: rotate(-90deg) scale(0.5);
39
+ font-size: 0 !important;
40
+ display: block;
41
+ margin-top: -24px;
42
+ color: var(--f7-searchbar-new-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
43
+ .ltr({
44
+ left: calc(var(--f7-searchbar-new-inner-padding-left) + var(--f7-safe-area-left));
45
+ });
46
+ .rtl({
47
+ right: calc(var(--f7-searchbar-new-inner-padding-right) + var(--f7-safe-area-right));
48
+ });
49
+
50
+ &:after {
51
+ .core-icons-font();
52
+ line-height: 48px;
53
+ .ltr({
54
+ content: 'arrow_left_md';
55
+ });
56
+ .rtl({
57
+ content: 'arrow_right_md';
58
+ });
59
+ }
60
+ }
61
+ .searchbar-new-enabled:not(.searchbar-new-enabled-no-disable-button) {
62
+ .searchbar-new-disable-button {
63
+ transform: rotate(0deg) scale(1);
64
+ pointer-events: auto;
65
+ opacity: 1;
66
+ }
67
+ .searchbar-new-icon {
68
+ opacity: 0;
69
+ transform: rotate(90deg) scale(0.5);
70
+ }
71
+ }
72
+ .searchbar-new {
73
+ --f7-searchbar-new-input-extra-padding-left: 34px;
74
+ .input-clear-button {
75
+ width: 48px;
76
+ height: 48px;
77
+ margin-top: -24px;
78
+ .ltr({ right: 0; });
79
+ .rtl({ left: 0; });
80
+
81
+ &:after {
82
+ line-height: 48px;
83
+ content: 'delete_round_md';
84
+ opacity: 1;
85
+ }
86
+ &:before {
87
+ display: none;
88
+ }
89
+ }
90
+ }
91
+ .searchbar-new-inline {
92
+ --f7-searchbar-new-input-extra-padding-left: 32px;
93
+ }
94
+
95
+ .page > .searchbar-new,
96
+ .subnavbar .searchbar-new,
97
+ .searchbar-new-expandable {
98
+ --f7-searchbar-new-input-extra-padding-left: 34px;
99
+ .searchbar-new-disable-button {
100
+ .ltr({
101
+ left: calc(var(--f7-searchbar-new-inner-padding-left) + var(--f7-safe-area-left));
102
+ });
103
+ .rtl({
104
+ right: calc(var(--f7-searchbar-new-inner-padding-right) + var(--f7-safe-area-right));
105
+ });
106
+ }
107
+ .searchbar-new-icon {
108
+ .ltr({
109
+ left: var(--f7-safe-area-left);
110
+ });
111
+ .rtl({
112
+ right: var(--f7-safe-area-right);
113
+ });
114
+ }
115
+ }
116
+ .searchbar-new-expandable {
117
+ --f7-searchbar-new-inner-padding-left: 4px;
118
+ --f7-searchbar-new-inner-padding-right: 4px;
119
+ height: var(--f7-searchbar-new-expandable-size);
120
+ opacity: 0;
121
+ bottom: 0;
122
+ border-radius: calc(var(--f7-searchbar-new-expandable-size));
123
+ width: calc(var(--f7-searchbar-new-expandable-size));
124
+ margin-top: calc(var(--f7-searchbar-new-expandable-size) * -1 / 2);
125
+ transform: translate3d(0px, 0px, 0px);
126
+ background-color: var(--f7-searchbar-new-input-bg-color);
127
+ .ltr({
128
+ left: 100%;
129
+ margin-left: calc(var(--f7-searchbar-new-expandable-size) * -1);
130
+ });
131
+ .rtl({
132
+ right: 100%;
133
+ margin-right: calc(var(--f7-searchbar-new-expandable-size) * -1);
134
+ });
135
+ }
136
+
137
+ .searchbar-new-expandable.searchbar-new-enabled {
138
+ width: 100%;
139
+ border-radius: 0;
140
+ opacity: 1;
141
+ pointer-events: auto;
142
+ margin-top: 0;
143
+ .ltr({
144
+ left: 0;
145
+ margin-left: 0;
146
+ });
147
+ .rtl({
148
+ right: 0;
149
+ margin-right: 0;
150
+ });
151
+ }
152
+ }
153
+