framework7 7.1.5 → 8.0.0-beta.2

package/components/color-picker/modules/initial-current-colors.js

@@ -12,7 +12,6 @@ export default {
       class: "color-picker-current-color"
     })));
   },
-
   init(self) {
     function handleInitialColorClick() {
       if (self.initialValue) {
@@ -26,25 +25,19 @@ export default {
         });
       }
     }
-
     self.$el.on('click', '.color-picker-initial-color', handleInitialColorClick);
-
     self.destroyInitialCurrentEvents = function destroyInitialCurrentEvents() {
       self.$el.off('click', '.color-picker-initial-color', handleInitialColorClick);
     };
   },
-
   update(self) {
     self.$el.find('.color-picker-module-initial-current-colors .color-picker-initial-color').css('background-color', self.initialValue.hex);
     self.$el.find('.color-picker-module-initial-current-colors .color-picker-current-color').css('background-color', self.value.hex);
   },
-
   destroy(self) {
     if (self.destroyInitialCurrentEvents) {
       self.destroyInitialCurrentEvents();
     }
-
     delete self.destroyInitialCurrentEvents;
   }
-
 };

package/components/color-picker/modules/palette.js

@@ -1,7 +1,6 @@
 /* eslint indent: ["off"] */
 import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
-
 import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
@@ -11,15 +10,14 @@ export default {
       class: "color-picker-palette"
     }, self.params.palette.map(p => {
       if (Array.isArray(p)) {
-        let row = '<div class="color-picker-palette-row">'; // prettier-ignore
-
+        let row = '<div class="color-picker-palette-row">';
+        // prettier-ignore
         row += p.map(c => `
                 <div class="color-picker-palette-value" data-palette-color="${c}" style="background-color: ${c}"></div>
               `).join('');
         row += '</div>';
         return row;
       }
-
       return $jsx("div", {
         class: "color-picker-palette-value",
         "data-palette-color": p,
@@ -27,7 +25,6 @@ export default {
       });
     })));
   },
-
   init(self) {
     function handlePaletteClick(e) {
       const hex = $(e.target).attr('data-palette-color');
@@ -35,20 +32,15 @@ export default {
         hex
       });
     }
-
     self.$el.on('click', '.color-picker-module-palette .color-picker-palette-value', handlePaletteClick);
-
     self.destroyPaletteEvents = function destroyPaletteEvents() {
       self.$el.off('click', '.color-picker-module-hex input', handlePaletteClick);
     };
   },
-
   destroy(self) {
     if (self.destroyPaletteEvents) {
       self.destroyPaletteEvents();
     }
-
     delete self.destroyPaletteEvents;
   }
-
 };

package/components/color-picker/modules/rgb-bars.js

@@ -1,6 +1,5 @@
 import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
-
 import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
@@ -67,7 +66,6 @@ export default {
       class: "color-picker-value-bar-blue"
     }))));
   },
-
   init(self) {
     self.redBar = self.app.range.create({
       el: self.$el.find('.color-picker-bar-red'),
@@ -82,7 +80,6 @@ export default {
             rgb: [value, self.value.rgb[1], self.value.rgb[2]]
           });
         }
-
       }
     });
     self.greenBar = self.app.range.create({
@@ -98,7 +95,6 @@ export default {
             rgb: [self.value.rgb[0], value, self.value.rgb[2]]
           });
         }
-
       }
     });
     self.blueBar = self.app.range.create({
@@ -114,34 +110,27 @@ export default {
             rgb: [self.value.rgb[0], self.value.rgb[1], value]
           });
         }
-
       }
     });
-
     function handleInputChange(e) {
       const rgb = [...self.value.rgb];
       const index = parseInt($(e.target).attr('data-color-index'), 10);
       let value = parseInt(e.target.value, 10);
-
       if (Number.isNaN(value)) {
         e.target.value = rgb[index];
         return;
       }
-
       value = Math.max(0, Math.min(255, value));
       rgb[index] = value;
       self.setValue({
         rgb
       });
     }
-
     self.$el.on('change', '.color-picker-module-rgb-bars input', handleInputChange);
-
     self.destroyRgbBarsEvents = function destroyRgbBarsEvents() {
       self.$el.off('change', '.color-picker-module-rgb-bars input', handleInputChange);
     };
   },
