@semi-bot/semi-theme-nut 1.0.4 → 1.0.6

package/package.json

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

package/raw.json

@@ -707,6 +707,20 @@
                     "$color-cascader_default-border-default": "var(--semi-color-border)"
                 }
             },
+            "datePicker": {
+                "color": {
+                    "$color-datepicker_range_input-bg-hover": "var(--semi-color-bg-0)",
+                    "$color-datepicker_range_trigger-border": "var(--semi-color-border)",
+                    "$color-datepicker_range_input-bg-default": "var(--semi-color-bg-0)",
+                    "$color-datepicker_range_input-border-default": "var(--semi-color-border)",
+                    "$color-datepicker_range_trigger-border-focus": "var(--semi-color-border)",
+                    "$color-datepicker_range_trigger-border-hover": "var(--semi-color-border)",
+                    "$color-datepicker_range_trigger-border-active": "var(--semi-color-border)",
+                    "$color-datepicker_range_input_inputWrapper-bg-focus": "var(--semi-color-bg-0)",
+                    "$color-datepicker_range_input_inputWrapper-bg-default": "var(--semi-color-bg-0)",
+                    "$color-datepicker_range_input_inputWrapper-border-default": "var(--semi-color-border)"
+                }
+            },
             "treeselect": {
                 "color": {
                     "$color-treeSelect_default-bg-focus": "var(--semi-color-bg-0)",

package/scss/local.scss

@@ -16,6 +16,16 @@ $color-cascader_default-bg-active: var(--semi-color-bg-0);
 $color-cascader_default-bg-default: var(--semi-color-bg-0);
 $color-cascader_default-border-hover: var(--semi-color-border);
 $color-cascader_default-border-default: var(--semi-color-border);
+$color-datepicker_range_input-bg-hover: var(--semi-color-bg-0);
+$color-datepicker_range_trigger-border: var(--semi-color-border);
+$color-datepicker_range_input-bg-default: var(--semi-color-bg-0);
+$color-datepicker_range_input-border-default: var(--semi-color-border);
+$color-datepicker_range_trigger-border-focus: var(--semi-color-border);
+$color-datepicker_range_trigger-border-hover: var(--semi-color-border);
+$color-datepicker_range_trigger-border-active: var(--semi-color-border);
+$color-datepicker_range_input_inputWrapper-bg-focus: var(--semi-color-bg-0);
+$color-datepicker_range_input_inputWrapper-bg-default: var(--semi-color-bg-0);
+$color-datepicker_range_input_inputWrapper-border-default: var(--semi-color-border);
 $color-treeSelect_default-bg-focus: var(--semi-color-bg-0);
 $color-treeSelect_default-bg-hover: var(--semi-color-bg-0);
 $color-treeSelect_default-bg-active: var(--semi-color-bg-0);

package/semi.css

@@ -6010,28 +6010,28 @@ body, :host {
   border-radius: var(--semi-border-radius-small);
   height: 32px;
   color: var(--semi-color-text-2);
-  background-color: var(--semi-color-fill-0);
-  border: 0px solid transparent;
+  background-color: var(--semi-color-bg-0);
+  border: 0px solid var(--semi-color-border);
 }
 .semi-datepicker-range-input:hover {
-  border-color: transparent;
+  border-color: var(--semi-color-border);
 }
 .semi-datepicker-range-input:active {
-  border-color: transparent;
+  border-color: var(--semi-color-border);
 }
 .semi-datepicker-range-input:focus-within {
-  border-color: transparent;
+  border-color: var(--semi-color-border);
 }
 .semi-datepicker-range-input .semi-datepicker-monthRange-input {
   background-color: transparent;
 }
 .semi-datepicker-range-input-wrapper {
   box-sizing: border-box;
-  background-color: transparent;
+  background-color: var(--semi-color-bg-0);
   padding: 0 8px;
   height: 100%;
   width: 100%;
-  border: 1px solid transparent;
+  border: 1px solid var(--semi-color-border);
   border-radius: var(--semi-border-radius-small);
   display: flex;
   align-items: center;
@@ -6048,8 +6048,8 @@ body, :host {
   background-color: transparent;
 }
 .semi-datepicker-range-input-wrapper-focus {
-  border-color: transparent;
-  background-color: var(--semi-color-fill-1);
+  border-color: var(--semi-color-border);
+  background-color: var(--semi-color-bg-0);
   border-radius: var(--semi-border-radius-small);
   transition: background-color 0.16s ease-in-out;
 }
@@ -6066,7 +6066,7 @@ body, :host {
   flex-shrink: 0;
 }
 .semi-datepicker-range-input-wrapper:hover {
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-datepicker-range-input-wrapper-start {
   border-top-right-radius: 0;
@@ -6080,7 +6080,7 @@ body, :host {
 }
 .semi-datepicker-range-input-wrapper-active {
   border-color: var(--semi-color-focus-border);
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-datepicker-range-input-separator {
   display: flex;
@@ -6114,7 +6114,7 @@ body, :host {
   background-color: var(--semi-color-disabled-fill);
 }
 .semi-datepicker-range-input-disabled .semi-datepicker-range-input-wrapper:hover {
-  background-color: transparent;
+  background-color: var(--semi-color-bg-0);
 }
 .semi-datepicker-range-input-disabled:hover {
   background-color: var(--semi-color-disabled-fill);