@semi-bot/semi-theme-wcs 0.0.18 → 0.0.19
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 +9 -3
- package/scss/global.scss +3 -3
- package/scss/local.scss +2 -0
- package/semi.css +78 -18
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -511,19 +511,19 @@
|
|
|
511
511
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
512
512
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
|
|
513
513
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
514
|
-
"primary/--semi-color-primary-hover": "rgba(
|
|
514
|
+
"primary/--semi-color-primary-hover": "rgba(4,137,208, 1)",
|
|
515
515
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
516
516
|
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
|
|
517
517
|
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
|
|
518
518
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
519
519
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
520
520
|
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
|
|
521
|
-
"primary/--semi-color-primary-active": "rgba(
|
|
521
|
+
"primary/--semi-color-primary-active": "rgba(103,123,132,1)",
|
|
522
522
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
523
523
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
524
524
|
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
|
|
525
525
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
526
|
-
"primary/--semi-color-primary-disabled": "rgba(
|
|
526
|
+
"primary/--semi-color-primary-disabled": "rgba(246,254,255,1)",
|
|
527
527
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
528
528
|
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
|
|
529
529
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
@@ -701,6 +701,12 @@
|
|
|
701
701
|
"$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-bg-0)"
|
|
702
702
|
}
|
|
703
703
|
},
|
|
704
|
+
"button": {
|
|
705
|
+
"spacing": {
|
|
706
|
+
"$spacing-button_small-paddingLeft": "6px",
|
|
707
|
+
"$spacing-button_small-paddingRight": "6px"
|
|
708
|
+
}
|
|
709
|
+
},
|
|
704
710
|
"select": {
|
|
705
711
|
"color": {
|
|
706
712
|
"$color-select-bg-focus": "var(--semi-color-bg-0)",
|
package/scss/global.scss
CHANGED
|
@@ -60,19 +60,19 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
60
60
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
61
61
|
--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
|
|
62
62
|
--semi-color-default-hover: rgba(var(--semi-grey-1), 1);
|
|
63
|
-
--semi-color-primary-hover: rgba(
|
|
63
|
+
--semi-color-primary-hover: rgba(4,137,208, 1);
|
|
64
64
|
--semi-color-success-hover: rgba(var(--semi-green-6), 1);
|
|
65
65
|
--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
|
|
66
66
|
--semi-color-default-active: rgba(var(--semi-grey-2), 1);
|
|
67
67
|
--semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
|
|
68
68
|
--semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
|
|
69
69
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
|
|
70
|
-
--semi-color-primary-active: rgba(
|
|
70
|
+
--semi-color-primary-active: rgba(103,123,132,1);
|
|
71
71
|
--semi-color-success-active: rgba(var(--semi-green-7), 1);
|
|
72
72
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
73
73
|
--semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
|
|
74
74
|
--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
|
|
75
|
-
--semi-color-primary-disabled: rgba(
|
|
75
|
+
--semi-color-primary-disabled: rgba(246,254,255,1);
|
|
76
76
|
--semi-color-success-disabled: rgba(var(--semi-green-2), 1);
|
|
77
77
|
--semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
|
|
78
78
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
package/scss/local.scss
CHANGED
|
@@ -10,6 +10,8 @@ $transition_duration-input-border: 200ms;
|
|
|
10
10
|
$font-radio_buttonRadio_middle-default-size: 14px;
|
|
11
11
|
$color-radio_addon_buttonRadio-bg-checked: var(--semi-color-primary);
|
|
12
12
|
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-bg-0);
|
|
13
|
+
$spacing-button_small-paddingLeft: 6px;
|
|
14
|
+
$spacing-button_small-paddingRight: 6px;
|
|
13
15
|
$color-select-bg-focus: var(--semi-color-bg-0);
|
|
14
16
|
$color-select-bg-hover: var(--semi-color-bg-0);
|
|
15
17
|
$color-select-bg-active: var(--semi-color-bg-0);
|
package/semi.css
CHANGED
|
@@ -410,19 +410,19 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
410
410
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
411
411
|
--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
|
|
412
412
|
--semi-color-default-hover: rgba(var(--semi-grey-1), 1);
|
|
413
|
-
--semi-color-primary-hover: rgba(
|
|
413
|
+
--semi-color-primary-hover: rgba(4,137,208, 1);
|
|
414
414
|
--semi-color-success-hover: rgba(var(--semi-green-6), 1);
|
|
415
415
|
--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
|
|
416
416
|
--semi-color-default-active: rgba(var(--semi-grey-2), 1);
|
|
417
417
|
--semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
|
|
418
418
|
--semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
|
|
419
419
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
|
|
420
|
-
--semi-color-primary-active: rgba(
|
|
420
|
+
--semi-color-primary-active: rgba(103,123,132,1);
|
|
421
421
|
--semi-color-success-active: rgba(var(--semi-green-7), 1);
|
|
422
422
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
423
423
|
--semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
|
|
424
424
|
--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
|
|
425
|
-
--semi-color-primary-disabled: rgba(
|
|
425
|
+
--semi-color-primary-disabled: rgba(246,254,255,1);
|
|
426
426
|
--semi-color-success-disabled: rgba(var(--semi-green-2), 1);
|
|
427
427
|
--semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
|
|
428
428
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
@@ -1672,6 +1672,17 @@ body, :host {
|
|
|
1672
1672
|
height: 0;
|
|
1673
1673
|
pointer-events: none;
|
|
1674
1674
|
}
|
|
1675
|
+
.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::before {
|
|
1676
|
+
content: none;
|
|
1677
|
+
}
|
|
1678
|
+
.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::after {
|
|
1679
|
+
color: var(--semi-color-text-2);
|
|
1680
|
+
content: attr(data-placeholder);
|
|
1681
|
+
display: inline;
|
|
1682
|
+
height: 0;
|
|
1683
|
+
margin-left: 8px;
|
|
1684
|
+
pointer-events: none;
|
|
1685
|
+
}
|
|
1675
1686
|
.semi-aiChatInput-editor-content .tiptap p {
|
|
1676
1687
|
margin: 0px;
|
|
1677
1688
|
white-space: pre-wrap;
|
|
@@ -3563,8 +3574,8 @@ body, :host {
|
|
|
3563
3574
|
height: 24px;
|
|
3564
3575
|
padding-top: 2px;
|
|
3565
3576
|
padding-bottom: 2px;
|
|
3566
|
-
padding-left:
|
|
3567
|
-
padding-right:
|
|
3577
|
+
padding-left: 6px;
|
|
3578
|
+
padding-right: 6px;
|
|
3568
3579
|
font-size: 14px;
|
|
3569
3580
|
line-height: 20px;
|
|
3570
3581
|
font-weight: 600;
|
|
@@ -3601,8 +3612,8 @@ body, :host {
|
|
|
3601
3612
|
padding-right: 16px;
|
|
3602
3613
|
}
|
|
3603
3614
|
.semi-button-group > .semi-button-size-small .semi-button-content {
|
|
3604
|
-
padding-left:
|
|
3605
|
-
padding-right:
|
|
3615
|
+
padding-left: 6px;
|
|
3616
|
+
padding-right: 6px;
|
|
3606
3617
|
}
|
|
3607
3618
|
.semi-button-group > .semi-button.semi-button-with-icon-only {
|
|
3608
3619
|
padding-left: 0;
|
|
@@ -3677,8 +3688,8 @@ body, :host {
|
|
|
3677
3688
|
}
|
|
3678
3689
|
.semi-rtl .semi-button-size-small,
|
|
3679
3690
|
.semi-portal-rtl .semi-button-size-small {
|
|
3680
|
-
padding-left:
|
|
3681
|
-
padding-right:
|
|
3691
|
+
padding-left: 6px;
|
|
3692
|
+
padding-right: 6px;
|
|
3682
3693
|
}
|
|
3683
3694
|
.semi-rtl .semi-button-size-large,
|
|
3684
3695
|
.semi-portal-rtl .semi-button-size-large {
|
|
@@ -3706,8 +3717,8 @@ body, :host {
|
|
|
3706
3717
|
}
|
|
3707
3718
|
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
|
|
3708
3719
|
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
|
|
3709
|
-
padding-left:
|
|
3710
|
-
padding-right:
|
|
3720
|
+
padding-left: 6px;
|
|
3721
|
+
padding-right: 6px;
|
|
3711
3722
|
}
|
|
3712
3723
|
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
|
|
3713
3724
|
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
|
|
@@ -7247,10 +7258,10 @@ body, :host {
|
|
|
7247
7258
|
height: fit-content;
|
|
7248
7259
|
border: none;
|
|
7249
7260
|
}
|
|
7250
|
-
.semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
|
|
7261
|
+
.semi-datepicker-range-input-wrapper .semi-input-wrapper:active:not(#neverExistElement) {
|
|
7251
7262
|
background-color: transparent;
|
|
7252
7263
|
}
|
|
7253
|
-
.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
|
|
7264
|
+
.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover:not(#neverExistElement) {
|
|
7254
7265
|
background-color: transparent;
|
|
7255
7266
|
}
|
|
7256
7267
|
.semi-datepicker-range-input-wrapper-focus {
|
|
@@ -18177,7 +18188,7 @@ img[src=""], img:not([src]) {
|
|
|
18177
18188
|
height: 100%;
|
|
18178
18189
|
width: 100%;
|
|
18179
18190
|
inset: 0;
|
|
18180
|
-
z-index:
|
|
18191
|
+
z-index: 20;
|
|
18181
18192
|
opacity: 0;
|
|
18182
18193
|
position: fixed;
|
|
18183
18194
|
}
|
|
@@ -20385,6 +20396,9 @@ img[src=""], img:not([src]) {
|
|
|
20385
20396
|
}
|
|
20386
20397
|
.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
|
|
20387
20398
|
max-width: 80%;
|
|
20399
|
+
min-height: 24px;
|
|
20400
|
+
display: inline-flex;
|
|
20401
|
+
align-items: center;
|
|
20388
20402
|
}
|
|
20389
20403
|
.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
|
|
20390
20404
|
overflow: hidden;
|
|
@@ -20392,6 +20406,9 @@ img[src=""], img:not([src]) {
|
|
|
20392
20406
|
white-space: nowrap;
|
|
20393
20407
|
transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
20394
20408
|
}
|
|
20409
|
+
.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
|
|
20410
|
+
width: 0;
|
|
20411
|
+
}
|
|
20395
20412
|
.semi-steps-basic.semi-steps-vertical {
|
|
20396
20413
|
display: flex;
|
|
20397
20414
|
flex-flow: column nowrap;
|
|
@@ -26333,8 +26350,8 @@ p.semi-typography-extended,
|
|
|
26333
26350
|
}
|
|
26334
26351
|
.semi-rtl .semi-button-size-small,
|
|
26335
26352
|
.semi-portal-rtl .semi-button-size-small {
|
|
26336
|
-
padding-left:
|
|
26337
|
-
padding-right:
|
|
26353
|
+
padding-left: 6px;
|
|
26354
|
+
padding-right: 6px;
|
|
26338
26355
|
}
|
|
26339
26356
|
.semi-rtl .semi-button-size-large,
|
|
26340
26357
|
.semi-portal-rtl .semi-button-size-large {
|
|
@@ -26362,8 +26379,8 @@ p.semi-typography-extended,
|
|
|
26362
26379
|
}
|
|
26363
26380
|
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
|
|
26364
26381
|
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
|
|
26365
|
-
padding-left:
|
|
26366
|
-
padding-right:
|
|
26382
|
+
padding-left: 6px;
|
|
26383
|
+
padding-right: 6px;
|
|
26367
26384
|
}
|
|
26368
26385
|
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
|
|
26369
26386
|
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
|
|
@@ -26600,6 +26617,49 @@ p.semi-typography-extended,
|
|
|
26600
26617
|
color: var(--semi-color-warning);
|
|
26601
26618
|
}
|
|
26602
26619
|
|
|
26620
|
+
.semi-input-textarea-wrapper-withLineNumber {
|
|
26621
|
+
display: flex;
|
|
26622
|
+
padding: 0;
|
|
26623
|
+
align-items: flex-start;
|
|
26624
|
+
}
|
|
26625
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
|
|
26626
|
+
flex-shrink: 0;
|
|
26627
|
+
padding: 5px 12px;
|
|
26628
|
+
background-color: var(--semi-color-fill-1);
|
|
26629
|
+
border-right: 1px solid var(--semi-color-border);
|
|
26630
|
+
color: var(--semi-color-text-2);
|
|
26631
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
26632
|
+
font-size: inherit;
|
|
26633
|
+
line-height: 1.5;
|
|
26634
|
+
text-align: right;
|
|
26635
|
+
user-select: none;
|
|
26636
|
+
min-width: 36px;
|
|
26637
|
+
border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
|
|
26638
|
+
overflow-y: auto;
|
|
26639
|
+
overflow-x: hidden;
|
|
26640
|
+
scrollbar-width: none;
|
|
26641
|
+
-ms-overflow-style: none;
|
|
26642
|
+
}
|
|
26643
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber::-webkit-scrollbar {
|
|
26644
|
+
display: none;
|
|
26645
|
+
}
|
|
26646
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-content {
|
|
26647
|
+
display: flex;
|
|
26648
|
+
flex: 1;
|
|
26649
|
+
min-width: 0;
|
|
26650
|
+
}
|
|
26651
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber-item {
|
|
26652
|
+
display: flex;
|
|
26653
|
+
align-items: flex-start;
|
|
26654
|
+
justify-content: flex-end;
|
|
26655
|
+
box-sizing: border-box;
|
|
26656
|
+
}
|
|
26657
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea {
|
|
26658
|
+
border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
|
|
26659
|
+
line-height: 1.5;
|
|
26660
|
+
flex: 1;
|
|
26661
|
+
}
|
|
26662
|
+
|
|
26603
26663
|
.semi-rtl .semi-input-wrapper,
|
|
26604
26664
|
.semi-portal-rtl .semi-input-wrapper {
|
|
26605
26665
|
direction: rtl;
|