-
   update(self) {
     const {
       value,
@@ -165,7 +154,6 @@ export default {
     redBar.$el.find('.range-bar').css('background-image', `linear-gradient(to top, rgb(0, ${rgb[1]}, ${rgb[2]}), rgb(255, ${rgb[1]}, ${rgb[2]}))`);
     greenBar.$el.find('.range-bar').css('background-image', `linear-gradient(to top, rgb(${rgb[0]}, 0, ${rgb[2]}), rgb(${rgb[0]}, 255, ${rgb[2]}))`);
     blueBar.$el.find('.range-bar').css('background-image', `linear-gradient(to top, rgb(${rgb[0]}, ${rgb[1]}, 0), rgb(${rgb[0]}, ${rgb[1]}, 255))`);
-
     if (barValue && barValueEditable) {
       self.$el.find('input.color-picker-value-bar-red').val(rgb[0]);
       self.$el.find('input.color-picker-value-bar-green').val(rgb[1]);
@@ -176,25 +164,20 @@ export default {
       self.$el.find('span.color-picker-value-bar-blue').text(rgb[2]);
     }
   },
-
   destroy(self) {
     if (self.redBar && self.redBar.destroy) {
       self.redBar.destroy();
     }
-
     if (self.greenBar && self.greenBar.destroy) {
       self.greenBar.destroy();
     }
-
     if (self.blueBar && self.blueBar.destroy) {
       self.blueBar.destroy();
     }
-
     delete self.redBar;
     delete self.greenBar;
     delete self.blueBar;
     if (self.destroyRgbBarsEvents) self.destroyRgbBarsEvents();
     delete self.destroyRgbBarsEvents;
   }
-
 };

package/components/color-picker/modules/rgb-sliders.js

@@ -1,6 +1,5 @@
 import $ from '../../../shared/dom7.js';
 /** @jsx $jsx */
-
 import $jsx from '../../../shared/$jsx.js';
 export default {
   render(self) {
@@ -67,7 +66,6 @@ export default {
       class: "color-picker-value-blue"
     }))));
   },
-
   init(self) {
     self.redRangeSlider = self.app.range.create({
       el: self.$el.find('.color-picker-slider-red'),
@@ -81,7 +79,6 @@ export default {
             rgb: [value, self.value.rgb[1], self.value.rgb[2]]
           });
         }
-
       }
     });
     self.greenRangeSlider = self.app.range.create({
@@ -96,7 +93,6 @@ export default {
             rgb: [self.value.rgb[0], value, self.value.rgb[2]]
           });
         }
-
       }
     });
     self.blueRangeSlider = self.app.range.create({
@@ -111,34 +107,27 @@ export default {
             rgb: [self.value.rgb[0], self.value.rgb[1], value]
           });
         }
-
       }
     });
-
     function handleInputChange(e) {
       const rgb = [...self.value.rgb];
       const index = parseInt($(e.target).attr('data-color-index'), 10);
       let value = parseInt(e.target.value, 10);
-
       if (Number.isNaN(value)) {
         e.target.value = rgb[index];
         return;
       }
-
       value = Math.max(0, Math.min(255, value));
       rgb[index] = value;
       self.setValue({
         rgb
       });
     }
-
     self.$el.on('change', '.color-picker-module-rgb-sliders input', handleInputChange);
-
     self.destroyRgbSlidersEvents = function destroyRgbSlidersEvents() {
       self.$el.off('change', '.color-picker-module-rgb-sliders input', handleInputChange);
     };
   },
