@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 CHANGED
@@ -5,11 +5,11 @@ Operator: evanqhu
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.92.2 or newer.
8
+ Compatible with Semi Foundation Version 2.93.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- select
12
+
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-hx-pc",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
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-4),0.05)",
391
- "fill/--semi-color-fill-1": "rgba(var(--semi-grey-3),0.09)",
392
- "fill/--semi-color-fill-2": "rgba(var(--semi-grey-2),0.13)",
393
- "fill/--semi-color-fill-3": "rgba(var(--semi-grey-1),1)",
394
- "fill/--semi-color-fill-4": "rgba(var(--semi-grey-0), 1)",
395
- "fill/--semi-color-fill-5": "rgba(0,0,0,1)",
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-4),0.05);
145
- --semi-color-fill-1: rgba(var(--semi-grey-3),0.09);
146
- --semi-color-fill-2: rgba(var(--semi-grey-2),0.13);
147
- --semi-color-fill-3: rgba(var(--semi-grey-1),1);
148
- --semi-color-fill-4: rgba(var(--semi-grey-0), 1);
149
- --semi-color-fill-5: rgba(0,0,0,1);
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-4),0.05);
504
- --semi-color-fill-1: rgba(var(--semi-grey-3),0.09);
505
- --semi-color-fill-2: rgba(var(--semi-grey-2),0.13);
506
- --semi-color-fill-3: rgba(var(--semi-grey-1),1);
507
- --semi-color-fill-4: rgba(var(--semi-grey-0), 1);
508
- --semi-color-fill-5: rgba(0,0,0,1);
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 transparent solid;
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: 32px;
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: 30px;
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: transparent;
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 transparent solid;
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: 12px;
14844
- padding-right: 12px;
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: 30px;
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: 30px;
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 transparent solid;
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 transparent solid;
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: 12px;
15101
- padding-right: 12px;
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 transparent solid;
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 transparent solid;
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 transparent solid;
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: 12px;
26654
- padding-right: 12px;
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 transparent solid;
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 transparent solid;
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,