@semi-bot/semi-theme-whcyit 1.0.1 → 1.0.2

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: squallliu
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.80.0 or newer.
8
+ Compatible with Semi Foundation Version 2.87.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 修改支持的semi版本
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-whcyit",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/semi.css CHANGED
@@ -1784,7 +1784,7 @@ body {
1784
1784
  font-size: 12px;
1785
1785
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
1786
1786
  line-height: 16px;
1787
- font-weight: 14px;
1787
+ font-weight: 400;
1788
1788
  color: var(--semi-color-bg-2);
1789
1789
  }
1790
1790
  .semi-badge-rightTop {
@@ -1822,30 +1822,6 @@ body {
1822
1822
  position: static;
1823
1823
  display: inline-block;
1824
1824
  }
1825
- .semi-badge-light::before {
1826
- content: "";
1827
- display: block;
1828
- width: 100%;
1829
- height: 100%;
1830
- border-radius: inherit;
1831
- position: absolute;
1832
- top: 0;
1833
- left: 0;
1834
- background-color: var(--semi-color-bg-2);
1835
- z-index: -1;
1836
- }
1837
- .semi-badge-light::after {
1838
- content: "";
1839
- display: block;
1840
- width: 100%;
1841
- height: 100%;
1842
- border-radius: inherit;
1843
- position: absolute;
1844
- top: 0;
1845
- left: 0;
1846
- background-color: inherit;
1847
- z-index: -1;
1848
- }
1849
1825
  .semi-badge-primary.semi-badge-solid {
1850
1826
  background-color: var(--semi-color-primary);
1851
1827
  }
@@ -2049,7 +2025,9 @@ body {
2049
2025
  margin-right: 4px;
2050
2026
  }
2051
2027
  .semi-breadcrumb-item {
2052
- display: inline;
2028
+ display: inline-flex;
2029
+ align-items: center;
2030
+ column-gap: 4px;
2053
2031
  margin-right: 4px;
2054
2032
  color: var(--semi-color-text-2);
2055
2033
  font-weight: 400;
@@ -2080,9 +2058,6 @@ body {
2080
2058
  vertical-align: middle;
2081
2059
  }
2082
2060
  .semi-breadcrumb-item-link {
2083
- display: inline-flex;
2084
- align-items: center;
2085
- column-gap: 4px;
2086
2061
  text-decoration: inherit;
2087
2062
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2088
2063
  transform: scale(var(--semi-transform_scale-none));
@@ -2338,12 +2313,15 @@ body {
2338
2313
  color: var(--semi-color-disabled-text);
2339
2314
  cursor: not-allowed;
2340
2315
  }
2341
- .semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
2316
+ .semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
2342
2317
  color: var(--semi-color-disabled-text);
2343
2318
  }
2344
2319
  .semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
2345
2320
  color: var(--semi-color-disabled-text);
2346
2321
  }
2322
+ .semi-button-disabled.semi-button-outline {
2323
+ color: var(--semi-color-disabled-text);
2324
+ }
2347
2325
  .semi-button-borderless {
2348
2326
  background-color: transparent;
2349
2327
  border: 0 transparent solid;
@@ -5046,8 +5024,8 @@ body {
5046
5024
  }
5047
5025
  .semi-codeHighlight-defaultTheme pre[class*=language-]::selection,
5048
5026
  .semi-codeHighlight-defaultTheme code[class*=language-]::selection,
5049
- .semi-codeHighlight-defaultTheme pre[class*=language-]::mozselection,
5050
- .semi-codeHighlight-defaultTheme code[class*=language-]::mozselection {
5027
+ .semi-codeHighlight-defaultTheme pre[class*=language-]::-moz-selection,
5028
+ .semi-codeHighlight-defaultTheme code[class*=language-]::-moz-selection {
5051
5029
  text-shadow: none;
5052
5030
  background: #b3d4fc;
5053
5031
  }
@@ -6060,8 +6038,15 @@ body {
6060
6038
  }
6061
6039
  .semi-datepicker-range-input-wrapper .semi-input-wrapper {
6062
6040
  background-color: transparent;
6041
+ height: fit-content;
6063
6042
  border: none;
6064
6043
  }
6044
+ .semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
6045
+ background-color: transparent;
6046
+ }
6047
+ .semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
6048
+ background-color: transparent;
6049
+ }
6065
6050
  .semi-datepicker-range-input-wrapper-focus {
6066
6051
  border-color: transparent;
6067
6052
  background-color: var(--semi-color-fill-1);
@@ -7001,6 +6986,7 @@ body {
7001
6986
  z-index: 1050;
7002
6987
  border-radius: var(--semi-border-radius-medium);
7003
6988
  background: var(--semi-color-bg-3);
6989
+ backdrop-filter: none;
7004
6990
  opacity: 0;
7005
6991
  }
7006
6992
  .semi-dropdown-wrapper-show {
@@ -13409,6 +13395,9 @@ img[src=""], img:not([src]) {
13409
13395
  background-color: transparent;
13410
13396
  box-sizing: border-box;
13411
13397
  }
13398
+ .semi-input:placeholder-shown {
13399
+ text-overflow: ellipsis;
13400
+ }
13412
13401
  .semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
13413
13402
  display: none;
13414
13403
  }
@@ -14209,6 +14198,7 @@ img[src=""], img:not([src]) {
14209
14198
  left: 0;
14210
14199
  bottom: 0;
14211
14200
  background-color: var(--semi-color-overlay-bg);
14201
+ backdrop-filter: none;
14212
14202
  height: 100%;
14213
14203
  z-index: 1000;
14214
14204
  }
@@ -14245,11 +14235,12 @@ img[src=""], img:not([src]) {
14245
14235
  .semi-modal-content {
14246
14236
  position: relative;
14247
14237
  display: flex;
14248
- height: 100%;
14238
+ height: max-content;
14249
14239
  width: 100%;
14250
14240
  box-sizing: border-box;
14251
14241
  flex-direction: column;
14252
14242
  background-color: var(--semi-color-bg-2);
14243
+ backdrop-filter: none;
14253
14244
  border: 1px solid var(--semi-color-border);
14254
14245
  border-radius: var(--semi-border-radius-large);
14255
14246
  padding: 0 24px;
@@ -14260,9 +14251,13 @@ img[src=""], img:not([src]) {
14260
14251
  .semi-modal-footerfill {
14261
14252
  display: flex;
14262
14253
  }
14254
+ .semi-modal-content-height-set {
14255
+ height: 100%;
14256
+ }
14263
14257
  .semi-modal-content-fullScreen {
14264
14258
  border-radius: 0;
14265
14259
  border: none;
14260
+ height: 100%;
14266
14261
  top: 0px;
14267
14262
  }
14268
14263
  .semi-modal-header {
@@ -15931,6 +15926,7 @@ img[src=""], img:not([src]) {
15931
15926
  .semi-popover-wrapper {
15932
15927
  position: relative;
15933
15928
  background-color: var(--semi-color-bg-3);
15929
+ backdrop-filter: none;
15934
15930
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
15935
15931
  z-index: 1030;
15936
15932
  border-radius: var(--semi-border-radius-medium);
@@ -17569,6 +17565,7 @@ img[src=""], img:not([src]) {
17569
17565
  z-index: 1;
17570
17566
  overflow: auto;
17571
17567
  background-color: var(--semi-color-bg-2);
17568
+ backdrop-filter: none;
17572
17569
  border: 0;
17573
17570
  }
17574
17571
  .semi-sidesheet-header {
@@ -17615,6 +17612,7 @@ img[src=""], img:not([src]) {
17615
17612
  width: 100%;
17616
17613
  height: 100%;
17617
17614
  background-color: var(--semi-color-overlay-bg);
17615
+ backdrop-filter: none;
17618
17616
  opacity: 1;
17619
17617
  }
17620
17618
  .semi-sidesheet-mask-hidden {
@@ -19218,8 +19216,8 @@ img[src=""], img:not([src]) {
19218
19216
  background-color: var(--semi-color-bg-0);
19219
19217
  }
19220
19218
  .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
19221
- background-image: linear-gradient(0deg, var(--semi-color-bg-1), var(--semi-color-bg-1));
19222
- background-color: var(--semi-color-fill-0);
19219
+ background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
19220
+ background-color: var(--semi-color-bg-1);
19223
19221
  }
19224
19222
  .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
19225
19223
  display: table-cell;
@@ -20478,6 +20476,16 @@ img[src=""], img:not([src]) {
20478
20476
  width: 20px;
20479
20477
  height: 20px;
20480
20478
  }
20479
+ .semi-tag-solid .semi-tag-close {
20480
+ color: var(--semi-color-white);
20481
+ opacity: 0.8;
20482
+ }
20483
+ .semi-tag-solid .semi-tag-close:hover {
20484
+ opacity: 1;
20485
+ }
20486
+ .semi-tag-solid .semi-tag-close:active {
20487
+ opacity: 0.9;
20488
+ }
20481
20489
 
20482
20490
  .semi-tag-group {
20483
20491
  display: block;
@@ -20789,17 +20797,6 @@ img[src=""], img:not([src]) {
20789
20797
  color: var(--semi-color-text-0);
20790
20798
  }
20791
20799
 
20792
- .semi-tag-solid .semi-tag-close {
20793
- color: var(--semi-color-white);
20794
- opacity: 0.8;
20795
- }
20796
- .semi-tag-solid .semi-tag-close:hover {
20797
- opacity: 1;
20798
- }
20799
- .semi-tag-solid .semi-tag-close:active {
20800
- opacity: 0.9;
20801
- }
20802
-
20803
20800
  .semi-rtl .semi-tag,
20804
20801
  .semi-portal-rtl .semi-tag {
20805
20802
  direction: rtl;
@@ -20883,6 +20880,7 @@ img[src=""], img:not([src]) {
20883
20880
  }
20884
20881
  .semi-tagInput-sortable-item {
20885
20882
  position: relative;
20883
+ max-width: 100%;
20886
20884
  }
20887
20885
  .semi-tagInput-sortable-item-over {
20888
20886
  overflow: visible;
@@ -20933,6 +20931,7 @@ img[src=""], img:not([src]) {
20933
20931
  border-color: var(--semi-color-danger);
20934
20932
  }
20935
20933
  .semi-tagInput-disabled {
20934
+ background-color: var(--semi-color-disabled-fill);
20936
20935
  cursor: not-allowed;
20937
20936
  }
20938
20937
  .semi-tagInput-disabled .semi-tagInput-clearBtn,
@@ -20965,6 +20964,7 @@ img[src=""], img:not([src]) {
20965
20964
  .semi-tagInput-wrapper-tag {
20966
20965
  margin-right: 4px;
20967
20966
  white-space: pre;
20967
+ max-width: 100%;
20968
20968
  }
20969
20969
  .semi-tagInput-wrapper-tag-size-small {
20970
20970
  margin-top: 1px;
@@ -21594,6 +21594,7 @@ img[src=""], img:not([src]) {
21594
21594
  .semi-tooltip-wrapper {
21595
21595
  position: relative;
21596
21596
  background-color: rgba(var(--semi-grey-7), 1);
21597
+ backdrop-filter: none;
21597
21598
  color: var(--semi-color-bg-0);
21598
21599
  border-radius: var(--semi-border-radius-medium);
21599
21600
  padding-top: 8px;
@@ -22538,11 +22539,6 @@ img[src=""], img:not([src]) {
22538
22539
  background-color: var(--semi-color-fill-1);
22539
22540
  border: 1px solid transparent;
22540
22541
  }
22541
- .semi-tree-select:focus {
22542
- border: 1px solid var(--semi-color-focus-border);
22543
- background-color: var(--semi-color-fill-0);
22544
- outline: 0;
22545
- }
22546
22542
  .semi-tree-select:active {
22547
22543
  background-color: var(--semi-color-fill-2);
22548
22544
  }
@@ -24249,10 +24245,13 @@ p.semi-typography-extended,
24249
24245
  pointer-events: none;
24250
24246
  cursor: not-allowed;
24251
24247
  }
24248
+ .semi-button.semi-button-loading .semi-button-content .semi-button-content-loading-icon {
24249
+ animation: 1600ms linear infinite semi-animation-rotate;
24250
+ }
24252
24251
  .semi-button.semi-button-loading .semi-button-content > svg {
24253
24252
  width: 16px;
24254
24253
  height: 16px;
24255
- animation: 0.6s linear infinite semi-animation-rotate;
24254
+ animation: 600ms linear infinite semi-animation-rotate;
24256
24255
  animation-fill-mode: forwards;
24257
24256
  }
24258
24257
  .semi-button.semi-button-with-icon-only {