-
   update(self) {
     const {
       app,
@@ -167,7 +156,6 @@ export default {
     redRangeSlider.$el.find('.range-bar').css('background-image', `linear-gradient(${direction}, rgb(0, ${rgb[1]}, ${rgb[2]}), rgb(255, ${rgb[1]}, ${rgb[2]}))`);
     greenRangeSlider.$el.find('.range-bar').css('background-image', `linear-gradient(${direction}, rgb(${rgb[0]}, 0, ${rgb[2]}), rgb(${rgb[0]}, 255, ${rgb[2]}))`);
     blueRangeSlider.$el.find('.range-bar').css('background-image', `linear-gradient(${direction}, rgb(${rgb[0]}, ${rgb[1]}, 0), rgb(${rgb[0]}, ${rgb[1]}, 255))`);
-
     if (sliderValue && sliderValueEditable) {
       self.$el.find('input.color-picker-value-red').val(rgb[0]);
       self.$el.find('input.color-picker-value-green').val(rgb[1]);
@@ -178,25 +166,20 @@ export default {
       self.$el.find('span.color-picker-value-blue').text(rgb[2]);
     }
   },
-
   destroy(self) {
     if (self.redRangeSlider && self.redRangeSlider.destroy) {
       self.redRangeSlider.destroy();
     }
-
     if (self.greenRangeSlider && self.greenRangeSlider.destroy) {
       self.greenRangeSlider.destroy();
     }
-
     if (self.blueRangeSlider && self.blueRangeSlider.destroy) {
       self.blueRangeSlider.destroy();
     }
-
     delete self.redRangeSlider;
     delete self.greenRangeSlider;
     delete self.blueRangeSlider;
     if (self.destroyRgbSlidersEvents) self.destroyRgbSlidersEvents();
     delete self.destroyRgbSlidersEvents;
   }
-
 };

package/components/color-picker/modules/sb-spectrum.js

@@ -1,7 +1,6 @@
 import $ from '../../../shared/dom7.js';
 import { getSupport } from '../../../shared/get-support.js';
 /** @jsx $jsx */
-
 import $jsx from '../../../shared/$jsx.js';
 export default {
   render() {
@@ -14,7 +13,6 @@ export default {
       class: "color-picker-sb-spectrum-handle"
     })));
   },
