@semi-bot/semi-theme-xiaojiang 1.0.2 → 1.0.5

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 +13 -8
  3. package/scss/global.scss +7 -6
  4. package/scss/local.scss +4 -2
  5. package/semi.css +42 -41
  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.2",
3
+ "version": "1.0.5",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -499,20 +499,20 @@
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)",
506
506
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
507
507
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
508
- "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
508
+ "primary/--semi-color-primary": "rgba(var(--semi-neutral-2),1)",
509
509
  "success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
510
510
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
511
511
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
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(var(--semi-neutral-3),1)",
515
+ "border/--semi-color-border-form": "rgba(224,231,237,1)",
516
516
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
517
517
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
518
518
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
@@ -522,19 +522,20 @@
522
522
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
523
523
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
524
524
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
525
- "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
525
+ "primary/--semi-color-primary-hover": "rgba(var(--semi-neutral-6), 1)",
526
526
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
527
527
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
528
528
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
529
529
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
530
530
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
531
531
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
532
- "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
532
+ "primary/--semi-color-primary-active": "rgba(var(--semi-neutral-7), 1)",
533
533
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
534
534
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
535
535
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
536
+ "border/--semi-color-border-table-line": "rgba(246,248,250,1)",
536
537
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
537
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
538
+ "primary/--semi-color-primary-disabled": "rgba(var(--semi-neutral-2), 1)",
538
539
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
539
540
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
540
541
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
@@ -699,9 +700,12 @@
699
700
  }
700
701
  },
