@semi-bot/semi-theme-ceos 1.0.6-beta.0 → 1.0.6-beta.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 (7) hide show
  1. package/package.json +1 -1
  2. package/raw.json +24 -5
  3. package/scss/global.scss +10 -6
  4. package/scss/local.scss +7 -0
  5. package/scss/mixin.scss +7 -1
  6. package/semi.css +26 -22
  7. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-ceos",
3
- "version": "1.0.6-beta.0",
3
+ "version": "1.0.6-beta.2",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -520,7 +520,6 @@
520
520
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
521
521
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
522
522
  "border/--semi-color-border": "rgba(0,0,0, 0.08)",
523
- "custom/--semi-color-custom": "rgba(var(--semi-blue-5),1)",
524
523
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
525
524
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
526
525
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
@@ -537,22 +536,23 @@
537
536
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
538
537
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
539
538
  "border/--semi-color-border-modal": "rgba(var(--semi-grey-9),0.06)",
540
- "custom/--semi-color-custom-hover": "rgba(var(--semi-blue-6),1)",
541
539
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
542
540
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
541
+ "input/--semi-color-input-HoverBg": "rgba(255,255,255,1)",
543
542
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
544
- "custom/--semi-color-custom-active": "rgba(var(--semi-blue-7),1)",
545
543
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
546
544
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
545
+ "input/--semi-color-input-ActiveBg": "rgba(255,255,255,1)",
547
546
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
547
+ "input/--semi-color-input-DefaultBg": "rgba(255,255,255,1)",
548
548
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
549
549
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
550
550
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
551
- "custom/--semi-color-custom-disabled": "rgba(var(--semi-blue-2),1)",
552
551
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
553
552
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
554
553
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
555
554
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
555
+ "input/--semi-color-input-DisabledBg": "rgba(var(--semi-grey-5),0.16)",
556
556
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
557
557
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
558
558
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
@@ -669,8 +669,10 @@
669
669
  "shadow-0": "none",
670
670
  "shadow-1": "none",
671
671
  "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
672
- "shadow-app": "0px 15px 20px 0px var(--semi-color-border)",
672
+ "shadow-app": "0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08)",
673
673
  "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
674
+ "shadow-text": "0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2)",
675
+ "shadow-dropdown": "0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2)",
674
676
  "shadow-elevated": "0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12)"
675
677
  },
676
678
  "spacing": {
@@ -714,6 +716,18 @@
714
716
  }
715
717
  },
