@semi-bot/semi-theme-hx-pc 1.0.7 → 1.0.9

package/README.md

@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.93.0 or newer.
     
 ## Version Release Note
     
-更新 select
+tabs
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-hx-pc",
- "version": "1.0.7",
+ "version": "1.0.9",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -711,6 +711,25 @@
             }
         },
         "components": {
+            "tag": {
+                "spacing": {
+                    "$spacing-tag_small-paddingX": "4px",
+                    "$spacing-tag_close-paddingLeft": "4px",
+                    "$spacing-tag_closable-paddingLeft": "4px"
+                }
+            },
+            "tabs": {
+                "color": {
+                    "$color-tabs_tab_line_selected-text-default": "var(--semi-color-primary)",
+                    "$color-tabs_tab_line_default-border-default": "var(--semi-color-transparent)"
+                },
+                "spacing": {
+                    "$spacing-tabs_bar_line_tab-paddingTop": "0px",
+                    "$spacing-tabs_bar_line_tab-marginRight": "24px",
+                    "$spacing-tabs_bar_line_tab-paddingRight": "4px",
+                    "$spacing-tabs_bar_line_tab-paddingBottom": "6px"
+                }
+            },
             "input": {
                 "color": {
                     "$color-input_default-border-hover": "var(--semi-color-focus-border)",

package/scss/local.scss

@@ -1,3 +1,12 @@
+$spacing-tag_small-paddingX: 4px;
+$spacing-tag_close-paddingLeft: 4px;
+$spacing-tag_closable-paddingLeft: 4px;
+$color-tabs_tab_line_selected-text-default: var(--semi-color-primary);
+$color-tabs_tab_line_default-border-default: var(--semi-color-transparent);
+$spacing-tabs_bar_line_tab-paddingTop: 0px;
+$spacing-tabs_bar_line_tab-marginRight: 24px;
+$spacing-tabs_bar_line_tab-paddingRight: 4px;
+$spacing-tabs_bar_line_tab-paddingBottom: 6px;
 $color-input_default-border-hover: var(--semi-color-focus-border);
 $color-input_default-border-default: var(--semi-color-border-2);
 $height-input_default: 28px;

package/semi.css

@@ -21651,7 +21651,7 @@ img[src=""], img:not([src]) {
   align-items: center;
 }
 .semi-tabs-bar-more-trigger-line {
-  padding: 16px 4px 14px 4px;
+  padding: 0px 4px 6px 4px;
 }
 .semi-tabs-bar-more-trigger-card {
   padding: 8px 12px;
@@ -21701,7 +21701,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-primary);
 }
 .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);
@@ -21770,7 +21770,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-primary);
 }
 .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);
@@ -21867,12 +21867,12 @@ img[src=""], img:not([src]) {
   clear: both;
 }
 .semi-tabs-bar-line.semi-tabs-bar-top {
-  border-bottom: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-transparent);
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab {
-  padding: 16px 4px 14px 4px;
+  padding: 0px 4px 6px 4px;
   transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   border-bottom: 2px solid transparent;
 }
@@ -21902,7 +21902,7 @@ img[src=""], img:not([src]) {
   border-bottom: 2px solid var(--semi-color-primary);
 }
 .semi-tabs-bar-line.semi-tabs-bar-left {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-transparent);
 }
 .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
   padding: 12px;
@@ -21968,7 +21968,7 @@ img[src=""], img:not([src]) {
   background: transparent;
 }
 .semi-tabs-bar-card.semi-tabs-bar-left {
-  border-right: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-transparent);
 }
 .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
   border: 1px solid transparent;
@@ -22141,7 +22141,7 @@ img[src=""], img:not([src]) {
 }
 .semi-tabs-tab-line.semi-tabs-tab-top.semi-tabs-tab {
   font-size: 14px;
-  padding: 16px 4px 14px 4px;
+  padding: 0px 4px 6px 4px;
   transition: border-bottom-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   border-bottom: 2px solid transparent;
 }
@@ -22316,7 +22316,7 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left,
 .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-transparent);
 }
 .semi-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab,
 .semi-portal-rtl .semi-tabs-bar-line.semi-tabs-bar-left .semi-tabs-tab {
@@ -22347,7 +22347,7 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left,
 .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
+  border-left: 1px solid var(--semi-color-transparent);
 }
 .semi-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab,
 .semi-portal-rtl .semi-tabs-bar-card.semi-tabs-bar-left .semi-tabs-tab {
@@ -22388,7 +22388,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: 16px;
   height: 20px;
-  padding: 2px 8px;
+  padding: 2px 4px;
 }
 .semi-tag-default:focus-visible, .semi-tag-small:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);
@@ -22451,7 +22451,7 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-text-0);
 }
 .semi-tag-closable {
-  padding: 4px 4px 4px 8px;
+  padding: 4px 4px 4px 4px;
 }
 .semi-tag-avatar-square .semi-avatar, .semi-tag-avatar-circle .semi-avatar {
   margin-right: 4px;
@@ -22884,7 +22884,7 @@ img[src=""], img:not([src]) {
 }
 .semi-rtl .semi-tag-closable,
 .semi-portal-rtl .semi-tag-closable {
-  padding: 4px 8px 4px 4px;
+  padding: 4px 4px 4px 4px;
 }
 .semi-rtl .semi-tag-avatar-square .semi-avatar, .semi-rtl .semi-tag-avatar-circle .semi-avatar,
 .semi-portal-rtl .semi-tag-avatar-square .semi-avatar,