@semi-bot/semi-theme-xiaojiang 1.0.0 → 1.0.2

package/package.json

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

package/raw.json

@@ -512,6 +512,7 @@
                 "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
                 "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
                 "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
+                "border/--semi-color-border-form": "rgba(var(--semi-neutral-3),1)",
                 "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)",
@@ -690,7 +691,7 @@
             "input": {
                 "color": {
                     "$color-input_default-bg-default": "var(--semi-color-bg-0)",
-                    "$color-input_default-border-default": "var(--semi-color-border)"
+                    "$color-input_default-border-default": "var(--semi-color-border-form)"
                 },
                 "width": {
                     "$width-input_wrapper-border": "1px",
@@ -699,7 +700,9 @@
             },
             "table": {
                 "width": {
-                    "$width-table_react_resizable_handle": "2px"
+                    "$width-table_base_border": "1px",
+                    "$width-table_header_border": "2px",
+                    "$width-table_react_resizable_handle": "4px"
                 },
                 "spacing": {
                     "$spacing-table_row_head-paddingX": "10px",
@@ -708,13 +711,20 @@
                 }
             },
             "button": {
+                "width": {
+                    "$width-button_outline-border": "2px"
+                },
                 "height": {
                     "$height-button_small": "28px"
                 }
             },
             "select": {
                 "color": {
-                    "$color-select-bg-default": "var(--semi-color-bg-0)"
+                    "$color-select-bg-default": "var(--semi-color-bg-0)",
+                    "$color-select-border-default": "var(--semi-color-border-form)"
+                },
+                "width": {
+                    "$width-select-border": "1px"
                 }
             }
         },
@@ -787,7 +797,7 @@
         "border-radius": {
             "--semi-border-radius-full": "9999px",
             "--semi-border-radius-large": "12px",
-            "--semi-border-radius-small": "3px",
+            "--semi-border-radius-small": "6px",
             "--semi-border-radius-circle": "50%",
             "--semi-border-radius-medium": "6px",
             "--semi-border-radius-extra-small": "3px"

package/scss/global.scss

@@ -51,6 +51,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-link-active: rgba(var(--semi-blue-7), 1);
 --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
 --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
+--semi-color-border-form: rgba(var(--semi-neutral-3),1);
 --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);
@@ -108,7 +109,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
 --semi-border-radius-full: 9999px;
 --semi-border-radius-large: 12px;
---semi-border-radius-small: 3px;
+--semi-border-radius-small: 6px;
 --semi-border-radius-circle: 50%;
 --semi-border-radius-medium: 6px;
 --semi-border-radius-extra-small: 3px;
@@ -223,7 +224,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
 --semi-border-radius-full: 9999px;
 --semi-border-radius-large: 12px;
---semi-border-radius-small: 3px;
+--semi-border-radius-small: 6px;
 --semi-border-radius-circle: 50%;
 --semi-border-radius-medium: 6px;
 --semi-border-radius-extra-small: 3px;

package/scss/local.scss

@@ -1,10 +1,15 @@
 $color-input_default-bg-default: var(--semi-color-bg-0);
-$color-input_default-border-default: var(--semi-color-border);
+$color-input_default-border-default: var(--semi-color-border-form);
 $width-input_wrapper-border: 1px;
 $width-input_wrapper_focus-border: 1px;
-$width-table_react_resizable_handle: 2px;
+$width-table_base_border: 1px;
+$width-table_header_border: 2px;
+$width-table_react_resizable_handle: 4px;
 $spacing-table_row_head-paddingX: 10px;
 $spacing-table_row_head-paddingY: 8px;
 $spacing-table_tbody_rowCell-padding: 10px;
+$width-button_outline-border: 2px;
 $height-button_small: 28px;
 $color-select-bg-default: var(--semi-color-bg-0);
+$color-select-border-default: var(--semi-color-border-form);
+$width-select-border: 1px;

package/semi.css

@@ -411,6 +411,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-link-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
   --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
+  --semi-color-border-form: rgba(var(--semi-neutral-3),1);
   --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);
@@ -468,7 +469,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 12px;
-  --semi-border-radius-small: 3px;
+  --semi-border-radius-small: 6px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-medium: 6px;
   --semi-border-radius-extra-small: 3px;
@@ -582,7 +583,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 12px;
-  --semi-border-radius-small: 3px;
+  --semi-border-radius-small: 6px;
   --semi-border-radius-circle: 50%;
   --semi-border-radius-medium: 6px;
   --semi-border-radius-extra-small: 3px;
