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

package/package.json

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

package/raw.json

@@ -711,6 +711,13 @@
             }
         },
         "components": {
+            "tag": {
+                "spacing": {
+                    "$spacing-tag_small-paddingX": "4px",
+                    "$spacing-tag_close-paddingLeft": "4px",
+                    "$spacing-tag_closable-paddingLeft": "4px"
+                }
+            },
             "input": {
                 "color": {
                     "$color-input_default-border-hover": "var(--semi-color-focus-border)",
@@ -760,6 +767,27 @@
                     "$spacing-button_default-paddingLeft": "8px",
                     "$spacing-button_default-paddingRight": "8px"
                 }
+            },
+            "select": {
+                "color": {
+                    "$color-select-border-hover": "var(--semi-color-primary)",
+                    "$color-select-border-default": "var(--semi-color-border-2)",
+                    "$color-select-option-bg-selected": "var(--semi-color-primary-active)"
+                },
+                "width": {
+                    "$width-select_arrow": "28px",
+                    "$width-select_option_tick": "8px"
+                },
+                "height": {
+                    "$height-select_default": "28px"
+                },
+                "spacing": {
+                    "$spacing-select_option-paddingTop": "4px",
+                    "$spacing-select_option-paddingLeft": "8px",
+                    "$spacing-select_option-paddingRight": "8px",
+                    "$spacing-select_option-paddingBottom": "4px",
+                    "$spacing-select_selection-marginLeft": "8px"
+                }
             }
         },
         "typography": {

package/scss/local.scss

@@ -1,3 +1,6 @@
+$spacing-tag_small-paddingX: 4px;
+$spacing-tag_close-paddingLeft: 4px;
+$spacing-tag_closable-paddingLeft: 4px;
 $color-input_default-border-hover: var(--semi-color-focus-border);
 $color-input_default-border-default: var(--semi-color-border-2);
 $height-input_default: 28px;
@@ -26,3 +29,14 @@ $spacing-button_small-paddingLeft: 8px;
 $spacing-button_small-paddingRight: 8px;
 $spacing-button_default-paddingLeft: 8px;
 $spacing-button_default-paddingRight: 8px;
+$color-select-border-hover: var(--semi-color-primary);
+$color-select-border-default: var(--semi-color-border-2);
+$color-select-option-bg-selected: var(--semi-color-primary-active);
+$width-select_arrow: 28px;
+$width-select_option_tick: 8px;
+$height-select_default: 28px;
+$spacing-select_option-paddingTop: 4px;
+$spacing-select_option-paddingLeft: 8px;
+$spacing-select_option-paddingRight: 8px;
+$spacing-select_option-paddingBottom: 4px;
+$spacing-select_selection-marginLeft: 8px;

package/semi.css

@@ -18416,10 +18416,10 @@ 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;
   word-break: break-all;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   color: var(--semi-color-text-0);
   border-radius: 0px;
   position: relative;
@@ -18431,7 +18431,7 @@ img[src=""], img:not([src]) {
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-select-option-icon {
-  width: 12px;
+  width: 8px;
   color: transparent;
   margin-right: 8px;
   display: flex;
@@ -18471,7 +18471,7 @@ img[src=""], img:not([src]) {
 }
 .semi-select-option-selected {
   font-weight: 600;
-  background: transparent;
+  background: var(--semi-color-primary-active);
 }
 .semi-select-option-selected .semi-select-option-icon {
   color: var(--semi-color-text-2);
@@ -18483,8 +18483,8 @@ img[src=""], img:not([src]) {
 .semi-select {
   box-sizing: border-box;
   border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
-  height: 32px;
+  border: 1px solid var(--semi-color-border-2);
+  height: 28px;
   font-weight: 400;
   background-color: var(--semi-color-fill-0);
   display: inline-flex;
@@ -18499,7 +18499,7 @@ img[src=""], img:not([src]) {
 }
 .semi-select:hover {
   background-color: var(--semi-color-fill-1);
-  border: 1px solid transparent;
+  border: 1px solid var(--semi-color-primary);
 }
 .semi-select:focus {
   border: 1px solid var(--semi-color-focus-border);
@@ -18600,7 +18600,7 @@ img[src=""], img:not([src]) {
   align-items: center;
   flex-grow: 1;
   overflow: hidden;
-  margin-left: 12px;
+  margin-left: 8px;
   cursor: pointer;
   color: var(--semi-color-text-0);
 }
@@ -18668,7 +18668,7 @@ img[src=""], img:not([src]) {
 }
 .semi-select-multiple .semi-select-content-wrapper {
   width: 100%;
-  min-height: 30px;
+  min-height: 26px;
   flex-wrap: wrap;
 }
 .semi-select-multiple .semi-select-content-wrapper-empty {
@@ -18700,7 +18700,7 @@ img[src=""], img:not([src]) {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
+  width: 28px;
   color: var(--semi-color-text-2);
   flex-shrink: 0;
   transform: rotate(var(--semi-transform-rotate-none));
@@ -18920,7 +18920,7 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-select-selection,
 .semi-portal-rtl .semi-select-selection {
   margin-left: 0;
-  margin-right: 12px;
+  margin-right: 8px;
 }
 .semi-rtl .semi-select-selection .semi-tag:nth-of-type(1),
 .semi-portal-rtl .semi-select-selection .semi-tag:nth-of-type(1) {
@@ -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,