framework7 7.0.8 → 8.0.0-beta.1

package/components/list-index/list-index-aurora.less

@@ -1,21 +0,0 @@
-.aurora {
-  .list-index {
-    .list-index-label {
-      margin-bottom: calc(-1 * var(--f7-list-index-label-size) / 2);
-      margin-right: calc(var(--f7-list-index-width) - 1px);
-      border-radius: 50%;
-      &:before {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        border-radius: 50% 1px 50% 50%;
-        content: '';
-        background-color: inherit;
-        left: 0;
-        top: 0;
-        transform: rotate(45deg);
-        z-index: -1;
-      }
-    }
-  }
-}

package/components/login-screen/login-screen-aurora.less

@@ -1,2 +0,0 @@
-.aurora {
-}

package/components/menu/menu-aurora.less

@@ -1,8 +0,0 @@
-.aurora {
-  &.device-desktop {
-    .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before {
-      background: var(--f7-menu-dropdown-hover-bg-color, rgba(255, 255, 255, 0.15));
-      opacity: 1;
-    }
-  }
-}

package/components/menu/menu-ios.less

@@ -1,2 +0,0 @@
-.ios {
-}

package/components/menu/menu-md.less

@@ -1,2 +0,0 @@
-.md {
-}

package/components/menu/menu-rtl.css

@@ -1 +0,0 @@
-:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:32px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;transform:translate3d(0,0,0);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;position:relative;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px;z-index:1}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link:before{content:'';position:absolute;left:4px;top:2px;right:4px;bottom:2px;border-radius:4px;background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));z-index:-1;opacity:0;pointer-events:none}.menu-dropdown-link.active-state{color:var(--f7-menu-text-color)}.menu-dropdown-link.active-state:before{opacity:1}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}.aurora.device-desktop .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before{background:var(--f7-menu-dropdown-hover-bg-color,rgba(255,255,255,.15));opacity:1}

package/components/menu/menu-vars.less

@@ -1,27 +0,0 @@
-:root {
-  --f7-menu-text-color: #fff;
-  --f7-menu-font-size: 16px;
-  --f7-menu-font-weight: 500;
-  --f7-menu-line-height: 1.2;
-  --f7-menu-bg-color: rgba(0, 0, 0, 0.9);
-  --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9);
-  --f7-menu-item-padding-horizontal: 12px;
-  --f7-menu-item-spacing: 6px;
-  --f7-menu-item-height: 40px;
-  --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4);
-  --f7-menu-item-border-radius: 8px;
-  /*
-  --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color);
-  */
-  --f7-menu-dropdown-item-height: 32px;
-  --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2);
-  --f7-menu-dropdown-padding-vertical: 6px;
-  /*
-  --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius);
-  */
-}
-.aurora-vars({
-  /*
-  --f7-menu-dropdown-hover-bg-color: rgba(255, 255, 255, 0.15);
-  */
-});

package/components/menu/menu.css

@@ -1 +0,0 @@
-:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:32px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;transform:translate3d(0,0,0);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;position:relative;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px;z-index:1}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link:before{content:'';position:absolute;left:4px;top:2px;right:4px;bottom:2px;border-radius:4px;background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));z-index:-1;opacity:0;pointer-events:none}.menu-dropdown-link.active-state{color:var(--f7-menu-text-color)}.menu-dropdown-link.active-state:before{opacity:1}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}.aurora.device-desktop .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before{background:var(--f7-menu-dropdown-hover-bg-color,rgba(255,255,255,.15));opacity:1}

package/components/menu/menu.d.ts

