vft 0.0.18 → 0.0.20

package/theme-style/src/tag.scss

@@ -0,0 +1,186 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+$name: tag;
+
+@include set-root-css-vars($name, $tag);
+
+@function getCompCssVar($value) {
+  @return getCssVar($name, $value);
+}
+
+$tag-border-width: 1px;
+
+$tag-icon-span-gap: () !default;
+$tag-icon-span-gap: map-merge(
+  (
+    'large': 8px,
+    'default': 6px,
+    'small': 4px,
+  ),
+  $tag-icon-span-gap
+);
+
+@function returnVarList($var, $type: 'primary') {
+  $list: ('fill-color', 'blank');
+  @if $var != false {
+    $list: ($type, 'color', $var);
+  }
+  @return $list;
+}
+// false mean --el-color-white
+@mixin genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight) {
+  @include css-var-from-global(
+    ('tag', 'bg-color'),
+    returnVarList($backgroundColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'border-color'),
+    returnVarList($borderColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'hover-color'),
+    returnVarList($hoverColorWeight)
+  );
+
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include css-var-from-global(
+        ('tag', 'bg-color'),
+        returnVarList($backgroundColorWeight, $type)
+      );
+      @include css-var-from-global(
+        ('tag', 'border-color'),
+        returnVarList($borderColorWeight, $type)
+      );
+      @include css-var-from-global(
+        ('tag', 'hover-color'),
+        returnVarList($hoverColorWeight, $type)
+      );
+    }
+  }
+}
+
+@include b(tag) {
+  @include genTheme('light-9', 'light-8', '');
+
+  @include css-var-from-global(('tag', 'text-color'), ('primary', 'color'));
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include css-var-from-global(('tag', 'text-color'), ($type, 'color'));
+    }
+  }
+
+  @include when(hit) {
+    border-color: getCssVar('primary', 'color');
+  }
+  @include when(round) {
+    border-radius: getCssVar('tag', 'border-radius-rounded');
+  }
+
+  .#{$namespace}-tag__close {
+    color: getCssVar('tag', 'text-color');
+    &:hover {
+      color: getCssVar('color-white');
+      background-color: getCssVar('tag-hover-color');
+    }
+  }
+
+  background-color: getCssVar('tag-bg-color');
+  border-color: getCssVar('tag-border-color');
+  color: getCssVar('tag-text-color');
+
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+
+  height: map-get($tag-height, 'default');
+  padding: 0 map-get($tag-padding, 'default') - $border-width;
+
+  font-size: getCssVar('tag-font-size');
+  line-height: 1;
+  border-width: $tag-border-width;
+  border-style: solid;
+  border-radius: getCssVar('tag-border-radius');
+  box-sizing: border-box;
+  white-space: nowrap;
+
+  @include set-css-var-value('icon-size', 14px);
+
+  $svg-margin-size: 1px;
+  .#{$namespace}-icon {
+    cursor: pointer;
+    color: inherit;
+    font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2});
+  }
+
+  .#{$namespace}-tag__close {
+    @include flex-center();
+    border-radius: 50%;
+    height: getCssVar('icon-size');
+    width: getCssVar('icon-size');
+    margin-left: map-get($tag-icon-span-gap, 'default');
+  }
+
+  @include m(dark) {
+    @include genTheme('', '', 'light-3');
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+    @each $type in $types {
+      &.#{bem('tag', '', $type)} {
+        @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+      }
+    }
+  }
+
+  @include m(plain) {
+    @include genTheme(false, 'light-5', '');
+    @include css-var-from-global(('tag', 'bg-color'), ('fill-color', 'blank'));
+  }
+
+  &.is-closable {
+    padding-right: map-get($tag-icon-span-gap, 'default') - $border-width;
+  }
+
+  @include e(content) {
+    @include line-clamp(getCompCssVar('content-line-clamp-num'));
+    max-width: getCompCssVar('content-max-width');
+    white-space: break-spaces;
+  }
+
+  @each $size in (large, small) {
+    @include m($size) {
+      padding: 0 map-get($tag-padding, $size) - $tag-border-width;
+      height: map-get($tag-height, $size);
+
+      @include set-css-var-value(
+        'icon-size',
+        #{map-get($tag-icon-size, $size)}
+      );
+
+      .#{$namespace}-tag__close {
+        margin-left: map-get($tag-icon-span-gap, $size);
+      }
+
+      &.is-closable {
+        padding-right: map-get($tag-icon-span-gap, $size) - $border-width;
+      }
+    }
+  }
+
+  @include m(small) {
+    .#{$namespace}-icon-close {
+      transform: scale(0.8);
+    }
+  }
+
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include when(hit) {
+        border-color: getCssVar($type, 'color');
+      }
+    }
+  }
+}

