@semi-bot/semi-theme-aaa111 1.0.0 → 1.0.2

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 +31 -4
  3. package/scss/global.scss +4 -3
  4. package/scss/local.scss +13 -0
  5. package/semi.css +41 -40
  6. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-aaa111",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -503,6 +503,7 @@
503
503
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
504
504
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
505
505
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
506
+ "border/--semi-color-border-name": "rgba(var(--semi-blue-6),1)",
506
507
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
507
508
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
508
509
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
@@ -512,19 +513,19 @@
512
513
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
513
514
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
514
515
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
515
- "primary/--semi-color-primary-hover": "rgba(98,120,132, 1)",
516
+ "primary/--semi-color-primary-hover": "rgba(70,87,255,1)",
516
517
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
517
518
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
518
519
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
519
520
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
520
521
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
521
522
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
522
- "primary/--semi-color-primary-active": "rgba(77,95,105, 1)",
523
+ "primary/--semi-color-primary-active": "rgba(70,87,255,1)",
523
524
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
524
525
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
525
526
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
526
527
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
527
- "primary/--semi-color-primary-disabled": "rgba(195,210,216, 1)",
528
+ "primary/--semi-color-primary-disabled": "rgba(239,237,238,1)",
528
529
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
529
530
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
530
531
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
@@ -677,7 +678,33 @@
677
678
  "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
678
679
  }
679
680
  },
