@douyinfe/semi-ui 2.55.4 → 2.56.0-beta.0

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/dist/css/semi.css CHANGED
@@ -1,8 +1,7 @@
1
1
  /* shadow */
2
2
  /* sizing */
3
3
  /* spacing */
4
- body,
5
- body .semi-always-light {
4
+ body, body .semi-always-light, :host, :host .semi-always-light {
6
5
  --semi-amber-0: 254,251,235;
7
6
  --semi-amber-1: 252,245,206;
8
7
  --semi-amber-2: 249,232,158;
@@ -167,8 +166,7 @@ body .semi-always-light {
167
166
  --semi-yellow-9: 83,72,0;
168
167
  }
169
168
 
170
- body[theme-mode=dark],
171
- body .semi-always-dark {
169
+ body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
172
170
  --semi-red-0: 108,9,11;
173
171
  --semi-red-1: 144,17,16;
174
172
  --semi-red-2: 180,32,25;
@@ -333,7 +331,7 @@ body .semi-always-dark {
333
331
  --semi-black: 0, 0, 0;
334
332
  }
335
333
 
336
- body, body[theme-mode=dark] .semi-always-light {
334
+ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
337
335
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
338
336
  -webkit-font-smoothing: antialiased;
339
337
  --semi-color-white: rgba(var(--semi-white), 1);
@@ -443,7 +441,7 @@ body, body[theme-mode=dark] .semi-always-light {
443
441
  --semi-color-data-19: rgba(188, 198, 255, 1);
444
442
  }
445
443
 
446
- body[theme-mode=dark], body .semi-always-dark {
444
+ body[theme-mode=dark], body .semi-always-dark, :host-context(body[theme-mode=dark]), :host .semi-always-dark {
447
445
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
448
446
  -webkit-font-smoothing: antialiased;
449
447
  --semi-color-white: rgba(228, 231, 245, 1);
@@ -553,7 +551,7 @@ body[theme-mode=dark], body .semi-always-dark {
553
551
  --semi-color-data-19: rgba(40, 51, 138, 1);
554
552
  }
555
553
 
556
- body {
554
+ body, :host {
557
555
  --semi-transition_duration-slowest:0ms;
558
556
  --semi-transition_duration-slower:0ms;
559
557
  --semi-transition_duration-slow:0ms;
@@ -6140,6 +6138,12 @@ body {
6140
6138
  padding-top: 4px;
6141
6139
  padding-bottom: 4px;
6142
6140
  }
6141
+ .semi-form-field[x-label-pos=top] .semi-radioGroup-buttonRadio,
6142
+ .semi-form-field[x-label-pos=top] .semi-radioGroup-horizontal-card,
6143
+ .semi-form-field[x-label-pos=top] .semi-radioGroup-vertical-card {
6144
+ padding-top: 0;
6145
+ padding-bottom: 0;
6146
+ }
6143
6147
  .semi-form-field[x-label-pos=top] .semi-form-field-label-with-extra {
6144
6148
  display: flex;
6145
6149
  align-items: center;
@@ -6162,7 +6166,9 @@ body {
6162
6166
  padding-top: 6px;
6163
6167
  padding-bottom: 6px;
6164
6168
  }
6165
- .semi-form-field[x-label-pos=left] .semi-radioGroup-buttonRadio {
6169
+ .semi-form-field[x-label-pos=left] .semi-radioGroup-buttonRadio,
6170
+ .semi-form-field[x-label-pos=left] .semi-radioGroup-horizontal-card,
6171
+ .semi-form-field[x-label-pos=left] .semi-radioGroup-vertical-card {
6166
6172
  padding-top: 0;
6167
6173
  padding-bottom: 0;
6168
6174
  }
@@ -14971,6 +14977,7 @@ img[src=""], img:not([src]) {
14971
14977
  left: 0;
14972
14978
  width: 100%;
14973
14979
  height: 100%;
14980
+ margin-top: 0;
14974
14981
  z-index: -1;
14975
14982
  opacity: 0;
14976
14983
  }
@@ -15719,7 +15726,13 @@ img[src=""], img:not([src]) {
15719
15726
  top: 0;
15720
15727
  left: 0;
15721
15728
  height: 100%;
15722
- width: 100%;
15729
+ }
15730
+ .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper .semi-input-wrapper {
15731
+ height: 24px;
15732
+ line-height: 24px;
15733
+ }
15734
+ .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper .semi-input-wrapper .semi-input-default {
15735
+ height: 24px;
15723
15736
  }
15724
15737
  .semi-select-multiple.semi-select-filterable .semi-input-wrapper {
15725
15738
  height: 100%;
@@ -15735,6 +15748,22 @@ img[src=""], img:not([src]) {
15735
15748
  padding-right: 0;
15736
15749
  }
15737
15750
 
15751
+ .semi-select-multiple.semi-select-filterable.semi-select-large .semi-input-wrapper-large {
15752
+ height: 24px;
15753
+ line-height: 24px;
15754
+ }
15755
+ .semi-select-multiple.semi-select-filterable.semi-select-large .semi-input-wrapper-large .semi-input-large {
15756
+ height: 24px;
15757
+ }
15758
+
15759
+ .semi-select-multiple.semi-select-filterable.semi-select-small .semi-input-wrapper {
15760
+ height: 20px;
15761
+ line-height: 20px;
15762
+ }
15763
+ .semi-select-multiple.semi-select-filterable.semi-select-small .semi-input-wrapper .semi-input-small {
15764
+ height: 20px;
15765
+ }
15766
+
15738
15767
  .semi-select-option-list-wrapper {
15739
15768
  padding-top: 4px;
15740
15769
  padding-bottom: 4px;