package/theme-style/src/var.scss

@@ -17,10 +17,10 @@
   @include set-css-var-value('font-weight-primary', 500);
   @include set-css-var-value('font-line-height-primary', 24px);
 
-  // z-index --vri-index-#{$type}
+  // z-index --vft-index-#{$type}
   @include set-component-css-var('index', $z-index);
 
-  // --vri-border-radius-#{$type}
+  // --vft-border-radius-#{$type}
   @include set-component-css-var('border-radius', $border-radius);
 
   // Transition
@@ -36,24 +36,24 @@
 :root {
   color-scheme: light;
 
-  // --vri-color-#{$type}
-  // --vri-color-#{$type}-light-{$i}
+  // --vft-color-#{$type}
+  // --vft-color-#{$type}-light-{$i}
   @each $type in (primary, success, warning, danger, error, info) {
     @include set-css-color-type($colors, $type);
   }
 
   // color-scheme
-  // Background --vri-bg-color-#{$type}
+  // Background --vft-bg-color-#{$type}
   @include set-component-css-var('bg-color', $bg-color);
-  // --vri-text-color-#{$type}
+  // --vft-text-color-#{$type}
   @include set-component-css-var('text', $text-color);
-  // --vri-border-color-#{$type}
+  // --vft-border-color-#{$type}
   @include set-component-css-var('border-color', $border-color);
-  // Fill --vri-fill-color-#{$type}
+  // Fill --vft-fill-color-#{$type}
   @include set-component-css-var('fill-color', $fill-color);
 
   // Box-shadow
-  // --vri-box-shadow-#{$type}
+  // --vft-box-shadow-#{$type}
   @include set-component-css-var('box-shadow', $box-shadow);
   // Disable base
   @include set-component-css-var('disabled', $disabled);

package/theme-style/vft-clamp-toggle.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-clamp-toggle-toggle-color:#1382EF;--vft-clamp-toggle-toggle-size:12px;--vft-clamp-toggle-color:#111;--vft-clamp-toggle-size:12px}.vft-clamp-toggle{font-size:var(--vft-clamp-toggle-size);color:var(--vft-clamp-toggle-color)}.vft-clamp-toggle__more{font-size:var(--vft-clamp-toggle-toggle-size);color:var(--vft-clamp-toggle-toggle-color)}

package/theme-style/vft-descriptions-item.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-descriptions__label.vft-descriptions__cell.is-bordered-label{font-weight:700;color:var(--vft-text-color-regular);background:var(--vft-descriptions-item-bordered-label-background)}.vft-descriptions__label:not(.is-bordered-label){color:var(--vft-text-color-primary);margin-right:16px}.vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.vft-descriptions__content.vft-descriptions__cell.is-bordered-content{color:var(--vft-text-color-primary)}.vft-descriptions__content:not(.is-bordered-label){color:var(--vft-text-color-regular)}.vft-descriptions--large .vft-descriptions__label:not(.is-bordered-label){margin-right:16px}.vft-descriptions--large .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.vft-descriptions--small .vft-descriptions__label:not(.is-bordered-label){margin-right:12px}.vft-descriptions--small .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}

