@semi-bot/semi-theme-ceos 1.0.6-beta.12 → 1.0.6-beta.13

package/README.md

@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.91.0 or newer.
     
 ## Version Release Note
     
-更新颜色
+更新下拉选择框
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-ceos",
- "version": "1.0.6-beta.12",
+ "version": "1.0.6-beta.13",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -754,6 +754,18 @@
                 }
             },
             "select": {
+                "color": {
+                    "$color-select-bg-focus": "var(--semi-color-input-ActiveBg)",
+                    "$color-select-bg-hover": "var(--semi-color-input-HoverBg)",
+                    "$color-select-bg-active": "var(--semi-color-input-DefaultBg)",
+                    "$color-select-bg-default": "var(--semi-color-input-DefaultBg)",
+                    "$color-select-border-hover": "var(--semi-color-border)",
+                    "$color-select-border-default": "var(--semi-color-border)"
+                },
+                "height": {
+                    "$height-select_small": "28px",
+                    "$height-select_default": "36px"
+                },
                 "radius": {
                     "$radius-select": "6px"
                 }

package/scss/local.scss

@@ -14,6 +14,14 @@ $color-modal_content-border: var(--semi-color-border-modal);
 $height-button_small: 28px;
 $height-button_default: 36px;
 $radius-button: 8px;
+$color-select-bg-focus: var(--semi-color-input-ActiveBg);
+$color-select-bg-hover: var(--semi-color-input-HoverBg);
+$color-select-bg-active: var(--semi-color-input-DefaultBg);
+$color-select-bg-default: var(--semi-color-input-DefaultBg);
+$color-select-border-hover: var(--semi-color-border);
+$color-select-border-default: var(--semi-color-border);
+$height-select_small: 28px;
+$height-select_default: 36px;
 $radius-select: 6px;
 $height-inputNumber_button_small: 28px;
 $radius-inputNumber: 6px;

package/semi.css

@@ -18489,10 +18489,10 @@ img[src=""], img:not([src]) {
 .semi-select {
   box-sizing: border-box;
   border-radius: 6px;
-  border: 1px solid transparent;
-  height: 32px;
+  border: 1px solid var(--semi-color-border);
+  height: 36px;
   font-weight: 400;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-DefaultBg);
   display: inline-flex;
   vertical-align: middle;
   position: relative;
@@ -18504,20 +18504,20 @@ img[src=""], img:not([src]) {
   overflow-y: auto;
 }
 .semi-select:hover {
-  background-color: var(--semi-color-fill-1);
-  border: 1px solid transparent;
+  background-color: var(--semi-color-input-HoverBg);
+  border: 1px solid var(--semi-color-border);
 }
 .semi-select:focus {
   border: 1px solid var(--semi-color-focus-border);
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-ActiveBg);
   outline: 0;
 }
 .semi-select:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-input-DefaultBg);
 }
 .semi-select-small {
-  height: 24px;
-  line-height: 24px;
+  height: 28px;
+  line-height: 28px;
 }
 .semi-select-large {
   min-height: 40px;
@@ -18533,11 +18533,11 @@ img[src=""], img:not([src]) {
   outline: 0;
 }
 .semi-select-open:hover, .semi-select-focus:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-DefaultBg);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-open:active, .semi-select-focus:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-input-DefaultBg);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
@@ -18674,7 +18674,7 @@ img[src=""], img:not([src]) {
 }
 .semi-select-multiple .semi-select-content-wrapper {
   width: 100%;
-  min-height: 30px;
+  min-height: 34px;
   flex-wrap: wrap;
 }
 .semi-select-multiple .semi-select-content-wrapper-empty {
@@ -18700,7 +18700,7 @@ img[src=""], img:not([src]) {
   min-height: 38px;
 }
 .semi-select-multiple.semi-select-small .semi-select-content-wrapper {
-  min-height: 22px;
+  min-height: 26px;
 }
 .semi-select-arrow {
   display: flex;