@semi-bot/semi-theme-seek 1.7.2 → 1.7.3
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 +10 -4
- package/scss/global.scss +4 -4
- package/scss/local.scss +2 -0
- package/semi.css +17 -12
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -474,8 +474,8 @@
|
|
|
474
474
|
"tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
|
|
475
475
|
"input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
|
|
476
476
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
477
|
-
"Comparison/--semi-color-Comparison-V1bg": "rgba(var(--semi-blue-
|
|
478
|
-
"Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-
|
|
477
|
+
"Comparison/--semi-color-Comparison-V1bg": "rgba(var(--semi-blue-1),0.8)",
|
|
478
|
+
"Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
|
|
479
479
|
"input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2), 1)",
|
|
480
480
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
481
481
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
|
|
@@ -491,8 +491,8 @@
|
|
|
491
491
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
|
|
492
492
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
|
|
493
493
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
|
|
494
|
-
"Comparison/--semi-color-Comparison-V1bg-loading": "rgba(var(--semi-blue-
|
|
495
|
-
"Comparison/--semi-color-Comparison-V2bg-loading": "rgba(var(--semi-green-
|
|
494
|
+
"Comparison/--semi-color-Comparison-V1bg-loading": "rgba(var(--semi-blue-0),1)",
|
|
495
|
+
"Comparison/--semi-color-Comparison-V2bg-loading": "rgba(var(--semi-green-0),0.8)",
|
|
496
496
|
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
|
|
497
497
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
|
|
498
498
|
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
|
|
@@ -828,6 +828,12 @@
|
|
|
828
828
|
"$color-switch_default-bg-default": "var(--semi-color-bg-3)"
|
|
829
829
|
}
|
|
830
830
|
},
|
|
831
|
+
"tooltip": {
|
|
832
|
+
"color": {
|
|
833
|
+
"$color-tooltip-bg-default": "var(--semi-color-bg-3)",
|
|
834
|
+
"$color-tooltip-text-default": "var(--semi-color-text-0)"
|
|
835
|
+
}
|
|
836
|
+
},
|
|
831
837
|
"cascader": {
|
|
832
838
|
"width": {
|
|
833
839
|
"$width-cascader-icon": "32px"
|
package/scss/global.scss
CHANGED
|
@@ -224,8 +224,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
224
224
|
--semi-color-tertiary-active: rgba(255,255,255,0.24);
|
|
225
225
|
--semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
|
|
226
226
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
227
|
-
--semi-color-Comparison-V1bg: rgba(var(--semi-blue-
|
|
228
|
-
--semi-color-Comparison-V2bg: rgba(var(--semi-green-
|
|
227
|
+
--semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
|
|
228
|
+
--semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
|
|
229
229
|
--semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
|
|
230
230
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
231
231
|
--semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
|
|
@@ -241,8 +241,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
241
241
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
|
|
242
242
|
--semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
|
|
243
243
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
|
|
244
|
-
--semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-
|
|
245
|
-
--semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-
|
|
244
|
+
--semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-0),1);
|
|
245
|
+
--semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
|
|
246
246
|
--semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
|
|
247
247
|
--semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
|
|
248
248
|
--semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
|
package/scss/local.scss
CHANGED
|
@@ -48,6 +48,8 @@ $color-switch_checked-bg-hover: var(--semi-color-primary-hover);
|
|
|
48
48
|
$color-switch_checked-bg-active: var(--semi-color-primary-active);
|
|
49
49
|
$color-switch_checked-bg-default: var(--semi-color-primary);
|
|
50
50
|
$color-switch_default-bg-default: var(--semi-color-bg-3);
|
|
51
|
+
$color-tooltip-bg-default: var(--semi-color-bg-3);
|
|
52
|
+
$color-tooltip-text-default: var(--semi-color-text-0);
|
|
51
53
|
$width-cascader-icon: 32px;
|
|
52
54
|
$height-cascader_small: 28px;
|
|
53
55
|
$radius-cascader: 6px;
|
package/semi.css
CHANGED
|
@@ -593,8 +593,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
593
593
|
--semi-color-tertiary-active: rgba(255,255,255,0.24);
|
|
594
594
|
--semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
|
|
595
595
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
596
|
-
--semi-color-Comparison-V1bg: rgba(var(--semi-blue-
|
|
597
|
-
--semi-color-Comparison-V2bg: rgba(var(--semi-green-
|
|
596
|
+
--semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
|
|
597
|
+
--semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
|
|
598
598
|
--semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
|
|
599
599
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
600
600
|
--semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
|
|
@@ -610,8 +610,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
610
610
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
|
|
611
611
|
--semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
|
|
612
612
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
|
|
613
|
-
--semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-
|
|
614
|
-
--semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-
|
|
613
|
+
--semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-0),1);
|
|
614
|
+
--semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
|
|
615
615
|
--semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
|
|
616
616
|
--semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
|
|
617
617
|
--semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
|
|
@@ -6588,6 +6588,9 @@ body, :host {
|
|
|
6588
6588
|
.semi-cropper {
|
|
6589
6589
|
position: relative;
|
|
6590
6590
|
}
|
|
6591
|
+
.semi-cropper img {
|
|
6592
|
+
max-width: none;
|
|
6593
|
+
}
|
|
6591
6594
|
.semi-cropper-img {
|
|
6592
6595
|
position: absolute;
|
|
6593
6596
|
user-select: none;
|
|
@@ -14284,6 +14287,14 @@ body, :host {
|
|
|
14284
14287
|
display: inline-block;
|
|
14285
14288
|
overflow: hidden;
|
|
14286
14289
|
}
|
|
14290
|
+
.semi-image img {
|
|
14291
|
+
/**
|
|
14292
|
+
* In tailwind, the max-width of img/video is set to 100%,
|
|
14293
|
+
* which will affect the amplification effect of the picture.
|
|
14294
|
+
* So we need to set max-width to none.
|
|
14295
|
+
*/
|
|
14296
|
+
max-width: none;
|
|
14297
|
+
}
|
|
14287
14298
|
.semi-image-img {
|
|
14288
14299
|
vertical-align: top;
|
|
14289
14300
|
border-radius: inherit;
|
|
@@ -14454,12 +14465,6 @@ body, :host {
|
|
|
14454
14465
|
transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
|
|
14455
14466
|
z-index: 0;
|
|
14456
14467
|
user-select: none;
|
|
14457
|
-
/**
|
|
14458
|
-
* In tailwind, the max-width of img/video is set to 100%,
|
|
14459
|
-
* which will affect the amplification effect of the picture.
|
|
14460
|
-
* So we need to set max-width to none.
|
|
14461
|
-
*/
|
|
14462
|
-
max-width: none;
|
|
14463
14468
|
}
|
|
14464
14469
|
.semi-image-preview-image-spin {
|
|
14465
14470
|
position: absolute;
|
|
@@ -23122,9 +23127,9 @@ img[src=""], img:not([src]) {
|
|
|
23122
23127
|
}
|
|
23123
23128
|
.semi-tooltip-wrapper {
|
|
23124
23129
|
position: relative;
|
|
23125
|
-
background-color:
|
|
23130
|
+
background-color: var(--semi-color-bg-3);
|
|
23126
23131
|
backdrop-filter: none;
|
|
23127
|
-
color: var(--semi-color-
|
|
23132
|
+
color: var(--semi-color-text-0);
|
|
23128
23133
|
border-radius: var(--semi-border-radius-medium);
|
|
23129
23134
|
padding-top: 8px;
|
|
23130
23135
|
padding-right: 12px;
|