@@ -1,32 +0,0 @@
-import Framework7, {
-  CSSSelector,
-  Framework7EventsClass,
-  Framework7Plugin,
-} from '../app/app-class.js';
-
-export namespace Menu {
-  interface DomEvents {
-    /** Event will be triggered right after menu dropdown will be opened */
-    'menu:opened': () => void;
-    /** Event will be triggered right after menu dropdown will be closed */
-    'menu:closed': () => void;
-  }
-  interface AppMethods {
-    menu: {
-      /** open Menu dropdown */
-      open(el?: HTMLElement | CSSSelector): void;
-      /** close Menu dropdown */
-      close(el?: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {
-    /** Event will be triggered right after menu dropdown will be opened. As an argument event handler receives menu dropdown item element */
-    menuOpened: (el: HTMLElement) => void;
-    /** Event will be triggered right after menu dropdown will be closed. As an argument event handler receives menu dropdown item element */
-    menuClosed: (el: HTMLElement) => void;
-  }
-}
-
-declare const MenuComponent: Framework7Plugin;
-export default MenuComponent;

package/components/menu/menu.js

@@ -1,87 +0,0 @@
-import $ from '../../shared/dom7.js';
-import { bindMethods } from '../../shared/utils.js';
-const Menu = {
-  open(el) {
-    if (el === void 0) {
-      el = '.menu-item-dropdown';
-    }
-
-    const app = this;
-    if (!el) return;
-    const $el = $(el).closest('.menu-item-dropdown');
-    if (!$el.length) return;
-    const $menuEl = $el.closest('.menu').eq(0);
-
-    if ($menuEl.length) {
-      const zIndex = $menuEl.css('z-index');
-      const originalZIndex = $menuEl[0].style.zIndex;
-      $menuEl.css('z-index', parseInt(zIndex || 0, 10) + 1);
-      $menuEl[0].f7MenuZIndex = originalZIndex;
-    }
-
-    $el.eq(0).addClass('menu-item-dropdown-opened').trigger('menu:opened');
-    app.emit('menuOpened', $el.eq(0)[0]);
-  },
-
-  close(el) {
-    if (el === void 0) {
-      el = '.menu-item-dropdown-opened';
-    }
-
-    const app = this;
-    if (!el) return;
-    const $el = $(el).closest('.menu-item-dropdown-opened');
-    if (!$el.length) return;
-    const $menuEl = $el.closest('.menu').eq(0);
-
-    if ($menuEl.length) {
-      const zIndex = $menuEl[0].f7MenuZIndex;
-      $menuEl.css('z-index', zIndex);
-      delete $menuEl[0].f7MenuZIndex;
-    }
-
-    $el.eq(0).removeClass('menu-item-dropdown-opened').trigger('menu:closed');
-    app.emit('menuClosed', $el.eq(0)[0]);
-  }
-
-};
-export default {
-  name: 'menu',
-
-  create() {
-    const app = this;
-    bindMethods(app, {
-      menu: Menu
-    });
-  },
-
-  on: {
-    click(e) {
-      const app = this;
-      const openedMenus = $('.menu-item-dropdown-opened');
-      if (!openedMenus.length) return;
-      openedMenus.each(el => {
-        if (!$(e.target).closest('.menu-item-dropdown-opened').length) {
-          app.menu.close(el);
-        }
-      });
-    }
-
-  },
-  clicks: {
-    '.menu-item-dropdown': function onClick($clickedEl, dataset, e) {
-      const app = this;
-
-      if ($clickedEl.hasClass('menu-item-dropdown-opened')) {
-        if ($(e.target).closest('.menu-dropdown').length) return;
-        app.menu.close($clickedEl);
-      } else {
-        app.menu.open($clickedEl);
-      }
-    },
-    '.menu-close': function onClick() {
-      const app = this;
-      app.menu.close();
-    }
-  }
-};

package/components/menu/menu.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,n){void 0===n&&(n=!0);var o=e.$,t=e.utils,s=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,t.bindMethods);const d={open(e){void 0===e&&(e=".menu-item-dropdown");if(!e)return;const n=o(e).closest(".menu-item-dropdown");if(!n.length)return;const t=n.closest(".menu").eq(0);if(t.length){const e=t.css("z-index"),n=t[0].style.zIndex;t.css("z-index",parseInt(e||0,10)+1),t[0].f7MenuZIndex=n}n.eq(0).addClass("menu-item-dropdown-opened").trigger("menu:opened"),this.emit("menuOpened",n.eq(0)[0])},close(e){void 0===e&&(e=".menu-item-dropdown-opened");if(!e)return;const n=o(e).closest(".menu-item-dropdown-opened");if(!n.length)return;const t=n.closest(".menu").eq(0);if(t.length){const e=t[0].f7MenuZIndex;t.css("z-index",e),delete t[0].f7MenuZIndex}n.eq(0).removeClass("menu-item-dropdown-opened").trigger("menu:closed"),this.emit("menuClosed",n.eq(0)[0])}};var i={name:"menu",create(){s(this,{menu:d})},on:{click(e){const n=this,t=o(".menu-item-dropdown-opened");t.length&&t.each((t=>{o(e.target).closest(".menu-item-dropdown-opened").length||n.menu.close(t)}))}},clicks:{".menu-item-dropdown":function(e,n,t){const s=this;if(e.hasClass("menu-item-dropdown-opened")){if(o(t.target).closest(".menu-dropdown").length)return;s.menu.close(e)}else s.menu.open(e)},".menu-close":function(){this.menu.close()}}};if(n){if(e.prototype.modules&&e.prototype.modules[i.name])return;e.use(i),e.instance&&(e.instance.useModuleParams(i,e.instance.params),e.instance.useModule(i))}return i}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/menu/menu.less

@@ -1,232 +0,0 @@
-/* === Menu === */
-@import './menu-vars.less';
-
-.menu {
-  z-index: 1000;
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
-}
-.menu-inner {
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--f7-menu-item-spacing);
-  padding-right: var(--f7-menu-item-spacing);
-  &:after {
-    content: '';
-    width: var(--f7-menu-item-spacing);
-    height: 100%;
-    flex-shrink: 0;
-  }
-}
-.menu-item {
-  height: var(--f7-menu-item-height);
-  min-width: var(--f7-menu-item-height);
-  flex-shrink: 0;
-  background: var(--f7-menu-bg-color);
-  color: var(--f7-menu-text-color);
-  border-radius: var(--f7-menu-item-border-radius);
-  position: relative;
-  box-sizing: border-box;
-  font-size: var(--f7-menu-font-size);
-  font-weight: var(--f7-menu-font-weight);
-  cursor: pointer;
-  .ltr({
-    margin-left: var(--f7-menu-item-spacing);
-    &:first-child {
-      margin-left: 0;
-    }
-  });
-  .rtl({
-    margin-right: var(--f7-menu-item-spacing);
-    &:first-child {
-      margin-right: 0;
-    }
-  });
-
-  &.active-state:not(.menu-item-dropdown-opened) {
-    background-color: rgba(0, 0, 0, 0.7);
-  }
-
-  &.icon-only {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-.menu-item-content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 var(--f7-menu-item-padding-horizontal);
-  height: 100%;
-  box-sizing: border-box;
-  width: 100%;
-  overflow: hidden;
-  border-radius: var(--f7-menu-item-border-radius);
-  position: relative;
-  &.icon-only,
-  .icon-only & {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .menu-item-dropdown &:after {
-    content: '';
-    position: absolute;
-    width: 20px;
-    height: 2px;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: 4px;
-    background: var(--f7-menu-item-dropdown-icon-color);
-    border-radius: 4px;
-  }
-}
-.menu-dropdown {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  cursor: auto;
-  height: 10px;
-  background: var(--f7-menu-bg-color);
-  position: relative;
-}
-.menu-dropdown-content {
-  position: absolute;
-  top: 100%;
-  border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius));
-  padding-top: var(--f7-menu-dropdown-padding-vertical);
-  padding-bottom: var(--f7-menu-dropdown-padding-vertical);
-  box-sizing: border-box;
-  background: var(--f7-menu-bg-color);
-  .scrollable();
-  min-width: calc(100% + 24px);
-}
-.menu-dropdown-link,
-.menu-dropdown-item {
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: var(--f7-menu-item-padding-horizontal);
-  padding-right: var(--f7-menu-item-padding-horizontal);
-  min-height: var(--f7-menu-dropdown-item-height);
-  line-height: var(--f7-menu-line-height);
-  font-size: var(--f7-menu-font-size);
-  color: var(--f7-menu-text-color);
-  font-weight: var(--f7-menu-font-weight);
-  white-space: nowrap;
-  min-width: 100px;
-  z-index: 1;
-  i,
-  i.icon,
-  i.f7-icons,
-  i.material-icons {
-    font-size: 20px;
-  }
-}
-.menu-dropdown-link {
-  &:before {
-    content: '';
-    position: absolute;
-    left: 4px;
-    top: 2px;
-    right: 4px;
-    bottom: 2px;
-    border-radius: 4px;
-    background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color));
-    z-index: -1;
-    opacity: 0;
-    pointer-events: none;
-  }
-  &.active-state {
-    &:before {
-      opacity: 1;
-    }
-    color: var(--f7-menu-text-color);
-  }
-}
-.menu-dropdown-divider {
-  height: 1px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  background: var(--f7-menu-dropdown-divider-color);
-}
-.menu-item-dropdown-opened {
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-  .menu-item-content:after {
-    opacity: 0;
-  }
-  .menu-dropdown {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-  }
-}
-.menu-item-dropdown-left .menu-dropdown:after,
-.menu-item-dropdown-center .menu-dropdown:after,
-.menu-dropdown-left:after,
-.menu-dropdown-center:after {
-  content: '';
-  position: absolute;
-  left: 100%;
-  bottom: 0;
-  width: var(--f7-menu-item-border-radius);
-  height: var(--f7-menu-item-border-radius);
-  background-image: radial-gradient(
-    ellipse at 100% 0%,
-    transparent 0%,
-    transparent 70%,
-    var(--f7-menu-bg-color) 72%
-  );
-}
-.menu-item-dropdown-right .menu-dropdown:before,
-.menu-item-dropdown-center .menu-dropdown:before,
-.menu-dropdown-right:before,
-.menu-dropdown-center:before {
-  content: '';
-  position: absolute;
-  right: 100%;
-  bottom: 0;
-  width: var(--f7-menu-item-border-radius);
-  height: var(--f7-menu-item-border-radius);
-  background-image: radial-gradient(
-    ellipse at 0% 0%,
-    transparent 0%,
-    transparent 70%,
-    var(--f7-menu-bg-color) 72%
-  );
-}
-.menu-item-dropdown-left,
-.menu-dropdown-left {
-  .menu-dropdown-content {
-    left: 0;
-    border-top-left-radius: 0px;
-  }
-}
-.menu-item-dropdown-right,
-.menu-dropdown-right {
-  .menu-dropdown-content {
-    right: 0;
-    border-top-right-radius: 0px;
-  }
-}
-.menu-item-dropdown-center,
-.menu-dropdown-center {
-  .menu-dropdown-content {
-    left: 50%;
-    min-width: calc(100% + 24px + 24px);
-    transform: translateX(-50%);
-  }
-}
-
-.if-ios-theme({
-  @import './menu-ios.less';
-});
-.if-md-theme({
-  @import './menu-md.less';
-});
-.if-aurora-theme({
-  @import './menu-aurora.less';
-});