701
702
  "table": {
703
+ "color": {
704
+ "$color-table-border-default": "var(--semi-color-border-table-line)"
705
+ },
702
706
  "width": {
703
707
  "$width-table_base_border": "1px",
704
- "$width-table_header_border": "2px",
708
+ "$width-table_header_border": "1px",
705
709
  "$width-table_react_resizable_handle": "4px"
706
710
  },
707
711
  "spacing": {
@@ -712,7 +716,8 @@
712
716
  },
713
717
  "button": {
714
718
  "width": {
715
- "$width-button_outline-border": "2px"
719
+ "$width-button-outline": "1px",
720
+ "$width-button_outline-border": "1px"
716
721
  },
717
722
  "height": {
718
723
  "$height-button_small": "28px"
package/scss/global.scss CHANGED
@@ -38,20 +38,20 @@ 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);
45
45
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
46
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
47
- --semi-color-primary: rgba(var(--semi-brand-5),1);
47
+ --semi-color-primary: rgba(var(--semi-neutral-2),1);
48
48
  --semi-color-success: rgba(var(--semi-green-5), 1);
49
49
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
50
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
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(var(--semi-neutral-3),1);
54
+ --semi-color-border-form: rgba(224,231,237,1);
55
55
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
56
56
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
57
57
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -61,19 +61,20 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
61
61
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
62
62
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
63
63
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
64
- --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
64
+ --semi-color-primary-hover: rgba(var(--semi-neutral-6), 1);
65
65
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
66
66
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
67
67
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
68
68
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
69
69
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
70
70
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
71
- --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
71
+ --semi-color-primary-active: rgba(var(--semi-neutral-7), 1);
72
72
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
73
73
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
74
74
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
75
+ --semi-color-border-table-line: rgba(246,248,250,1);
75
76
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
76
- --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
77
+ --semi-color-primary-disabled: rgba(var(--semi-neutral-2), 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
@@ -2,13 +2,15 @@ $color-input_default-bg-default: var(--semi-color-bg-0);
2
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
+ $color-table-border-default: var(--semi-color-border-table-line);
5
6
  $width-table_base_border: 1px;
6
- $width-table_header_border: 2px;
7
+ $width-table_header_border: 1px;
7
8
  $width-table_react_resizable_handle: 4px;
8
9
  $spacing-table_row_head-paddingX: 10px;
9
10
  $spacing-table_row_head-paddingY: 8px;
10
11
  $spacing-table_tbody_rowCell-padding: 10px;
11
- $width-button_outline-border: 2px;
12
+ $width-button-outline: 1px;
13
+ $width-button_outline-border: 1px;
12
14
  $height-button_small: 28px;
13
15
  $color-select-bg-default: var(--semi-color-bg-0);
14
16
  $color-select-border-default: var(--semi-color-border-form);
package/semi.css CHANGED
@@ -398,20 +398,20 @@ 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);
405
405
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
406
406
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
407
- --semi-color-primary: rgba(var(--semi-brand-5),1);
407
+ --semi-color-primary: rgba(var(--semi-neutral-2),1);
408
408
  --semi-color-success: rgba(var(--semi-green-5), 1);
409
409
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
410
410
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
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(var(--semi-neutral-3),1);
414
+ --semi-color-border-form: rgba(224,231,237,1);
415
415
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
416
416
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
417
417
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -421,19 +421,20 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
421
421
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
422
422
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
423
423
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
424
- --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
424
+ --semi-color-primary-hover: rgba(var(--semi-neutral-6), 1);
425
425
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
426
426
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
427
427
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
428
428
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
429
429
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
430
430
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
431
- --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
431
+ --semi-color-primary-active: rgba(var(--semi-neutral-7), 1);
432
432
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
433
433
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
434
434
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
435
+ --semi-color-border-table-line: rgba(246,248,250,1);
435
436
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
436
- --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
437
+ --semi-color-primary-disabled: rgba(var(--semi-neutral-2), 1);
437
438
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
438
439
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
439
440
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
@@ -3324,7 +3325,7 @@ body, :host {
3324
3325
  white-space: nowrap;
3325
3326
  }
3326
3327
  .semi-button.semi-button-primary:focus-visible, .semi-button.semi-button-secondary:focus-visible, .semi-button.semi-button-tertiary:focus-visible, .semi-button.semi-button-warning:focus-visible, .semi-button.semi-button-danger:focus-visible {
3327
- outline: 2px solid var(--semi-color-primary-light-active);
3328
+ outline: 1px solid var(--semi-color-primary-light-active);
3328
3329
  }
3329
3330
  .semi-button-content {
3330
3331
  display: flex;
@@ -3341,7 +3342,7 @@ body, :host {
3341
3342
  }
3342
3343
  .semi-button-danger-disabled.semi-button-outline {
3343
3344
  background-color: transparent;
3344
- border: 2px solid var(--semi-color-border);
3345
+ border: 1px solid var(--semi-color-border);
3345
3346
  }
3346
3347
  .semi-button-danger-disabled.semi-button-light {
3347
3348
  background-color: var(--semi-color-fill-0);
@@ -3354,13 +3355,13 @@ body, :host {
3354
3355
  }
3355
3356
  .semi-button-danger.semi-button-outline {
3356
3357
  background-color: transparent;
3357
- border: 2px solid var(--semi-color-danger);
3358
+ border: 1px solid var(--semi-color-danger);
3358
3359
  }
3359
3360
  .semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
3360
3361
  color: var(--semi-color-danger);
3361
3362
  }
3362
3363
  .semi-button-danger:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
3363
- outline: 2px solid var(--semi-color-danger-light-active);
3364
+ outline: 1px solid var(--semi-color-danger-light-active);
3364
3365
  }
3365
3366
  .semi-button-warning {
3366
3367
  background-color: var(--semi-color-warning);
@@ -3373,7 +3374,7 @@ body, :host {
3373
3374
  }
3374
3375
  .semi-button-warning-disabled.semi-button-outline {
3375
3376
  background-color: transparent;
3376
- border: 2px solid var(--semi-color-border);
3377
+ border: 1px solid var(--semi-color-border);
3377
3378
  }
3378
3379
  .semi-button-warning-disabled.semi-button-light {
3379
3380
  background-color: var(--semi-color-fill-0);
@@ -3386,13 +3387,13 @@ body, :host {
3386
3387
  }
3387
3388
  .semi-button-warning.semi-button-outline {
3388
3389
  background-color: transparent;
3389
- border: 2px solid var(--semi-color-warning);
3390
+ border: 1px solid var(--semi-color-warning);
3390
3391
  }
3391
3392
  .semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
3392
3393
  color: var(--semi-color-warning);
3393
3394
  }
3394
3395
  .semi-button-warning:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
3395
- outline: 2px solid var(--semi-color-warning-light-active);
3396
+ outline: 1px solid var(--semi-color-warning-light-active);
3396
3397
  }
3397
3398
  .semi-button-tertiary {
3398
3399
  background-color: var(--semi-color-tertiary);
@@ -3419,7 +3420,7 @@ body, :host {
3419
3420
  }
3420
3421
  .semi-button-tertiary-disabled.semi-button-outline {
3421
3422
  background-color: transparent;
3422
- border: 2px solid var(--semi-color-border);
3423
+ border: 1px solid var(--semi-color-border);
3423
3424
  }
3424
3425
  .semi-button-tertiary-disabled.semi-button-light {
3425
3426
  background-color: var(--semi-color-fill-0);
@@ -3432,7 +3433,7 @@ body, :host {
3432
3433
  }
3433
3434
  .semi-button-tertiary.semi-button-outline {
3434
3435
  background-color: transparent;
3435
- border: 2px solid var(--semi-color-border);
3436
+ border: 1px solid var(--semi-color-border);
3436
3437
  }
3437
3438
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
3438
3439
  color: var(--semi-color-text-1);
@@ -3474,14 +3475,14 @@ body, :host {
3474
3475
  }
3475
3476
  .semi-button-primary-disabled.semi-button-outline {
3476
3477
  background-color: transparent;
3477
- border: 2px solid var(--semi-color-border);
3478
+ border: 1px solid var(--semi-color-border);
3478
3479
  }
3479
3480
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
3480
3481
  background-color: var(--semi-color-primary-hover);
3481
3482
  }
3482
3483
  .semi-button-primary.semi-button-outline {
3483
3484
  background-color: transparent;
3484
- border: 2px solid var(--semi-color-border);
3485
+ border: 1px solid var(--semi-color-border);
3485
3486
  }
3486
3487
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
3487
3488
  background-color: var(--semi-color-primary-active);
@@ -3501,14 +3502,14 @@ body, :host {
3501
3502
  }
3502
3503
  .semi-button-secondary-disabled.semi-button-outline {
3503
3504
  background-color: transparent;
3504
- border: 2px solid var(--semi-color-border);
3505
+ border: 1px solid var(--semi-color-border);
3505
3506
  }
3506
3507
  .semi-button-secondary-disabled.semi-button-light {
3507
3508
  background-color: var(--semi-color-fill-0);
3508
3509
  }
3509
3510
  .semi-button-secondary.semi-button-outline {
3510
3511
  background-color: transparent;
3511
- border: 2px solid var(--semi-color-border);
3512
+ border: 1px solid var(--semi-color-border);
3512
3513
  }
3513
3514
  .semi-button-secondary:hover {
3514
3515
  background-color: var(--semi-color-secondary-hover);
@@ -3640,7 +3641,7 @@ body, :host {
3640
3641
  }
3641
3642
  .semi-button-group > .semi-button-outline:not(:last-child) {
3642
3643
  border-right-color: transparent;
3643
- margin-right: -2px;
3644
+ margin-right: -1px;
3644
3645
  }
3645
3646
  .semi-button-group-line {
3646
3647
  display: inline-flex;
@@ -20510,7 +20511,7 @@ img[src=""], img:not([src]) {
20510
20511
  }
20511
20512
  .semi-table-header::-webkit-scrollbar {
20512
20513
  background-color: transparent;
20513
- border-bottom: 2px solid var(--semi-color-border);
20514
+ border-bottom: 1px solid var(--semi-color-border);
20514
20515
  }
20515
20516
  .semi-table-header-sticky {
20516
20517
  position: sticky;
@@ -20551,7 +20552,7 @@ img[src=""], img:not([src]) {
20551
20552
  color: var(--semi-color-text-2);
20552
20553
  font-weight: 600;
20553
20554
  text-align: left;
20554
- border-bottom: 2px solid var(--semi-color-border);
20555
+ border-bottom: 1px solid var(--semi-color-border);
20555
20556
  padding-left: 10px;
20556
20557
  padding-right: 10px;
20557
20558
  padding-top: 8px;
@@ -20631,7 +20632,7 @@ img[src=""], img:not([src]) {
20631
20632
  position: absolute;
20632
20633
  width: 4px;
20633
20634
  height: calc(100% - 4px * 2);
20634
- background-color: var(--semi-color-border);
20635
+ background-color: var(--semi-color-border-table-line);
20635
20636
  bottom: 4px;
20636
20637
  right: -1px;
20637
20638
  cursor: col-resize;
@@ -20660,7 +20661,7 @@ img[src=""], img:not([src]) {
20660
20661
  overflow-wrap: break-word;
20661
20662
  border-left: none;
20662
20663
  border-right: none;
20663
- border-bottom: 1px solid var(--semi-color-border);
20664
+ border-bottom: 1px solid var(--semi-color-border-table-line);
20664
20665
  padding: 10px;
20665
20666
  box-sizing: border-box;
20666
20667
  position: relative;
@@ -20704,7 +20705,7 @@ img[src=""], img:not([src]) {
20704
20705
  }
20705
20706
  .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
20706
20707
  background-color: rgba(var(--semi-grey-0), 1);
20707
- border-bottom: 1px solid var(--semi-color-border);
20708
+ border-bottom: 1px solid var(--semi-color-border-table-line);
20708
20709
  }
20709
20710
  .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
20710
20711
  padding: 10px 16px;
@@ -20816,34 +20817,34 @@ img[src=""], img:not([src]) {
20816
20817
  .semi-table-bordered > .semi-table-title {
20817
20818
  padding-left: 16px;
20818
20819
  padding-right: 16px;
20819
- border-top: 1px solid var(--semi-color-border);
20820
- border-right: 1px solid var(--semi-color-border);
20821
- border-left: 1px solid var(--semi-color-border);
20820
+ border-top: 1px solid var(--semi-color-border-table-line);
20821
+ border-right: 1px solid var(--semi-color-border-table-line);
20822
+ border-left: 1px solid var(--semi-color-border-table-line);
20822
20823
  }
20823
20824
  .semi-table-bordered > .semi-table-container {
20824
- border: 1px solid var(--semi-color-border);
20825
+ border: 1px solid var(--semi-color-border-table-line);
20825
20826
  border-right: 0;
20826
20827
  border-bottom: 0;
20827
20828
  }
20828
20829
  :where(.semi-table-bordered) > .semi-table-container > .semi-table-header::-webkit-scrollbar {
20829
- border-right: 1px solid var(--semi-color-border);
20830
+ border-right: 1px solid var(--semi-color-border-table-line);
20830
20831
  }
20831
20832
  :where(.semi-table-bordered) > .semi-table-container > .semi-table-footer {
20832
- border-left: 1px solid var(--semi-color-border);
20833
- border-right: 1px solid var(--semi-color-border);
20834
- border-bottom: 1px solid var(--semi-color-border);
20833
+ border-left: 1px solid var(--semi-color-border-table-line);
20834
+ border-right: 1px solid var(--semi-color-border-table-line);
20835
+ border-bottom: 1px solid var(--semi-color-border-table-line);
20835
20836
  }
20836
20837
  :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
20837
- border-right: 1px solid var(--semi-color-border);
20838
+ border-right: 1px solid var(--semi-color-border-table-line);
20838
20839
  }
20839
20840
  :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
20840
20841
  background-color: transparent;
20841
20842
  }
20842
20843
  :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head, :where(.semi-table-bordered > .semi-table-container > .semi-table-body) > .semi-table > .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
20843
- border-right: 1px solid var(--semi-color-border);
20844
+ border-right: 1px solid var(--semi-color-border-table-line);
20844
20845
  }
20845
20846
  :where(.semi-table-bordered > .semi-table-container > .semi-table-header) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head {
20846
- border-right: 1px solid var(--semi-color-border);
20847
+ border-right: 1px solid var(--semi-color-border-table-line);
20847
20848
  }
20848
20849
  :where(.semi-table-bordered > .semi-table-container > .semi-table-header) > .semi-table > .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
20849
20850
  background-color: transparent;
@@ -20857,7 +20858,7 @@ img[src=""], img:not([src]) {
20857
20858
  font-size: 14px;
20858
20859
  text-align: center;
20859
20860
  background: transparent;
20860
- border-bottom: 1px solid var(--semi-color-border);
20861
+ border-bottom: 1px solid var(--semi-color-border-table-line);
20861
20862
  }
20862
20863
  .semi-table-fixed {
20863
20864
  table-layout: fixed;
@@ -20994,20 +20995,20 @@ img[src=""], img:not([src]) {
20994
20995
  }
20995
20996
  .semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
20996
20997
  border-left: 0;
20997
- border-right: 1px solid var(--semi-color-border);
20998
+ border-right: 1px solid var(--semi-color-border-table-line);
20998
20999
  }
20999
21000
  .semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
21000
21001
  .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
21001
21002
  border-right: 0;
21002
- border-left: 1px solid var(--semi-color-border);
21003
+ border-left: 1px solid var(--semi-color-border-table-line);
21003
21004
  }
21004
21005
  .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
21005
- border-left: 1px solid var(--semi-color-border);
21006
+ border-left: 1px solid var(--semi-color-border-table-line);
21006
21007
  border-right: 0;
21007
21008
  }
21008
21009
  .semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
21009
21010
  border-right: 0;
21010
- border-left: 1px solid var(--semi-color-border);
21011
+ border-left: 1px solid var(--semi-color-border-table-line);
21011
21012
  }
21012
21013
  .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
21013
21014
  left: auto;