@semi-bot/semi-theme-hx-pc 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.92.2 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 调整 select 和 button 组件样式
12
+
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-hx-pc",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -747,6 +747,13 @@
747
747
  "$spacing-button_default-paddingLeft": "8px",
748
748
  "$spacing-button_default-paddingRight": "8px"
749
749
  }
750
+ },
751
+ "select": {
752
+ "color": {
753
+ "$color-select-border-hover": "var(--semi-color-border-2)",
754
+ "$color-select-border-default": "var(--semi-color-border-2)",
755
+ "$color-select-option-bg-selected": "var(--semi-color-primary-active)"
756
+ }
750
757
  }
751
758
  },
752
759
  "typography": {
package/scss/local.scss CHANGED
@@ -21,3 +21,6 @@ $spacing-button_small-paddingLeft: 8px;
21
21
  $spacing-button_small-paddingRight: 8px;
22
22
  $spacing-button_default-paddingLeft: 8px;
23
23
  $spacing-button_default-paddingRight: 8px;
24
+ $color-select-border-hover: var(--semi-color-border-2);
25
+ $color-select-border-default: var(--semi-color-border-2);
26
+ $color-select-option-bg-selected: var(--semi-color-primary-active);
package/semi.css CHANGED
@@ -18460,7 +18460,7 @@ img[src=""], img:not([src]) {
18460
18460
  }
18461
18461
  .semi-select-option-selected {
18462
18462
  font-weight: 600;
18463
- background: transparent;
18463
+ background: var(--semi-color-primary-active);
18464
18464
  }
18465
18465
  .semi-select-option-selected .semi-select-option-icon {
18466
18466
  color: var(--semi-color-text-2);
@@ -18472,7 +18472,7 @@ img[src=""], img:not([src]) {
18472
18472
  .semi-select {
18473
18473
  box-sizing: border-box;
18474
18474
  border-radius: var(--semi-border-radius-small);
18475
- border: 1px solid transparent;
18475
+ border: 1px solid var(--semi-color-border-2);
18476
18476
  height: 32px;
18477
18477
  font-weight: 400;
18478
18478
  background-color: var(--semi-color-fill-0);
@@ -18488,7 +18488,7 @@ img[src=""], img:not([src]) {
18488
18488
  }
18489
18489
  .semi-select:hover {
18490
18490
  background-color: var(--semi-color-fill-1);
18491
- border: 1px solid transparent;
18491
+ border: 1px solid var(--semi-color-border-2);
18492
18492
  }
18493
18493
  .semi-select:focus {
18494
18494
  border: 1px solid var(--semi-color-focus-border);