@semi-bot/semi-theme-fn-music 1.0.35 → 1.0.36

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.
package/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: 秋之风腊肠.jpg
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.98.0 or newer.
8
+ Compatible with Semi Foundation Version 2.99.2 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn-music",
3
- "version": "1.0.35",
3
+ "version": "1.0.36",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -395,7 +395,7 @@
395
395
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
396
396
  "nav/--semi-color-nav-hover": "rgba(255,255,255,0.06)",
397
397
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
398
- "modal/--semi-color-modal-bg": "rgba(0,0,0,0.9)",
398
+ "modal/--semi-color-modal-bg": "rgba(0,0,0,0.8)",
399
399
  "nav/--semi-color-nav-active": "rgba(255,255,255,0.06)",
400
400
  "pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
401
401
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
@@ -413,6 +413,7 @@
413
413
  "tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
414
414
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
415
415
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
416
+ "modal/--semi-color-modal-border": "rgba(255,255,255,0.2)",
416
417
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
417
418
  "sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.7)",
418
419
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
@@ -436,7 +437,7 @@
436
437
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
437
438
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
438
439
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
439
- "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
440
+ "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.2)",
440
441
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
441
442
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
442
443
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
@@ -536,9 +537,10 @@
536
537
  "divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
537
538
  "divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
538
539
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
539
- "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.1)",
540
+ "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
540
541
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
541
542
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
543
+ "modal/--semi-color-modal-border": "rgba(255,255,255,1)",
542
544
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
543
545
  "sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
544
546
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
@@ -561,12 +563,12 @@
561
563
  "sidebar/--semi-color-sidebar-border": "rgba(255,255,255,1)",
562
564
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
563
565
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
564
- "tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.16)",
566
+ "tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.14)",
565
567
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,1)",
566
568
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
567
569
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
568
570
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
569
- "tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.16)",
571
+ "tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.14)",
570
572
  "primary-blue/--semi-color-primary-blue": "rgba(17,116,255,1)",
571
573
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
572
574
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
package/scss/global.scss CHANGED
@@ -59,9 +59,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
59
59
  --semi-color-divider-1: rgba(18,18,20,0.12);
60
60
  --semi-color-divider-2: rgba(18,18,20,0.06);
61
61
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
62
- --semi-color-tertiary: rgba(0,0,0,0.1);
62
+ --semi-color-tertiary: rgba(0,0,0,0.08);
63
63
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
64
64
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
65
+ --semi-color-modal-border: rgba(255,255,255,1);
65
66
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
66
67
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
67
68
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -84,12 +85,12 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
84
85
  --semi-color-sidebar-border: rgba(255,255,255,1);
85
86
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
86
87
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
87
- --semi-color-tertiary-hover: rgba(0,0,0,0.16);
88
+ --semi-color-tertiary-hover: rgba(0,0,0,0.14);
88
89
  --semi-color-Floating-border: rgba(255,255,255,1);
89
90
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
90
91
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
91
92
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
92
- --semi-color-tertiary-active: rgba(0,0,0,0.16);
93
+ --semi-color-tertiary-active: rgba(0,0,0,0.14);
93
94
  --semi-color-primary-blue: rgba(17,116,255,1);
94
95
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
95
96
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -186,7 +187,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
186
187
  --semi-color-danger: rgba(var(--semi-red-5), 1);
187
188
  --semi-color-nav-hover: rgba(255,255,255,0.06);
188
189
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
189
- --semi-color-modal-bg: rgba(0,0,0,0.9);
190
+ --semi-color-modal-bg: rgba(0,0,0,0.8);
190
191
  --semi-color-nav-active: rgba(255,255,255,0.06);
191
192
  --semi-color-pop-border: rgba(255,255,255,0.2);
192
193
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -204,6 +205,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
204
205
  --semi-color-tertiary: rgba(255,255,255,0.08);
205
206
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
206
207
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
208
+ --semi-color-modal-border: rgba(255,255,255,0.2);
207
209
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
208
210
  --semi-color-sidebar-bg: rgba(0,0,0,0.7);
