@semi-bot/semi-theme-wcs 0.0.4 → 0.0.7

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
@@ -5,7 +5,7 @@ Operator: 用户8187470444650
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.90.10 or newer.
8
+ Compatible with Semi Foundation Version 2.90.13 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-wcs",
3
- "version": "0.0.4",
3
+ "version": "0.0.7",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -707,10 +707,30 @@
707
707
  "$color-breadcrumb_active-text-active": "var(--semi-color-info)"
708
708
  }
709
709
  },
710
+ "datePicker": {
711
+ "color": {
712
+ "$color-datepicker_range_trigger-border": "var(--semi-color-info)",
713
+ "$color-datepicker_range_input-bg-default": "var(--semi-color-bg-0)",
714
+ "$color-datepicker_range_input-border-active": "var(--semi-color-bg-0)",
715
+ "$color-datepicker_range_trigger-border-focus": "var(--semi-color-info)",
716
+ "$color-datepicker_range_trigger-border-hover": "var(--semi-color-info)",
717
+ "$color-datepicker_range_trigger-border-active": "var(--semi-color-info)"
718
+ }
719
+ },
710
720
  "navigation": {
711
721
  "height": {
712
722
  "$height-navigation_horizontal_header": "50px"
713
723
  }
724
+ },
725
+ "treeselect": {
726
+ "color": {
727
+ "$color-treeSelect_default-bg-focus": "var(--semi-color-bg-0)",
728
+ "$color-treeSelect_default-bg-hover": "var(--semi-color-bg-0)",
729
+ "$color-treeSelect_default-bg-active": "var(--semi-color-bg-0)",
730
+ "$color-treeSelect_default-bg-default": "var(--semi-color-bg-0)",
731
+ "$color-treeSelect_default-border-hover": "var(--semi-color-info)",
732
+ "$color-treeSelect_default-border-default": "var(--semi-color-border)"
733
+ }
714
734
  }
715
735
  },
716
736
  "typography": {
package/scss/local.scss CHANGED
@@ -14,4 +14,16 @@ $color-select-bg-default: var(--semi-color-bg-0);
14
14
  $color-select-border-hover: var(--semi-color-info);
15
15
  $color-select-border-default: var(--semi-color-border);
16
16
  $color-breadcrumb_active-text-active: var(--semi-color-info);
17
+ $color-datepicker_range_trigger-border: var(--semi-color-info);
18
+ $color-datepicker_range_input-bg-default: var(--semi-color-bg-0);
19
+ $color-datepicker_range_input-border-active: var(--semi-color-bg-0);
20
+ $color-datepicker_range_trigger-border-focus: var(--semi-color-info);
21
+ $color-datepicker_range_trigger-border-hover: var(--semi-color-info);
22
+ $color-datepicker_range_trigger-border-active: var(--semi-color-info);
17
23
  $height-navigation_horizontal_header: 50px;
24
+ $color-treeSelect_default-bg-focus: var(--semi-color-bg-0);
25
+ $color-treeSelect_default-bg-hover: var(--semi-color-bg-0);
26
+ $color-treeSelect_default-bg-active: var(--semi-color-bg-0);
27
+ $color-treeSelect_default-bg-default: var(--semi-color-bg-0);
28
+ $color-treeSelect_default-border-hover: var(--semi-color-info);
29
+ $color-treeSelect_default-border-default: var(--semi-color-border);
package/semi.css CHANGED
@@ -7216,17 +7216,17 @@ body, :host {
7216
7216
  border-radius: var(--semi-border-radius-small);
7217
7217
  height: 32px;
7218
7218
  color: var(--semi-color-text-2);
7219
- background-color: var(--semi-color-fill-0);
7220
- border: 0px solid transparent;
7219
+ background-color: var(--semi-color-bg-0);
7220
+ border: 0px solid var(--semi-color-info);
7221
7221
  }
7222
7222
  .semi-datepicker-range-input:hover {
7223
- border-color: transparent;
7223
+ border-color: var(--semi-color-info);
7224
7224
  }
7225
7225
  .semi-datepicker-range-input:active {
7226
- border-color: transparent;
7226
+ border-color: var(--semi-color-info);
7227
7227
  }
7228
7228
  .semi-datepicker-range-input:focus-within {
7229
- border-color: transparent;
7229
+ border-color: var(--semi-color-info);
7230
7230
  }
7231
7231
  .semi-datepicker-range-input .semi-datepicker-monthRange-input {
7232
7232
  background-color: transparent;
@@ -7285,7 +7285,7 @@ body, :host {
7285
7285
  border-radius: 0;
7286
7286
  }
7287
7287
  .semi-datepicker-range-input-wrapper-active {
7288
- border-color: var(--semi-color-focus-border);
7288
+ border-color: var(--semi-color-bg-0);
7289
7289
  background-color: var(--semi-color-fill-1);
7290
7290
  }
7291
7291
  .semi-datepicker-range-input-separator {
@@ -24020,36 +24020,36 @@ img[src=""], img:not([src]) {
24020
24020
  .semi-tree-select {
24021
24021
  box-sizing: border-box;
24022
24022
  border-radius: var(--semi-border-radius-small);
24023
- border: 1px solid transparent;
24023
+ border: 1px solid var(--semi-color-border);
24024
24024
  min-width: 80px;
24025
24025
  min-height: 32px;
24026
24026
  line-height: 32px;
24027
24027
  font-weight: 400;
24028
- background-color: var(--semi-color-fill-0);
24028
+ background-color: var(--semi-color-bg-0);
24029
24029
  display: inline-flex;
24030
24030
  align-items: center;
24031
24031
  position: relative;
24032
24032
  cursor: pointer;
24033
24033
  }
24034
24034
  .semi-tree-select:hover {
24035
- background-color: var(--semi-color-fill-1);
24036
- border: 1px solid transparent;
24035
+ background-color: var(--semi-color-bg-0);
24036
+ border: 1px solid var(--semi-color-info);
24037
24037
  }
24038
24038
  .semi-tree-select:active {
24039
- background-color: var(--semi-color-fill-2);
24039
+ background-color: var(--semi-color-bg-0);
24040
24040
  }
24041
24041
  .semi-tree-select-focus {
24042
- background-color: var(--semi-color-fill-0);
24042
+ background-color: var(--semi-color-bg-0);
24043
24043
  border: 1px solid var(--semi-color-focus-border);
24044
24044
  outline: 0;
24045
24045
  }
24046
24046
  .semi-tree-select-focus:hover {
24047
- background-color: var(--semi-color-fill-0);
24047
+ background-color: var(--semi-color-bg-0);
24048
24048
  border: 1px solid var(--semi-color-focus-border);
24049
24049
  outline: 0;
24050
24050
  }
24051
24051
  .semi-tree-select-focus:active {
24052
- background-color: var(--semi-color-fill-2);
24052
+ background-color: var(--semi-color-bg-0);
24053
24053
  }
24054
24054
  .semi-tree-select-warning {
24055
24055
  background-color: var(--semi-color-warning-light-default);