716
718
  "components": {
719
+ "input": {
720
+ "color": {
721
+ "$color-input_default-bg-active": "var(--semi-color-input-ActiveBg)",
722
+ "$color-input_default-bg-focus-hover": "var(--semi-color-input-DefaultBg)"
723
+ },
724
+ "height": {
725
+ "$height-input_large": "40px",
726
+ "$height-input_small": "24px",
727
+ "$height-input_default": "34px",
728
+ "$height-input_wrapper_default": "36px"
729
+ }
730
+ },
717
731
  "modal": {
718
732
  "color": {
719
733
  "$color-modal_content-border": "var(--semi-color-border-modal)"
@@ -727,6 +741,11 @@
727
741
  "radius": {
728
742
  "$radius-button": "8px"
729
743
  }
744
+ },
745
+ "inputNumber": {
746
+ "height": {
747
+ "$height-inputNumber_button_small": "28px"
748
+ }
730
749
  }
731
750
  },
732
751
  "typography": {
package/scss/global.scss CHANGED
@@ -39,7 +39,6 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
39
39
  --semi-color-data-18: rgba(212, 88, 212, 1);
40
40
  --semi-color-data-19: rgba(188, 198, 255, 1);
41
41
  --semi-color-border: rgba(0,0,0, 0.08);
42
- --semi-color-custom: rgba(var(--semi-blue-5),1);
43
42
  --semi-color-danger: rgba(var(--semi-red-5), 1);
44
43
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
45
44
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -56,22 +55,23 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
56
55
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
57
56
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
58
57
  --semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
59
- --semi-color-custom-hover: rgba(var(--semi-blue-6),1);
60
58
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
61
59
  --semi-color-highlight: rgba(var(--semi-black), 1);
60
+ --semi-color-input-HoverBg: rgba(255,255,255,1);
62
61
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
63
- --semi-color-custom-active: rgba(var(--semi-blue-7),1);
64
62
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
65
63
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
64
+ --semi-color-input-ActiveBg: rgba(255,255,255,1);
66
65
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
66
+ --semi-color-input-DefaultBg: rgba(255,255,255,1);
67
67
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
68
68
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
69
69
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
70
- --semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
71
70
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
72
71
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
73
72
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
74
73
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
74
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
75
75
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
76
76
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
77
77
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
@@ -111,8 +111,10 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
111
111
  --semi-shadow-0: none;
112
112
  --semi-shadow-1: none;
113
113
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
114
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
114
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
115
115
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
116
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
117
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
116
118
  --semi-border-radius-full: 9999px;
117
119
  --semi-border-radius-large: 12px;
118
120
  --semi-border-radius-small: 4px;
@@ -230,8 +232,10 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
230
232
  --semi-shadow-0: none;
231
233
  --semi-shadow-1: none;
232
234
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
233
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
235
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
234
236
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
237
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
238
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
235
239
  --semi-border-radius-full: 9999px;
236
240
  --semi-border-radius-large: 12px;
237
241
  --semi-border-radius-small: 4px;
package/scss/local.scss CHANGED
@@ -1,4 +1,11 @@
1
+ $color-input_default-bg-active: var(--semi-color-input-ActiveBg);
2
+ $color-input_default-bg-focus-hover: var(--semi-color-input-DefaultBg);
3
+ $height-input_large: 40px;
4
+ $height-input_small: 24px;
5
+ $height-input_default: 34px;
6
+ $height-input_wrapper_default: 36px;
1
7
  $color-modal_content-border: var(--semi-color-border-modal);
2
8
  $height-button_small: 28px;
3
9
  $height-button_default: 36px;
4
10
  $radius-button: 8px;
11
+ $height-inputNumber_button_small: 28px;
package/scss/mixin.scss CHANGED
@@ -8,11 +8,17 @@
8
8
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
9
9
  };
10
10
  @mixin shadow-app {
11
- box-shadow: 0px 15px 20px 0px var(--semi-color-border);
11
+ box-shadow: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
12
12
  };
13
13
  @mixin shadow-knob {
14
14
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
15
15
  };
16
+ @mixin shadow-text {
17
+ box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
18
+ };
19
+ @mixin shadow-dropdown {
20
+ box-shadow: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
21
+ };
16
22
  @mixin shadow-elevated {
17
23
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
18
24
  };
package/semi.css CHANGED
@@ -419,7 +419,6 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
419
419
  --semi-color-data-18: rgba(212, 88, 212, 1);
420
420
  --semi-color-data-19: rgba(188, 198, 255, 1);
421
421
  --semi-color-border: rgba(0,0,0, 0.08);
422
- --semi-color-custom: rgba(var(--semi-blue-5),1);
423
422
  --semi-color-danger: rgba(var(--semi-red-5), 1);
424
423
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
425
424
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -436,22 +435,23 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
436
435
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
437
436
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
438
437
  --semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
439
- --semi-color-custom-hover: rgba(var(--semi-blue-6),1);
440
438
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
441
439
  --semi-color-highlight: rgba(var(--semi-black), 1);
440
+ --semi-color-input-HoverBg: rgba(255,255,255,1);
442
441
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
443
- --semi-color-custom-active: rgba(var(--semi-blue-7),1);
444
442
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
445
443
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
444
+ --semi-color-input-ActiveBg: rgba(255,255,255,1);
446
445
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
446
+ --semi-color-input-DefaultBg: rgba(255,255,255,1);
447
447
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
448
448
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
449
449
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
450
- --semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
451
450
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
452
451
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
453
452
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
454
453
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
454
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
455
455
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
456
456
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
457
457
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
@@ -491,8 +491,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
491
491
  --semi-shadow-0: none;
492
492
  --semi-shadow-1: none;
493
493
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
494
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
494
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
495
495
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
496
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
497
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
496
498
  --semi-border-radius-full: 9999px;
497
499
  --semi-border-radius-large: 12px;
498
500
  --semi-border-radius-small: 4px;
@@ -609,8 +611,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
609
611
  --semi-shadow-0: none;
610
612
  --semi-shadow-1: none;
611
613
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
612
- --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-border);
614
+ --semi-shadow-app: 0px 15px 20px 0px var(--semi-color-shadow),8px 8px 16px -16px rgba(3,3,3,0.08),1px 12px 42px -4px rgba(10,10,10,0.08);
613
615
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
616
+ --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
617
+ --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
614
618
  --semi-border-radius-full: 9999px;
615
619
  --semi-border-radius-large: 12px;
616
620
  --semi-border-radius-small: 4px;
