@semi-bot/semi-theme-xiaojiang 1.0.1 → 1.0.4

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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/raw.json +8 -3
  3. package/scss/global.scss +2 -1
  4. package/scss/local.scss +3 -1
  5. package/semi.css +12 -11
  6. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-xiaojiang",
3
- "version": "1.0.1",
3
+ "version": "1.0.4",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -499,7 +499,7 @@
499
499
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
500
500
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
501
501
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
502
- "border/--semi-color-border": "rgba(var(--semi-neutral-3),0.08)",
502
+ "border/--semi-color-border": "rgba(224,231,237,0.8)",
503
503
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
504
504
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
505
505
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
@@ -512,6 +512,7 @@
512
512
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
513
513
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
514
514
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
515
+ "border/--semi-color-border-form": "rgba(224,231,237,1)",
515
516
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
516
517
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
517
518
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
@@ -690,7 +691,7 @@
690
691
  "input": {
691
692
  "color": {
692
693
  "$color-input_default-bg-default": "var(--semi-color-bg-0)",
693
- "$color-input_default-border-default": "var(--semi-color-border)"
694
+ "$color-input_default-border-default": "var(--semi-color-border-form)"
694
695
  },
695
696
  "width": {
696
697
  "$width-input_wrapper-border": "1px",
@@ -719,7 +720,11 @@
719
720
  },
720
721
  "select": {
721
722
  "color": {
722
- "$color-select-bg-default": "var(--semi-color-bg-0)"
723
+ "$color-select-bg-default": "var(--semi-color-bg-0)",
724
+ "$color-select-border-default": "var(--semi-color-border-form)"
725
+ },
726
+ "width": {
727
+ "$width-select-border": "1px"
723
728
  }
724
729
  }
725
730
  },
package/scss/global.scss CHANGED
@@ -38,7 +38,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
38
38
  --semi-color-data-17: rgba(182, 215, 129, 1);
39
39
  --semi-color-data-18: rgba(212, 88, 212, 1);
40
40
  --semi-color-data-19: rgba(188, 198, 255, 1);
41
- --semi-color-border: rgba(var(--semi-neutral-3),0.08);
41
+ --semi-color-border: rgba(224,231,237,0.8);
42
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
43
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
44
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -51,6 +51,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
51
51
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
52
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
53
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
54
+ --semi-color-border-form: rgba(224,231,237,1);
54
55
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
55
56
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
56
57
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
package/scss/local.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  $color-input_default-bg-default: var(--semi-color-bg-0);
2
- $color-input_default-border-default: var(--semi-color-border);
2
+ $color-input_default-border-default: var(--semi-color-border-form);
3
3
  $width-input_wrapper-border: 1px;
4
4
  $width-input_wrapper_focus-border: 1px;
5
5
  $width-table_base_border: 1px;
@@ -11,3 +11,5 @@ $spacing-table_tbody_rowCell-padding: 10px;
11
11
  $width-button_outline-border: 2px;
12
12
  $height-button_small: 28px;
13
13
  $color-select-bg-default: var(--semi-color-bg-0);
14
+ $color-select-border-default: var(--semi-color-border-form);
15
+ $width-select-border: 1px;
package/semi.css CHANGED
@@ -398,7 +398,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
398
398
  --semi-color-data-17: rgba(182, 215, 129, 1);
399
399
  --semi-color-data-18: rgba(212, 88, 212, 1);
400
400
  --semi-color-data-19: rgba(188, 198, 255, 1);
401
- --semi-color-border: rgba(var(--semi-neutral-3),0.08);
401
+ --semi-color-border: rgba(224,231,237,0.8);
402
402
  --semi-color-danger: rgba(var(--semi-red-5), 1);