package/components/messagebar/messagebar-aurora.less

@@ -1,53 +0,0 @@
-.aurora {
-  .messagebar {
-    a.link + .messagebar-area {
-      margin-left: 8px;
-    }
-    .messagebar-area + a.link {
-      margin-left: 8px;
-    }
-  }
-  .messagebar-area {
-    margin-top: 8px;
-    margin-bottom: 8px;
-  }
-  .messagebar-sheet-image,
-  .messagebar-sheet-item {
-    .icon-checkbox {
-      border-color: #fff;
-      background: rgba(255, 255, 255, 0.25);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    }
-  }
-  .messagebar-attachments {
-    padding: 8px;
-    border-radius: var(--f7-messagebar-textarea-border-radius)
-      var(--f7-messagebar-textarea-border-radius) 0 0;
-    border: 1px solid var(--f7-messagebar-attachments-border-color);
-    border-bottom: none;
-  }
-  .messagebar-attachments-visible {
-    .messagebar-attachments + textarea {
-      border-radius: 0 0 var(--f7-messagebar-textarea-border-radius)
-        var(--f7-messagebar-textarea-border-radius);
-    }
-  }
-  .messagebar-attachment {
-    font-size: 14px;
-  }
-  .messagebar-attachment-delete {
-    right: 8px;
-    top: 8px;
-    width: 24px;
-    height: 24px;
-    background-color: var(--f7-theme-color);
-    &:after,
-    &:before {
-      width: 14px;
-      height: 2px;
-      background: #fff;
-      margin-left: -7px;
-      margin-top: -1px;
-    }
-  }
-}

