@semi-bot/semi-theme-hx-pc 1.0.2 → 1.0.4
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 +20 -6
- package/scss/global.scss +6 -6
- package/scss/local.scss +6 -0
- package/semi.css +80 -26
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -387,12 +387,12 @@
|
|
|
387
387
|
"fall/--semi-color-fall-3": "rgba(var(--semi-green-5),1)",
|
|
388
388
|
"fall/--semi-color-fall-4": "rgba(var(--semi-green-4),1)",
|
|
389
389
|
"fall/--semi-color-fall-5": "rgba(var(--semi-green-3),1)",
|
|
390
|
-
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-
|
|
391
|
-
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-
|
|
392
|
-
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-
|
|
393
|
-
"fill/--semi-color-fill-3": "rgba(var(--semi-grey-
|
|
394
|
-
"fill/--semi-color-fill-4": "rgba(var(--semi-grey-
|
|
395
|
-
"fill/--semi-color-fill-5": "rgba(
|
|
390
|
+
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-9),0.05)",
|
|
391
|
+
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-9),0.09)",
|
|
392
|
+
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-9),0.13)",
|
|
393
|
+
"fill/--semi-color-fill-3": "rgba(var(--semi-grey-9),0.17)",
|
|
394
|
+
"fill/--semi-color-fill-4": "rgba(var(--semi-grey-9),0.21)",
|
|
395
|
+
"fill/--semi-color-fill-5": "rgba(243,243,243,0.25)",
|
|
396
396
|
"rise/--semi-color-rise-1": "rgba(var(--semi-red-8),1)",
|
|
397
397
|
"rise/--semi-color-rise-2": "rgba(var(--semi-red-6),1)",
|
|
398
398
|
"rise/--semi-color-rise-3": "rgba(var(--semi-red-5),1)",
|
|
@@ -711,6 +711,20 @@
|
|
|
711
711
|
}
|
|
712
712
|
},
|
|
713
713
|
"components": {
|
|
714
|
+
"input": {
|
|
715
|
+
"color": {
|
|
716
|
+
"$color-input_default-border-hover": "var(--semi-color-focus-border)",
|
|
717
|
+
"$color-input_default-border-default": "var(--semi-color-border-2)"
|
|
718
|
+
},
|
|
719
|
+
"height": {
|
|
720
|
+
"$height-input_default": "28px",
|
|
721
|
+
"$height-input_wrapper_default": "28px"
|
|
722
|
+
},
|
|
723
|
+
"spacing": {
|
|
724
|
+
"$spacing-input-paddingLeft": "8px",
|
|
725
|
+
"$spacing-input-paddingRight": "8px"
|
|
726
|
+
}
|
|
727
|
+
},
|
|
714
728
|
"table": {
|
|
715
729
|
"height": {
|
|
716
730
|
"$height-table_column_sorter-icon": "16px"
|
package/scss/global.scss
CHANGED
|
@@ -141,12 +141,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
141
141
|
--semi-color-fall-3: rgba(var(--semi-green-5),1);
|
|
142
142
|
--semi-color-fall-4: rgba(var(--semi-green-4),1);
|
|
143
143
|
--semi-color-fall-5: rgba(var(--semi-green-3),1);
|
|
144
|
-
--semi-color-fill-0: rgba(var(--semi-grey-
|
|
145
|
-
--semi-color-fill-1: rgba(var(--semi-grey-
|
|
146
|
-
--semi-color-fill-2: rgba(var(--semi-grey-
|
|
147
|
-
--semi-color-fill-3: rgba(var(--semi-grey-
|
|
148
|
-
--semi-color-fill-4: rgba(var(--semi-grey-
|
|
149
|
-
--semi-color-fill-5: rgba(
|
|
144
|
+
--semi-color-fill-0: rgba(var(--semi-grey-9),0.05);
|
|
145
|
+
--semi-color-fill-1: rgba(var(--semi-grey-9),0.09);
|
|
146
|
+
--semi-color-fill-2: rgba(var(--semi-grey-9),0.13);
|
|
147
|
+
--semi-color-fill-3: rgba(var(--semi-grey-9),0.17);
|
|
148
|
+
--semi-color-fill-4: rgba(var(--semi-grey-9),0.21);
|
|
149
|
+
--semi-color-fill-5: rgba(243,243,243,0.25);
|
|
150
150
|
--semi-color-rise-1: rgba(var(--semi-red-8),1);
|
|
151
151
|
--semi-color-rise-2: rgba(var(--semi-red-6),1);
|
|
152
152
|
--semi-color-rise-3: rgba(var(--semi-red-5),1);
|
package/scss/local.scss
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
$color-input_default-border-hover: var(--semi-color-focus-border);
|
|
2
|
+
$color-input_default-border-default: var(--semi-color-border-2);
|
|
3
|
+
$height-input_default: 28px;
|
|
4
|
+
$height-input_wrapper_default: 28px;
|
|
5
|
+
$spacing-input-paddingLeft: 8px;
|
|
6
|
+
$spacing-input-paddingRight: 8px;
|
|
1
7
|
$height-table_column_sorter-icon: 16px;
|
|
2
8
|
$spacing-table_row_head-paddingX: 8px;
|
|
3
9
|
$spacing-table_row_head-paddingY: 6px;
|
package/semi.css
CHANGED
|
@@ -500,12 +500,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
500
500
|
--semi-color-fall-3: rgba(var(--semi-green-5),1);
|
|
501
501
|
--semi-color-fall-4: rgba(var(--semi-green-4),1);
|
|
502
502
|
--semi-color-fall-5: rgba(var(--semi-green-3),1);
|
|
503
|
-
--semi-color-fill-0: rgba(var(--semi-grey-
|
|
504
|
-
--semi-color-fill-1: rgba(var(--semi-grey-
|
|
505
|
-
--semi-color-fill-2: rgba(var(--semi-grey-
|
|
506
|
-
--semi-color-fill-3: rgba(var(--semi-grey-
|
|
507
|
-
--semi-color-fill-4: rgba(var(--semi-grey-
|
|
508
|
-
--semi-color-fill-5: rgba(
|
|
503
|
+
--semi-color-fill-0: rgba(var(--semi-grey-9),0.05);
|
|
504
|
+
--semi-color-fill-1: rgba(var(--semi-grey-9),0.09);
|
|
505
|
+
--semi-color-fill-2: rgba(var(--semi-grey-9),0.13);
|
|
506
|
+
--semi-color-fill-3: rgba(var(--semi-grey-9),0.17);
|
|
507
|
+
--semi-color-fill-4: rgba(var(--semi-grey-9),0.21);
|
|
508
|
+
--semi-color-fill-5: rgba(243,243,243,0.25);
|
|
509
509
|
--semi-color-rise-1: rgba(var(--semi-red-8),1);
|
|
510
510
|
--semi-color-rise-2: rgba(var(--semi-red-6),1);
|
|
511
511
|
--semi-color-rise-3: rgba(var(--semi-red-5),1);
|
|
@@ -1706,6 +1706,17 @@ body, :host {
|
|
|
1706
1706
|
height: 0;
|
|
1707
1707
|
pointer-events: none;
|
|
1708
1708
|
}
|
|
1709
|
+
.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::before {
|
|
1710
|
+
content: none;
|
|
1711
|
+
}
|
|
1712
|
+
.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::after {
|
|
1713
|
+
color: var(--semi-color-text-2);
|
|
1714
|
+
content: attr(data-placeholder);
|
|
1715
|
+
display: inline;
|
|
1716
|
+
height: 0;
|
|
1717
|
+
margin-left: 8px;
|
|
1718
|
+
pointer-events: none;
|
|
1719
|
+
}
|
|
1709
1720
|
.semi-aiChatInput-editor-content .tiptap p {
|
|
1710
1721
|
margin: 0px;
|
|
1711
1722
|
white-space: pre-wrap;
|
|
@@ -14535,7 +14546,7 @@ img[src=""], img:not([src]) {
|
|
|
14535
14546
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
14536
14547
|
line-height: 20px;
|
|
14537
14548
|
background-color: var(--semi-color-fill-0);
|
|
14538
|
-
border: 1px
|
|
14549
|
+
border: 1px var(--semi-color-border-2) solid;
|
|
14539
14550
|
border-radius: var(--semi-border-radius-small);
|
|
14540
14551
|
width: 100%;
|
|
14541
14552
|
outline: none;
|
|
@@ -14546,11 +14557,11 @@ img[src=""], img:not([src]) {
|
|
|
14546
14557
|
transform: scale(var(--semi-transform_scale-none));
|
|
14547
14558
|
}
|
|
14548
14559
|
.semi-input-wrapper-default {
|
|
14549
|
-
height:
|
|
14560
|
+
height: 28px;
|
|
14550
14561
|
font-size: 14px;
|
|
14551
14562
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
14552
14563
|
line-height: 20px;
|
|
14553
|
-
line-height:
|
|
14564
|
+
line-height: 28px;
|
|
14554
14565
|
}
|
|
14555
14566
|
.semi-input-wrapper-small {
|
|
14556
14567
|
height: 24px;
|
|
@@ -14568,7 +14579,7 @@ img[src=""], img:not([src]) {
|
|
|
14568
14579
|
}
|
|
14569
14580
|
.semi-input-wrapper:hover {
|
|
14570
14581
|
background-color: var(--semi-color-fill-1);
|
|
14571
|
-
border-color:
|
|
14582
|
+
border-color: var(--semi-color-focus-border);
|
|
14572
14583
|
}
|
|
14573
14584
|
.semi-input-wrapper-focus {
|
|
14574
14585
|
background-color: var(--semi-color-fill-0);
|
|
@@ -14693,7 +14704,7 @@ img[src=""], img:not([src]) {
|
|
|
14693
14704
|
background-color: transparent;
|
|
14694
14705
|
}
|
|
14695
14706
|
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
|
|
14696
|
-
border: 1px
|
|
14707
|
+
border: 1px var(--semi-color-border-2) solid;
|
|
14697
14708
|
background-color: transparent;
|
|
14698
14709
|
}
|
|
14699
14710
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
|
|
@@ -14840,8 +14851,8 @@ img[src=""], img:not([src]) {
|
|
|
14840
14851
|
outline: none;
|
|
14841
14852
|
width: 100%;
|
|
14842
14853
|
color: inherit;
|
|
14843
|
-
padding-left:
|
|
14844
|
-
padding-right:
|
|
14854
|
+
padding-left: 8px;
|
|
14855
|
+
padding-right: 8px;
|
|
14845
14856
|
background-color: transparent;
|
|
14846
14857
|
box-sizing: border-box;
|
|
14847
14858
|
}
|
|
@@ -14872,11 +14883,11 @@ img[src=""], img:not([src]) {
|
|
|
14872
14883
|
line-height: 22px;
|
|
14873
14884
|
}
|
|
14874
14885
|
.semi-input-default {
|
|
14875
|
-
height:
|
|
14886
|
+
height: 28px;
|
|
14876
14887
|
font-size: 14px;
|
|
14877
14888
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
14878
14889
|
line-height: 20px;
|
|
14879
|
-
line-height:
|
|
14890
|
+
line-height: 28px;
|
|
14880
14891
|
}
|
|
14881
14892
|
.semi-input-disabled {
|
|
14882
14893
|
cursor: not-allowed;
|
|
@@ -14941,11 +14952,11 @@ img[src=""], img:not([src]) {
|
|
|
14941
14952
|
}
|
|
14942
14953
|
.semi-input-append {
|
|
14943
14954
|
border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
|
|
14944
|
-
border-left: 1px
|
|
14955
|
+
border-left: 1px var(--semi-color-border-2) solid;
|
|
14945
14956
|
}
|
|
14946
14957
|
.semi-input-prepend {
|
|
14947
14958
|
border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
|
|
14948
|
-
border-right: 1px
|
|
14959
|
+
border-right: 1px var(--semi-color-border-2) solid;
|
|
14949
14960
|
}
|
|
14950
14961
|
.semi-input-disabled::placeholder {
|
|
14951
14962
|
color: var(--semi-color-disabled-text);
|
|
@@ -15097,8 +15108,8 @@ img[src=""], img:not([src]) {
|
|
|
15097
15108
|
}
|
|
15098
15109
|
.semi-rtl .semi-input,
|
|
15099
15110
|
.semi-portal-rtl .semi-input {
|
|
15100
|
-
padding-left:
|
|
15101
|
-
padding-right:
|
|
15111
|
+
padding-left: 8px;
|
|
15112
|
+
padding-right: 8px;
|
|
15102
15113
|
}
|
|
15103
15114
|
.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
|
|
15104
15115
|
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
|
|
@@ -15117,12 +15128,12 @@ img[src=""], img:not([src]) {
|
|
|
15117
15128
|
.semi-rtl .semi-input-append,
|
|
15118
15129
|
.semi-portal-rtl .semi-input-append {
|
|
15119
15130
|
border-left: 0;
|
|
15120
|
-
border-right: 1px
|
|
15131
|
+
border-right: 1px var(--semi-color-border-2) solid;
|
|
15121
15132
|
}
|
|
15122
15133
|
.semi-rtl .semi-input-prepend,
|
|
15123
15134
|
.semi-portal-rtl .semi-input-prepend {
|
|
15124
15135
|
border-right: 0;
|
|
15125
|
-
border-left: 1px
|
|
15136
|
+
border-left: 1px var(--semi-color-border-2) solid;
|
|
15126
15137
|
}
|
|
15127
15138
|
.semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
|
|
15128
15139
|
.semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
|
|
@@ -26469,7 +26480,7 @@ p.semi-typography-extended,
|
|
|
26469
26480
|
display: inline-block;
|
|
26470
26481
|
position: relative;
|
|
26471
26482
|
width: 100%;
|
|
26472
|
-
border: 1px
|
|
26483
|
+
border: 1px var(--semi-color-border-2) solid;
|
|
26473
26484
|
border-radius: var(--semi-border-radius-small);
|
|
26474
26485
|
vertical-align: bottom;
|
|
26475
26486
|
background-color: var(--semi-color-fill-0);
|
|
@@ -26634,6 +26645,49 @@ p.semi-typography-extended,
|
|
|
26634
26645
|
color: var(--semi-color-warning);
|
|
26635
26646
|
}
|
|
26636
26647
|
|
|
26648
|
+
.semi-input-textarea-wrapper-withLineNumber {
|
|
26649
|
+
display: flex;
|
|
26650
|
+
padding: 0;
|
|
26651
|
+
align-items: flex-start;
|
|
26652
|
+
}
|
|
26653
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
|
|
26654
|
+
flex-shrink: 0;
|
|
26655
|
+
padding: 5px 12px;
|
|
26656
|
+
background-color: var(--semi-color-fill-1);
|
|
26657
|
+
border-right: 1px solid var(--semi-color-border);
|
|
26658
|
+
color: var(--semi-color-text-2);
|
|
26659
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
26660
|
+
font-size: inherit;
|
|
26661
|
+
line-height: 1.5;
|
|
26662
|
+
text-align: right;
|
|
26663
|
+
user-select: none;
|
|
26664
|
+
min-width: 36px;
|
|
26665
|
+
border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
|
|
26666
|
+
overflow-y: auto;
|
|
26667
|
+
overflow-x: hidden;
|
|
26668
|
+
scrollbar-width: none;
|
|
26669
|
+
-ms-overflow-style: none;
|
|
26670
|
+
}
|
|
26671
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber::-webkit-scrollbar {
|
|
26672
|
+
display: none;
|
|
26673
|
+
}
|
|
26674
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-content {
|
|
26675
|
+
display: flex;
|
|
26676
|
+
flex: 1;
|
|
26677
|
+
min-width: 0;
|
|
26678
|
+
}
|
|
26679
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber-item {
|
|
26680
|
+
display: flex;
|
|
26681
|
+
align-items: flex-start;
|
|
26682
|
+
justify-content: flex-end;
|
|
26683
|
+
box-sizing: border-box;
|
|
26684
|
+
}
|
|
26685
|
+
.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea {
|
|
26686
|
+
border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
|
|
26687
|
+
line-height: 1.5;
|
|
26688
|
+
flex: 1;
|
|
26689
|
+
}
|
|
26690
|
+
|
|
26637
26691
|
.semi-rtl .semi-input-wrapper,
|
|
26638
26692
|
.semi-portal-rtl .semi-input-wrapper {
|
|
26639
26693
|
direction: rtl;
|
|
@@ -26650,8 +26704,8 @@ p.semi-typography-extended,
|
|
|
26650
26704
|
}
|
|
26651
26705
|
.semi-rtl .semi-input,
|
|
26652
26706
|
.semi-portal-rtl .semi-input {
|
|
26653
|
-
padding-left:
|
|
26654
|
-
padding-right:
|
|
26707
|
+
padding-left: 8px;
|
|
26708
|
+
padding-right: 8px;
|
|
26655
26709
|
}
|
|
26656
26710
|
.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
|
|
26657
26711
|
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
|
|
@@ -26670,12 +26724,12 @@ p.semi-typography-extended,
|
|
|
26670
26724
|
.semi-rtl .semi-input-append,
|
|
26671
26725
|
.semi-portal-rtl .semi-input-append {
|
|
26672
26726
|
border-left: 0;
|
|
26673
|
-
border-right: 1px
|
|
26727
|
+
border-right: 1px var(--semi-color-border-2) solid;
|
|
26674
26728
|
}
|
|
26675
26729
|
.semi-rtl .semi-input-prepend,
|
|
26676
26730
|
.semi-portal-rtl .semi-input-prepend {
|
|
26677
26731
|
border-right: 0;
|
|
26678
|
-
border-left: 1px
|
|
26732
|
+
border-left: 1px var(--semi-color-border-2) solid;
|
|
26679
26733
|
}
|
|
26680
26734
|
.semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
|
|
26681
26735
|
.semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
|