@semi-bot/semi-theme-wcs 0.0.6 → 0.0.8

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.13 or newer.
8
+ Compatible with Semi Foundation Version 2.90.10 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.6",
3
+ "version": "0.0.8",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -720,6 +720,25 @@
720
720
  "navigation": {
721
721
  "height": {
722
722
  "$height-navigation_horizontal_header": "50px"
723
+ },
724
+ "spacing": {
725
+ "$spacing-navigation_item-paddingX": "8px",
726
+ "$spacing-navigation_item-paddingY": "8px",
727
+ "$spacing-navigation_horizontal-paddingLeft": "12px",
728
+ "$spacing-navigation_horizontal-paddingRight": "12px",
729
+ "$spacing-navigation_horizontal_icon_last-marginLeft": "6px",
730
+ "$spacing-navigation_horizontal_icon_first-marginRight": "6px",
731
+ "$spacing-navigation_horizontal_nav_list_item_not_last-marginRight": "0px"
732
+ }
733
+ },
734
+ "treeselect": {
735
+ "color": {
736
+ "$color-treeSelect_default-bg-focus": "var(--semi-color-bg-0)",
737
+ "$color-treeSelect_default-bg-hover": "var(--semi-color-bg-0)",
738
+ "$color-treeSelect_default-bg-active": "var(--semi-color-bg-0)",
739
+ "$color-treeSelect_default-bg-default": "var(--semi-color-bg-0)",
740
+ "$color-treeSelect_default-border-hover": "var(--semi-color-info)",
741
+ "$color-treeSelect_default-border-default": "var(--semi-color-border)"
723
742
  }
724
743
  }
725
744
  },
package/scss/local.scss CHANGED
@@ -21,3 +21,16 @@ $color-datepicker_range_trigger-border-focus: var(--semi-color-info);
21
21
  $color-datepicker_range_trigger-border-hover: var(--semi-color-info);
22
22
  $color-datepicker_range_trigger-border-active: var(--semi-color-info);
23
23
  $height-navigation_horizontal_header: 50px;
24
+ $spacing-navigation_item-paddingX: 8px;
25
+ $spacing-navigation_item-paddingY: 8px;
26
+ $spacing-navigation_horizontal-paddingLeft: 12px;
27
+ $spacing-navigation_horizontal-paddingRight: 12px;
28
+ $spacing-navigation_horizontal_icon_last-marginLeft: 6px;
29
+ $spacing-navigation_horizontal_icon_first-marginRight: 6px;
30
+ $spacing-navigation_horizontal_nav_list_item_not_last-marginRight: 0px;
31
+ $color-treeSelect_default-bg-focus: var(--semi-color-bg-0);
32
+ $color-treeSelect_default-bg-hover: var(--semi-color-bg-0);
33
+ $color-treeSelect_default-bg-active: var(--semi-color-bg-0);
34
+ $color-treeSelect_default-bg-default: var(--semi-color-bg-0);
35
+ $color-treeSelect_default-border-hover: var(--semi-color-info);
36
+ $color-treeSelect_default-border-default: var(--semi-color-border);
package/semi.css CHANGED
@@ -15908,7 +15908,7 @@ img[src=""], img:not([src]) {
15908
15908
  cursor: pointer;
15909
15909
  display: flex;
15910
15910
  border-radius: var(--semi-border-radius-small);
15911
- padding: 8px 12px;
15911
+ padding: 8px 8px;
15912
15912
  box-sizing: border-box;
15913
15913
  margin-top: 0;
15914
15914
  margin-bottom: 8px;
@@ -15946,7 +15946,7 @@ img[src=""], img:not([src]) {
15946
15946
  padding: 0;
15947
15947
  }
15948
15948
  .semi-navigation-item-has-link .semi-navigation-item-link {
15949
- padding: 8px 12px;
15949
+ padding: 8px 8px;
15950
15950
  }
15951
15951
  .semi-navigation-item-sub {
15952
15952
  padding: 0;
@@ -16423,8 +16423,8 @@ img[src=""], img:not([src]) {
16423
16423
  height: 50px;
16424
16424
  border-right: none;
16425
16425
  border-bottom: 1px solid var(--semi-color-border);
16426
- padding-left: 24px;
16427
- padding-right: 24px;
16426
+ padding-left: 12px;
16427
+ padding-right: 12px;
16428
16428
  }
16429
16429
  .semi-navigation-horizontal .semi-navigation-inner {
16430
16430
  flex-direction: row;
@@ -16501,7 +16501,7 @@ img[src=""], img:not([src]) {
16501
16501
  background-color: transparent;
16502
16502
  }
16503
16503
  .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
16504
- margin-right: 8px;
16504
+ margin-right: 0px;
16505
16505
  }
16506
16506
  .semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title .semi-navigation-item-text {
16507
16507
  color: var(--semi-color-text-2);
@@ -16524,10 +16524,10 @@ img[src=""], img:not([src]) {
16524
16524
  width: auto;
16525
16525
  }
16526
16526
  .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
16527
- margin-left: 8px;
16527
+ margin-left: 6px;
16528
16528
  }
16529
16529
  .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
16530
- margin-right: 8px;
16530
+ margin-right: 6px;
16531
16531
  }
16532
16532
  .semi-navigation-horizontal .semi-navigation-item {
16533
16533
  width: auto;
@@ -16647,8 +16647,8 @@ img[src=""], img:not([src]) {
16647
16647
  direction: rtl;
16648
16648
  border-right: auto;
16649
16649
  border-left: none;
16650
- padding-left: 24px;
16651
- padding-right: 24px;
16650
+ padding-left: 12px;
16651
+ padding-right: 12px;
16652
16652
  }
16653
16653
  .semi-rtl .semi-navigation-horizontal .semi-navigation-header,
16654
16654
  .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-header {
@@ -16658,17 +16658,17 @@ img[src=""], img:not([src]) {
16658
16658
  .semi-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type),
16659
16659
  .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
16660
16660
  margin-right: auto;
16661
- margin-left: 8px;
16661
+ margin-left: 0px;
16662
16662
  }
16663
16663
  .semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child,
16664
16664
  .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
16665
16665
  margin-left: auto;
16666
- margin-right: 8px;
16666
+ margin-right: 6px;
16667
16667
  }
16668
16668
  .semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child,
16669
16669
  .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
16670
16670
  margin-right: auto;
16671
- margin-left: 8px;
16671
+ margin-left: 6px;
16672
16672
  }
16673
16673
  .semi-rtl .semi-navigation-horizontal .semi-navigation-footer,
16674
16674
  .semi-portal-rtl .semi-navigation-horizontal .semi-navigation-footer {
@@ -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);