@semi-bot/semi-theme-wcs 0.0.20 → 0.0.21

package/README.md

@@ -5,11 +5,11 @@ Operator: Lpenser
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.94.1 or newer.
+Compatible with Semi Foundation Version 2.95.1 or newer.
     
 ## Version Release Note
     
-修改主题色
+修改collapse_header边距问题
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -677,6 +677,11 @@
             }
         },
         "components": {
+            "tabs": {
+                "color": {
+                    "$color-tabs_tab_line_selected-text-default": "var(--semi-color-info)"
+                }
+            },
             "input": {
                 "color": {
                     "$color-input_default-bg-focus": "var(--semi-color-bg-0)",
@@ -717,6 +722,15 @@
                     "$color-select-border-default": "var(--semi-color-border)"
                 }
             },
+            "collapse": {
+                "spacing": {
+                    "$spacing-collapse_header-marginX": "0px",
+                    "$spacing-collapse_header-marginY": "0px",
+                    "$spacing-collapse_content-paddingLeft": "0px",
+                    "$spacing-collapse_content-paddingRight": "0px",
+                    "$spacing-collapse_content-paddingBottom": "0px"
+                }
+            },
             "tagInput": {
                 "color": {
                     "$color-tagInput-border-hover": "var(--semi-color-info)",

package/scss/local.scss

@@ -1,3 +1,4 @@
+$color-tabs_tab_line_selected-text-default: var(--semi-color-info);
 $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);
@@ -18,6 +19,11 @@ $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-info);
 $color-select-border-default: var(--semi-color-border);
+$spacing-collapse_header-marginX: 0px;
+$spacing-collapse_header-marginY: 0px;
+$spacing-collapse_content-paddingLeft: 0px;
+$spacing-collapse_content-paddingRight: 0px;
+$spacing-collapse_content-paddingBottom: 0px;
 $color-tagInput-border-hover: var(--semi-color-info);
 $color-tagInput-border-default: var(--semi-color-border);
 $color-tagInput_default-bg-focus: var(--semi-color-bg-0);

package/semi.css

@@ -6376,7 +6376,7 @@ body, :host {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: 4px 8px;
+  margin: 0px 0px;
   padding: 8px;
   border-radius: var(--semi-border-radius-small);
   outline: none;
@@ -6425,7 +6425,7 @@ body, :host {
   background-color: transparent;
 }
 .semi-collapse-content {
-  padding: 4px 16px 8px 16px;
+  padding: 4px 0px 0px 0px;
   color: var(--semi-color-text-1);
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -21673,7 +21673,7 @@ img[src=""], img:not([src]) {
 .semi-tabs-bar .semi-tabs-tab-active, .semi-tabs-bar .semi-tabs-tab-active:hover {
   cursor: default;
   font-weight: 600;
-  color: var(--semi-color-text-0);
+  color: var(--semi-color-info);
 }
 .semi-tabs-bar .semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-primary);
@@ -21742,7 +21742,7 @@ img[src=""], img:not([src]) {
 .semi-tabs-tab-single.semi-tabs-tab-active, .semi-tabs-tab-single.semi-tabs-tab-active:hover {
   cursor: default;
   font-weight: 600;
-  color: var(--semi-color-text-0);
+  color: var(--semi-color-info);
 }
 .semi-tabs-tab-single.semi-tabs-tab-active .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate), .semi-tabs-tab-single.semi-tabs-tab-active:hover .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
   color: var(--semi-color-primary);