package/components/messages/messages-aurora.less

@@ -1,137 +0,0 @@
-.aurora {
-  .messages-title,
-  .message-header,
-  .message-footer,
-  .message-name {
-    b {
-      font-weight: 500;
-    }
-  }
-  .message-header,
-  .message-name {
-    margin-bottom: 2px;
-  }
-  .message-footer {
-    margin-top: 2px;
-  }
-  .message-text-header {
-    margin-bottom: 2px;
-  }
-  .message-text-footer {
-    margin-top: 2px;
-  }
-  .message-received,
-  .message-sent {
-    &.message-tail .message-bubble {
-      &:before {
-        position: absolute;
-        content: '';
-        bottom: 0;
-        width: 0;
-        height: 0;
-      }
-    }
-  }
-  .message-image {
-    margin: var(--f7-message-bubble-padding-vertical)
-      calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px);
-    &:first-child {
-      margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
-      img {
-        border-top-left-radius: var(--f7-message-bubble-border-radius);
-        border-top-right-radius: var(--f7-message-bubble-border-radius);
-      }
-    }
-    &:last-child {
-      margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
-      img {
-        border-bottom-left-radius: var(--f7-message-bubble-border-radius);
-        border-bottom-right-radius: var(--f7-message-bubble-border-radius);
-      }
-    }
-  }
-  .message-received {
-    margin-left: calc(16px + var(--f7-safe-area-left));
-    .message-avatar + .message-content {
-      margin-left: 5px;
-    }
-    .message-header,
-    .message-footer,
-    .message-name {
-      margin-left: var(--f7-message-bubble-padding-horizontal);
-    }
-    &.message-tail .message-bubble {
-      &:before {
-        border-left: 6px solid transparent;
-        border-right: 0 solid transparent;
-        border-bottom: 6px solid var(--f7-message-received-bg-color);
-        right: 100%;
-        transform: translate(2px, 0px) rotate(-15deg);
-        transform-origin: right bottom;
-      }
-    }
-  }
-  .message-sent {
-    margin-right: calc(16px + var(--f7-safe-area-right));
-    .message-avatar + .message-content {
-      margin-right: 5px;
-    }
-    .message-header,
-    .message-footer,
-    .message-name {
-      margin-right: var(--f7-message-bubble-padding-horizontal);
-    }
-    &.message-tail .message-bubble {
-      &:before {
-        border-left: 0 solid transparent;
-        border-right: 6px solid transparent;
-        border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color));
-        left: 100%;
-        transform: translate(-2px, 0px) rotate(15deg);
-        transform-origin: left bottom;
-      }
-    }
-  }
-
-  // Rules
-  .message + .message:not(.message-first) {
-    margin-top: 5px;
-  }
-
-  // Typing
-  .message-typing-indicator {
-    > div {
-      width: 6px;
-      height: 6px;
-      + div {
-        .ltr({
-          margin-left: 4px;
-        });
-        .rtl({
-          margin-right: 4px;
-        });
-      }
-    }
-    > div:nth-child(1) {
-      animation: aurora-message-typing-indicator 900ms infinite;
-    }
-    > div:nth-child(2) {
-      animation: aurora-message-typing-indicator 900ms 150ms infinite;
-    }
-    > div:nth-child(3) {
-      animation: aurora-message-typing-indicator 900ms 300ms infinite;
-    }
-  }
-}
-
-@keyframes aurora-message-typing-indicator {
-  0% {
-    transform: translateY(0%);
-  }
-  50% {
-    transform: translateY(-5px);
-  }
-  100% {
-    transform: translateY(0%);
-  }
-}