@semi-bot/semi-theme-ceos 1.0.6-beta.4 → 1.0.6-beta.6

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.4",
+ "version": "1.0.6-beta.6",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -504,7 +504,7 @@
                 "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
                 "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
                 "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8), 0.13)",
-                "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
+                "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
                 "text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
                 "text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
                 "text/--semi-color-text-3": "rgba(var(--semi-grey-9), 0.35)",
@@ -519,7 +519,7 @@
                 "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
                 "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
                 "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
-                "border/--semi-color-border": "rgba(0,0,0, 0.08)",
+                "border/--semi-color-border": "rgba(14,14,15,0.16)",
                 "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
                 "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
                 "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
@@ -535,7 +535,7 @@
                 "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
                 "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
                 "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
-                "border/--semi-color-border-modal": "rgba(var(--semi-grey-9),0.06)",
+                "border/--semi-color-border-modal": "rgba(4,5,0, 0.06)",
                 "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
                 "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
                 "input/--semi-color-input-HoverBg": "rgba(255,255,255,1)",
@@ -722,6 +722,7 @@
                     "$color-input_default-bg-hover": "var(--semi-color-input-HoverBg)",
                     "$color-input_default-bg-active": "var(--semi-color-input-ActiveBg)",
                     "$color-input_default-bg-default": "var(--semi-color-input-DefaultBg)",
+                    "$color-input_default-border-hover": "var(--semi-color-border)",
                     "$color-input_default-bg-focus-hover": "var(--semi-color-input-DefaultBg)",
                     "$color-input_default-border-default": "var(--semi-color-border)"
                 },
@@ -730,6 +731,9 @@
                     "$height-input_small": "24px",
                     "$height-input_default": "34px",
                     "$height-input_wrapper_default": "36px"
+                },
+                "radius": {
+                    "$radius-input_wrapper": "6px"
                 }
             },
             "modal": {
@@ -746,9 +750,17 @@
                     "$radius-button": "8px"
                 }
             },
+            "select": {
+                "radius": {
+                    "$radius-select": "6px"
+                }
+            },
             "inputNumber": {
                 "height": {
                     "$height-inputNumber_button_small": "28px"
+                },
+                "radius": {
+                    "$radius-inputNumber": "6px"
                 }
             }
         },

package/scss/global.scss

@@ -23,7 +23,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
 --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
 --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
---semi-color-text-0: rgba(var(--semi-grey-9), 1);
+--semi-color-text-0: rgba(var(--semi-grey-9),1);
 --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
 --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
 --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
@@ -38,7 +38,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-data-17: rgba(182, 215, 129, 1);
 --semi-color-data-18: rgba(212, 88, 212, 1);
 --semi-color-data-19: rgba(188, 198, 255, 1);
---semi-color-border: rgba(0,0,0, 0.08);
+--semi-color-border: rgba(14,14,15,0.16);
 --semi-color-danger: rgba(var(--semi-red-5), 1);
 --semi-color-shadow: rgba(var(--semi-black), 0.04);
 --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -54,7 +54,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
 --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
 --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
---semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
+--semi-color-border-modal: rgba(4,5,0, 0.06);
 --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
 --semi-color-highlight: rgba(var(--semi-black), 1);
 --semi-color-input-HoverBg: rgba(255,255,255,1);

package/scss/local.scss

@@ -2,14 +2,18 @@ $color-input_default-bg-focus: var(--semi-color-input-DefaultBg);
 $color-input_default-bg-hover: var(--semi-color-input-HoverBg);
 $color-input_default-bg-active: var(--semi-color-input-ActiveBg);
 $color-input_default-bg-default: var(--semi-color-input-DefaultBg);
+$color-input_default-border-hover: var(--semi-color-border);
 $color-input_default-bg-focus-hover: var(--semi-color-input-DefaultBg);
 $color-input_default-border-default: var(--semi-color-border);
 $height-input_large: 40px;
 $height-input_small: 24px;
 $height-input_default: 34px;
 $height-input_wrapper_default: 36px;
+$radius-input_wrapper: 6px;
 $color-modal_content-border: var(--semi-color-border-modal);
 $height-button_small: 28px;
 $height-button_default: 36px;
 $radius-button: 8px;
+$radius-select: 6px;
 $height-inputNumber_button_small: 28px;
+$radius-inputNumber: 6px;

package/semi.css

@@ -403,7 +403,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
   --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
   --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
