vft 0.0.51 → 0.0.55

package/theme-style/src/button.scss

@@ -58,8 +58,7 @@ $button-icon-span-gap: map.merge(
   }
 
   &:focus-visible {
-    outline: 2px solid getCssVar('button', 'outline-color');
-    outline-offset: 1px;
+    //outline-offset: 1px;
   }
 
   > span {

package/theme-style/src/common/var.scss

@@ -553,8 +553,7 @@ $header-layout: map-merge(
   (
     height: 64px,
     top-height: 40px,
-    bg-color: $primary-color,
-    color: black,
+    bg-color: #eff1f5,
     z-index: 2001,
     border-bottom: 1px solid rgb(231, 231, 231),
   ),
@@ -564,8 +563,8 @@ $header-layout: map-merge(
 $footer-layout: () !default;
 $footer-layout: map-merge(
   (
-    "bg-color": #f7f8fa,
-    "border-top": "1px solid #f7f8fa",
+    "bg-color": getCssVar('header-layout-bg-color'),
+    "border-top": getCssVar('border'),
     "left": getCssVar("menu-width"),
     "height": "30px",
     "left-min-width": "auto",
@@ -605,7 +604,7 @@ $icon: map-merge(
 $icon-text: () !default;
 $icon-text: map-merge(
     (
-      "color": black,
+      "color": inherit,
       "font-size": 12px,
       "hover-color": getCssVar("icon-text-color"),
     ),
@@ -650,20 +649,20 @@ $tabs: map-merge(
     "header-border-bottom": none,
     "item-padding": 0 20px,
     "item-max-width": 100%,
-    "item-bg-color": white,
-    "item-bg-color-active": $primary-color,
-    "item-bg-color-hover": $primary-color,
+    "item-bg-color": transparent,
+    "item-bg-color-active": white,
+    "item-bg-color-hover": white,
     "item-color": black,
-    "item-color-active": white,
-    "item-color-hover": white,
+    "item-color-active": inherit,
+    "item-color-hover": inherit,
     "item-border": 1px solid #eee,
     "item-border-active": 0 solid transparent,
     "item-border-hover": 0 solid transparent,
     "item-distance": 10px,
-    "item-border-radius": 2px 2px 0 0,
+    "item-border-radius": 5px 5px 0 0,
     "close-icon-left": 5px,
-    "close-icon-hover-color": white,
-    "close-icon-hover-bg-color": #a8abb2,
+    "close-icon-hover-color": black,
+    "close-icon-hover-bg-color": #dfdfdf,
     "add-icon-right": 30px,
     "add-icon-padding-left": 20px,
     "scroll-padding": 0 60px 0 20px,
@@ -676,8 +675,8 @@ $tabs: map-merge(
 $multiple-tabs: () !default;
 $multiple-tabs: map-merge(
   (
-    "bg-color": #f8f8f8,
-    "height": 31px,
+    "bg-color": getCssVar('header-layout-bg-color'),
+    "height": 30px,
   ),
   $multiple-tabs
 );
@@ -702,8 +701,8 @@ $menu: map-merge(
     "base-level-padding": 20px,
     "level-padding": 20px,
     "icon-mr": 8px,
-    "border": 0 solid transparent,
-    "border-right": 1px solid #dcdfe6,
+    "border": getCssVar("border"),
+    "border-right": getCssVar('border'),
     "item-min-width": 200px,
     "popup-border-radius": getCssVar("border-radius"),
   ),
@@ -715,9 +714,9 @@ $logo: map-merge(
   (
     img-width: 30px,
     img-height: 30px,
-    title-color: black,
-    title-font-size: 16px,
-    title-font-weight: 400,
+    color: $primary-color,
+    font-size: 16px,
+    font-weight: 400,
     cursor: pointer,
   ),
   $logo

package/theme-style/src/context-menu.scss

@@ -0,0 +1,12 @@
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+
+$name: context-menu;
+
+@function getCompCssVar($value) {
+  @return getCssVar($name, $value);
+}
+
+@include b($name) {
+  border-radius: 5px;
+}

package/theme-style/src/dark/css-vars.scss

@@ -39,3 +39,29 @@ html.dark {
 @include dark(empty) {
   @include set-component-css-var('empty', $empty);
 }
+
+@include dark(header-layout) {
+  @include set-component-css-var('header-layout', $header-layout);
+}
+
+@include dark(multiple-tabs) {
+  @include set-component-css-var('multiple-tabs', $multiple-tabs);
+}
+
+@include dark(tabs) {
+  @include set-component-css-var('tabs', $tabs);
+}
+
+@include dark(menu) {
+  @include set-component-css-var('menu', $menu);
+}
+
+@include dark(footer-layout) {
+  @include set-component-css-var('footer-layout', $footer-layout);
+}
+
+@include dark(context-menu) {
+  background-color: black;
+}
+
+

package/theme-style/src/dark/var.scss

@@ -101,24 +101,24 @@ $border-color: map.merge(
 // Box-shadow
 $box-shadow: () !default;
 $box-shadow: map.merge(
-  (
-    '': (
-      0px 12px 32px 4px rgba(255, 255, 255, 0.36),
-      0px 8px 20px rgba(255, 255, 255, 0.72),
-    ),
-    'light': (
-      0px 0px 12px rgba(255, 255, 255, 0.72),
-    ),
-    'lighter': (
-      0px 0px 6px rgba(255, 255, 255, 0.72),
-    ),
-    'dark': (
-      0px 16px 48px 16px rgba(255, 255, 255, 0.72),
-      0px 12px 32px #000000,
-      0px 8px 16px -8px #000000,
+    (
+      '': (
+        0px 12px 32px 4px rgba(0, 0, 0, 0.36),
+        0px 8px 20px rgba(0, 0, 0, 0.72),
+      ),
+      'light': (
+        0px 0px 12px rgba(0, 0, 0, 0.72),
+      ),
+      'lighter': (
+        0px 0px 6px rgba(0, 0, 0, 0.72),
+      ),
+      'dark': (
+        0px 16px 48px 16px rgba(0, 0, 0, 0.72),
+        0px 12px 32px #000,
+        0px 8px 16px -8px #000,
+      ),
     ),
-  ),
-  $box-shadow
+    $box-shadow
 );
 
 // fill
@@ -220,3 +220,47 @@ $empty: map.merge(
   ),
   $empty
 );
+
+$header-layout: () !default;
+$header-layout: map-merge(
+    (
+      bg-color: #21263e,
+    ),
+    $header-layout
+);
+
+$multiple-tabs: () !default;
+$multiple-tabs: map-merge(
+    (
+      bg-color: #21263e,
+    ),
+    $multiple-tabs
+);
+
+$footer-layout: () !default;
+$footer-layout: map-merge(
+    (
+      bg-color: #21263e,
+    ),
+    $footer-layout
+);
+
+$tabs: () !default;
+$tabs: map-merge(
+    (
+      "item-color": #dbe1f0,
+      "item-color-active": #262626,
+      "item-color-hover": #262626
+    ),
+    $tabs
+);
+
+$menu: () !default;
+$menu: map-merge(
+    (
+      "hover-bg-color": getCssVar("primary-color-light-7"),
+      "focus-bg-color": getCssVar("primary-color-light-7"),
+      "item-hover-fill": getCssVar("primary-color-light-7"),
+    ),
+    $menu
+);

package/theme-style/src/icon-text.scss

@@ -13,6 +13,8 @@ $name: icon-text;
   display: flex;
   align-items: center;
   font-size: getCompCssVar('font-size');
+  line-height: 1;
+  width: fit-content;
   color: getCompCssVar('color');
   transition: getCssVar('transition-color');
 

package/theme-style/src/logo.scss

@@ -26,7 +26,7 @@ $name: logo;
     font-weight: getCompCssVar('font-weight');
     transition: all 0.5s;
     line-height: 1;
-    color: getCompCssVar('title-color');
+    color: getCompCssVar('color');
   }
 }
 

package/theme-style/src/md/table.scss

@@ -55,4 +55,9 @@ table {
   th {
     white-space: nowrap;
   }
+
+  em {
+    font-style: normal;
+    font-size: 14px;
+  }
 }

package/theme-style/src/md-container.scss

@@ -12,8 +12,6 @@ $name: md-container;
 }
 
 @include b($name) {
-  /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
-
   // 链接
   @import 'md/link';
   // dir
@@ -41,6 +39,48 @@ $name: md-container;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", STHeiti, "Microsoft YaHei", SimSun, sans-serif;
   padding: 20px 30px;
 
+  .demo-container {
+    border: getCssVar('border');
+
+    .demo {
+      padding: 20px 20px 30px;
+
+      .action {
+        position: relative;
+        .expand {
+          cursor: pointer;
+          position: absolute;
+          right: -5px;
+          bottom: -28px;
+          height: 40px;
+          width: 40px;
+          border-radius: 4px;
+          @include flex-center();
+          &:hover {
+            background-color: #c3def3;
+          }
+        }
+      }
+    }
+
+    div.language-vue {
+      transition: opacity 0.3s ease;
+      height: 0;
+      visibility: hidden;
+
+      pre {
+        margin: 0 0 0 getCompCssVar(line-numbers-width) !important;
+      }
+
+      .copy {
+        visibility: visible;
+        opacity: 1;
+        top: -42px;
+        right: 60px;
+      }
+    }
+  }
+
   p {
     font-size: 16px;
     line-height: 22px;

package/theme-style/src/menu.scss

@@ -47,7 +47,7 @@ $name: menu;
   }
 
   @include when(disabled) {
-    opacity: 0.25;
+    opacity: 0.5;
     cursor: not-allowed;
     background: none !important;
   }
@@ -87,8 +87,8 @@ $name: menu;
   @include m(horizontal) {
     display: flex;
     flex-wrap: nowrap;
+    border: none;
     border-bottom: getCompCssVar('border-bottom');
-    border-right: none;
 
     & > .#{$namespace}-menu-item {
       display: inline-flex;
@@ -302,7 +302,7 @@ $name: menu;
   @include when(disabled) {
     .#{$namespace}-sub-menu__title,
     .#{$namespace}-menu-item {
-      opacity: 0.25;
+      opacity: 0.6;
       cursor: not-allowed;
       background: none !important;
     }

package/theme-style/src/side-menu.scss

@@ -43,7 +43,7 @@ $name: side-menu;
     padding: 0 16px;
     display: flex;
     align-items: center;
-    border-right: getCssVar('menu-border-right');
+    border-right: none;
     .vft-icon {
       position: absolute;
       right: 20px;
@@ -56,7 +56,7 @@ $name: side-menu;
   }
 
   .#{$namespace}-menu {
-    border-right: none;
+    border: none;
   }
 }
 

package/theme-style/src/tabs.scss

@@ -35,17 +35,67 @@ $name: tabs;
     background-color: getCompCssVar('item-bg-color');
     border: getCompCssVar('item-border');
     margin-right: getCompCssVar('item-distance');
+    border-radius: getCompCssVar('item-border-radius');
+    // 滑入时动画的渐变控制
+    // color getCssVar('transition-duration')
+    transition: getCssVar('transition-function-ease-in-out-bezier'), padding getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
+    max-width: getCompCssVar('item-max-width');
+
+    // 当前标签激活时的样式
+    @include when(active) {
+      color: getCompCssVar('item-color-active');
+      background-color: getCompCssVar('item-bg-color-active');
+      font-weight: getCompCssVar('font-weight-active');
+      border: getCompCssVar('item-border-active');
+
+      &.is-closable {
+        .is-icon-close {
+          width: getCompCssVar('active-distance');
+        }
+      }
+    }
+
+    @include when(disabled) {
+      color: getCssVar('disabled-text-color');
+      cursor: not-allowed;
+    }
+
+    // active tab close icon is show
+    &.is-active.is-closable {
+      .is-icon-close {
+        width: getCompCssVar('active-distance')!important;
+      }
+    }
+
+    // hover tab close icon is show
+    &.is-closable {
+      &:hover {
+        & .is-icon-close {
+          width: getCompCssVar('active-distance') !important;
+        }
+      }
+    }
+
+    // init close icon is hide
+    .is-icon-close {
+      width: 0!important;
+    }
+
+    &:hover {
+      color: getCompCssVar('item-color-hover');
+      background-color: getCompCssVar('item-bg-color-hover');
+      border: getCompCssVar('item-border-hover');
+      cursor: pointer;
+    }
 
     &:focus,
     &:focus:active {
       outline: none;
     }
-
     &:focus-visible {
       box-shadow: 0 0 2px 2px getCssVar('primary-color') inset;
       border-radius: 3px;
     }
-
     & .is-icon-close {
       transition: all getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
       margin-left: getCompCssVar('close-icon-left');
@@ -65,26 +115,6 @@ $name: tabs;
         }
       }
     }
-
-    // 当前标签激活时的样式
-    @include when(active) {
-      color: getCompCssVar('item-color-active');
-      background-color: getCompCssVar('item-bg-color-active');
-      font-weight: getCompCssVar('font-weight-active');
-      border: getCompCssVar('item-border-active');
-    }
-
-    &:hover {
-      color: getCompCssVar('item-color-hover');
-      background-color: getCompCssVar('item-bg-color-hover');
-      border: getCompCssVar('item-border-hover');
-      cursor: pointer;
-    }
-
-    @include when(disabled) {
-      color: getCssVar('disabled-text-color');
-      cursor: not-allowed;
-    }
   }
   @include e(active-bar) {
     position: absolute;
@@ -94,7 +124,7 @@ $name: tabs;
     background-color: getCssVar('primary-color');
     z-index: 1;
     transition: width getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier'),
-      transform getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
+    transform getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
     list-style: none;
   }
   @include e(new-tab) {
@@ -141,6 +171,23 @@ $name: tabs;
   @include e(nav-scroll) {
     overflow: hidden;
   }
+
+  // tabs 的高度 以及 底部边框颜色
+  .#{$namespace}-tabs__header {
+    border-bottom: getCompCssVar('border-bottom');
+    height: getCompCssVar('header-height');
+  }
+  .#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
+    content: none;
+  }
+  .#{$namespace}-tabs__header .#{$namespace}-tabs__nav {
+    border-radius: 4px 4px 0 0;
+    box-sizing: border-box;
+  }
+  .#{$namespace}-tabs__header .#{$namespace}-tabs__active-bar {
+    display: none;
+  }
+
   // 前进后退样式
   @include e((nav-next, nav-prev)) {
     position: absolute;
@@ -176,53 +223,6 @@ $name: tabs;
     overflow: hidden;
     position: relative;
   }
-  @include m(card) {
-    // tabs 的高度 以及 底部边框颜色
-    > .#{$namespace}-tabs__header {
-      border-bottom: getCompCssVar('border-bottom');
-      height: getCompCssVar('header-height');
-    }
-    > .#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
-      content: none;
-    }
-    > .#{$namespace}-tabs__header .#{$namespace}-tabs__nav {
-      border-radius: 4px 4px 0 0;
-      box-sizing: border-box;
-    }
-    > .#{$namespace}-tabs__header .#{$namespace}-tabs__active-bar {
-      display: none;
-    }
-    > .#{$namespace}-tabs__header .#{$namespace}-tabs__item .is-icon-close {
-      width: 0;
-      //overflow: hidden;
-      //display: inline-block;
-    }
-    // tab 滑入时的动画宽度控制
-    > .#{$namespace}-tabs__header .#{$namespace}-tabs__item {
-      border-radius: getCompCssVar(item-border-radius);
-      // 滑入时动画的渐变控制
-      // color getCssVar('transition-duration')
-      transition: getCssVar('transition-function-ease-in-out-bezier'), padding getCssVar('transition-duration') getCssVar('transition-function-ease-in-out-bezier');
-      max-width: getCompCssVar('item-max-width');
-
-      &.is-closable {
-        &:hover {
-          & .is-icon-close {
-            width: getCompCssVar('active-distance');
-          }
-        }
-      }
-
-      // 标签被选中时的样式
-      &.is-active {
-        &.is-closable {
-          .is-icon-close {
-            width: getCompCssVar('active-distance');
-          }
-        }
-      }
-    }
-  }
   @include m((top, bottom)) {
     .#{$namespace}-tabs__item.is-top:nth-child(2),
     .#{$namespace}-tabs__item.is-bottom:nth-child(2) {

package/theme-style/vft-button.css

@@ -1 +1 @@
-.vft-button{--vft-button-font-weight:var(--vft-font-weight-primary);--vft-button-border-color:var(--vft-border-color);--vft-button-bg-color:var(--vft-fill-color-blank);--vft-button-text-color:var(--vft-text-regular-color);--vft-button-disabled-text-color:var(--vft-text-disabled-color);--vft-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-button-disabled-border-color:var(--vft-border-color-light);--vft-button-divide-border-color:rgba(255, 255, 255, 0.5);--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-primary-color-light-9);--vft-button-hover-border-color:var(--vft-primary-color-light-7);--vft-button-active-text-color:var(--vft-button-hover-text-color);--vft-button-active-border-color:var(--vft-primary-color);--vft-button-active-bg-color:var(--vft-button-hover-bg-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-hover-link-text-color:var(--vft-info-color);--vft-button-active-color:var(--vft-text-primary-color)}.vft-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--vft-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--vft-button-font-weight);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--vft-button-bg-color);border:var(--vft-border);border-color:var(--vft-button-border-color);padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button:focus,.vft-button:hover{color:var(--vft-button-hover-text-color);border-color:var(--vft-button-hover-border-color);background-color:var(--vft-button-hover-bg-color);outline:0}.vft-button:active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button:focus-visible{outline:2px solid var(--vft-button-outline-color);outline-offset:1px}.vft-button>span{display:inline-flex;align-items:center}.vft-button+.vft-button{margin-left:12px}.vft-button.is-round{padding:8px 15px}.vft-button::-moz-focus-inner{border:0}.vft-button [class*=vft-icon]+span{margin-left:6px}.vft-button [class*=vft-icon] svg{vertical-align:bottom}.vft-button.is-block{width:100%}.vft-button.is-plain{--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-fill-color-blank);--vft-button-hover-border-color:var(--vft-primary-color)}.vft-button.is-active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button.is-disabled,.vft-button.is-disabled:focus,.vft-button.is-disabled:hover{color:var(--vft-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color);border-color:var(--vft-button-disabled-border-color)}.vft-button.is-loading{position:relative;pointer-events:none}.vft-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--vft-mask-color-extra-light)}.vft-button.is-loading i{margin-right:2px}.vft-button.is-round{border-radius:var(--vft-border-radius-round)}.vft-button.is-circle{border-radius:50%;padding:8px}.vft-button.is-text{color:var(--vft-button-text-color);border:0 solid transparent;background-color:transparent}.vft-button.is-text.is-disabled{color:var(--vft-button-text-disabled-color);background-color:transparent!important}.vft-button.is-text:not(.is-disabled):focus,.vft-button.is-text:not(.is-disabled):hover{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--vft-button-outline-color);outline-offset:1px}.vft-button.is-text:not(.is-disabled):active{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled).is-has-bg:focus,.vft-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--vft-fill-color-dark)}.vft-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button.is-link{border-color:transparent;color:var(--vft-button-text-color);background:0 0;padding:2px;height:auto}.vft-button.is-link:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.vft-button.is-link.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button.is-link:not(.is-disabled):focus,.vft-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.vft-button.is-link:not(.is-disabled):active{color:var(--vft-button-active-color);border-color:transparent;background-color:transparent}.vft-button--text{border-color:transparent;background:0 0;color:var(--vft-primary-color);padding-left:0;padding-right:0}.vft-button--text.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button--text:not(.is-disabled):focus,.vft-button--text:not(.is-disabled):hover{color:var(--vft-primary-color-light-3);border-color:transparent;background-color:transparent}.vft-button--text:not(.is-disabled):active{color:var(--vft-primary-color-dark-2);border-color:transparent;background-color:transparent}.vft-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button--primary{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-primary-color);--vft-button-border-color:var(--vft-primary-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-active-color:var(--vft-primary-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-primary-color-light-5);--vft-button-hover-bg-color:var(--vft-primary-color-light-3);--vft-button-hover-border-color:var(--vft-primary-color-light-3);--vft-button-active-bg-color:var(--vft-primary-color-dark-2);--vft-button-active-border-color:var(--vft-primary-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-primary-color-light-5);--vft-button-disabled-border-color:var(--vft-primary-color-light-5)}.vft-button--primary.is-link,.vft-button--primary.is-plain,.vft-button--primary.is-text{--vft-button-text-color:var(--vft-primary-color);--vft-button-bg-color:var(--vft-primary-color-light-9);--vft-button-border-color:var(--vft-primary-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-primary-color);--vft-button-hover-border-color:var(--vft-primary-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--primary.is-link.is-disabled,.vft-button--primary.is-link.is-disabled:active,.vft-button--primary.is-link.is-disabled:focus,.vft-button--primary.is-link.is-disabled:hover,.vft-button--primary.is-plain.is-disabled,.vft-button--primary.is-plain.is-disabled:active,.vft-button--primary.is-plain.is-disabled:focus,.vft-button--primary.is-plain.is-disabled:hover,.vft-button--primary.is-text.is-disabled,.vft-button--primary.is-text.is-disabled:active,.vft-button--primary.is-text.is-disabled:focus,.vft-button--primary.is-text.is-disabled:hover{color:var(--vft-primary-color-light-5);background-color:var(--vft-primary-color-light-9);border-color:var(--vft-primary-color-light-8)}.vft-button--success{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-success-color);--vft-button-border-color:var(--vft-success-color);--vft-button-outline-color:var(--vft-success-color-light-5);--vft-button-active-color:var(--vft-success-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-success-color-light-5);--vft-button-hover-bg-color:var(--vft-success-color-light-3);--vft-button-hover-border-color:var(--vft-success-color-light-3);--vft-button-active-bg-color:var(--vft-success-color-dark-2);--vft-button-active-border-color:var(--vft-success-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-success-color-light-5);--vft-button-disabled-border-color:var(--vft-success-color-light-5)}.vft-button--success.is-link,.vft-button--success.is-plain,.vft-button--success.is-text{--vft-button-text-color:var(--vft-success-color);--vft-button-bg-color:var(--vft-success-color-light-9);--vft-button-border-color:var(--vft-success-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-success-color);--vft-button-hover-border-color:var(--vft-success-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--success.is-link.is-disabled,.vft-button--success.is-link.is-disabled:active,.vft-button--success.is-link.is-disabled:focus,.vft-button--success.is-link.is-disabled:hover,.vft-button--success.is-plain.is-disabled,.vft-button--success.is-plain.is-disabled:active,.vft-button--success.is-plain.is-disabled:focus,.vft-button--success.is-plain.is-disabled:hover,.vft-button--success.is-text.is-disabled,.vft-button--success.is-text.is-disabled:active,.vft-button--success.is-text.is-disabled:focus,.vft-button--success.is-text.is-disabled:hover{color:var(--vft-success-color-light-5);background-color:var(--vft-success-color-light-9);border-color:var(--vft-success-color-light-8)}.vft-button--warning{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-warning-color);--vft-button-border-color:var(--vft-warning-color);--vft-button-outline-color:var(--vft-warning-color-light-5);--vft-button-active-color:var(--vft-warning-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-warning-color-light-5);--vft-button-hover-bg-color:var(--vft-warning-color-light-3);--vft-button-hover-border-color:var(--vft-warning-color-light-3);--vft-button-active-bg-color:var(--vft-warning-color-dark-2);--vft-button-active-border-color:var(--vft-warning-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-warning-color-light-5);--vft-button-disabled-border-color:var(--vft-warning-color-light-5)}.vft-button--warning.is-link,.vft-button--warning.is-plain,.vft-button--warning.is-text{--vft-button-text-color:var(--vft-warning-color);--vft-button-bg-color:var(--vft-warning-color-light-9);--vft-button-border-color:var(--vft-warning-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-warning-color);--vft-button-hover-border-color:var(--vft-warning-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--warning.is-link.is-disabled,.vft-button--warning.is-link.is-disabled:active,.vft-button--warning.is-link.is-disabled:focus,.vft-button--warning.is-link.is-disabled:hover,.vft-button--warning.is-plain.is-disabled,.vft-button--warning.is-plain.is-disabled:active,.vft-button--warning.is-plain.is-disabled:focus,.vft-button--warning.is-plain.is-disabled:hover,.vft-button--warning.is-text.is-disabled,.vft-button--warning.is-text.is-disabled:active,.vft-button--warning.is-text.is-disabled:focus,.vft-button--warning.is-text.is-disabled:hover{color:var(--vft-warning-color-light-5);background-color:var(--vft-warning-color-light-9);border-color:var(--vft-warning-color-light-8)}.vft-button--danger{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-danger-color);--vft-button-border-color:var(--vft-danger-color);--vft-button-outline-color:var(--vft-danger-color-light-5);--vft-button-active-color:var(--vft-danger-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-danger-color-light-5);--vft-button-hover-bg-color:var(--vft-danger-color-light-3);--vft-button-hover-border-color:var(--vft-danger-color-light-3);--vft-button-active-bg-color:var(--vft-danger-color-dark-2);--vft-button-active-border-color:var(--vft-danger-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-danger-color-light-5);--vft-button-disabled-border-color:var(--vft-danger-color-light-5)}.vft-button--danger.is-link,.vft-button--danger.is-plain,.vft-button--danger.is-text{--vft-button-text-color:var(--vft-danger-color);--vft-button-bg-color:var(--vft-danger-color-light-9);--vft-button-border-color:var(--vft-danger-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-danger-color);--vft-button-hover-border-color:var(--vft-danger-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--danger.is-link.is-disabled,.vft-button--danger.is-link.is-disabled:active,.vft-button--danger.is-link.is-disabled:focus,.vft-button--danger.is-link.is-disabled:hover,.vft-button--danger.is-plain.is-disabled,.vft-button--danger.is-plain.is-disabled:active,.vft-button--danger.is-plain.is-disabled:focus,.vft-button--danger.is-plain.is-disabled:hover,.vft-button--danger.is-text.is-disabled,.vft-button--danger.is-text.is-disabled:active,.vft-button--danger.is-text.is-disabled:focus,.vft-button--danger.is-text.is-disabled:hover{color:var(--vft-danger-color-light-5);background-color:var(--vft-danger-color-light-9);border-color:var(--vft-danger-color-light-8)}.vft-button--info{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-info-color);--vft-button-border-color:var(--vft-info-color);--vft-button-outline-color:var(--vft-info-color-light-5);--vft-button-active-color:var(--vft-info-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-info-color-light-5);--vft-button-hover-bg-color:var(--vft-info-color-light-3);--vft-button-hover-border-color:var(--vft-info-color-light-3);--vft-button-active-bg-color:var(--vft-info-color-dark-2);--vft-button-active-border-color:var(--vft-info-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-info-color-light-5);--vft-button-disabled-border-color:var(--vft-info-color-light-5)}.vft-button--info.is-link,.vft-button--info.is-plain,.vft-button--info.is-text{--vft-button-text-color:var(--vft-info-color);--vft-button-bg-color:var(--vft-info-color-light-9);--vft-button-border-color:var(--vft-info-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-info-color);--vft-button-hover-border-color:var(--vft-info-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--info.is-link.is-disabled,.vft-button--info.is-link.is-disabled:active,.vft-button--info.is-link.is-disabled:focus,.vft-button--info.is-link.is-disabled:hover,.vft-button--info.is-plain.is-disabled,.vft-button--info.is-plain.is-disabled:active,.vft-button--info.is-plain.is-disabled:focus,.vft-button--info.is-plain.is-disabled:hover,.vft-button--info.is-text.is-disabled,.vft-button--info.is-text.is-disabled:active,.vft-button--info.is-text.is-disabled:focus,.vft-button--info.is-text.is-disabled:hover{color:var(--vft-info-color-light-5);background-color:var(--vft-info-color-light-9);border-color:var(--vft-info-color-light-8)}.vft-button--large{--vft-button-size:40px;height:var(--vft-button-size);padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--small{--vft-button-size:24px;height:var(--vft-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}
+.vft-button{--vft-button-font-weight:var(--vft-font-weight-primary);--vft-button-border-color:var(--vft-border-color);--vft-button-bg-color:var(--vft-fill-color-blank);--vft-button-text-color:var(--vft-text-regular-color);--vft-button-disabled-text-color:var(--vft-text-disabled-color);--vft-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-button-disabled-border-color:var(--vft-border-color-light);--vft-button-divide-border-color:rgba(255, 255, 255, 0.5);--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-primary-color-light-9);--vft-button-hover-border-color:var(--vft-primary-color-light-7);--vft-button-active-text-color:var(--vft-button-hover-text-color);--vft-button-active-border-color:var(--vft-primary-color);--vft-button-active-bg-color:var(--vft-button-hover-bg-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-hover-link-text-color:var(--vft-info-color);--vft-button-active-color:var(--vft-text-primary-color)}.vft-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--vft-button-text-color);text-align:center;box-sizing:border-box;outline:0;transition:.1s;font-weight:var(--vft-button-font-weight);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--vft-button-bg-color);border:var(--vft-border);border-color:var(--vft-button-border-color);padding:8px 15px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button:focus,.vft-button:hover{color:var(--vft-button-hover-text-color);border-color:var(--vft-button-hover-border-color);background-color:var(--vft-button-hover-bg-color);outline:0}.vft-button:active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button>span{display:inline-flex;align-items:center}.vft-button+.vft-button{margin-left:12px}.vft-button.is-round{padding:8px 15px}.vft-button::-moz-focus-inner{border:0}.vft-button [class*=vft-icon]+span{margin-left:6px}.vft-button [class*=vft-icon] svg{vertical-align:bottom}.vft-button.is-block{width:100%}.vft-button.is-plain{--vft-button-hover-text-color:var(--vft-primary-color);--vft-button-hover-bg-color:var(--vft-fill-color-blank);--vft-button-hover-border-color:var(--vft-primary-color)}.vft-button.is-active{color:var(--vft-button-active-text-color);border-color:var(--vft-button-active-border-color);background-color:var(--vft-button-active-bg-color);outline:0}.vft-button.is-disabled,.vft-button.is-disabled:focus,.vft-button.is-disabled:hover{color:var(--vft-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--vft-button-disabled-bg-color);border-color:var(--vft-button-disabled-border-color)}.vft-button.is-loading{position:relative;pointer-events:none}.vft-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--vft-mask-color-extra-light)}.vft-button.is-loading i{margin-right:2px}.vft-button.is-round{border-radius:var(--vft-border-radius-round)}.vft-button.is-circle{border-radius:50%;padding:8px}.vft-button.is-text{color:var(--vft-button-text-color);border:0 solid transparent;background-color:transparent}.vft-button.is-text.is-disabled{color:var(--vft-button-text-disabled-color);background-color:transparent!important}.vft-button.is-text:not(.is-disabled):focus,.vft-button.is-text:not(.is-disabled):hover{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--vft-button-outline-color);outline-offset:1px}.vft-button.is-text:not(.is-disabled):active{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--vft-fill-color-light)}.vft-button.is-text:not(.is-disabled).is-has-bg:focus,.vft-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--vft-fill-color)}.vft-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--vft-fill-color-dark)}.vft-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button.is-link{border-color:transparent;color:var(--vft-button-text-color);background:0 0;padding:2px;height:auto}.vft-button.is-link:focus,.vft-button.is-link:hover{color:var(--vft-button-hover-link-text-color)}.vft-button.is-link.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button.is-link:not(.is-disabled):focus,.vft-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.vft-button.is-link:not(.is-disabled):active{color:var(--vft-button-active-color);border-color:transparent;background-color:transparent}.vft-button--text{border-color:transparent;background:0 0;color:var(--vft-primary-color);padding-left:0;padding-right:0}.vft-button--text.is-disabled{color:var(--vft-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.vft-button--text:not(.is-disabled):focus,.vft-button--text:not(.is-disabled):hover{color:var(--vft-primary-color-light-3);border-color:transparent;background-color:transparent}.vft-button--text:not(.is-disabled):active{color:var(--vft-primary-color-dark-2);border-color:transparent;background-color:transparent}.vft-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.vft-button--primary{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-primary-color);--vft-button-border-color:var(--vft-primary-color);--vft-button-outline-color:var(--vft-primary-color-light-5);--vft-button-active-color:var(--vft-primary-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-primary-color-light-5);--vft-button-hover-bg-color:var(--vft-primary-color-light-3);--vft-button-hover-border-color:var(--vft-primary-color-light-3);--vft-button-active-bg-color:var(--vft-primary-color-dark-2);--vft-button-active-border-color:var(--vft-primary-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-primary-color-light-5);--vft-button-disabled-border-color:var(--vft-primary-color-light-5)}.vft-button--primary.is-link,.vft-button--primary.is-plain,.vft-button--primary.is-text{--vft-button-text-color:var(--vft-primary-color);--vft-button-bg-color:var(--vft-primary-color-light-9);--vft-button-border-color:var(--vft-primary-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-primary-color);--vft-button-hover-border-color:var(--vft-primary-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--primary.is-link.is-disabled,.vft-button--primary.is-link.is-disabled:active,.vft-button--primary.is-link.is-disabled:focus,.vft-button--primary.is-link.is-disabled:hover,.vft-button--primary.is-plain.is-disabled,.vft-button--primary.is-plain.is-disabled:active,.vft-button--primary.is-plain.is-disabled:focus,.vft-button--primary.is-plain.is-disabled:hover,.vft-button--primary.is-text.is-disabled,.vft-button--primary.is-text.is-disabled:active,.vft-button--primary.is-text.is-disabled:focus,.vft-button--primary.is-text.is-disabled:hover{color:var(--vft-primary-color-light-5);background-color:var(--vft-primary-color-light-9);border-color:var(--vft-primary-color-light-8)}.vft-button--success{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-success-color);--vft-button-border-color:var(--vft-success-color);--vft-button-outline-color:var(--vft-success-color-light-5);--vft-button-active-color:var(--vft-success-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-success-color-light-5);--vft-button-hover-bg-color:var(--vft-success-color-light-3);--vft-button-hover-border-color:var(--vft-success-color-light-3);--vft-button-active-bg-color:var(--vft-success-color-dark-2);--vft-button-active-border-color:var(--vft-success-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-success-color-light-5);--vft-button-disabled-border-color:var(--vft-success-color-light-5)}.vft-button--success.is-link,.vft-button--success.is-plain,.vft-button--success.is-text{--vft-button-text-color:var(--vft-success-color);--vft-button-bg-color:var(--vft-success-color-light-9);--vft-button-border-color:var(--vft-success-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-success-color);--vft-button-hover-border-color:var(--vft-success-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--success.is-link.is-disabled,.vft-button--success.is-link.is-disabled:active,.vft-button--success.is-link.is-disabled:focus,.vft-button--success.is-link.is-disabled:hover,.vft-button--success.is-plain.is-disabled,.vft-button--success.is-plain.is-disabled:active,.vft-button--success.is-plain.is-disabled:focus,.vft-button--success.is-plain.is-disabled:hover,.vft-button--success.is-text.is-disabled,.vft-button--success.is-text.is-disabled:active,.vft-button--success.is-text.is-disabled:focus,.vft-button--success.is-text.is-disabled:hover{color:var(--vft-success-color-light-5);background-color:var(--vft-success-color-light-9);border-color:var(--vft-success-color-light-8)}.vft-button--warning{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-warning-color);--vft-button-border-color:var(--vft-warning-color);--vft-button-outline-color:var(--vft-warning-color-light-5);--vft-button-active-color:var(--vft-warning-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-warning-color-light-5);--vft-button-hover-bg-color:var(--vft-warning-color-light-3);--vft-button-hover-border-color:var(--vft-warning-color-light-3);--vft-button-active-bg-color:var(--vft-warning-color-dark-2);--vft-button-active-border-color:var(--vft-warning-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-warning-color-light-5);--vft-button-disabled-border-color:var(--vft-warning-color-light-5)}.vft-button--warning.is-link,.vft-button--warning.is-plain,.vft-button--warning.is-text{--vft-button-text-color:var(--vft-warning-color);--vft-button-bg-color:var(--vft-warning-color-light-9);--vft-button-border-color:var(--vft-warning-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-warning-color);--vft-button-hover-border-color:var(--vft-warning-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--warning.is-link.is-disabled,.vft-button--warning.is-link.is-disabled:active,.vft-button--warning.is-link.is-disabled:focus,.vft-button--warning.is-link.is-disabled:hover,.vft-button--warning.is-plain.is-disabled,.vft-button--warning.is-plain.is-disabled:active,.vft-button--warning.is-plain.is-disabled:focus,.vft-button--warning.is-plain.is-disabled:hover,.vft-button--warning.is-text.is-disabled,.vft-button--warning.is-text.is-disabled:active,.vft-button--warning.is-text.is-disabled:focus,.vft-button--warning.is-text.is-disabled:hover{color:var(--vft-warning-color-light-5);background-color:var(--vft-warning-color-light-9);border-color:var(--vft-warning-color-light-8)}.vft-button--danger{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-danger-color);--vft-button-border-color:var(--vft-danger-color);--vft-button-outline-color:var(--vft-danger-color-light-5);--vft-button-active-color:var(--vft-danger-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-danger-color-light-5);--vft-button-hover-bg-color:var(--vft-danger-color-light-3);--vft-button-hover-border-color:var(--vft-danger-color-light-3);--vft-button-active-bg-color:var(--vft-danger-color-dark-2);--vft-button-active-border-color:var(--vft-danger-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-danger-color-light-5);--vft-button-disabled-border-color:var(--vft-danger-color-light-5)}.vft-button--danger.is-link,.vft-button--danger.is-plain,.vft-button--danger.is-text{--vft-button-text-color:var(--vft-danger-color);--vft-button-bg-color:var(--vft-danger-color-light-9);--vft-button-border-color:var(--vft-danger-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-danger-color);--vft-button-hover-border-color:var(--vft-danger-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--danger.is-link.is-disabled,.vft-button--danger.is-link.is-disabled:active,.vft-button--danger.is-link.is-disabled:focus,.vft-button--danger.is-link.is-disabled:hover,.vft-button--danger.is-plain.is-disabled,.vft-button--danger.is-plain.is-disabled:active,.vft-button--danger.is-plain.is-disabled:focus,.vft-button--danger.is-plain.is-disabled:hover,.vft-button--danger.is-text.is-disabled,.vft-button--danger.is-text.is-disabled:active,.vft-button--danger.is-text.is-disabled:focus,.vft-button--danger.is-text.is-disabled:hover{color:var(--vft-danger-color-light-5);background-color:var(--vft-danger-color-light-9);border-color:var(--vft-danger-color-light-8)}.vft-button--info{--vft-button-text-color:var(--vft-color-white);--vft-button-bg-color:var(--vft-info-color);--vft-button-border-color:var(--vft-info-color);--vft-button-outline-color:var(--vft-info-color-light-5);--vft-button-active-color:var(--vft-info-color-dark-2);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-link-text-color:var(--vft-info-color-light-5);--vft-button-hover-bg-color:var(--vft-info-color-light-3);--vft-button-hover-border-color:var(--vft-info-color-light-3);--vft-button-active-bg-color:var(--vft-info-color-dark-2);--vft-button-active-border-color:var(--vft-info-color-dark-2);--vft-button-disabled-text-color:var(--vft-color-white);--vft-button-disabled-bg-color:var(--vft-info-color-light-5);--vft-button-disabled-border-color:var(--vft-info-color-light-5)}.vft-button--info.is-link,.vft-button--info.is-plain,.vft-button--info.is-text{--vft-button-text-color:var(--vft-info-color);--vft-button-bg-color:var(--vft-info-color-light-9);--vft-button-border-color:var(--vft-info-color-light-5);--vft-button-hover-text-color:var(--vft-color-white);--vft-button-hover-bg-color:var(--vft-info-color);--vft-button-hover-border-color:var(--vft-info-color);--vft-button-active-text-color:var(--vft-color-white)}.vft-button--info.is-link.is-disabled,.vft-button--info.is-link.is-disabled:active,.vft-button--info.is-link.is-disabled:focus,.vft-button--info.is-link.is-disabled:hover,.vft-button--info.is-plain.is-disabled,.vft-button--info.is-plain.is-disabled:active,.vft-button--info.is-plain.is-disabled:focus,.vft-button--info.is-plain.is-disabled:hover,.vft-button--info.is-text.is-disabled,.vft-button--info.is-text.is-disabled:active,.vft-button--info.is-text.is-disabled:focus,.vft-button--info.is-text.is-disabled:hover{color:var(--vft-info-color-light-5);background-color:var(--vft-info-color-light-9);border-color:var(--vft-info-color-light-8)}.vft-button--large{--vft-button-size:40px;height:var(--vft-button-size);padding:12px 19px;font-size:var(--vft-font-size-base);border-radius:var(--vft-border-radius-base)}.vft-button--large [class*=vft-icon]+span{margin-left:8px}.vft-button--large.is-round{padding:12px 19px}.vft-button--large.is-circle{width:var(--vft-button-size);padding:12px}.vft-button--small{--vft-button-size:24px;height:var(--vft-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vft-border-radius-base) - 1px)}.vft-button--small [class*=vft-icon]+span{margin-left:4px}.vft-button--small.is-round{padding:5px 11px}.vft-button--small.is-circle{width:var(--vft-button-size);padding:5px}

package/theme-style/vft-context-menu.css

@@ -0,0 +1 @@
+.vft-context-menu{border-radius:5px}

package/theme-style/vft-footer-layout.css

@@ -1 +1 @@
-:root{--vft-footer-layout-bg-color:#f7f8fa;--vft-footer-layout-border-top:1px solid #f7f8fa;--vft-footer-layout-left:var(--vft-menu-width);--vft-footer-layout-height:30px;--vft-footer-layout-left-min-width:auto;--vft-footer-layout-right-min-width:auto}.vft-footer-layout{width:calc(100% - var(--vft-footer-layout-left));background-color:var(--vft-footer-layout-bg-color);height:var(--vft-footer-layout-height);border-top:var(--vft-footer-layout-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-footer-layout-left)}.vft-footer-layout__left{min-width:var(--vft-footer-layout-left-min-width)}.vft-footer-layout__right{min-width:var(--vft-footer-layout-right-min-width)}
+:root{--vft-footer-layout-bg-color:var(--vft-header-layout-bg-color);--vft-footer-layout-border-top:var(--vft-border);--vft-footer-layout-left:var(--vft-menu-width);--vft-footer-layout-height:30px;--vft-footer-layout-left-min-width:auto;--vft-footer-layout-right-min-width:auto}.vft-footer-layout{width:calc(100% - var(--vft-footer-layout-left));background-color:var(--vft-footer-layout-bg-color);height:var(--vft-footer-layout-height);border-top:var(--vft-footer-layout-border-top);display:flex;justify-content:space-between;align-items:center;flex:none;overflow:hidden;position:relative;transition:left .5s;left:var(--vft-footer-layout-left)}.vft-footer-layout__left{min-width:var(--vft-footer-layout-left-min-width)}.vft-footer-layout__right{min-width:var(--vft-footer-layout-right-min-width)}

package/theme-style/vft-header-layout.css

@@ -1 +1 @@
-:root{--vft-header-layout-height:64px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:var(--vft-primary-color);--vft-header-layout-color:black;--vft-header-layout-z-index:2001;--vft-header-layout-border-bottom:1px solid rgb(231, 231, 231)}.vft-header-layout{height:var(--vft-header-layout-height);background-color:var(--vft-header-layout-bg-color);border-bottom:var(--vft-header-layout-border-bottom);box-sizing:border-box}.vft-header-layout--fixed{z-index:var(--vft-header-layout-z-index);width:100%}.vft-header-layout__top{height:var(--vft-header-layout-top-height);display:flex;align-items:center;justify-content:space-between}.vft-header-layout__left{display:flex;height:100%;align-items:center}
+:root{--vft-header-layout-height:64px;--vft-header-layout-top-height:40px;--vft-header-layout-bg-color:#eff1f5;--vft-header-layout-z-index:2001;--vft-header-layout-border-bottom:1px solid rgb(231, 231, 231)}.vft-header-layout{height:var(--vft-header-layout-height);background-color:var(--vft-header-layout-bg-color);border-bottom:var(--vft-header-layout-border-bottom);box-sizing:border-box}.vft-header-layout--fixed{z-index:var(--vft-header-layout-z-index);width:100%}.vft-header-layout__top{height:var(--vft-header-layout-top-height);display:flex;align-items:center;justify-content:space-between}.vft-header-layout__left{display:flex;height:100%;align-items:center}

package/theme-style/vft-icon-text.css

@@ -1 +1 @@
-:root{--vft-icon-text-color:black;--vft-icon-text-font-size:12px;--vft-icon-text-hover-color:var(--vft-icon-text-color)}.vft-icon-text{display:flex;align-items:center;font-size:var(--vft-icon-text-font-size);color:var(--vft-icon-text-color);transition:var(--vft-transition-color)}.vft-icon-text i{font-size:inherit!important}.vft-icon-text:hover{color:var(--vft-icon-text-hover-color)}.vft-icon-text:hover i{color:var(--vft-icon-text-hover-color)!important}
+:root{--vft-icon-text-color:inherit;--vft-icon-text-font-size:12px;--vft-icon-text-hover-color:var(--vft-icon-text-color)}.vft-icon-text{display:flex;align-items:center;font-size:var(--vft-icon-text-font-size);line-height:1;width:-moz-fit-content;width:fit-content;color:var(--vft-icon-text-color);transition:var(--vft-transition-color)}.vft-icon-text i{font-size:inherit!important}.vft-icon-text:hover{color:var(--vft-icon-text-hover-color)}.vft-icon-text:hover i{color:var(--vft-icon-text-hover-color)!important}

package/theme-style/vft-logo.css

@@ -1 +1 @@
-:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-title-color:black;--vft-logo-title-font-size:16px;--vft-logo-title-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;cursor:var(--vft-logo-cursor);transition:all .2s ease}.vft-logo__img{width:var(--vft-logo-img-width);height:var(--vft-logo-img-height)}.vft-logo__title{font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);transition:all .5s;line-height:1;color:var(--vft-logo-title-color)}
+:root{--vft-logo-img-width:30px;--vft-logo-img-height:30px;--vft-logo-color:var(--vft-primary-color);--vft-logo-font-size:16px;--vft-logo-font-weight:400;--vft-logo-cursor:pointer}.vft-logo{display:flex;align-items:center;padding-left:20px;cursor:var(--vft-logo-cursor);transition:all .2s ease}.vft-logo__img{width:var(--vft-logo-img-width);height:var(--vft-logo-img-height)}.vft-logo__title{font-size:var(--vft-logo-font-size);font-weight:var(--vft-logo-font-weight);transition:all .5s;line-height:1;color:var(--vft-logo-color)}