@sdata/web-vue 2.11.1 → 2.11.3

package/es/_components/select-view/style/index.css

@@ -105,6 +105,13 @@
   background-color: rgb(var(--sd-red-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-red-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
+  background-color: rgb(var(--sd-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(--sd-red-6));
 }
@@ -116,6 +123,13 @@
   background-color: rgb(var(--sd-orangered-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orangered-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
+  background-color: rgb(var(--sd-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(--sd-orangered-6));
 }
@@ -127,6 +141,13 @@
   background-color: rgb(var(--sd-orange-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orange-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
+  background-color: rgb(var(--sd-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(--sd-orange-6));
 }
@@ -138,6 +159,13 @@
   background-color: rgb(var(--sd-gold-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-gold-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
+  background-color: rgb(var(--sd-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(--sd-gold-6));
 }
@@ -149,6 +177,13 @@
   background-color: rgb(var(--sd-lime-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-lime-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
+  background-color: rgb(var(--sd-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(--sd-lime-6));
 }
@@ -160,6 +195,13 @@
   background-color: rgb(var(--sd-green-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-green-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
+  background-color: rgb(var(--sd-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(--sd-green-6));
 }
@@ -171,6 +213,13 @@
   background-color: rgb(var(--sd-cyan-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-cyan-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
+  background-color: rgb(var(--sd-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(--sd-cyan-6));
 }
@@ -182,6 +231,13 @@
   background-color: rgb(var(--sd-blue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-blue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
+  background-color: rgb(var(--sd-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(--sd-blue-6));
 }
@@ -193,6 +249,13 @@
   background-color: rgb(var(--sd-sdblue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-sdblue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
+  background-color: rgb(var(--sd-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(--sd-sdblue-6));
 }
@@ -204,6 +267,13 @@
   background-color: rgb(var(--sd-purple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-purple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
+  background-color: rgb(var(--sd-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(--sd-purple-6));
 }
@@ -215,6 +285,13 @@
   background-color: rgb(var(--sd-pinkpurple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-pinkpurple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
+  background-color: rgb(var(--sd-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(--sd-pinkpurple-6));
 }
@@ -226,6 +303,13 @@
   background-color: rgb(var(--sd-magenta-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-magenta-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
+  background-color: rgb(var(--sd-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(--sd-magenta-6));
 }

package/es/auto-complete/style/index.css

@@ -38,6 +38,22 @@
   font-size: 14px;
   line-height: 36px;
 }
+.sd-autocomplete-popup .sd-select-popup .sd-select-option {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-bg-popup);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-bg-popup);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-hover {
+  color: var(--sd-color-text-1);
+  background-color: var(--sd-color-fill-2);
+}
+.sd-autocomplete-popup .sd-select-popup .sd-select-option-disabled {
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-bg-popup);
+}
 .sd-autocomplete-popup .sd-select-popup .sd-select-option-selected {
   font-weight: 500;
 }

package/es/auto-complete/style/index.scss

@@ -8,8 +8,29 @@
 $auto-complete-prefix-cls: string.unquote('#{theme.$prefix}-autocomplete');
 $select-prefix-cls: string.unquote('#{theme.$prefix}-select');
 
+@function _str-replace-all($string, $search, $replace) {
+  $index: string.index($string, $search);
+
+  @if not $index {
+    @return $string;
+  }
+
+  $before: string.slice($string, 1, $index - 1);
+  $after: string.slice($string, $index + string.length($search));
+
+  @return $before + $replace + _str-replace-all($after, $search, $replace);
+}
+
 @function token-var($name, $fallback: null) {
-  $value: map.get(meta.module-variables('token'), $name);
+  $vars: meta.module-variables('token');
+  $value: map.get($vars, $name);
+
+  @if $value == null {
+    // meta.module-variables() exposes token names normalized to hyphens, while
+    // the source looks them up with underscores (e.g. 'color-text_disabled').
+    // map.get() compares keys as exact strings, so normalize before retrying.
+    $value: map.get($vars, _str-replace-all($name, '_', '-'));
+  }
 
   @if $value == null {
     @return $fallback;