-  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
+  --semi-color-text-0: rgba(var(--semi-grey-9),1);
   --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
   --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
   --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
@@ -418,7 +418,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-data-17: rgba(182, 215, 129, 1);
   --semi-color-data-18: rgba(212, 88, 212, 1);
   --semi-color-data-19: rgba(188, 198, 255, 1);
-  --semi-color-border: rgba(0,0,0, 0.08);
+  --semi-color-border: rgba(14,14,15,0.16);
   --semi-color-danger: rgba(var(--semi-red-5), 1);
   --semi-color-shadow: rgba(var(--semi-black), 0.04);
   --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -434,7 +434,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
   --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
-  --semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
+  --semi-color-border-modal: rgba(4,5,0, 0.06);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-black), 1);
   --semi-color-input-HoverBg: rgba(255,255,255,1);
@@ -14550,7 +14550,7 @@ img[src=""], img:not([src]) {
   line-height: 20px;
   background-color: var(--semi-color-input-DefaultBg);
   border: 1px var(--semi-color-border) solid;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   width: 100%;
   outline: none;
   cursor: text;
@@ -14582,7 +14582,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper:hover {
   background-color: var(--semi-color-input-HoverBg);
-  border-color: transparent;
+  border-color: var(--semi-color-border);
 }
 .semi-input-wrapper-focus {
   background-color: var(--semi-color-input-DefaultBg);
@@ -14673,7 +14673,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper .semi-input-clearbtn:focus-visible,
 .semi-input-wrapper .semi-input-modebtn:focus-visible {
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -1px;
 }
@@ -14686,14 +14686,14 @@ img[src=""], img:not([src]) {
   justify-content: center;
 }
 .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
   border-right-style: none;
   border-radius: 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
   border-right-style: none;
@@ -14736,7 +14736,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-append .semi-input:focus + .semi-input-clearbtn {
   border: 1px var(--semi-color-focus-border) solid;
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   border-left-style: none;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
@@ -14744,7 +14744,7 @@ img[src=""], img:not([src]) {
 }
 .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-modebtn {
   border: 1px var(--semi-color-focus-border) solid;
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   border-left-style: none;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
@@ -14760,7 +14760,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-input-DefaultBg);
 }
 .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;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
   border-color: transparent;
@@ -14795,7 +14795,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-danger-light-default);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
   border-color: transparent;
@@ -14830,7 +14830,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-warning-light-default);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper-disabled {
   cursor: not-allowed;
@@ -14954,11 +14954,11 @@ img[src=""], img:not([src]) {
   padding: 0 12px;
 }
 .semi-input-append {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   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-radius: 6px 0 0 6px;
   border-right: 1px var(--semi-color-border) solid;
 }
 .semi-input-disabled::placeholder {
@@ -14980,13 +14980,13 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-tagInput:first-child,
 .semi-input-group .semi-cascader:first-child,
 .semi-input-group .semi-tree-select:first-child, .semi-input-group > .semi-input-wrapper:first-child {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-group .semi-select:last-child,
 .semi-input-group .semi-tagInput:last-child,
 .semi-input-group .semi-cascader:last-child,
 .semi-input-group .semi-tree-select:last-child, .semi-input-group > .semi-input-wrapper:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-group .semi-select:not(:last-child),
 .semi-input-group .semi-tagInput:not(:last-child),
@@ -15027,7 +15027,7 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input,
 .semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,
 .semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-group .semi-input-number:last-child .semi-input-wrapper,
 .semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,
@@ -15037,7 +15037,7 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input,
 .semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,
 .semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-group .semi-input-number:not(:last-child),
 .semi-input-group .semi-datepicker:not(:last-child),
@@ -15179,7 +15179,7 @@ img[src=""], img:not([src]) {
   flex-direction: column;
   margin-left: 4px;
   border: 1px solid var(--semi-color-border);
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   background-color: var(--semi-color-bg-2);
   box-sizing: border-box;
 }
@@ -18485,7 +18485,7 @@ img[src=""], img:not([src]) {
 
 .semi-select {
   box-sizing: border-box;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   border: 1px solid transparent;
   height: 32px;
   font-weight: 400;
@@ -26484,7 +26484,7 @@ p.semi-typography-extended,
   position: relative;
   width: 100%;
   border: 1px var(--semi-color-border) solid;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   vertical-align: bottom;
   background-color: var(--semi-color-input-DefaultBg);
   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);