@semi-bot/semi-theme-hx-pc 1.0.8 → 1.0.10

package/package.json

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

package/raw.json

@@ -718,6 +718,22 @@
                     "$spacing-tag_closable-paddingLeft": "4px"
                 }
             },
+            "tabs": {
+                "color": {
+                    "$color-tabs_tab_button_selected-bg-default": "var(--semi-color-primary)",
+                    "$color-tabs_tab_line_selected-text-default": "var(--semi-color-primary)",
+                    "$color-tabs_tab_line_default-border-default": "var(--semi-color-transparent)",
+                    "$color-tabs_tab_button_selected-text-default": "var(--semi-color-text-0)"
+                },
+                "spacing": {
+                    "$spacing-tabs_bar_button_tab-paddingX": "8px",
+                    "$spacing-tabs_bar_button_tab-paddingY": "4px",
+                    "$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,6 +1,16 @@
 $spacing-tag_small-paddingX: 4px;
 $spacing-tag_close-paddingLeft: 4px;
 $spacing-tag_closable-paddingLeft: 4px;
+$color-tabs_tab_button_selected-bg-default: var(--semi-color-primary);
+$color-tabs_tab_line_selected-text-default: var(--semi-color-primary);
+$color-tabs_tab_line_default-border-default: var(--semi-color-transparent);
+$color-tabs_tab_button_selected-text-default: var(--semi-color-text-0);
+$spacing-tabs_bar_button_tab-paddingX: 8px;
+$spacing-tabs_bar_button_tab-paddingY: 4px;
+$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,13 +21651,13 @@ 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;
 }
 .semi-tabs-bar-more-trigger-button {
-  padding: 8px 12px;
+  padding: 4px 8px;
 }
 .semi-tabs-bar .semi-tabs-tab {
   font-size: 14px;
@@ -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;
@@ -22021,7 +22021,7 @@ img[src=""], img:not([src]) {
   margin-right: 8px;
 }
 .semi-tabs-bar-button .semi-tabs-tab {
-  padding: 8px 12px;
+  padding: 4px 8px;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   border: none;
@@ -22040,9 +22040,9 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-fill-1);
 }
 .semi-tabs-bar-button .semi-tabs-tab-active, .semi-tabs-bar-button .semi-tabs-tab-active:hover {
-  color: var(--semi-color-primary);
+  color: var(--semi-color-text-0);
   border: none;
-  background-color: var(--semi-color-primary-light-default);
+  background-color: var(--semi-color-primary);
 }
 .semi-tabs-bar-slash .semi-tabs-tab {
   padding: 12px 0px;
@@ -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;
 }
@@ -22255,7 +22255,7 @@ img[src=""], img:not([src]) {
   border: none;
 }
 .semi-tabs-tab-button.semi-tabs-tab {
-  padding: 8px 12px;
+  padding: 4px 8px;
   border-radius: var(--semi-border-radius-small);
   color: var(--semi-color-text-2);
   border: none;
@@ -22274,9 +22274,9 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-fill-1);
 }
 .semi-tabs-tab-button.semi-tabs-tab-active, .semi-tabs-tab-button.semi-tabs-tab-active:hover {
-  color: var(--semi-color-primary);
+  color: var(--semi-color-text-0);
   border: none;
-  background-color: var(--semi-color-primary-light-default);
+  background-color: var(--semi-color-primary);
 }
 
 .semi-rtl .semi-tabs,
@@ -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 {