package/theme-style/vft-descriptions.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-descriptions{--vft-descriptions-table-border:1px solid var(--vft-border-color-lighter);--vft-descriptions-item-bordered-label-background:var(--vft-fill-color-light);box-sizing:border-box;font-size:var(--vft-font-size-base);color:var(--vft-text-color-primary)}.vft-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vft-descriptions__title{color:var(--vft-text-color-primary);font-size:16px;font-weight:700}.vft-descriptions__body{background-color:var(--vft-fill-color-blank)}.vft-descriptions__body .vft-descriptions__table{width:100%;border:1px solid #f1f6fe;border-radius:4px;table-layout:fixed;overflow-wrap:break-word;word-break:break-all;border-collapse:collapse}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:23px;font-size:14px}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-left{text-align:left}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-center{text-align:center}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-right{text-align:right}.vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{border:var(--vft-descriptions-table-border);padding:8px 11px}.vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:12px}.vft-descriptions--large{font-size:14px}.vft-descriptions--large .vft-descriptions__header{margin-bottom:20px}.vft-descriptions--large .vft-descriptions__header .vft-descriptions__title{font-size:16px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:14px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:12px 15px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:16px}.vft-descriptions--small{font-size:12px}.vft-descriptions--small .vft-descriptions__header{margin-bottom:12px}.vft-descriptions--small .vft-descriptions__header .vft-descriptions__title{font-size:14px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:12px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:4px 7px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:8px}

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

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-icon-text{display:flex;align-items:center}

package/theme-style/vft-link.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-link-font-size:var(--vft-font-size-base);--vft-link-font-weight:var(--vft-font-weight-primary);--vft-link-text-color:var(--vft-text-regular-color);--vft-link-hover-text-color:var(--vft-primary-color);--vft-link-disabled-text-color:var(--vft-text-placeholder-color)}.vft-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--vft-link-font-size);font-weight:var(--vft-link-font-weight);color:var(--vft-link-text-color)}.vft-link:hover{color:var(--vft-link-hover-text-color)}.vft-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--vft-link-hover-text-color)}.vft-link.is-disabled{color:var(--vft-link-disabled-text-color);cursor:not-allowed}.vft-link [class*=vft-icon-]+span{margin-left:5px}.vft-link.vft-link--default:after{border-color:var(--vft-link-hover-text-color)}.vft-link__inner{display:inline-flex;justify-content:center;align-items:center}.vft-link.vft-link--primary{--vft-link-text-color:var(--vft-primary-color);--vft-link-hover-text-color:var(--vft-primary-color-light-3);--vft-link-disabled-text-color:var(--vft-primary-color-light-5)}.vft-link.vft-link--primary:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--primary.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success{--vft-link-text-color:var(--vft-success-color);--vft-link-hover-text-color:var(--vft-success-color-light-3);--vft-link-disabled-text-color:var(--vft-success-color-light-5)}.vft-link.vft-link--success:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning{--vft-link-text-color:var(--vft-warning-color);--vft-link-hover-text-color:var(--vft-warning-color-light-3);--vft-link-disabled-text-color:var(--vft-warning-color-light-5)}.vft-link.vft-link--warning:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger{--vft-link-text-color:var(--vft-danger-color);--vft-link-hover-text-color:var(--vft-danger-color-light-3);--vft-link-disabled-text-color:var(--vft-danger-color-light-5)}.vft-link.vft-link--danger:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error{--vft-link-text-color:var(--vft-error-color);--vft-link-hover-text-color:var(--vft-error-color-light-3);--vft-link-disabled-text-color:var(--vft-error-color-light-5)}.vft-link.vft-link--error:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info{--vft-link-text-color:var(--vft-info-color);--vft-link-hover-text-color:var(--vft-info-color-light-3);--vft-link-disabled-text-color:var(--vft-info-color-light-5)}.vft-link.vft-link--info:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info.is-underline:hover:after{border-color:var(--vft-link-text-color)}

package/theme-style/vft-overlay.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:var(--vft-overlay-color-lighter);overflow:auto}.vft-overlay .vft-overlay-root{height:0}

