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

package/README.md

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

package/package.json

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

package/raw.json

@@ -431,7 +431,7 @@
                 "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
                 "link/--semi-color-link-active": "rgba(var(--semi-blue-3),1)",
                 "link/--semi-color-link-visited": "rgba(var(--semi-blue-2),1)",
-                "tertiary/--semi-color-tertiary": "rgba(var(--semi-green-4),1)",
+                "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-4), 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)",
@@ -452,16 +452,16 @@
                 "primary/--semi-color-primary-active": "rgba(var(--semi-brand-4),1)",
                 "success/--semi-color-success-active": "rgba(var(--semi-cyan-3),1)",
                 "warning/--semi-color-warning-active": "rgba(var(--semi-yellow-3),1)",
-                "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-green-5),1)",
+                "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-5), 1)",
                 "transparent/--semi-color-transparent": "rgba(var(--semi-grey-3),0)",
                 "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
                 "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-cyan-2), 1)",
-                "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-green-3),1)",
+                "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-3), 1)",
                 "warning/--semi-color-warning-disabled": "rgba(var(--semi-yellow-2),1)",
                 "secondary/--semi-color-secondary-hover": "rgba(var(--semi-grey-5), 1)",
                 "secondary/--semi-color-secondary-active": "rgba(var(--semi-grey-3), 1)",
-                "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-green-2),1)",
+                "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-grey-2), 1)",
                 "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.3)",
                 "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
                 "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-2), 1)",
@@ -745,7 +745,6 @@
                     "$color-button_tertiary_solid-text-default": "var(--semi-color-tertiary)",
                     "$color-button_disabled_tertiary-bg-default": "var(--semi-color-tertiary-disabled)",
                     "$color-button_disabled_secondary-bg-default": "var(--semi-color-secondary-disabled)",
-                    "$color-button_primary_outline-border-default": "rgba(23, 144, 255, 0.52)",
                     "$color-button_secondary_outline-border-default": "var(--semi-color-border-1)",
                     "$color-button_secondary_borderless-text-default": "var(--semi-color-text-1)"
                 },
@@ -764,9 +763,23 @@
             },
             "select": {
                 "color": {
-                    "$color-select-border-hover": "var(--semi-color-focus-border)",
+                    "$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"
                 }
             }
         },

package/scss/global.scss

@@ -185,7 +185,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-info-active: rgba(var(--semi-blue-7), 1);
 --semi-color-link-active: rgba(var(--semi-blue-3),1);
 --semi-color-link-visited: rgba(var(--semi-blue-2),1);
---semi-color-tertiary: rgba(var(--semi-green-4),1);
+--semi-color-tertiary: rgba(var(--semi-grey-4), 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);
@@ -206,16 +206,16 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
 --semi-color-primary-active: rgba(var(--semi-brand-4),1);
 --semi-color-success-active: rgba(var(--semi-cyan-3),1);
 --semi-color-warning-active: rgba(var(--semi-yellow-3),1);
---semi-color-tertiary-hover: rgba(var(--semi-green-5),1);
+--semi-color-tertiary-hover: rgba(var(--semi-grey-5), 1);
 --semi-color-transparent: rgba(var(--semi-grey-3),0);
 --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
 --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
 --semi-color-success-disabled: rgba(var(--semi-cyan-2), 1);
---semi-color-tertiary-active: rgba(var(--semi-green-3),1);
+--semi-color-tertiary-active: rgba(var(--semi-grey-3), 1);
 --semi-color-warning-disabled: rgba(var(--semi-yellow-2),1);
 --semi-color-secondary-hover: rgba(var(--semi-grey-5), 1);
 --semi-color-secondary-active: rgba(var(--semi-grey-3), 1);
---semi-color-tertiary-disabled: rgba(var(--semi-green-2),1);
+--semi-color-tertiary-disabled: rgba(var(--semi-grey-2), 1);
 --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.3);
 --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
 --semi-color-secondary-disabled: rgba(var(--semi-grey-2), 1);

package/scss/local.scss

@@ -16,7 +16,6 @@ $color-button_disabled_warning-bg-default: var(--semi-color-warning-disabled);
 $color-button_tertiary_solid-text-default: var(--semi-color-tertiary);
 $color-button_disabled_tertiary-bg-default: var(--semi-color-tertiary-disabled);
 $color-button_disabled_secondary-bg-default: var(--semi-color-secondary-disabled);
-$color-button_primary_outline-border-default: rgba(23, 144, 255, 0.52);
 $color-button_secondary_outline-border-default: var(--semi-color-border-1);
 $color-button_secondary_borderless-text-default: var(--semi-color-text-1);
 $height-button_large: 32px;
@@ -27,6 +26,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-focus-border);
+$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

@@ -544,7 +544,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-active: rgba(var(--semi-blue-3),1);
   --semi-color-link-visited: rgba(var(--semi-blue-2),1);
-  --semi-color-tertiary: rgba(var(--semi-green-4),1);
+  --semi-color-tertiary: rgba(var(--semi-grey-4), 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);
@@ -565,16 +565,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-primary-active: rgba(var(--semi-brand-4),1);
   --semi-color-success-active: rgba(var(--semi-cyan-3),1);
   --semi-color-warning-active: rgba(var(--semi-yellow-3),1);
-  --semi-color-tertiary-hover: rgba(var(--semi-green-5),1);
+  --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 1);
   --semi-color-transparent: rgba(var(--semi-grey-3),0);
   --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-cyan-2), 1);
-  --semi-color-tertiary-active: rgba(var(--semi-green-3),1);
+  --semi-color-tertiary-active: rgba(var(--semi-grey-3), 1);
   --semi-color-warning-disabled: rgba(var(--semi-yellow-2),1);
   --semi-color-secondary-hover: rgba(var(--semi-grey-5), 1);
   --semi-color-secondary-active: rgba(var(--semi-grey-3), 1);
-  --semi-color-tertiary-disabled: rgba(var(--semi-green-2),1);
+  --semi-color-tertiary-disabled: rgba(var(--semi-grey-2), 1);
   --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.3);
   --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
   --semi-color-secondary-disabled: rgba(var(--semi-grey-2), 1);
@@ -3516,7 +3516,7 @@ body, :host {
 }
 .semi-button-primary.semi-button-outline {
   background-color: transparent;
-  border: 1px solid rgba(23, 144, 255, 0.52);
+  border: 1px 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);
@@ -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;
@@ -18484,7 +18484,7 @@ img[src=""], img:not([src]) {
   box-sizing: border-box;
   border-radius: var(--semi-border-radius-small);
   border: 1px solid var(--semi-color-border-2);
-  height: 32px;
+  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 var(--semi-color-focus-border);
+  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) {