-
   init(self) {
     const {
       app
@@ -31,7 +29,6 @@ export default {
     const {
       $el
     } = self;
-
     function setSBFromSpecterCoords(x, y) {
       let s = (x - specterRect.left) / specterRect.width;
       let b = (y - specterRect.top) / specterRect.height;
@@ -41,7 +38,6 @@ export default {
         hsb: [self.value.hue, s, b]
       });
     }
-
     function handleTouchStart(e) {
       if (isMoved || isTouched) return;
       touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
@@ -50,56 +46,44 @@ export default {
       touchCurrentY = touchStartY;
       const $targetEl = $(e.target);
       specterHandleIsTouched = $targetEl.closest('.color-picker-sb-spectrum-handle').length > 0;
-
       if (!specterHandleIsTouched) {
         specterIsTouched = $targetEl.closest('.color-picker-sb-spectrum').length > 0;
       }
-
       if (specterIsTouched) {
         specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect();
         setSBFromSpecterCoords(touchStartX, touchStartY);
       }
-
       if (specterHandleIsTouched || specterIsTouched) {
         $el.find('.color-picker-sb-spectrum-handle').addClass('color-picker-sb-spectrum-handle-pressed');
       }
     }
-
     function handleTouchMove(e) {
       if (!(specterIsTouched || specterHandleIsTouched)) return;
       touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
       touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
       e.preventDefault();
-
       if (!isMoved) {
         // First move
         isMoved = true;
-
         if (specterHandleIsTouched) {
           specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect();
         }
       }
-
       if (specterIsTouched || specterHandleIsTouched) {
         setSBFromSpecterCoords(touchCurrentX, touchCurrentY);
       }
     }
-
     function handleTouchEnd() {
       isMoved = false;
-
       if (specterIsTouched || specterHandleIsTouched) {
         $el.find('.color-picker-sb-spectrum-handle').removeClass('color-picker-sb-spectrum-handle-pressed');
       }
-
       specterIsTouched = false;
       specterHandleIsTouched = false;
     }
-
     function handleResize() {
       self.modules['sb-spectrum'].update(self);
     }
-
     const passiveListener = app.touchEvents.start === 'touchstart' && getSupport().passiveListener ? {
       passive: true,
       capture: false
@@ -108,7 +92,6 @@ export default {
     app.on('touchmove:active', handleTouchMove);
     app.on('touchend:passive', handleTouchEnd);
     app.on('resize', handleResize);
-
     self.destroySpectrumEvents = function destroySpectrumEvents() {
       self.$el.off(app.touchEvents.start, handleTouchStart, passiveListener);
       app.off('touchmove:active', handleTouchMove);
@@ -116,7 +99,6 @@ export default {
       app.off('resize', handleResize);
     };
   },
-
   update(self) {
     const {
       value
@@ -130,10 +112,8 @@ export default {
     self.$el.find('.color-picker-sb-spectrum').css('background-color', `hsl(${hsl[0]}, 100%, 50%)`);
     self.$el.find('.color-picker-sb-spectrum-handle').css('background-color', `hsl(${hsl[0]}, ${hsl[1] * 100}%, ${hsl[2] * 100}%)`).transform(`translate(${specterWidth * hsb[1]}px, ${specterHeight * (1 - hsb[2])}px)`);
   },
-
   destroy(self) {
     if (self.destroySpectrumEvents) self.destroySpectrumEvents();
     delete self.destroySpectrumEvents;
   }
-
 };

package/components/color-picker/modules/wheel.js

@@ -1,22 +1,17 @@
 import $ from '../../../shared/dom7.js';
 import { getSupport } from '../../../shared/get-support.js';
 /** @jsx $jsx */
-
 import $jsx from '../../../shared/$jsx.js';
-
 function svgWheelCircles() {
   const total = 256;
   let circles = '';
-
   for (let i = total; i > 0; i -= 1) {
     const angle = i * Math.PI / (total / 2);
     const hue = 360 / total * i;
     circles += `<circle cx="${150 - Math.sin(angle) * 125}" cy="${150 - Math.cos(angle) * 125}" r="25" fill="hsl(${hue}, 100%, 50%)"></circle>`;
   }
-
   return circles;
 }
-
 export default {
   render() {
     return $jsx("div", {
@@ -36,7 +31,6 @@ export default {
       class: "color-picker-sb-spectrum-handle"
     }))));
   },
-
   init(self) {
     const {
       app
@@ -56,7 +50,6 @@ export default {
     const {
       $el
     } = self;
-
     function setHueFromWheelCoords(x, y) {
       const wheelCenterX = wheelRect.left + wheelRect.width / 2;
       const wheelCenterY = wheelRect.top + wheelRect.height / 2;
@@ -68,7 +61,6 @@ export default {
         hue: angleDeg
       });
     }
-
     function setSBFromSpecterCoords(x, y) {
       let s = (x - specterRect.left) / specterRect.width;
       let b = (y - specterRect.top) / specterRect.height;
@@ -78,7 +70,6 @@ export default {
         hsb: [self.value.hue, s, b]
       });
     }
-
     function handleTouchStart(e) {
       if (isMoved || isTouched) return;
       touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
@@ -89,71 +80,56 @@ export default {
       wheelHandleIsTouched = $targetEl.closest('.color-picker-wheel-handle').length > 0;
       wheelIsTouched = $targetEl.closest('circle').length > 0;
       specterHandleIsTouched = $targetEl.closest('.color-picker-sb-spectrum-handle').length > 0;
-
       if (!specterHandleIsTouched) {
         specterIsTouched = $targetEl.closest('.color-picker-sb-spectrum').length > 0;
       }
-
       if (wheelIsTouched) {
         wheelRect = $el.find('.color-picker-wheel')[0].getBoundingClientRect();
         setHueFromWheelCoords(touchStartX, touchStartY);
       }
-
       if (specterIsTouched) {
         specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect();
         setSBFromSpecterCoords(touchStartX, touchStartY);
       }
-
       if (specterHandleIsTouched || specterIsTouched) {
         $el.find('.color-picker-sb-spectrum-handle').addClass('color-picker-sb-spectrum-handle-pressed');
       }
     }
-
     function handleTouchMove(e) {
       if (!(wheelIsTouched || wheelHandleIsTouched) && !(specterIsTouched || specterHandleIsTouched)) return;
       touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
       touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
       e.preventDefault();
-
       if (!isMoved) {
         // First move
         isMoved = true;
-
         if (wheelHandleIsTouched) {
           wheelRect = $el.find('.color-picker-wheel')[0].getBoundingClientRect();
         }
-
         if (specterHandleIsTouched) {
           specterRect = $el.find('.color-picker-sb-spectrum')[0].getBoundingClientRect();
         }
       }
-
       if (wheelIsTouched || wheelHandleIsTouched) {
         setHueFromWheelCoords(touchCurrentX, touchCurrentY);
       }
-
       if (specterIsTouched || specterHandleIsTouched) {
         setSBFromSpecterCoords(touchCurrentX, touchCurrentY);
       }
     }
-
     function handleTouchEnd() {
       isMoved = false;
-
       if (specterIsTouched || specterHandleIsTouched) {
         $el.find('.color-picker-sb-spectrum-handle').removeClass('color-picker-sb-spectrum-handle-pressed');
       }
-
       wheelIsTouched = false;
       wheelHandleIsTouched = false;
       specterIsTouched = false;
       specterHandleIsTouched = false;
     }
-
     function handleResize() {
       self.modules.wheel.update(self);
     }
-
     const passiveListener = app.touchEvents.start === 'touchstart' && getSupport().passiveListener ? {
       passive: true,
       capture: false
@@ -162,7 +138,6 @@ export default {
     app.on('touchmove:active', handleTouchMove);
     app.on('touchend:passive', handleTouchEnd);
     app.on('resize', handleResize);
-
     self.destroyWheelEvents = function destroyWheelEvents() {
       self.$el.off(app.touchEvents.start, handleTouchStart, passiveListener);
       app.off('touchmove:active', handleTouchMove);
@@ -170,7 +145,6 @@ export default {
       app.off('resize', handleResize);
     };
   },
-
   update(self) {
     const {
       value
@@ -192,10 +166,8 @@ export default {
     self.$el.find('.color-picker-sb-spectrum').css('background-color', `hsl(${hsl[0]}, 100%, 50%)`);
     self.$el.find('.color-picker-sb-spectrum-handle').css('background-color', `hsl(${hsl[0]}, ${hsl[1] * 100}%, ${hsl[2] * 100}%)`).transform(`translate(${specterWidth * hsb[1]}px, ${specterHeight * (1 - hsb[2])}px)`);
   },
-
   destroy(self) {
     if (self.destroyWheelEvents) self.destroyWheelEvents();
     delete self.destroyWheelEvents;
   }
-
 };

package/components/contacts-list/contacts-list-md.less

@@ -3,17 +3,18 @@
     .list-group-title {
       pointer-events: none;
       overflow: visible;
-      width: 56px;
+      width: 40px;
       + li {
         margin-top: calc(var(--f7-contacts-list-title-height) * -1);
       }
+      .hairline-remove(top);
     }
     li:not(.list-group-title) {
       .ltr({
-        padding-left: 56px;
+        padding-left: 40px;
       });
       .rtl({
-        padding-right: 56px;
+        padding-right: 40px;
       });
     }
   }

package/components/contacts-list/contacts-list-rtl.css

@@ -1 +1 @@
-:root .dark,:root.dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}
+.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md,.md .dark,.md [class*=color-]{--f7-contacts-list-title-text-color:var(--f7-theme-color)}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:40px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list .list-group-title:before{display:none!important}.md .contacts-list li:not(.list-group-title){padding-right:40px}

package/components/contacts-list/contacts-list-vars.less

@@ -1,7 +1,4 @@
 :root {
-  .dark-vars({
-    --f7-contacts-list-title-text-color: #fff;
-  });
 }
 .ios-vars({
   --f7-contacts-list-title-font-size: inherit;
@@ -12,25 +9,16 @@
     --f7-contacts-list-title-bg-color: #f7f7f7;
   });
   .dark-vars({
+    --f7-contacts-list-title-text-color: #fff;
     --f7-contacts-list-title-bg-color: #323234;
   });
 });
 .md-vars({
   --f7-contacts-list-title-font-size: 20px;
   --f7-contacts-list-title-font-weight: 500;
-  /*
-  --f7-contacts-list-title-text-color: var(--f7-theme-color);
-  */
   --f7-contacts-list-title-height: 48px;
   --f7-contacts-list-title-bg-color: transparent;
 });
-.aurora-vars({
-  --f7-contacts-list-title-font-weight: 600;
-  --f7-contacts-list-title-text-color: #000;
-  /*
-  --f7-contacts-list-title-bg-color: var(--f7-list-group-title-bg-color);
-  --f7-contacts-list-title-font-size: var(--f7-list-group-title-font-size);
-  --f7-contacts-list-title-line-height: var(--f7-list-group-title-height);
-  --f7-contacts-list-title-height: var(--f7-list-group-title-height);
-  */
+.md-color-vars({
+  --f7-contacts-list-title-text-color: var(--f7-theme-color);
 });

package/components/contacts-list/contacts-list.css

@@ -1 +1 @@
-:root .dark,:root.dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}
+.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-text-color:#fff;--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.md,.md .dark,.md [class*=color-]{--f7-contacts-list-title-text-color:var(--f7-theme-color)}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:40px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list .list-group-title:before{display:none!important}.md .contacts-list li:not(.list-group-title){padding-left:40px}

package/components/contacts-list/contacts-list.less

@@ -24,6 +24,3 @@
 .if-md-theme({
   @import './contacts-list-md.less';
 });
-.if-aurora-theme({
-  @import './contacts-list-aurora.less';
-});