680
- "components": {},
681
+ "components": {
682
+ "input": {
683
+ "color": {
684
+ "$color-input_default-bg-focus": "var(--semi-color-fill-00)",
685
+ "$color-input_default-bg-hover": "var(--semi-color-fill-00)",
686
+ "$color-input_default-bg-active": "var(--semi-color-fill-00)",
687
+ "$color-input_default-bg-default": "var(--semi-color-fill-00)",
688
+ "$color-input_default-border-hover": "var(--semi-color-focus-border)",
689
+ "$color-input_default-bg-focus-hover": "var(--semi-color-fill-00)",
690
+ "$color-input_default-border-default": "var(--semi-color-border)"
691
+ }
692
+ },
693
+ "cascader": {
694
+ "color": {
695
+ "$color-cascader_default-bg-hover": "var(--semi-color-fill-00)",
696
+ "$color-cascader_default-bg-active": "var(--semi-color-fill-00)",
697
+ "$color-cascader_default-bg-default": "var(--semi-color-fill-00)",
698
+ "$color-cascader_default-border-hover": "var(--semi-color-focus-border)",
699
+ "$color-cascader_default-border-default": "var(--semi-color-border)"
700
+ }
701
+ },
702
+ "datePicker": {
703
+ "color": {
704
+ "$color-datepicker_border-bg-default": "var(--semi-color-border)"
705
+ }
706
+ }
707
+ },
681
708
  "typography": {
682
709
  "Header": {
683
710
  "header-1": {
package/scss/global.scss CHANGED
@@ -52,6 +52,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
52
52
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
53
53
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
54
54
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
55
+ --semi-color-border-name: rgba(var(--semi-blue-6),1);
55
56
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
56
57
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
57
58
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -61,19 +62,19 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
61
62
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
62
63
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
63
64
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
64
- --semi-color-primary-hover: rgba(98,120,132, 1);
65
+ --semi-color-primary-hover: rgba(70,87,255,1);
65
66
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
66
67
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
67
68
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
68
69
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
69
70
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
70
71
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
71
- --semi-color-primary-active: rgba(77,95,105, 1);
72
+ --semi-color-primary-active: rgba(70,87,255,1);
72
73
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
73
74
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
74
75
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
75
76
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
76
- --semi-color-primary-disabled: rgba(195,210,216, 1);
77
+ --semi-color-primary-disabled: rgba(239,237,238,1);
77
78
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
78
79
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
79
80
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
package/scss/local.scss CHANGED
@@ -0,0 +1,13 @@
1
+ $color-input_default-bg-focus: var(--semi-color-fill-00);
2
+ $color-input_default-bg-hover: var(--semi-color-fill-00);
3
+ $color-input_default-bg-active: var(--semi-color-fill-00);
4
+ $color-input_default-bg-default: var(--semi-color-fill-00);
5
+ $color-input_default-border-hover: var(--semi-color-focus-border);
6
+ $color-input_default-bg-focus-hover: var(--semi-color-fill-00);
7
+ $color-input_default-border-default: var(--semi-color-border);
8
+ $color-cascader_default-bg-hover: var(--semi-color-fill-00);
9
+ $color-cascader_default-bg-active: var(--semi-color-fill-00);
10
+ $color-cascader_default-bg-default: var(--semi-color-fill-00);
11
+ $color-cascader_default-border-hover: var(--semi-color-focus-border);
12
+ $color-cascader_default-border-default: var(--semi-color-border);
13
+ $color-datepicker_border-bg-default: var(--semi-color-border);
package/semi.css CHANGED
@@ -402,6 +402,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
402
402
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
403
403
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
404
404
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
405
+ --semi-color-border-name: rgba(var(--semi-blue-6),1);
405
406
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
406
407
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
407
408
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -411,19 +412,19 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
411
412
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
412
413
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
413
414
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
414
- --semi-color-primary-hover: rgba(98,120,132, 1);
415
+ --semi-color-primary-hover: rgba(70,87,255,1);
415
416
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
416
417
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
417
418
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
418
419
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
419
420
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
420
421
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
421
- --semi-color-primary-active: rgba(77,95,105, 1);
422
+ --semi-color-primary-active: rgba(70,87,255,1);
422
423
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
423
424
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
424
425
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
425
426
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
426
- --semi-color-primary-disabled: rgba(195,210,216, 1);
427
+ --semi-color-primary-disabled: rgba(239,237,238,1);
427
428
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
428
429
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
429
430
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
@@ -4873,13 +4874,13 @@ body, :host {
4873
4874
  .semi-cascader {
4874
4875
  box-sizing: border-box;
4875
4876
  border-radius: var(--semi-border-radius-small);
4876
- border: 1px solid transparent;
4877
+ border: 1px solid var(--semi-color-border);
4877
4878
  min-width: 80px;
4878
4879
  min-height: 32px;
4879
4880
  height: auto;
4880
4881
  line-height: 32px;
4881
4882
  font-weight: 400;
4882
- background-color: var(--semi-color-fill-0);
4883
+ background-color: var(--semi-color-fill-00);
4883
4884
  display: inline-flex;
4884
4885
  align-items: center;
4885
4886
  vertical-align: middle;
@@ -4887,16 +4888,16 @@ body, :host {
4887
4888
  cursor: pointer;
4888
4889
  }
4889
4890
  .semi-cascader:hover {
4890
- background-color: var(--semi-color-fill-1);
4891
- border: 1px transparent solid;
4891
+ background-color: var(--semi-color-fill-00);
4892
+ border: 1px var(--semi-color-focus-border) solid;
4892
4893
  }
4893
4894
  .semi-cascader:focus:not(.semi-cascader-disabled) {
4894
4895
  border: 1px solid var(--semi-color-focus-border);
4895
- background-color: var(--semi-color-fill-0);
4896
+ background-color: var(--semi-color-fill-00);
4896
4897
  outline: 0;
4897
4898
  }
4898
4899
  .semi-cascader:active {
4899
- background-color: var(--semi-color-fill-2);
4900
+ background-color: var(--semi-color-fill-00);
4900
4901
  }
4901
4902
  .semi-cascader-small {
4902
4903
  min-height: 24px;
@@ -4932,11 +4933,11 @@ body, :host {
4932
4933
  outline: 0;
4933
4934
  }
4934
4935
  .semi-cascader-focus:hover {
4935
- background-color: var(--semi-color-fill-0);
4936
+ background-color: var(--semi-color-fill-00);
4936
4937
  border: 1px solid var(--semi-color-focus-border);
4937
4938
  }
4938
4939
  .semi-cascader-focus:active {
4939
- background-color: var(--semi-color-fill-2);
4940
+ background-color: var(--semi-color-fill-00);
4940
4941
  }
4941
4942
  .semi-cascader-warning {
4942
4943
  background-color: var(--semi-color-warning-light-default);
@@ -14512,8 +14513,8 @@ img[src=""], img:not([src]) {
14512
14513
  font-size: 14px;
14513
14514
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14514
14515
  line-height: 24px;
14515
- background-color: var(--semi-color-fill-0);
14516
- border: 1px transparent solid;
14516
+ background-color: var(--semi-color-fill-00);
14517
+ border: 1px var(--semi-color-border) solid;
14517
14518
  border-radius: var(--semi-border-radius-small);
14518
14519
  width: 100%;
14519
14520
  outline: none;
@@ -14545,19 +14546,19 @@ img[src=""], img:not([src]) {
14545
14546
  line-height: 38px;
14546
14547
  }
14547
14548
  .semi-input-wrapper:hover {
14548
- background-color: var(--semi-color-fill-1);
14549
- border-color: transparent;
14549
+ background-color: var(--semi-color-fill-00);
14550
+ border-color: var(--semi-color-focus-border);
14550
14551
  }
14551
14552
  .semi-input-wrapper-focus {
14552
- background-color: var(--semi-color-fill-0);
14553
+ background-color: var(--semi-color-fill-00);
14553
14554
  border: var(--semi-color-focus-border) solid 1px;
14554
14555
  }
14555
14556
  .semi-input-wrapper-focus:hover {
14556
- background-color: var(--semi-color-fill-0);
14557
+ background-color: var(--semi-color-fill-00);
14557
14558
  border-color: var(--semi-color-focus-border);
14558
14559
  }
14559
14560
  .semi-input-wrapper-focus:active {
14560
- background-color: var(--semi-color-fill-2);
14561
+ background-color: var(--semi-color-fill-00);
14561
14562
  border-color: var(--semi-color-focus-border);
14562
14563
  }
14563
14564
  .semi-input-wrapper.semi-input-readonly {
@@ -14671,22 +14672,22 @@ img[src=""], img:not([src]) {
14671
14672
  background-color: transparent;
14672
14673
  }
14673
14674
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
14674
- border: 1px transparent solid;
14675
+ border: 1px var(--semi-color-border) solid;
14675
14676
  background-color: transparent;
14676
14677
  }
14677
14678
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
14678
- background-color: var(--semi-color-fill-0);
14679
+ background-color: var(--semi-color-fill-00);
14679
14680
  border: 1px transparent solid;
14680
14681
  }
14681
14682
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
14682
- background-color: var(--semi-color-fill-1);
14683
+ background-color: var(--semi-color-fill-00);
14683
14684
  }
14684
14685
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
14685
- background-color: var(--semi-color-fill-1);
14686
+ background-color: var(--semi-color-fill-00);
14686
14687
  }
14687
14688
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
14688
14689
  border: 1px var(--semi-color-focus-border) solid;
14689
- background-color: var(--semi-color-fill-0);
14690
+ background-color: var(--semi-color-fill-00);
14690
14691
  }
14691
14692
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
14692
14693
  border-right-style: none;
@@ -14696,7 +14697,7 @@ img[src=""], img:not([src]) {
14696
14697
  }
14697
14698
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
14698
14699
  box-sizing: border-box;
14699
- background-color: var(--semi-color-fill-0);
14700
+ background-color: var(--semi-color-fill-00);
14700
14701
  }
14701
14702
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
14702
14703
  border: 1px var(--semi-color-focus-border) solid;
@@ -14715,13 +14716,13 @@ img[src=""], img:not([src]) {
14715
14716
  border-radius: 0;
14716
14717
  }
14717
14718
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
14718
- background-color: var(--semi-color-fill-2);
14719
+ background-color: var(--semi-color-fill-00);
14719
14720
  }
14720
14721
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
14721
- background-color: var(--semi-color-fill-2);
14722
+ background-color: var(--semi-color-fill-00);
14722
14723
  }
14723
14724
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
14724
- background-color: var(--semi-color-fill-0);
14725
+ background-color: var(--semi-color-fill-00);
14725
14726
  }
