@semi-bot/semi-theme-worldbook 1.0.8 → 1.0.10
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 +2 -2
- package/package.json +1 -1
- package/raw.json +7 -3
- package/scss/local.scss +5 -3
- package/semi.css +57 -9
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -747,13 +747,13 @@
|
|
|
747
747
|
"$color-button_light-border-active": "var(--semi-color-text-0)",
|
|
748
748
|
"$color-button_secondary-bg-active": "var(--semi-color-fill-2)",
|
|
749
749
|
"$color-button_tertiary-bg-default": "var(--semi-color-fill-0)",
|
|
750
|
-
"$color-button_light-border-default": "
|
|
750
|
+
"$color-button_light-border-default": "rgba(5,5,5,0.12)",
|
|
751
751
|
"$color-button_secondary-bg-default": "var(--semi-color-fill-0)",
|
|
752
752
|
"$color-button_primary-outline-focus": "var(--semi-color-fill-1)",
|
|
753
753
|
"$color-button_tertiary-text-default": "var(--semi-color-text-0)",
|
|
754
754
|
"$color-button_primary-border-default": "var(--semi-color-black)",
|
|
755
755
|
"$color-button_secondary-text-default": "var(--semi-color-text-0)",
|
|
756
|
-
"$color-button_secondary-border-default": "
|
|
756
|
+
"$color-button_secondary-border-default": "rgba(7,8,8,0.01)",
|
|
757
757
|
"$color-button_tertiary_solid-text-default": "var(--semi-color-text-0)",
|
|
758
758
|
"$color-button_secondary_borderless-text-default": "var(--semi-color-text-0)"
|
|
759
759
|
},
|
|
@@ -764,7 +764,11 @@
|
|
|
764
764
|
"$width-button_borderless-border": "0px"
|
|
765
765
|
},
|
|
766
766
|
"radius": {
|
|
767
|
-
"$radius-button": "
|
|
767
|
+
"$radius-button": "10px"
|
|
768
|
+
},
|
|
769
|
+
"spacing": {
|
|
770
|
+
"$spacing-button_iconOnly_content-marginLeft": "4px",
|
|
771
|
+
"$spacing-button_iconOnly_content-marginRight": "4px"
|
|
768
772
|
}
|
|
769
773
|
},
|
|
770
774
|
"switch": {
|
package/scss/local.scss
CHANGED
|
@@ -27,20 +27,22 @@ $color-button_tertiary-bg-active: var(--semi-color-fill-2);
|
|
|
27
27
|
$color-button_light-border-active: var(--semi-color-text-0);
|
|
28
28
|
$color-button_secondary-bg-active: var(--semi-color-fill-2);
|
|
29
29
|
$color-button_tertiary-bg-default: var(--semi-color-fill-0);
|
|
30
|
-
$color-button_light-border-default:
|
|
30
|
+
$color-button_light-border-default: rgba(5,5,5,0.12);
|
|
31
31
|
$color-button_secondary-bg-default: var(--semi-color-fill-0);
|
|
32
32
|
$color-button_primary-outline-focus: var(--semi-color-fill-1);
|
|
33
33
|
$color-button_tertiary-text-default: var(--semi-color-text-0);
|
|
34
34
|
$color-button_primary-border-default: var(--semi-color-black);
|
|
35
35
|
$color-button_secondary-text-default: var(--semi-color-text-0);
|
|
36
|
-
$color-button_secondary-border-default:
|
|
36
|
+
$color-button_secondary-border-default: rgba(7,8,8,0.01);
|
|
37
37
|
$color-button_tertiary_solid-text-default: var(--semi-color-text-0);
|
|
38
38
|
$color-button_secondary_borderless-text-default: var(--semi-color-text-0);
|
|
39
39
|
$width-button-border: 0px;
|
|
40
40
|
$width-button-outline: 0px;
|
|
41
41
|
$width-button_light-border: 1px;
|
|
42
42
|
$width-button_borderless-border: 0px;
|
|
43
|
-
$radius-button:
|
|
43
|
+
$radius-button: 10px;
|
|
44
|
+
$spacing-button_iconOnly_content-marginLeft: 4px;
|
|
45
|
+
$spacing-button_iconOnly_content-marginRight: 4px;
|
|
44
46
|
$color-switch_checked-bg-hover: var(--semi-color-primary-hover);
|
|
45
47
|
$color-switch_checked-bg-active: var(--semi-color-secondary-active);
|
|
46
48
|
$color-switch_checked-bg-default: var(--semi-color-primary);
|
package/semi.css
CHANGED
|
@@ -3315,7 +3315,7 @@ body, :host {
|
|
|
3315
3315
|
cursor: pointer;
|
|
3316
3316
|
user-select: none;
|
|
3317
3317
|
border: 0px var(--semi-color-black) solid;
|
|
3318
|
-
border-radius:
|
|
3318
|
+
border-radius: 10px;
|
|
3319
3319
|
padding-left: 12px;
|
|
3320
3320
|
padding-right: 12px;
|
|
3321
3321
|
padding-top: 6px;
|
|
@@ -3496,7 +3496,7 @@ body, :host {
|
|
|
3496
3496
|
}
|
|
3497
3497
|
.semi-button-secondary {
|
|
3498
3498
|
background-color: var(--semi-color-fill-0);
|
|
3499
|
-
outline-color:
|
|
3499
|
+
outline-color: rgba(7, 8, 8, 0.01);
|
|
3500
3500
|
color: var(--semi-color-text-0);
|
|
3501
3501
|
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);
|
|
3502
3502
|
transform: scale(var(--semi-transform_scale-none));
|
|
@@ -3562,7 +3562,7 @@ body, :host {
|
|
|
3562
3562
|
}
|
|
3563
3563
|
.semi-button-light {
|
|
3564
3564
|
background-color: var(--semi-color-bg-0);
|
|
3565
|
-
border: 1px
|
|
3565
|
+
border: 1px rgba(5, 5, 5, 0.12) solid;
|
|
3566
3566
|
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);
|
|
3567
3567
|
transform: scale(var(--semi-transform_scale-none));
|
|
3568
3568
|
}
|
|
@@ -3780,12 +3780,12 @@ body, :host {
|
|
|
3780
3780
|
}
|
|
3781
3781
|
.semi-rtl .semi-button-content-left,
|
|
3782
3782
|
.semi-portal-rtl .semi-button-content-left {
|
|
3783
|
-
margin-left:
|
|
3783
|
+
margin-left: 4px;
|
|
3784
3784
|
margin-right: 0;
|
|
3785
3785
|
}
|
|
3786
3786
|
.semi-rtl .semi-button-content-right,
|
|
3787
3787
|
.semi-portal-rtl .semi-button-content-right {
|
|
3788
|
-
margin-right:
|
|
3788
|
+
margin-right: 4px;
|
|
3789
3789
|
margin-left: 0;
|
|
3790
3790
|
}
|
|
3791
3791
|
|
|
@@ -17619,6 +17619,7 @@ img[src=""], img:not([src]) {
|
|
|
17619
17619
|
.semi-progress-horizontal .semi-progress-track {
|
|
17620
17620
|
height: 100%;
|
|
17621
17621
|
width: 100%;
|
|
17622
|
+
overflow: hidden;
|
|
17622
17623
|
}
|
|
17623
17624
|
.semi-progress-horizontal .semi-progress-track-inner {
|
|
17624
17625
|
height: 100%;
|
|
@@ -17627,6 +17628,11 @@ img[src=""], img:not([src]) {
|
|
|
17627
17628
|
transition: width 0.3s;
|
|
17628
17629
|
transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
|
|
17629
17630
|
}
|
|
17631
|
+
.semi-progress-horizontal .semi-progress-track-inner-indeterminate {
|
|
17632
|
+
width: 35%;
|
|
17633
|
+
transition: none;
|
|
17634
|
+
animation: semi-progress-indeterminate-slide 1.6s ease-in-out infinite;
|
|
17635
|
+
}
|
|
17630
17636
|
.semi-progress-horizontal .semi-progress-line-text {
|
|
17631
17637
|
min-width: 45px;
|
|
17632
17638
|
font-weight: 600;
|
|
@@ -17647,6 +17653,7 @@ img[src=""], img:not([src]) {
|
|
|
17647
17653
|
.semi-progress-vertical .semi-progress-track {
|
|
17648
17654
|
height: 100%;
|
|
17649
17655
|
width: 100%;
|
|
17656
|
+
overflow: hidden;
|
|
17650
17657
|
}
|
|
17651
17658
|
.semi-progress-vertical .semi-progress-track-inner {
|
|
17652
17659
|
background-color: var(--semi-color-info);
|
|
@@ -17655,6 +17662,12 @@ img[src=""], img:not([src]) {
|
|
|
17655
17662
|
transition: height 0.3s;
|
|
17656
17663
|
transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
|
|
17657
17664
|
}
|
|
17665
|
+
.semi-progress-vertical .semi-progress-track-inner-indeterminate {
|
|
17666
|
+
height: 35%;
|
|
17667
|
+
width: 100%;
|
|
17668
|
+
transition: none;
|
|
17669
|
+
animation: semi-progress-indeterminate-slide-vertical 1.6s ease-in-out infinite;
|
|
17670
|
+
}
|
|
17658
17671
|
.semi-progress-vertical .semi-progress-line-text {
|
|
17659
17672
|
font-weight: 600;
|
|
17660
17673
|
margin-top: 8px;
|
|
@@ -17676,6 +17689,11 @@ img[src=""], img:not([src]) {
|
|
|
17676
17689
|
transform-origin: 50% 50%;
|
|
17677
17690
|
stroke: var(--semi-color-info);
|
|
17678
17691
|
}
|
|
17692
|
+
.semi-progress-circle-ring-inner-indeterminate {
|
|
17693
|
+
transform: rotate(0deg);
|
|
17694
|
+
transform-origin: 50% 50%;
|
|
17695
|
+
animation: semi-progress-indeterminate-rotate 1.2s linear infinite;
|
|
17696
|
+
}
|
|
17679
17697
|
.semi-progress-circle-text {
|
|
17680
17698
|
position: absolute;
|
|
17681
17699
|
top: 50%;
|
|
@@ -17687,6 +17705,36 @@ img[src=""], img:not([src]) {
|
|
|
17687
17705
|
color: var(--semi-color-mode-minor-text);
|
|
17688
17706
|
}
|
|
17689
17707
|
|
|
17708
|
+
@keyframes semi-progress-indeterminate-slide {
|
|
17709
|
+
0% {
|
|
17710
|
+
transform: translateX(-120%);
|
|
17711
|
+
}
|
|
17712
|
+
55% {
|
|
17713
|
+
transform: translateX(300%);
|
|
17714
|
+
}
|
|
17715
|
+
100% {
|
|
17716
|
+
transform: translateX(300%);
|
|
17717
|
+
}
|
|
17718
|
+
}
|
|
17719
|
+
@keyframes semi-progress-indeterminate-slide-vertical {
|
|
17720
|
+
0% {
|
|
17721
|
+
transform: translateY(-120%);
|
|
17722
|
+
}
|
|
17723
|
+
55% {
|
|
17724
|
+
transform: translateY(300%);
|
|
17725
|
+
}
|
|
17726
|
+
100% {
|
|
17727
|
+
transform: translateY(300%);
|
|
17728
|
+
}
|
|
17729
|
+
}
|
|
17730
|
+
@keyframes semi-progress-indeterminate-rotate {
|
|
17731
|
+
from {
|
|
17732
|
+
transform: rotate(0deg);
|
|
17733
|
+
}
|
|
17734
|
+
to {
|
|
17735
|
+
transform: rotate(360deg);
|
|
17736
|
+
}
|
|
17737
|
+
}
|
|
17690
17738
|
.semi-rtl .semi-progress,
|
|
17691
17739
|
.semi-portal-rtl .semi-progress {
|
|
17692
17740
|
direction: rtl;
|
|
@@ -26565,12 +26613,12 @@ p.semi-typography-extended,
|
|
|
26565
26613
|
width: 40px;
|
|
26566
26614
|
}
|
|
26567
26615
|
.semi-button-content-left {
|
|
26568
|
-
margin-right:
|
|
26616
|
+
margin-right: 4px;
|
|
26569
26617
|
display: flex;
|
|
26570
26618
|
align-items: center;
|
|
26571
26619
|
}
|
|
26572
26620
|
.semi-button-content-right {
|
|
26573
|
-
margin-left:
|
|
26621
|
+
margin-left: 4px;
|
|
26574
26622
|
display: flex;
|
|
26575
26623
|
align-items: center;
|
|
26576
26624
|
}
|
|
@@ -26671,12 +26719,12 @@ p.semi-typography-extended,
|
|
|
26671
26719
|
}
|
|
26672
26720
|
.semi-rtl .semi-button-content-left,
|
|
26673
26721
|
.semi-portal-rtl .semi-button-content-left {
|
|
26674
|
-
margin-left:
|
|
26722
|
+
margin-left: 4px;
|
|
26675
26723
|
margin-right: 0;
|
|
26676
26724
|
}
|
|
26677
26725
|
.semi-rtl .semi-button-content-right,
|
|
26678
26726
|
.semi-portal-rtl .semi-button-content-right {
|
|
26679
|
-
margin-right:
|
|
26727
|
+
margin-right: 4px;
|
|
26680
26728
|
margin-left: 0;
|
|
26681
26729
|
}
|
|
26682
26730
|
|