package/theme-style/vft-pagination.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-pagination-font-size:14px;--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button *{pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-size:12px;font-weight:700;width:inherit}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class*=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li *{pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}

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

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-width:200px;--vft-side-menu-collapse-width:200px;--vft-side-menu-scroll-mr:0}.vft-side-menu{overflow-x:hidden;transition:width .2s;width:var(--vft-side-menu-width);display:flex;flex-direction:column}.vft-side-menu--fixed{position:fixed;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1;background-color:#fff}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%;background-color:#fff}.vft-side-menu__collapse{cursor:pointer;height:40px;background-color:#fff;padding:0 16px;display:flex;align-items:center;border-right:solid 1px var(--vft-menu-border-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}

package/theme-style/vft-tag.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-tag-font-size:12px;--vft-tag-border-radius:4px;--vft-tag-border-radius-rounded:9999px;--vft-tag-content-line-clamp-num:1;--vft-tag-content-max-width:100%}.vft-tag{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-text-color:var(--vft-primary-color);background-color:var(--vft-tag-bg-color);border-color:var(--vft-tag-border-color);color:var(--vft-tag-text-color);display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:var(--vft-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--vft-tag-border-radius);box-sizing:border-box;white-space:nowrap;--vft-icon-size:14px}.vft-tag.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color-light-9);--vft-tag-border-color:var(--vft-success-color-light-8);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color-light-9);--vft-tag-border-color:var(--vft-warning-color-light-8);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color-light-9);--vft-tag-border-color:var(--vft-danger-color-light-8);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color-light-9);--vft-tag-border-color:var(--vft-error-color-light-8);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color-light-9);--vft-tag-border-color:var(--vft-info-color-light-8);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.vft-tag--primary{--vft-tag-text-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-text-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-text-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-text-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-text-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-text-color:var(--vft-info-color)}.vft-tag.is-hit{border-color:var(--vft-primary-color)}.vft-tag.is-round{border-radius:var(--vft-tag-border-radius-rounded)}.vft-tag .vft-tag__close{color:var(--vft-tag-text-color)}.vft-tag .vft-tag__close:hover{color:var(--vft-color-white);background-color:var(--vft-tag-hover-color)}.vft-tag .vft-icon{cursor:pointer;color:inherit;font-size:calc(var(--vft-icon-size) - 2px)}.vft-tag .vft-tag__close{display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--vft-icon-size);width:var(--vft-icon-size);margin-left:6px}.vft-tag--dark{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3);--vft-tag-text-color:var(--vft-color-white);--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3)}.vft-tag--dark.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color);--vft-tag-border-color:var(--vft-success-color);--vft-tag-hover-color:var(--vft-success-color-light-3)}.vft-tag--dark.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color);--vft-tag-border-color:var(--vft-warning-color);--vft-tag-hover-color:var(--vft-warning-color-light-3)}.vft-tag--dark.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color);--vft-tag-border-color:var(--vft-danger-color);--vft-tag-hover-color:var(--vft-danger-color-light-3)}.vft-tag--dark.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color);--vft-tag-border-color:var(--vft-error-color);--vft-tag-hover-color:var(--vft-error-color-light-3)}.vft-tag--dark.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color);--vft-tag-border-color:var(--vft-info-color);--vft-tag-hover-color:var(--vft-info-color-light-3)}.vft-tag--dark.vft-tag--primary{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--success{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--warning{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--danger{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--error{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--info{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--plain{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-bg-color:var(--vft-fill-color-blank)}.vft-tag--plain.vft-tag--primary{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag--plain.vft-tag--success{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-success-color-light-5);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag--plain.vft-tag--warning{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-warning-color-light-5);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag--plain.vft-tag--danger{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-danger-color-light-5);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag--plain.vft-tag--error{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-error-color-light-5);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag--plain.vft-tag--info{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-info-color-light-5);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.is-closable{padding-right:5px}.vft-tag__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vft-tag-content-line-clamp-num);line-clamp:var(--vft-tag-content-line-clamp-num);max-width:var(--vft-tag-content-max-width);white-space:break-spaces}.vft-tag--large{padding:0 11px;height:32px;--vft-icon-size:16px}.vft-tag--large .vft-tag__close{margin-left:8px}.vft-tag--large.is-closable{padding-right:7px}.vft-tag--small{padding:0 7px;height:20px;--vft-icon-size:12px}.vft-tag--small .vft-tag__close{margin-left:4px}.vft-tag--small.is-closable{padding-right:3px}.vft-tag--small .vft-icon-close{transform:scale(.8)}.vft-tag.vft-tag--primary.is-hit{border-color:var(--vft-primary-color)}.vft-tag.vft-tag--success.is-hit{border-color:var(--vft-success-color)}.vft-tag.vft-tag--warning.is-hit{border-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger.is-hit{border-color:var(--vft-danger-color)}.vft-tag.vft-tag--error.is-hit{border-color:var(--vft-error-color)}.vft-tag.vft-tag--info.is-hit{border-color:var(--vft-info-color)}