14726
14727
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
14727
14728
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
@@ -14907,7 +14908,7 @@ img[src=""], img:not([src]) {
14907
14908
  height: 100%;
14908
14909
  display: flex;
14909
14910
  align-items: center;
14910
- background-color: var(--semi-color-fill-0);
14911
+ background-color: var(--semi-color-fill-00);
14911
14912
  color: var(--semi-color-text-2);
14912
14913
  font-size: 14px;
14913
14914
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -14919,11 +14920,11 @@ img[src=""], img:not([src]) {
14919
14920
  }
14920
14921
  .semi-input-append {
14921
14922
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
14922
- border-left: 1px transparent solid;
14923
+ border-left: 1px var(--semi-color-border) solid;
14923
14924
  }
14924
14925
  .semi-input-prepend {
14925
14926
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
14926
- border-right: 1px transparent solid;
14927
+ border-right: 1px var(--semi-color-border) solid;
14927
14928
  }
14928
14929
  .semi-input-disabled::placeholder {
14929
14930
  color: var(--semi-color-disabled-text);
@@ -15095,12 +15096,12 @@ img[src=""], img:not([src]) {
15095
15096
  .semi-rtl .semi-input-append,
15096
15097
  .semi-portal-rtl .semi-input-append {
15097
15098
  border-left: 0;
15098
- border-right: 1px transparent solid;
15099
+ border-right: 1px var(--semi-color-border) solid;
15099
15100
  }
15100
15101
  .semi-rtl .semi-input-prepend,
15101
15102
  .semi-portal-rtl .semi-input-prepend {
15102
15103
  border-right: 0;
15103
- border-left: 1px transparent solid;
15104
+ border-left: 1px var(--semi-color-border) solid;
15104
15105
  }
15105
15106
  .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
15106
15107
  .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
@@ -26447,24 +26448,24 @@ p.semi-typography-extended,
26447
26448
  display: inline-block;
26448
26449
  position: relative;
26449
26450
  width: 100%;
26450
- border: 1px transparent solid;
26451
+ border: 1px var(--semi-color-border) solid;
26451
26452
  border-radius: var(--semi-border-radius-small);
26452
26453
  vertical-align: bottom;
26453
- background-color: var(--semi-color-fill-0);
26454
+ background-color: var(--semi-color-fill-00);
26454
26455
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
26455
26456
  }
26456
26457
  .semi-input-textarea-wrapper:hover {
26457
- background-color: var(--semi-color-fill-1);
26458
+ background-color: var(--semi-color-fill-00);
26458
26459
  }
26459
26460
  .semi-input-textarea-wrapper-focus {
26460
- background-color: var(--semi-color-fill-0);
26461
+ background-color: var(--semi-color-fill-00);
26461
26462
  border: 1px var(--semi-color-focus-border) solid;
26462
26463
  }
26463
26464
  .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
26464
- background-color: var(--semi-color-fill-0);
26465
+ background-color: var(--semi-color-fill-00);
26465
26466
  }
26466
26467
  .semi-input-textarea-wrapper:active {
26467
- background-color: var(--semi-color-fill-2);
26468
+ background-color: var(--semi-color-fill-00);
26468
26469
  }
26469
26470
  .semi-input-textarea-wrapper .semi-input-clearbtn {
26470
26471
  position: absolute;
@@ -26691,12 +26692,12 @@ p.semi-typography-extended,
26691
26692
  .semi-rtl .semi-input-append,
26692
26693
  .semi-portal-rtl .semi-input-append {
26693
26694
  border-left: 0;
26694
- border-right: 1px transparent solid;
26695
+ border-right: 1px var(--semi-color-border) solid;
26695
26696
  }
26696
26697
  .semi-rtl .semi-input-prepend,
26697
26698
  .semi-portal-rtl .semi-input-prepend {
26698
26699
  border-right: 0;
26699
- border-left: 1px transparent solid;
26700
+ border-left: 1px var(--semi-color-border) solid;
26700
26701
  }
26701
26702
  .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
26702
26703
  .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,