403
403
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
404
404
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -411,6 +411,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
411
411
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
412
412
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
413
413
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
414
+ --semi-color-border-form: rgba(224,231,237,1);
414
415
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
415
416
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
416
417
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -14510,7 +14511,7 @@ img[src=""], img:not([src]) {
14510
14511
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14511
14512
  line-height: 20px;
14512
14513
  background-color: var(--semi-color-bg-0);
14513
- border: 1px var(--semi-color-border) solid;
14514
+ border: 1px var(--semi-color-border-form) solid;
14514
14515
  border-radius: var(--semi-border-radius-small);
14515
14516
  width: 100%;
14516
14517
  outline: none;
@@ -14668,7 +14669,7 @@ img[src=""], img:not([src]) {
14668
14669
  background-color: transparent;
14669
14670
  }
14670
14671
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
14671
- border: 1px var(--semi-color-border) solid;
14672
+ border: 1px var(--semi-color-border-form) solid;
14672
14673
  background-color: transparent;
14673
14674
  }
14674
14675
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
@@ -14916,11 +14917,11 @@ img[src=""], img:not([src]) {
14916
14917
  }
14917
14918
  .semi-input-append {
14918
14919
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
14919
- border-left: 1px var(--semi-color-border) solid;
14920
+ border-left: 1px var(--semi-color-border-form) solid;
14920
14921
  }
14921
14922
  .semi-input-prepend {
14922
14923
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
14923
- border-right: 1px var(--semi-color-border) solid;
14924
+ border-right: 1px var(--semi-color-border-form) solid;
14924
14925
  }
14925
14926
  .semi-input-disabled::placeholder {
14926
14927
  color: var(--semi-color-disabled-text);
@@ -15092,12 +15093,12 @@ img[src=""], img:not([src]) {
15092
15093
  .semi-rtl .semi-input-append,
15093
15094
  .semi-portal-rtl .semi-input-append {
15094
15095
  border-left: 0;
15095
- border-right: 1px var(--semi-color-border) solid;
15096
+ border-right: 1px var(--semi-color-border-form) solid;
15096
15097
  }
15097
15098
  .semi-rtl .semi-input-prepend,
15098
15099
  .semi-portal-rtl .semi-input-prepend {
15099
15100
  border-right: 0;
15100
- border-left: 1px var(--semi-color-border) solid;
15101
+ border-left: 1px var(--semi-color-border-form) solid;
15101
15102
  }
15102
15103
  .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
15103
15104
  .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -18443,7 +18444,7 @@ img[src=""], img:not([src]) {
18443
18444
  .semi-select {
18444
18445
  box-sizing: border-box;
18445
18446
  border-radius: var(--semi-border-radius-small);
18446
- border: 1px solid transparent;
18447
+ border: 1px solid var(--semi-color-border-form);
18447
18448
  height: 32px;
18448
18449
  font-weight: 400;
18449
18450
  background-color: var(--semi-color-bg-0);
@@ -25909,7 +25910,7 @@ p.semi-typography-extended,
25909
25910
  display: inline-block;
25910
25911
  position: relative;
25911
25912
  width: 100%;
25912
- border: 1px var(--semi-color-border) solid;
25913
+ border: 1px var(--semi-color-border-form) solid;
25913
25914
  border-radius: var(--semi-border-radius-small);
25914
25915
  vertical-align: bottom;
25915
25916
  background-color: var(--semi-color-bg-0);
@@ -26110,12 +26111,12 @@ p.semi-typography-extended,
26110
26111
  .semi-rtl .semi-input-append,
26111
26112
  .semi-portal-rtl .semi-input-append {
26112
26113
  border-left: 0;
26113
- border-right: 1px var(--semi-color-border) solid;
26114
+ border-right: 1px var(--semi-color-border-form) solid;
26114
26115
  }
26115
26116
  .semi-rtl .semi-input-prepend,
26116
26117
  .semi-portal-rtl .semi-input-prepend {
26117
26118
  border-right: 0;
26118
- border-left: 1px var(--semi-color-border) solid;
26119
+ border-left: 1px var(--semi-color-border-form) solid;
26119
26120
  }
26120
26121
  .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
26121
26122
  .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,