209
211
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -227,7 +229,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
227
229
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
228
230
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
229
231
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
230
- --semi-color-Floating-border: rgba(255,255,255,0.12);
232
+ --semi-color-Floating-border: rgba(255,255,255,0.2);
231
233
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
232
234
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
233
235
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
package/semi.css CHANGED
@@ -409,9 +409,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
409
409
  --semi-color-divider-1: rgba(18,18,20,0.12);
410
410
  --semi-color-divider-2: rgba(18,18,20,0.06);
411
411
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
412
- --semi-color-tertiary: rgba(0,0,0,0.1);
412
+ --semi-color-tertiary: rgba(0,0,0,0.08);
413
413
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
414
414
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
415
+ --semi-color-modal-border: rgba(255,255,255,1);
415
416
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
416
417
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
417
418
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -434,12 +435,12 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
434
435
  --semi-color-sidebar-border: rgba(255,255,255,1);
435
436
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
436
437
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
437
- --semi-color-tertiary-hover: rgba(0,0,0,0.16);
438
+ --semi-color-tertiary-hover: rgba(0,0,0,0.14);
438
439
  --semi-color-Floating-border: rgba(255,255,255,1);
439
440
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
440
441
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
441
442
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
442
- --semi-color-tertiary-active: rgba(0,0,0,0.16);
443
+ --semi-color-tertiary-active: rgba(0,0,0,0.14);
443
444
  --semi-color-primary-blue: rgba(17,116,255,1);
444
445
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
445
446
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -535,7 +536,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
535
536
  --semi-color-danger: rgba(var(--semi-red-5), 1);
536
537
  --semi-color-nav-hover: rgba(255,255,255,0.06);
537
538
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
538
- --semi-color-modal-bg: rgba(0,0,0,0.9);
539
+ --semi-color-modal-bg: rgba(0,0,0,0.8);
539
540
  --semi-color-nav-active: rgba(255,255,255,0.06);
540
541
  --semi-color-pop-border: rgba(255,255,255,0.2);
541
542
  --semi-color-default: rgba(var(--semi-grey-0), 1);
@@ -553,6 +554,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
553
554
  --semi-color-tertiary: rgba(255,255,255,0.08);
554
555
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
555
556
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
557
+ --semi-color-modal-border: rgba(255,255,255,0.2);
556
558
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
557
559
  --semi-color-sidebar-bg: rgba(0,0,0,0.7);
558
560
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -576,7 +578,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
576
578
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
577
579
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
578
580
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
579
- --semi-color-Floating-border: rgba(255,255,255,0.12);
581
+ --semi-color-Floating-border: rgba(255,255,255,0.2);
580
582
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
581
583
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
582
584
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
@@ -15769,7 +15771,7 @@ img[src=""], img:not([src]) {
15769
15771
  }
15770
15772
  .semi-modal-wrap-center {
15771
15773
  display: flex;
15772
- align-items: center;
15774
+ align-items: flex-start;
15773
15775
  }
15774
15776
  .semi-modal-title {
15775
15777
  display: inline-flex;
@@ -15880,7 +15882,7 @@ img[src=""], img:not([src]) {
15880
15882
  }
15881
15883
 
15882
15884
  .semi-modal-centered {
15883
- margin: 0 auto;
15885
+ margin: auto;
15884
15886
  }
15885
15887
 
15886
15888
  .semi-modal-popup .semi-modal-mask,
@@ -17529,7 +17531,7 @@ img[src=""], img:not([src]) {
17529
17531
  color: unset;
17530
17532
  }
17531
17533
  .semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
17532
- left: 50%;
17534
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
17533
17535
  transform: translateX(-50%);
17534
17536
  bottom: -7px;
17535
17537
  }
@@ -17567,7 +17569,7 @@ img[src=""], img:not([src]) {
17567
17569
  width: 8px;
17568
17570
  height: 24px;
17569
17571
  right: -7px;
17570
- top: 50%;
17572
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
17571
17573
  transform: translateY(-50%);
17572
17574
  }
17573
17575
  .semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