@@ -14556,25 +14560,25 @@ img[src=""], img:not([src]) {
14556
14560
  transform: scale(var(--semi-transform_scale-none));
14557
14561
  }
14558
14562
  .semi-input-wrapper-default {
14559
- height: 32px;
14563
+ height: 36px;
14560
14564
  font-size: 14px;
14561
14565
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14562
14566
  line-height: 20px;
14563
- line-height: 30px;
14567
+ line-height: 34px;
14564
14568
  }
14565
14569
  .semi-input-wrapper-small {
14566
14570
  height: 24px;
14567
14571
  font-size: 14px;
14568
14572
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14569
14573
  line-height: 20px;
14570
- line-height: 22px;
14574
+ line-height: 24px;
14571
14575
  }
14572
14576
  .semi-input-wrapper-large {
14573
14577
  height: 40px;
14574
14578
  font-size: 16px;
14575
14579
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14576
14580
  line-height: 22px;
14577
- line-height: 38px;
14581
+ line-height: 40px;
14578
14582
  }
14579
14583
  .semi-input-wrapper:hover {
14580
14584
  background-color: var(--semi-color-fill-1);
@@ -14585,11 +14589,11 @@ img[src=""], img:not([src]) {
14585
14589
  border: var(--semi-color-focus-border) solid 1px;
14586
14590
  }
14587
14591
  .semi-input-wrapper-focus:hover {
14588
- background-color: var(--semi-color-fill-0);
14592
+ background-color: var(--semi-color-input-DefaultBg);
14589
14593
  border-color: var(--semi-color-focus-border);
14590
14594
  }
14591
14595
  .semi-input-wrapper-focus:active {
14592
- background-color: var(--semi-color-fill-2);
14596
+ background-color: var(--semi-color-input-ActiveBg);
14593
14597
  border-color: var(--semi-color-focus-border);
14594
14598
  }
14595
14599
  .semi-input-wrapper.semi-input-readonly {
@@ -14747,10 +14751,10 @@ img[src=""], img:not([src]) {
14747
14751
  border-radius: 0;
14748
14752
  }
14749
14753
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
14750
- background-color: var(--semi-color-fill-2);
14754
+ background-color: var(--semi-color-input-ActiveBg);
14751
14755
  }
14752
14756
  .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 {
14753
- background-color: var(--semi-color-fill-2);
14757
+ background-color: var(--semi-color-input-ActiveBg);
14754
14758
  }
14755
14759
  .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 {
14756
14760
  background-color: var(--semi-color-fill-0);
@@ -14868,25 +14872,25 @@ img[src=""], img:not([src]) {
14868
14872
  color: var(--semi-color-text-2);
14869
14873
  }
14870
14874
  .semi-input-large {
14871
- height: 38px;
14875
+ height: 40px;
14872
14876
  font-size: 16px;
14873
14877
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14874
14878
  line-height: 22px;
14875
- line-height: 38px;
14879
+ line-height: 40px;
14876
14880
  }
14877
14881
  .semi-input-small {
14878
- height: 22px;
14882
+ height: 24px;
14879
14883
  font-size: 14px;
14880
14884
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14881
14885
  line-height: 20px;
14882
- line-height: 22px;
14886
+ line-height: 24px;
14883
14887
  }
14884
14888
  .semi-input-default {
14885
- height: 30px;
14889
+ height: 34px;
14886
14890
  font-size: 14px;
14887
14891
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14888
14892
  line-height: 20px;
14889
- line-height: 30px;
14893
+ line-height: 34px;
14890
14894
  }
14891
14895
  .semi-input-disabled {
14892
14896
  cursor: not-allowed;
@@ -15233,7 +15237,7 @@ img[src=""], img:not([src]) {
15233
15237
  height: 38px;
15234
15238
  }
15235
15239
  .semi-input-number-size-small .semi-input-number-suffix-btns {
15236
- height: 24px;
15240
+ height: 28px;
15237
15241
  }
15238
15242
  .semi-input-number-size-small .semi-input-number-suffix-btns-inner {
15239
15243
  height: 22px;
@@ -26496,7 +26500,7 @@ p.semi-typography-extended,
26496
26500
  background-color: var(--semi-color-fill-0);
26497
26501
  }
26498
26502
  .semi-input-textarea-wrapper:active {
26499
- background-color: var(--semi-color-fill-2);
26503
+ background-color: var(--semi-color-input-ActiveBg);
26500
26504
  }
26501
26505
  .semi-input-textarea-wrapper .semi-input-clearbtn {
26502
26506
  position: absolute;