@semi-bot/semi-theme-fn-music 1.0.35 → 1.0.37
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 +1 -1
- package/package.json +1 -1
- package/raw.json +4 -4
- package/scss/global.scss +4 -4
- package/semi.css +42 -14
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
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.
|
|
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)",
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
"divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
|
|
537
537
|
"divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
|
|
538
538
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
539
|
-
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.
|
|
539
|
+
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
|
|
540
540
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
541
541
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
|
|
542
542
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
@@ -561,12 +561,12 @@
|
|
|
561
561
|
"sidebar/--semi-color-sidebar-border": "rgba(255,255,255,1)",
|
|
562
562
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
563
563
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
564
|
-
"tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.
|
|
564
|
+
"tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.14)",
|
|
565
565
|
"Floating/--semi-color-Floating-border": "rgba(255,255,255,1)",
|
|
566
566
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
567
567
|
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
|
|
568
568
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
569
|
-
"tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.
|
|
569
|
+
"tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.14)",
|
|
570
570
|
"primary-blue/--semi-color-primary-blue": "rgba(17,116,255,1)",
|
|
571
571
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
572
572
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
package/scss/global.scss
CHANGED
|
@@ -59,7 +59,7 @@ 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.
|
|
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
65
|
--semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
|
|
@@ -84,12 +84,12 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
84
84
|
--semi-color-sidebar-border: rgba(255,255,255,1);
|
|
85
85
|
--semi-color-success-active: rgba(var(--semi-green-7), 1);
|
|
86
86
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
87
|
-
--semi-color-tertiary-hover: rgba(0,0,0,0.
|
|
87
|
+
--semi-color-tertiary-hover: rgba(0,0,0,0.14);
|
|
88
88
|
--semi-color-Floating-border: rgba(255,255,255,1);
|
|
89
89
|
--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
|
|
90
90
|
--semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
|
|
91
91
|
--semi-color-success-disabled: rgba(var(--semi-green-2), 1);
|
|
92
|
-
--semi-color-tertiary-active: rgba(0,0,0,0.
|
|
92
|
+
--semi-color-tertiary-active: rgba(0,0,0,0.14);
|
|
93
93
|
--semi-color-primary-blue: rgba(17,116,255,1);
|
|
94
94
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
95
95
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
@@ -186,7 +186,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
186
186
|
--semi-color-danger: rgba(var(--semi-red-5), 1);
|
|
187
187
|
--semi-color-nav-hover: rgba(255,255,255,0.06);
|
|
188
188
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
189
|
-
--semi-color-modal-bg: rgba(0,0,0,0.
|
|
189
|
+
--semi-color-modal-bg: rgba(0,0,0,0.8);
|
|
190
190
|
--semi-color-nav-active: rgba(255,255,255,0.06);
|
|
191
191
|
--semi-color-pop-border: rgba(255,255,255,0.2);
|
|
192
192
|
--semi-color-default: rgba(var(--semi-grey-0), 1);
|
package/semi.css
CHANGED
|
@@ -409,7 +409,7 @@ 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.
|
|
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
415
|
--semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
|
|
@@ -434,12 +434,12 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
434
434
|
--semi-color-sidebar-border: rgba(255,255,255,1);
|
|
435
435
|
--semi-color-success-active: rgba(var(--semi-green-7), 1);
|
|
436
436
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
437
|
-
--semi-color-tertiary-hover: rgba(0,0,0,0.
|
|
437
|
+
--semi-color-tertiary-hover: rgba(0,0,0,0.14);
|
|
438
438
|
--semi-color-Floating-border: rgba(255,255,255,1);
|
|
439
439
|
--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
|
|
440
440
|
--semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
|
|
441
441
|
--semi-color-success-disabled: rgba(var(--semi-green-2), 1);
|
|
442
|
-
--semi-color-tertiary-active: rgba(0,0,0,0.
|
|
442
|
+
--semi-color-tertiary-active: rgba(0,0,0,0.14);
|
|
443
443
|
--semi-color-primary-blue: rgba(17,116,255,1);
|
|
444
444
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
445
445
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
@@ -535,7 +535,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
535
535
|
--semi-color-danger: rgba(var(--semi-red-5), 1);
|
|
536
536
|
--semi-color-nav-hover: rgba(255,255,255,0.06);
|
|
537
537
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
538
|
-
--semi-color-modal-bg: rgba(0,0,0,0.
|
|
538
|
+
--semi-color-modal-bg: rgba(0,0,0,0.8);
|
|
539
539
|
--semi-color-nav-active: rgba(255,255,255,0.06);
|
|
540
540
|
--semi-color-pop-border: rgba(255,255,255,0.2);
|
|
541
541
|
--semi-color-default: rgba(var(--semi-grey-0), 1);
|
|
@@ -15769,7 +15769,7 @@ img[src=""], img:not([src]) {
|
|
|
15769
15769
|
}
|
|
15770
15770
|
.semi-modal-wrap-center {
|
|
15771
15771
|
display: flex;
|
|
15772
|
-
align-items:
|
|
15772
|
+
align-items: flex-start;
|
|
15773
15773
|
}
|
|
15774
15774
|
.semi-modal-title {
|
|
15775
15775
|
display: inline-flex;
|
|
@@ -15880,7 +15880,7 @@ img[src=""], img:not([src]) {
|
|
|
15880
15880
|
}
|
|
15881
15881
|
|
|
15882
15882
|
.semi-modal-centered {
|
|
15883
|
-
margin:
|
|
15883
|
+
margin: auto;
|
|
15884
15884
|
}
|
|
15885
15885
|
|
|
15886
15886
|
.semi-modal-popup .semi-modal-mask,
|
|
@@ -17529,7 +17529,7 @@ img[src=""], img:not([src]) {
|
|
|
17529
17529
|
color: unset;
|
|
17530
17530
|
}
|
|
17531
17531
|
.semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
|
|
17532
|
-
left: 50
|
|
17532
|
+
left: var(--semi-tooltip-arrow-offset-x, 50%);
|
|
17533
17533
|
transform: translateX(-50%);
|
|
17534
17534
|
bottom: -7px;
|
|
17535
17535
|
}
|
|
@@ -17567,7 +17567,7 @@ img[src=""], img:not([src]) {
|
|
|
17567
17567
|
width: 8px;
|
|
17568
17568
|
height: 24px;
|
|
17569
17569
|
right: -7px;
|
|
17570
|
-
top: 50
|
|
17570
|
+
top: var(--semi-tooltip-arrow-offset-y, 50%);
|
|
17571
17571
|
transform: translateY(-50%);
|
|
17572
17572
|
}
|
|
17573
17573
|
.semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
|
|
@@ -17599,7 +17599,7 @@ img[src=""], img:not([src]) {
|
|
|
17599
17599
|
width: 8px;
|
|
17600
17600
|
height: 24px;
|
|
17601
17601
|
left: -7px;
|
|
17602
|
-
top: 50
|
|
17602
|
+
top: var(--semi-tooltip-arrow-offset-y, 50%);
|
|
17603
17603
|
transform: translateY(-50%) rotate(180deg);
|
|
17604
17604
|
}
|
|
17605
17605
|
.semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
|
|
@@ -17628,7 +17628,7 @@ img[src=""], img:not([src]) {
|
|
|
17628
17628
|
}
|
|
17629
17629
|
.semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
|
|
17630
17630
|
top: -7px;
|
|
17631
|
-
left: 50
|
|
17631
|
+
left: var(--semi-tooltip-arrow-offset-x, 50%);
|
|
17632
17632
|
transform: translateX(-50%) rotate(180deg);
|
|
17633
17633
|
}
|
|
17634
17634
|
.semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
|
|
@@ -21545,6 +21545,21 @@ img[src=""], img:not([src]) {
|
|
|
21545
21545
|
border-right: 1px solid var(--semi-color-border);
|
|
21546
21546
|
border-bottom: 1px solid var(--semi-color-border);
|
|
21547
21547
|
}
|
|
21548
|
+
.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container::after {
|
|
21549
|
+
content: "";
|
|
21550
|
+
position: absolute;
|
|
21551
|
+
top: 0;
|
|
21552
|
+
right: 0;
|
|
21553
|
+
bottom: 0;
|
|
21554
|
+
width: 1px;
|
|
21555
|
+
background-color: var(--semi-color-border);
|
|
21556
|
+
display: block;
|
|
21557
|
+
z-index: 103;
|
|
21558
|
+
pointer-events: none;
|
|
21559
|
+
}
|
|
21560
|
+
.semi-table-bordered:not(.semi-table-scroll-position-right) > .semi-table-container > .semi-table-header {
|
|
21561
|
+
box-shadow: inset -1px 0 0 0 var(--semi-color-border);
|
|
21562
|
+
}
|
|
21548
21563
|
:where(.semi-table-bordered > .semi-table-container) > .semi-table-body > .semi-table-placeholder {
|
|
21549
21564
|
border-right: 1px solid var(--semi-color-border);
|
|
21550
21565
|
}
|
|
@@ -21564,6 +21579,7 @@ img[src=""], img:not([src]) {
|
|
|
21564
21579
|
position: sticky;
|
|
21565
21580
|
left: 0px;
|
|
21566
21581
|
z-index: 1;
|
|
21582
|
+
box-sizing: border-box;
|
|
21567
21583
|
padding: 16px 12px;
|
|
21568
21584
|
color: var(--semi-color-text-2);
|
|
21569
21585
|
font-size: 14px;
|
|
@@ -21721,6 +21737,18 @@ img[src=""], img:not([src]) {
|
|
|
21721
21737
|
border-right: 0;
|
|
21722
21738
|
border-left: 1px solid var(--semi-color-border);
|
|
21723
21739
|
}
|
|
21740
|
+
.semi-table-wrapper-rtl .semi-table-bordered:not(.semi-table-scroll-position-left) > .semi-table-container::after {
|
|
21741
|
+
content: "";
|
|
21742
|
+
position: absolute;
|
|
21743
|
+
top: 0;
|
|
21744
|
+
left: 0;
|
|
21745
|
+
bottom: 0;
|
|
21746
|
+
width: 1px;
|
|
21747
|
+
background-color: var(--semi-color-border);
|
|
21748
|
+
display: block;
|
|
21749
|
+
z-index: 103;
|
|
21750
|
+
pointer-events: none;
|
|
21751
|
+
}
|
|
21724
21752
|
.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
21753
|
left: auto;
|
|
21726
21754
|
right: 0;
|
|
@@ -23906,7 +23934,7 @@ img[src=""], img:not([src]) {
|
|
|
23906
23934
|
color: rgba(var(--semi-grey-7), 1);
|
|
23907
23935
|
}
|
|
23908
23936
|
.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
|
|
23909
|
-
left: 50
|
|
23937
|
+
left: var(--semi-tooltip-arrow-offset-x, 50%);
|
|
23910
23938
|
transform: translateX(-50%);
|
|
23911
23939
|
bottom: -6px;
|
|
23912
23940
|
}
|
|
@@ -23944,7 +23972,7 @@ img[src=""], img:not([src]) {
|
|
|
23944
23972
|
width: 7px;
|
|
23945
23973
|
height: 24px;
|
|
23946
23974
|
right: -6px;
|
|
23947
|
-
top: 50
|
|
23975
|
+
top: var(--semi-tooltip-arrow-offset-y, 50%);
|
|
23948
23976
|
transform: translateY(-50%);
|
|
23949
23977
|
}
|
|
23950
23978
|
.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
|
|
@@ -23976,7 +24004,7 @@ img[src=""], img:not([src]) {
|
|
|
23976
24004
|
width: 7px;
|
|
23977
24005
|
height: 24px;
|
|
23978
24006
|
left: -6px;
|
|
23979
|
-
top: 50
|
|
24007
|
+
top: var(--semi-tooltip-arrow-offset-y, 50%);
|
|
23980
24008
|
transform: translateY(-50%) rotate(180deg);
|
|
23981
24009
|
}
|
|
23982
24010
|
.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
|
|
@@ -24005,7 +24033,7 @@ img[src=""], img:not([src]) {
|
|
|
24005
24033
|
}
|
|
24006
24034
|
.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
|
|
24007
24035
|
top: -6px;
|
|
24008
|
-
left: 50
|
|
24036
|
+
left: var(--semi-tooltip-arrow-offset-x, 50%);
|
|
24009
24037
|
transform: translateX(-50%) rotate(180deg);
|
|
24010
24038
|
}
|
|
24011
24039
|
.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
|