@sdata/web-vue 1.9.0 → 1.11.0

package/es/tabs/index.d.ts

@@ -87,9 +87,9 @@ declare const Tabs: {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        justify: boolean;
-        trigger: import("./interface").TabTriggerEvent;
         animation: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        justify: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -185,9 +185,9 @@ declare const Tabs: {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        justify: boolean;
-        trigger: import("./interface").TabTriggerEvent;
         animation: boolean;
+        trigger: import("./interface").TabTriggerEvent;
+        justify: boolean;
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
@@ -286,9 +286,9 @@ declare const Tabs: {
     type: import("./interface").TabsType;
     position: import("./interface").TabsPosition;
     direction: "horizontal" | "vertical";
-    justify: boolean;
-    trigger: import("./interface").TabTriggerEvent;
     animation: boolean;
+    trigger: import("./interface").TabTriggerEvent;
+    justify: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;
@@ -342,5 +342,6 @@ declare const Tabs: {
 };
 export type TabsInstance = InstanceType<typeof _Tabs>;
 export type TabPaneInstance = InstanceType<typeof _TabPane>;
+export type { ScrollPosition, TabTriggerEvent, TabsPosition, TabsType } from './interface';
 export { _TabPane as TabPane };
 export default Tabs;

package/es/tabs/style/index.scss

@@ -5,134 +5,52 @@
 @use 'sass:math';
 @use 'sass:string';
 @use 'sass:map';
-@use '@style/theme/legacy-less-var.scss' as legacyLessVar;
 @use 'sass:meta';
 @use '@style/mixins/index.scss' as *;
+@use '@components/tabs/style/token.scss' as token;
 @use '@components/tabs/style/token.scss' as *;
 
 $sizes: mini, small, large;
 
-$__less-vars: (
-  'color-primary-6': global.$color-primary-6,
-  'line-height-base': theme.$line-height-base,
-  'prefix': theme.$prefix,
-  'sd-cssvars-prefix': global.$sd-cssvars-prefix,
-  'sd-theme-tag': global.$sd-theme-tag,
-  'sizes': $sizes,
-  'tabs-capsule-border-header-radius': $tabs-capsule-border-header-radius,
-  'tabs-capsule-color-header-bg': $tabs-capsule-color-header-bg,
-  'tabs-capsule-color-separator-bg': $tabs-capsule-color-separator-bg,
-  'tabs-capsule-color-title-bg': $tabs-capsule-color-title-bg,
-  'tabs-capsule-color-title-bg_active': $tabs-capsule-color-title-bg_active,
-  'tabs-capsule-color-title-bg_hover': $tabs-capsule-color-title-bg_hover,
-  'tabs-capsule-margin-title-horizontal': $tabs-capsule-margin-title-horizontal,
-  'tabs-capsule-padding-header-horizontal': $tabs-capsule-padding-header-horizontal,
-  'tabs-capsule-padding-header-vertical': $tabs-capsule-padding-header-vertical,
-  'tabs-capsule-padding-title-horizontal': $tabs-capsule-padding-title-horizontal,
-  'tabs-capsule-size-separator-height': $tabs-capsule-size-separator-height,
-  'tabs-capsule-size-separator-width': $tabs-capsule-size-separator-width,
-  'tabs-card-border-content-width': $tabs-card-border-content-width,
-  'tabs-card-border-radius': $tabs-card-border-radius,
-  'tabs-card-border-width': $tabs-card-border-width,
-  'tabs-card-color-close-icon-bg_hover': $tabs-card-color-close-icon-bg_hover,
-  'tabs-card-color-title-bg': $tabs-card-color-title-bg,
-  'tabs-card-color-title-bg_active': $tabs-card-color-title-bg_active,
-  'tabs-card-color-title-bg_disabled': $tabs-card-color-title-bg_disabled,
-  'tabs-card-color-title-bg_hover': $tabs-card-color-title-bg_hover,
-  'tabs-card-color-title-border': $tabs-card-color-title-border,
-  'tabs-card-gutter-color-title-bg': $tabs-card-gutter-color-title-bg,
-  'tabs-card-gutter-color-title-bg_active': $tabs-card-gutter-color-title-bg_active,
-  'tabs-card-gutter-color-title-bg_disabled': $tabs-card-gutter-color-title-bg_disabled,
-  'tabs-card-gutter-color-title-bg_hover': $tabs-card-gutter-color-title-bg_hover,
-  'tabs-card-gutter-spacing-horizontal': $tabs-card-gutter-spacing-horizontal,
-  'tabs-card-padding-title-horizontal': $tabs-card-padding-title-horizontal,
-  'tabs-card-padding-title-right_editable': $tabs-card-padding-title-right_editable,
-  'tabs-color-icon': $tabs-color-icon,
-  'tabs-color-icon_disabled': $tabs-color-icon_disabled,
-  'tabs-color-title-text': $tabs-color-title-text,
-  'tabs-color-title-text_active': $tabs-color-title-text_active,
-  'tabs-color-title-text_disabled': $tabs-color-title-text_disabled,
-  'tabs-color-title-text_disabled_active': $tabs-color-title-text_disabled_active,
-  'tabs-color-title-text_hover': $tabs-color-title-text_hover,
-  'tabs-content-padding': $tabs-content-padding,
-  'tabs-line-border-radius': $tabs-line-border-radius,
-  'tabs-line-color-header-border': $tabs-line-color-header-border,
-  'tabs-line-color-ink-bg': $tabs-line-color-ink-bg,
-  'tabs-line-color-ink-bg_disabled': $tabs-line-color-ink-bg_disabled,
-  'tabs-line-color-title-bg': $tabs-line-color-title-bg,
-  'tabs-line-color-title-bg_active': $tabs-line-color-title-bg_active,
-  'tabs-line-color-title-bg_hover': $tabs-line-color-title-bg_hover,
-  'tabs-line-font-title-text-weight_active': $tabs-line-font-title-text-weight_active,
-  'tabs-line-font-title-text-weight_hover': $tabs-line-font-title-text-weight_hover,
-  'tabs-line-margin-title-horizontal': $tabs-line-margin-title-horizontal,
-  'tabs-line-margin-title-horizontal_first': $tabs-line-margin-title-horizontal_first,
-  'tabs-line-padding-title-horizontal_vertical': $tabs-line-padding-title-horizontal_vertical,
-  'tabs-line-size-header-border': $tabs-line-size-header-border,
-  'tabs-line-size-ink-stroke': $tabs-line-size-ink-stroke,
-  'tabs-margin-add-icon-left': $tabs-margin-add-icon-left,
-  'tabs-margin-close-icon-left': $tabs-margin-close-icon-left,
-  'tabs-padding-header-wrapper-horizontal': $tabs-padding-header-wrapper-horizontal,
-  'tabs-padding-title-text-horizontal': $tabs-padding-title-text-horizontal,
-  'tabs-padding-title-text-vertical': $tabs-padding-title-text-vertical,
-  'tabs-rounded-color-title-bg': $tabs-rounded-color-title-bg,
-  'tabs-rounded-color-title-bg_active': $tabs-rounded-color-title-bg_active,
-  'tabs-rounded-color-title-bg_disabled': $tabs-rounded-color-title-bg_disabled,
-  'tabs-rounded-color-title-bg_hover': $tabs-rounded-color-title-bg_hover,
-  'tabs-rounded-margin-title-horizontal': $tabs-rounded-margin-title-horizontal,
-  'tabs-rounded-padding-title-horizontal': $tabs-rounded-padding-title-horizontal,
-  'tabs-size-default-font-size': $tabs-size-default-font-size,
-  'tabs-size-default-font-size_capsule': $tabs-size-default-font-size_capsule,
-  'tabs-size-default-font-size_card': $tabs-size-default-font-size_card,
-  'tabs-size-default-font-size_rounded': $tabs-size-default-font-size_rounded,
-  'tabs-size-default-font-size_text': $tabs-size-default-font-size_text,
-  'tabs-size-default-header-height': $tabs-size-default-header-height,
-  'tabs-size-default-header-height_capsule': $tabs-size-default-header-height_capsule,
-  'tabs-size-default-header-height_line': $tabs-size-default-header-height_line,
-  'tabs-size-default-header-height_rounded': $tabs-size-default-header-height_rounded,
-  'tabs-size-default-header-height_text': $tabs-size-default-header-height_text,
-  'tabs-size-icon': $tabs-size-icon,
-  'tabs-size-icon-bg': $tabs-size-icon-bg,
+$token-vars: (
+  'tabs-size-mini-font-size': $tabs-size-mini-font-size,
+  'tabs-size-small-font-size': $tabs-size-small-font-size,
   'tabs-size-large-font-size': $tabs-size-large-font-size,
-  'tabs-size-large-font-size_capsule': $tabs-size-large-font-size_capsule,
+  'tabs-size-mini-font-size_card': $tabs-size-mini-font-size_card,
+  'tabs-size-small-font-size_card': $tabs-size-small-font-size_card,
   'tabs-size-large-font-size_card': $tabs-size-large-font-size_card,
-  'tabs-size-large-font-size_rounded': $tabs-size-large-font-size_rounded,
-  'tabs-size-large-header-height': $tabs-size-large-header-height,
-  'tabs-size-large-header-height_capsule': $tabs-size-large-header-height_capsule,
-  'tabs-size-large-header-height_line': $tabs-size-large-header-height_line,
-  'tabs-size-large-header-height_rounded': $tabs-size-large-header-height_rounded,
-  'tabs-size-mini-font-size': $tabs-size-mini-font-size,
   'tabs-size-mini-font-size_capsule': $tabs-size-mini-font-size_capsule,
-  'tabs-size-mini-font-size_card': $tabs-size-mini-font-size_card,
-  'tabs-size-mini-font-size_rounded': $tabs-size-mini-font-size_rounded,
-  'tabs-size-mini-header-height': $tabs-size-mini-header-height,
-  'tabs-size-mini-header-height_capsule': $tabs-size-mini-header-height_capsule,
-  'tabs-size-mini-header-height_line': $tabs-size-mini-header-height_line,
-  'tabs-size-mini-header-height_rounded': $tabs-size-mini-header-height_rounded,
-  'tabs-size-small-font-size': $tabs-size-small-font-size,
   'tabs-size-small-font-size_capsule': $tabs-size-small-font-size_capsule,
-  'tabs-size-small-font-size_card': $tabs-size-small-font-size_card,
+  'tabs-size-large-font-size_capsule': $tabs-size-large-font-size_capsule,
+  'tabs-size-mini-font-size_rounded': $tabs-size-mini-font-size_rounded,
   'tabs-size-small-font-size_rounded': $tabs-size-small-font-size_rounded,
+  'tabs-size-large-font-size_rounded': $tabs-size-large-font-size_rounded,
+  'tabs-size-mini-header-height': $tabs-size-mini-header-height,
   'tabs-size-small-header-height': $tabs-size-small-header-height,
-  'tabs-size-small-header-height_capsule': $tabs-size-small-header-height_capsule,
+  'tabs-size-large-header-height': $tabs-size-large-header-height,
+  'tabs-size-mini-header-height_line': $tabs-size-mini-header-height_line,
   'tabs-size-small-header-height_line': $tabs-size-small-header-height_line,
+  'tabs-size-large-header-height_line': $tabs-size-large-header-height_line,
+  'tabs-size-mini-header-height_capsule': $tabs-size-mini-header-height_capsule,
+  'tabs-size-small-header-height_capsule': $tabs-size-small-header-height_capsule,
+  'tabs-size-large-header-height_capsule': $tabs-size-large-header-height_capsule,
+  'tabs-size-mini-header-height_rounded': $tabs-size-mini-header-height_rounded,
   'tabs-size-small-header-height_rounded': $tabs-size-small-header-height_rounded,
-  'tabs-spacing-nav-icon-header': $tabs-spacing-nav-icon-header,
-  'tabs-text-color-separator-bg': $tabs-text-color-separator-bg,
-  'tabs-text-color-title-bg': $tabs-text-color-title-bg,
-  'tabs-text-color-title-bg_active': $tabs-text-color-title-bg_active,
-  'tabs-text-color-title-bg_disabled': $tabs-text-color-title-bg_disabled,
-  'tabs-text-color-title-bg_disabled_active': $tabs-text-color-title-bg_disabled_active,
-  'tabs-text-color-title-bg_hover': $tabs-text-color-title-bg_hover,
-  'tabs-text-margin-title-horizontal': $tabs-text-margin-title-horizontal,
-  'tabs-text-size-separator-height': $tabs-text-size-separator-height,
-  'tabs-text-size-separator-width': $tabs-text-size-separator-width,
-  'transition-duration-2': theme.$transition-duration-2,
-  'transition-timing-function-linear': theme.$transition-timing-function-linear,
-  'transition-timing-function-standard': theme.$transition-timing-function-standard,
+  'tabs-size-large-header-height_rounded': $tabs-size-large-header-height_rounded,
 );
 
-@function less-var($name, $fallback: null) {
-  @return legacyLessVar.get($__less-vars, $name, $fallback);
+@function token-var($name, $fallback: null) {
+  $value: map.get($token-vars, $name);
+
+  @if $value == null {
+    $value: map.get(meta.module-variables('token'), $name);
+  }
+
+  @if $value == null {
+    @return $fallback;
+  }
+
+  @return $value;
 }
 
 $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
@@ -734,25 +652,25 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         $height: string.unquote('tabs-size-#{$size}-header-height_line');
         $font-size: string.unquote('tabs-size-#{$size}-font-size');
         $padding: get-title-padding(
-          less-var($height),
-          less-var($font-size),
+          token-var($height),
+          token-var($font-size),
           $tabs-padding-title-text-vertical
         );
 
         .#{$tabs-prefix-cls}-nav-extra {
-          font-size: less-var($font-size);
-          line-height: less-var($height);
+          font-size: token-var($font-size);
+          line-height: token-var($height);
         }
 
         .#{$tabs-prefix-cls}-tab {
           padding-top: $padding;
           padding-bottom: $padding;
-          font-size: less-var($font-size);
+          font-size: token-var($font-size);
         }
 
         .#{$tabs-prefix-cls}-nav-extra {
-          font-size: less-var($font-size);
-          line-height: less-var($height);
+          font-size: token-var($font-size);
+          line-height: token-var($height);
         }
       }
 
@@ -761,24 +679,24 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         $card-font-size: string.unquote('tabs-size-#{$size}-font-size_card');
         $card-height: string.unquote('tabs-size-#{$size}-header-height');
         $padding: get-title-padding(
-          less-var($card-height) - $tabs-card-border-width * 2,
-          less-var($card-font-size),
+          token-var($card-height) - $tabs-card-border-width * 2,
+          token-var($card-font-size),
           $tabs-padding-title-text-vertical
         );
 
         .#{$tabs-prefix-cls}-tab {
           padding-top: $padding;
           padding-bottom: $padding;
-          font-size: less-var($card-font-size);
+          font-size: token-var($card-font-size);
         }
 
         .#{$tabs-prefix-cls}-nav-extra {