@@ -3340,7 +3341,7 @@ body, :host {
 }
 .semi-button-danger-disabled.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-danger-disabled.semi-button-light {
   background-color: var(--semi-color-fill-0);
@@ -3353,7 +3354,7 @@ body, :host {
 }
 .semi-button-danger.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-danger);
+  border: 2px solid var(--semi-color-danger);
 }
 .semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
   color: var(--semi-color-danger);
@@ -3372,7 +3373,7 @@ body, :host {
 }
 .semi-button-warning-disabled.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-warning-disabled.semi-button-light {
   background-color: var(--semi-color-fill-0);
@@ -3385,7 +3386,7 @@ body, :host {
 }
 .semi-button-warning.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-warning);
+  border: 2px solid var(--semi-color-warning);
 }
 .semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
   color: var(--semi-color-warning);
@@ -3418,7 +3419,7 @@ body, :host {
 }
 .semi-button-tertiary-disabled.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-tertiary-disabled.semi-button-light {
   background-color: var(--semi-color-fill-0);
@@ -3431,7 +3432,7 @@ body, :host {
 }
 .semi-button-tertiary.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
   color: var(--semi-color-text-1);
@@ -3473,14 +3474,14 @@ body, :host {
 }
 .semi-button-primary-disabled.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
   background-color: var(--semi-color-primary-hover);
 }
 .semi-button-primary.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
   background-color: var(--semi-color-primary-active);
@@ -3500,14 +3501,14 @@ body, :host {
 }
 .semi-button-secondary-disabled.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-secondary-disabled.semi-button-light {
   background-color: var(--semi-color-fill-0);
 }
 .semi-button-secondary.semi-button-outline {
   background-color: transparent;
-  border: 1px solid var(--semi-color-border);
+  border: 2px solid var(--semi-color-border);
 }
 .semi-button-secondary:hover {
   background-color: var(--semi-color-secondary-hover);
@@ -3639,7 +3640,7 @@ body, :host {
 }
 .semi-button-group > .semi-button-outline:not(:last-child) {
   border-right-color: transparent;
-  margin-right: -1px;
+  margin-right: -2px;
 }
 .semi-button-group-line {
   display: inline-flex;
@@ -14510,7 +14511,7 @@ img[src=""], img:not([src]) {
   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-bg-0);
-  border: 1px var(--semi-color-border) solid;
+  border: 1px var(--semi-color-border-form) solid;
   border-radius: var(--semi-border-radius-small);
   width: 100%;
   outline: none;
@@ -14668,7 +14669,7 @@ 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 var(--semi-color-border) solid;
+  border: 1px var(--semi-color-border-form) solid;
   background-color: transparent;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
@@ -14916,11 +14917,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 var(--semi-color-border) solid;
+  border-left: 1px var(--semi-color-border-form) solid;
 }
 .semi-input-prepend {
   border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
-  border-right: 1px var(--semi-color-border) solid;
+  border-right: 1px var(--semi-color-border-form) solid;
 }
 .semi-input-disabled::placeholder {
   color: var(--semi-color-disabled-text);
@@ -15092,12 +15093,12 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px var(--semi-color-border) solid;
+  border-right: 1px var(--semi-color-border-form) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-border) solid;
+  border-left: 1px var(--semi-color-border-form) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -18443,7 +18444,7 @@ 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-form);
   height: 32px;
   font-weight: 400;
   background-color: var(--semi-color-bg-0);
@@ -20628,7 +20629,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-thead > .semi-table-row .react-resizable-handle {
   position: absolute;
-  width: 2px;
+  width: 4px;
   height: calc(100% - 4px * 2);
   background-color: var(--semi-color-border);
   bottom: 4px;
@@ -25909,7 +25910,7 @@ p.semi-typography-extended,
   display: inline-block;
   position: relative;
   width: 100%;
-  border: 1px var(--semi-color-border) solid;
+  border: 1px var(--semi-color-border-form) solid;
   border-radius: var(--semi-border-radius-small);
   vertical-align: bottom;
   background-color: var(--semi-color-bg-0);
@@ -26110,12 +26111,12 @@ p.semi-typography-extended,
 .semi-rtl .semi-input-append,
 .semi-portal-rtl .semi-input-append {
   border-left: 0;
-  border-right: 1px var(--semi-color-border) solid;
+  border-right: 1px var(--semi-color-border-form) solid;
 }
 .semi-rtl .semi-input-prepend,
 .semi-portal-rtl .semi-input-prepend {
   border-right: 0;
-  border-left: 1px var(--semi-color-border) solid;
+  border-left: 1px var(--semi-color-border-form) solid;
 }
 .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
 .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,