@douyinfe/semi-ui 2.56.0-alpha.0 → 2.56.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.
Files changed (85) hide show
  1. package/dist/css/semi.css +41 -9
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +76 -47
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_base/base.css +5 -7
  8. package/lib/cjs/anchor/index.d.ts +1 -1
  9. package/lib/cjs/autoComplete/index.d.ts +1 -1
  10. package/lib/cjs/autoComplete/index.js +2 -1
  11. package/lib/cjs/backtop/index.d.ts +1 -0
  12. package/lib/cjs/backtop/index.js +4 -1
  13. package/lib/cjs/button/Button.d.ts +1 -1
  14. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  15. package/lib/cjs/button/index.d.ts +1 -1
  16. package/lib/cjs/calendar/monthCalendar.js +3 -1
  17. package/lib/cjs/cascader/index.js +8 -4
  18. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  19. package/lib/cjs/datePicker/datePicker.js +5 -9
  20. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  21. package/lib/cjs/form/baseForm.d.ts +2 -2
  22. package/lib/cjs/form/field.d.ts +2 -2
  23. package/lib/cjs/input/index.d.ts +1 -1
  24. package/lib/cjs/input/inputGroup.d.ts +1 -1
  25. package/lib/cjs/locale/source/ro.d.ts +3 -170
  26. package/lib/cjs/locale/source/ro.js +5 -5
  27. package/lib/cjs/modal/confirm.d.ts +16 -16
  28. package/lib/cjs/radio/radio.d.ts +1 -1
  29. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  30. package/lib/cjs/rating/index.d.ts +1 -1
  31. package/lib/cjs/rating/item.d.ts +1 -1
  32. package/lib/cjs/select/index.js +3 -3
  33. package/lib/cjs/switch/index.d.ts +1 -1
  34. package/lib/cjs/table/Table.d.ts +2 -2
  35. package/lib/cjs/table/index.d.ts +1 -1
  36. package/lib/cjs/tagInput/index.d.ts +1 -1
  37. package/lib/cjs/tagInput/index.js +2 -1
  38. package/lib/cjs/timePicker/TimePicker.d.ts +2 -1
  39. package/lib/cjs/timePicker/TimePicker.js +8 -8
  40. package/lib/cjs/timePicker/index.d.ts +1 -1
  41. package/lib/cjs/tooltip/index.js +4 -1
  42. package/lib/cjs/treeSelect/index.js +4 -3
  43. package/lib/cjs/typography/base.d.ts +8 -0
  44. package/lib/cjs/typography/base.js +28 -4
  45. package/lib/cjs/typography/title.d.ts +2 -2
  46. package/lib/es/_base/base.css +5 -7
  47. package/lib/es/anchor/index.d.ts +1 -1
  48. package/lib/es/autoComplete/index.d.ts +1 -1
  49. package/lib/es/autoComplete/index.js +2 -1
  50. package/lib/es/backtop/index.d.ts +1 -0
  51. package/lib/es/backtop/index.js +4 -1
  52. package/lib/es/button/Button.d.ts +1 -1
  53. package/lib/es/button/buttonGroup.d.ts +1 -1
  54. package/lib/es/button/index.d.ts +1 -1
  55. package/lib/es/calendar/monthCalendar.js +3 -1
  56. package/lib/es/cascader/index.js +8 -4
  57. package/lib/es/datePicker/datePicker.d.ts +1 -1
  58. package/lib/es/datePicker/datePicker.js +5 -9
  59. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  60. package/lib/es/form/baseForm.d.ts +2 -2
  61. package/lib/es/form/field.d.ts +2 -2
  62. package/lib/es/input/index.d.ts +1 -1
  63. package/lib/es/input/inputGroup.d.ts +1 -1
  64. package/lib/es/locale/source/ro.d.ts +3 -170
  65. package/lib/es/locale/source/ro.js +6 -6
  66. package/lib/es/modal/confirm.d.ts +16 -16
  67. package/lib/es/radio/radio.d.ts +1 -1
  68. package/lib/es/radio/radioGroup.d.ts +1 -1
  69. package/lib/es/rating/index.d.ts +1 -1
  70. package/lib/es/rating/item.d.ts +1 -1
  71. package/lib/es/select/index.js +3 -3
  72. package/lib/es/switch/index.d.ts +1 -1
  73. package/lib/es/table/Table.d.ts +2 -2
  74. package/lib/es/table/index.d.ts +1 -1
  75. package/lib/es/tagInput/index.d.ts +1 -1
  76. package/lib/es/tagInput/index.js +2 -1
  77. package/lib/es/timePicker/TimePicker.d.ts +2 -1
  78. package/lib/es/timePicker/TimePicker.js +8 -8
  79. package/lib/es/timePicker/index.d.ts +1 -1
  80. package/lib/es/tooltip/index.js +4 -1
  81. package/lib/es/treeSelect/index.js +4 -3
  82. package/lib/es/typography/base.d.ts +8 -0
  83. package/lib/es/typography/base.js +28 -4
  84. package/lib/es/typography/title.d.ts +2 -2
  85. package/package.json +8 -8
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
  }
@@ -15714,12 +15721,21 @@ img[src=""], img:not([src]) {
15714
15721
  overflow: hidden;
15715
15722
  position: relative;
15716
15723
  }
15724
+ .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
15725
+ height: 24px;
15726
+ line-height: 24px;
15727
+ }
15728
+ .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-default {
15729
+ height: 24px;
15730
+ }
15717
15731
  .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
15718
15732
  position: absolute;
15719
15733
  top: 0;
15720
15734
  left: 0;
15721
15735
  height: 100%;
15722
- width: 100%;
15736
+ }
15737
+ .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper .semi-input-default {
15738
+ height: 100%;
15723
15739
  }
15724
15740
  .semi-select-multiple.semi-select-filterable .semi-input-wrapper {
15725
15741
  height: 100%;
@@ -15735,6 +15751,22 @@ img[src=""], img:not([src]) {
15735
15751
  padding-right: 0;
15736
15752
  }
15737
15753
 
15754
+ .semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large {
15755
+ height: 24px;
15756
+ line-height: 24px;
15757
+ }
15758
+ .semi-select-multiple.semi-select-filterable.semi-select-large .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper-large .semi-input-large {
15759
+ height: 24px;
15760
+ }
15761
+
15762
+ .semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper {
15763
+ height: 20px;
15764
+ line-height: 20px;
15765
+ }
15766
+ .semi-select-multiple.semi-select-filterable.semi-select-small .semi-select-content-wrapper:not(.semi-select-content-wrapper-empty) .semi-input-wrapper .semi-input-small {
15767
+ height: 20px;
15768
+ }
15769
+
15738
15770
  .semi-select-option-list-wrapper {
15739
15771
  padding-top: 4px;
15740
15772
  padding-bottom: 4px;