-          font-size: less-var($card-font-size);
-          line-height: less-var($card-height);
+          font-size: token-var($card-font-size);
+          line-height: token-var($card-height);
         }
 
         .#{$tabs-prefix-cls}-nav-add-btn {
-          height: less-var($card-height);
+          height: token-var($card-height);
         }
       }
 
@@ -787,13 +705,13 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
         $capsule-height: string.unquote('tabs-size-#{$size}-header-height_capsule');
 
         .#{$tabs-prefix-cls}-tab {
-          font-size: less-var($capsule-font-size);
-          line-height: less-var($capsule-height) - $tabs-capsule-padding-header-vertical * 2;
+          font-size: token-var($capsule-font-size);
+          line-height: token-var($capsule-height) - $tabs-capsule-padding-header-vertical * 2;
         }
 
         .#{$tabs-prefix-cls}-nav-extra {
-          font-size: less-var($capsule-font-size);
-          line-height: less-var($capsule-height);
+          font-size: token-var($capsule-font-size);
+          line-height: token-var($capsule-height);
         }
       }
 
@@ -803,19 +721,19 @@ $tabs-prefix-cls: string.unquote('#{theme.$prefix}-tabs');
 
         .#{$tabs-prefix-cls}-tab {
           padding-top: get-title-padding(
-            less-var($rounded-height),
-            less-var($rounded-font-size),
+            token-var($rounded-height),
+            token-var($rounded-font-size),
             0
           );
           padding-bottom: (
-            get-title-padding(less-var($rounded-height), less-var($rounded-font-size), 0)
+            get-title-padding(token-var($rounded-height), token-var($rounded-font-size), 0)
           );