@@ -17599,7 +17601,7 @@ img[src=""], img:not([src]) {
17599
17601
  width: 8px;
17600
17602
  height: 24px;
17601
17603
  left: -7px;
17602
- top: 50%;
17604
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
17603
17605
  transform: translateY(-50%) rotate(180deg);
17604
17606
  }
17605
17607
  .semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
@@ -17628,7 +17630,7 @@ img[src=""], img:not([src]) {
17628
17630
  }
17629
17631
  .semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
17630
17632
  top: -7px;
17631
- left: 50%;
17633
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
17632
17634
  transform: translateX(-50%) rotate(180deg);
17633
17635
  }
17634
17636
  .semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
@@ -21545,6 +21547,21 @@ img[src=""], img:not([src]) {
21545
21547
  border-right: 1px solid var(--semi-color-border);
21546
21548
  border-bottom: 1px solid var(--semi-color-border);
21547
21549
  }
21550
+ .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container::after {
21551
+ content: "";
21552
+ position: absolute;
21553
+ top: 0;
21554
+ right: 0;
21555
+ bottom: 0;
21556
+ width: 1px;
21557
+ background-color: var(--semi-color-border);
21558
+ display: block;
21559
+ z-index: 103;
21560
+ pointer-events: none;
21561
+ }
21562
+ .semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
21563
+ box-shadow: inset -1px 0 0 0 var(--semi-color-border);
21564
+ }
21548
21565
  :where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
21549
21566
  border-right: 1px solid var(--semi-color-border);
21550
21567
  }
@@ -21564,6 +21581,7 @@ img[src=""], img:not([src]) {
21564
21581
  position: sticky;
21565
21582
  left: 0px;
21566
21583
  z-index: 1;
21584
+ box-sizing: border-box;
21567
21585
  padding: 16px 12px;
21568
21586
  color: var(--semi-color-text-2);
21569
21587
  font-size: 14px;
@@ -21721,6 +21739,18 @@ img[src=""], img:not([src]) {
21721
21739
  border-right: 0;
21722
21740
  border-left: 1px solid var(--semi-color-border);
21723
21741
  }
21742
+ .semi-table-wrapper-rtl .semi-table-bordered:not(.semi-table-scroll-position-left) > .semi-table-container::after {
21743
+ content: "";
21744
+ position: absolute;
21745
+ top: 0;
21746
+ left: 0;
21747
+ bottom: 0;
21748
+ width: 1px;
21749
+ background-color: var(--semi-color-border);
21750
+ display: block;
21751
+ z-index: 103;
21752
+ pointer-events: none;
21753
+ }
21724
21754
  .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 {
21725
21755
  left: auto;
21726
21756
  right: 0;
@@ -23906,7 +23936,7 @@ img[src=""], img:not([src]) {
23906
23936
  color: rgba(var(--semi-grey-7), 1);
23907
23937
  }
23908
23938
  .semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
23909
- left: 50%;
23939
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
23910
23940
  transform: translateX(-50%);
23911
23941
  bottom: -6px;
23912
23942
  }
@@ -23944,7 +23974,7 @@ img[src=""], img:not([src]) {
23944
23974
  width: 7px;
23945
23975
  height: 24px;
23946
23976
  right: -6px;
23947
- top: 50%;
23977
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
23948
23978
  transform: translateY(-50%);
23949
23979
  }
23950
23980
  .semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
@@ -23976,7 +24006,7 @@ img[src=""], img:not([src]) {
23976
24006
  width: 7px;
23977
24007
  height: 24px;
23978
24008
  left: -6px;
23979
- top: 50%;
24009
+ top: var(--semi-tooltip-arrow-offset-y, 50%);
23980
24010
  transform: translateY(-50%) rotate(180deg);
23981
24011
  }
23982
24012
  .semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
@@ -24005,7 +24035,7 @@ img[src=""], img:not([src]) {
24005
24035
  }
24006
24036
  .semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
24007
24037
  top: -6px;
24008
- left: 50%;
24038
+ left: var(--semi-tooltip-arrow-offset-x, 50%);
24009
24039
  transform: translateX(-50%) rotate(180deg);
24010
24040
  }
24011
24041
  .semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,