npm - @semi-bot/semi-theme-nut - Versions diffs - 1.0.1 → 1.0.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/package.json CHANGED Viewed

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

package/raw.json CHANGED Viewed

@@ -676,7 +676,56 @@
                 "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
             }
         },
-        "components": {},
+        "components": {
+            "input": {
+                "color": {
+                    "$color-input_default-bg-focus": "var(--semi-color-bg-0)",
+                    "$color-input_default-bg-hover": "var(--semi-color-bg-0)",
+                    "$color-input_default-bg-active": "var(--semi-color-bg-0)",
+                    "$color-input_default-bg-default": "var(--semi-color-bg-0)",
+                    "$color-input_default-border-hover": "var(--semi-color-border)",
+                    "$color-input_default-bg-focus-hover": "var(--semi-color-bg-0)",
+                    "$color-input_default-border-default": "var(--semi-color-border)"
+                }
+            },
+            "select": {
+                "color": {
+                    "$color-select-bg-focus": "var(--semi-color-bg-0)",
+                    "$color-select-bg-hover": "var(--semi-color-bg-0)",
+                    "$color-select-bg-active": "var(--semi-color-bg-0)",
+                    "$color-select-bg-default": "var(--semi-color-bg-0)",
+                    "$color-select-border-hover": "var(--semi-color-border)",
+                    "$color-select-border-default": "var(--semi-color-border)"
+                }
+            },
+            "cascader": {
+                "color": {
+                    "$color-cascader_default-bg-hover": "var(--semi-color-bg-0)",
+                    "$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)"
+                }
+            },
+            "treeselect": {
+                "color": {
+                    "$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)",
+                    "$color-treeSelect_default-bg-default": "var(--semi-color-bg-0)",
+                    "$color-treeSelect_default-border-hover": "var(--semi-color-border)",
+                    "$color-treeSelect_default-border-default": "var(--semi-color-border)"
+                }
+            },
+            "typography": {
+                "color": {
+                    "$color-typography_link-text-hover": "var(--semi-color-primary-active)",
+                    "$color-typography_link-text-active": "var(--semi-color-primary-active)",
+                    "$color-typography_link-text-default": "var(--semi-color-primary)",
+                    "$color-typography_link-text-visited": "var(--semi-color-primary)"
+                }
+            }
+        },
         "typography": {
             "Header": {
                 "header-1": {

package/scss/local.scss CHANGED Viewed

@@ -0,0 +1,28 @@
+$color-input_default-bg-focus: var(--semi-color-bg-0);
+$color-input_default-bg-hover: var(--semi-color-bg-0);
+$color-input_default-bg-active: var(--semi-color-bg-0);
+$color-input_default-bg-default: var(--semi-color-bg-0);
+$color-input_default-border-hover: var(--semi-color-border);
+$color-input_default-bg-focus-hover: var(--semi-color-bg-0);
+$color-input_default-border-default: var(--semi-color-border);
+$color-select-bg-focus: var(--semi-color-bg-0);
+$color-select-bg-hover: var(--semi-color-bg-0);
+$color-select-bg-active: var(--semi-color-bg-0);
+$color-select-bg-default: var(--semi-color-bg-0);
+$color-select-border-hover: var(--semi-color-border);
+$color-select-border-default: var(--semi-color-border);
+$color-cascader_default-bg-hover: var(--semi-color-bg-0);
+$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-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);
+$color-treeSelect_default-bg-default: var(--semi-color-bg-0);
+$color-treeSelect_default-border-hover: var(--semi-color-border);
+$color-treeSelect_default-border-default: var(--semi-color-border);
+$color-typography_link-text-hover: var(--semi-color-primary-active);
+$color-typography_link-text-active: var(--semi-color-primary-active);
+$color-typography_link-text-default: var(--semi-color-primary);
+$color-typography_link-text-visited: var(--semi-color-primary);

package/semi.css CHANGED Viewed

@@ -3661,13 +3661,13 @@ body, :host {
 .semi-cascader {
   box-sizing: border-box;
   border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
+  border: 1px solid var(--semi-color-border);
   min-width: 80px;
   min-height: 32px;
   height: auto;
   line-height: 32px;
   font-weight: 400;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
@@ -3675,16 +3675,16 @@ body, :host {
   cursor: pointer;
 }
 .semi-cascader:hover {
-  background-color: var(--semi-color-fill-1);
-  border: 1px transparent solid;
+  background-color: var(--semi-color-bg-0);
+  border: 1px var(--semi-color-border) solid;
 }
 .semi-cascader:focus:not(.semi-cascader-disabled) {
   border: 1px solid var(--semi-color-focus-border);
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   outline: 0;
 }
 .semi-cascader:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-cascader-small {
   min-height: 24px;
@@ -3720,11 +3720,11 @@ body, :host {
   outline: 0;
 }
 .semi-cascader-focus:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-cascader-focus:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-cascader-warning {
   background-color: var(--semi-color-warning-light-default);
@@ -13084,8 +13084,8 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 20px;
-  background-color: var(--semi-color-fill-0);
-  border: 1px transparent solid;
+  background-color: var(--semi-color-bg-0);
+  border: 1px var(--semi-color-border) solid;
   border-radius: var(--semi-border-radius-small);
   width: 100%;
   outline: none;
@@ -13117,19 +13117,19 @@ img[src=""], img:not([src]) {
   line-height: 38px;
 }
 .semi-input-wrapper:hover {
-  background-color: var(--semi-color-fill-1);
-  border-color: transparent;
+  background-color: var(--semi-color-bg-0);
+  border-color: var(--semi-color-border);
 }
 .semi-input-wrapper-focus {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: var(--semi-color-focus-border) solid 1px;
 }
 .semi-input-wrapper-focus:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border-color: var(--semi-color-focus-border);
 }
 .semi-input-wrapper-focus:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
   border-color: var(--semi-color-focus-border);
 }
 .semi-input-wrapper.semi-input-readonly {
@@ -13243,22 +13243,22 @@ img[src=""], img:not([src]) {
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
-  border: 1px transparent solid;
+  border: 1px var(--semi-color-border) solid;
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: 1px transparent solid;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
   border: 1px var(--semi-color-focus-border) solid;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
   border-right-style: none;
@@ -13268,7 +13268,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
   box-sizing: border-box;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
   border: 1px var(--semi-color-focus-border) solid;
@@ -13287,13 +13287,13 @@ img[src=""], img:not([src]) {
   border-radius: 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
@@ -13479,7 +13479,7 @@ img[src=""], img:not([src]) {
   height: 100%;
   display: flex;
   align-items: center;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   color: var(--semi-color-text-2);
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -13491,11 +13491,11 @@ img[src=""], img:not([src]) {
 }
 .semi-input-append {
   border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
-  border-left: 1px transparent solid;
+  border-left: 1px var(--semi-color-border) solid;
 }
 .semi-input-prepend {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
-  border-right: 1px transparent solid;
+  border-right: 1px var(--semi-color-border) solid;
 }
 .semi-input-disabled::placeholder {
   color: var(--semi-color-disabled-text);
@@ -13667,12 +13667,12 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px transparent solid;
+  border-right: 1px var(--semi-color-border) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px transparent solid;
+  border-left: 1px var(--semi-color-border) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -17008,10 +17008,10 @@ img[src=""], img:not([src]) {
 .semi-select {
   box-sizing: border-box;
   border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
+  border: 1px solid var(--semi-color-border);
   height: 32px;
   font-weight: 400;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   display: inline-flex;
   vertical-align: middle;
   position: relative;
@@ -17023,16 +17023,16 @@ 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-bg-0);
+  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-bg-0);
   outline: 0;
 }
 .semi-select:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-select-small {
   height: 24px;
@@ -17052,11 +17052,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-bg-0);
   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-bg-0);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
@@ -22524,36 +22524,36 @@ img[src=""], img:not([src]) {
 .semi-tree-select {
   box-sizing: border-box;
   border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
+  border: 1px solid var(--semi-color-border);
   min-width: 80px;
   min-height: 32px;
   line-height: 32px;
   font-weight: 400;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   display: inline-flex;
   align-items: center;
   position: relative;
   cursor: pointer;
 }
 .semi-tree-select:hover {
-  background-color: var(--semi-color-fill-1);
-  border: 1px solid transparent;
+  background-color: var(--semi-color-bg-0);
+  border: 1px solid var(--semi-color-border);
 }
 .semi-tree-select:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-tree-select-focus {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;
 }
 .semi-tree-select-focus:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;
 }
 .semi-tree-select-focus:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-tree-select-warning {
   background-color: var(--semi-color-warning-light-default);
@@ -22914,7 +22914,7 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-danger);
 }
 .semi-typography.semi-typography-link {
-  color: var(--semi-color-link);
+  color: var(--semi-color-primary);
   font-weight: 600;
 }
 .semi-typography.semi-typography-disabled {
@@ -22961,25 +22961,25 @@ img[src=""], img:not([src]) {
 }
 .semi-typography a {
   display: inline;
-  color: var(--semi-color-link);
+  color: var(--semi-color-primary);
   cursor: pointer;
   text-decoration: none;
 }
 .semi-typography a:visited {
-  color: var(--semi-color-link-visited);
+  color: var(--semi-color-primary);
 }
 .semi-typography a:hover {
-  color: var(--semi-color-link-hover);
+  color: var(--semi-color-primary-active);
 }
 .semi-typography a:active {
-  color: var(--semi-color-link-active);
+  color: var(--semi-color-primary-active);
 }
 .semi-typography a .semi-typography-link-underline:hover {
-  border-bottom: 1px solid var(--semi-color-link-hover);
+  border-bottom: 1px solid var(--semi-color-primary-active);
   margin-bottom: -1px;
 }
 .semi-typography a .semi-typography-link-underline:active {
-  border-bottom: 1px solid var(--semi-color-link-active);
+  border-bottom: 1px solid var(--semi-color-primary-active);
   margin-bottom: -1px;
 }
 .semi-typography-ellipsis-single-line {
@@ -24401,24 +24401,24 @@ p.semi-typography-extended,
   display: inline-block;
   position: relative;
   width: 100%;
-  border: 1px transparent solid;
+  border: 1px var(--semi-color-border) solid;
   border-radius: var(--semi-border-radius-small);
   vertical-align: bottom;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-input-textarea-wrapper:hover {
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-textarea-wrapper-focus {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
   border: 1px var(--semi-color-focus-border) solid;
 }
 .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-textarea-wrapper:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-bg-0);
 }
 .semi-input-textarea-wrapper .semi-input-clearbtn {
   position: absolute;
@@ -24602,12 +24602,12 @@ p.semi-typography-extended,
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px transparent solid;
+  border-right: 1px var(--semi-color-border) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px transparent solid;
+  border-left: 1px var(--semi-color-border) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,