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