-          font-size: less-var($rounded-font-size);
+          font-size: token-var($rounded-font-size);
         }
 
         .#{$tabs-prefix-cls}-nav-extra {
-          font-size: less-var($rounded-font-size);
-          line-height: less-var($rounded-height);
+          font-size: token-var($rounded-font-size);
+          line-height: token-var($rounded-height);
         }
       }
     }

package/es/tabs/tabs-tab.vue.d.ts

@@ -96,6 +96,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -138,6 +139,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -175,6 +177,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/tabs/tabs.d.ts

@@ -153,9 +153,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: TabsType;
     position: TabsPosition;
     direction: "horizontal" | "vertical";
-    justify: boolean;
-    trigger: TabTriggerEvent;
     animation: boolean;
+    trigger: TabTriggerEvent;
+    justify: boolean;
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;

package/es/tag/index.d.ts

@@ -134,6 +134,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -176,6 +177,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -213,6 +215,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -252,6 +255,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: MouseEvent) => true;
@@ -294,6 +298,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -331,6 +336,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -553,6 +559,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -595,6 +602,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -632,6 +640,7 @@ declare const Tag: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -671,6 +680,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -713,6 +723,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -750,6 +761,7 @@ declare const Tag: {
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/tag/style/index.css

@@ -94,13 +94,6 @@
   background-color: rgb(var(--red-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--red-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
-  background-color: rgb(var(--red-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-red.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-red.sd-tag-bordered:hover {
   border-color: rgb(var(--red-6));
@@ -113,13 +106,6 @@
   background-color: rgb(var(--orangered-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orangered-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
-  background-color: rgb(var(--orangered-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-orangered.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-orangered.sd-tag-bordered:hover {
   border-color: rgb(var(--orangered-6));
@@ -132,13 +118,6 @@
   background-color: rgb(var(--orange-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--orange-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
-  background-color: rgb(var(--orange-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-orange.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-orange.sd-tag-bordered:hover {
   border-color: rgb(var(--orange-6));
@@ -151,13 +130,6 @@
   background-color: rgb(var(--gold-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--gold-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
-  background-color: rgb(var(--gold-3));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-gold.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-gold.sd-tag-bordered:hover {
   border-color: rgb(var(--gold-6));
@@ -170,13 +142,6 @@
   background-color: rgb(var(--lime-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--lime-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
-  background-color: rgb(var(--lime-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-lime.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-lime.sd-tag-bordered:hover {
   border-color: rgb(var(--lime-6));
@@ -189,13 +154,6 @@
   background-color: rgb(var(--green-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--green-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
-  background-color: rgb(var(--green-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-green.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-green.sd-tag-bordered:hover {
   border-color: rgb(var(--green-6));
@@ -208,13 +166,6 @@
   background-color: rgb(var(--cyan-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--cyan-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
-  background-color: rgb(var(--cyan-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-cyan.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-cyan.sd-tag-bordered:hover {
   border-color: rgb(var(--cyan-6));
@@ -227,13 +178,6 @@
   background-color: rgb(var(--blue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--blue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
-  background-color: rgb(var(--blue-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-blue.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-blue.sd-tag-bordered:hover {
   border-color: rgb(var(--blue-6));
@@ -246,13 +190,6 @@
   background-color: rgb(var(--sdblue-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--sdblue-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
-  background-color: rgb(var(--sdblue-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-sdblue.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-sdblue.sd-tag-bordered:hover {
   border-color: rgb(var(--sdblue-6));
@@ -265,13 +202,6 @@
   background-color: rgb(var(--purple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--purple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
-  background-color: rgb(var(--purple-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-purple.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-purple.sd-tag-bordered:hover {
   border-color: rgb(var(--purple-6));
@@ -284,13 +214,6 @@
   background-color: rgb(var(--pinkpurple-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--pinkpurple-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
-  background-color: rgb(var(--pinkpurple-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered:hover {
   border-color: rgb(var(--pinkpurple-6));
@@ -303,13 +226,6 @@
   background-color: rgb(var(--magenta-1));
   border: 1px solid transparent;
 }
-.sd-tag .sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
-  background-color: rgb(var(--magenta-2));
-}
-.sd-tag .sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
-  background-color: rgb(var(--magenta-2));
-  border-color: transparent;
-}
 .sd-tag .sd-tag-checked.sd-tag-magenta.sd-tag-bordered,
 .sd-tag .sd-tag-checked.sd-tag-magenta.sd-tag-bordered:hover {
   border-color: rgb(var(--magenta-6));