@aifuxi/semi-theme-default 1.2.0 → 2.0.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 (92) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +10 -1
  3. package/dist/SBOM.spdx.json +4 -4
  4. package/dist/ai-chat-dialogue.css +2 -4911
  5. package/dist/ai-chat-input.css +1 -3363
  6. package/dist/anchor.css +1 -1517
  7. package/dist/audio-player.css +1 -699
  8. package/dist/auto-complete.css +1 -1913
  9. package/dist/avatar.css +1 -780
  10. package/dist/back-top.css +1 -1462
  11. package/dist/badge.css +1 -699
  12. package/dist/banner.css +1 -1775
  13. package/dist/base.css +737 -0
  14. package/dist/breadcrumb.css +1 -1554
  15. package/dist/button.css +1 -949
  16. package/dist/calendar.css +1 -1669
  17. package/dist/card.css +1 -1644
  18. package/dist/carousel.css +1 -780
  19. package/dist/cascader.css +1 -3154
  20. package/dist/chat.css +1 -4510
  21. package/dist/checkbox.css +1 -743
  22. package/dist/code-highlight.css +1 -699
  23. package/dist/collapse.css +1 -740
  24. package/dist/collapsible.css +1 -736
  25. package/dist/color-picker.css +1 -3739
  26. package/dist/config-provider.css +1 -698
  27. package/dist/cropper.css +1 -699
  28. package/dist/date-picker.css +2 -2824
  29. package/dist/descriptions.css +1 -736
  30. package/dist/divider.css +1 -699
  31. package/dist/drag-move.css +1 -698
  32. package/dist/dropdown.css +1 -1008
  33. package/dist/empty.css +1 -1050
  34. package/dist/feedback.css +1 -3957
  35. package/dist/float-button.css +2 -873
  36. package/dist/form.css +212 -15984
  37. package/dist/grid.css +1 -699
  38. package/dist/highlight.css +1 -699
  39. package/dist/hot-keys.css +1 -699
  40. package/dist/icon-button.css +1 -1293
  41. package/dist/icon.css +1 -736
  42. package/dist/image.css +1 -1512
  43. package/dist/index.css +2 -1
  44. package/dist/input-number.css +1 -1391
  45. package/dist/input.css +1 -1331
  46. package/dist/json-viewer.css +2 -1904
  47. package/dist/layout.css +1 -699
  48. package/dist/list.css +1 -6143
  49. package/dist/locale.css +1 -698
  50. package/dist/lottie.css +1 -698
  51. package/dist/markdown-render.css +1 -2331
  52. package/dist/modal.css +1 -1825
  53. package/dist/navigation.css +2 -1826
  54. package/dist/notification.css +1 -1424
  55. package/dist/overflow-list.css +1 -699
  56. package/dist/pagination.css +1 -3226
  57. package/dist/pin-code.css +1 -1347
  58. package/dist/popconfirm.css +1 -1669
  59. package/dist/popover.css +1 -964
  60. package/dist/progress.css +1 -736
  61. package/dist/radio.css +1 -743
  62. package/dist/rating.css +1 -743
  63. package/dist/resizable.css +1 -743
  64. package/dist/scroll-list.css +1 -736
  65. package/dist/select.css +1 -2516
  66. package/dist/shared/foundation-input-textarea.css +304 -0
  67. package/dist/shared/foundation-portal-portal.css +15 -0
  68. package/dist/side-sheet.css +1 -1474
  69. package/dist/sidebar.css +1 -3661
  70. package/dist/skeleton.css +1 -736
  71. package/dist/slider.css +1 -964
  72. package/dist/space.css +1 -699
  73. package/dist/spin.css +1 -699
  74. package/dist/steps.css +1 -6118
  75. package/dist/style-dependencies.json +1647 -0
  76. package/dist/switch.css +1 -805
  77. package/dist/table.css +1 -4365
  78. package/dist/tabs.css +1 -1674
  79. package/dist/tag-input.css +1 -2784
  80. package/dist/tag.css +1 -1902
  81. package/dist/time-picker.css +1 -2035
  82. package/dist/timeline.css +1 -699
  83. package/dist/toast.css +1 -1424
  84. package/dist/tooltip.css +1 -749
  85. package/dist/transfer.css +1 -3256
  86. package/dist/tree-select.css +1 -3602
  87. package/dist/tree.css +1 -1852
  88. package/dist/typography.css +1 -1166
  89. package/dist/upload.css +1 -2592
  90. package/dist/user-guide.css +1 -2272
  91. package/dist/video-player.css +1 -885
  92. package/package.json +5 -3
package/dist/shared/foundation-input-textarea.css ADDED
@@ -0,0 +1,304 @@
1
+ /* shadow */
2
+ /* sizing */
3
+ /* spacing */
4
+ .semi-input-textarea-wrapper {
5
+ box-sizing: border-box;
6
+ display: inline-block;
7
+ position: relative;
8
+ width: 100%;
9
+ border: 1px transparent solid;
10
+ border-radius: var(--semi-border-radius-small);
11
+ vertical-align: bottom;
12
+ background-color: var(--semi-color-fill-0);
13
+ transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
14
+ }
15
+ .semi-input-textarea-wrapper-resizeX {
16
+ display: inline-block;
17
+ width: fit-content;
18
+ max-width: 100%;
19
+ }
20
+ .semi-input-textarea-wrapper:hover {
21
+ background-color: var(--semi-color-fill-1);
22
+ }
23
+ .semi-input-textarea-wrapper-focus {
24
+ background-color: var(--semi-color-fill-0);
25
+ border: 1px var(--semi-color-focus-border) solid;
26
+ }
27
+ .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
28
+ background-color: var(--semi-color-fill-0);
29
+ }
30
+ .semi-input-textarea-wrapper:active {
31
+ background-color: var(--semi-color-fill-2);
32
+ }
33
+ .semi-input-textarea-wrapper .semi-input-clearbtn {
34
+ position: absolute;
35
+ top: 0;
36
+ min-width: 24px;
37
+ color: var(--semi-color-text-2);
38
+ right: 4px;
39
+ height: 32px;
40
+ display: flex;
41
+ align-items: center;
42
+ justify-content: center;
43
+ }
44
+ .semi-input-textarea-wrapper .semi-input-clearbtn > svg {
45
+ pointer-events: none;
46
+ }
47
+ .semi-input-textarea-wrapper .semi-input-clearbtn:hover {
48
+ cursor: pointer;
49
+ }
50
+ .semi-input-textarea-wrapper .semi-input-clearbtn:hover .semi-icon {
51
+ color: var(--semi-color-primary-hover);
52
+ }
53
+ .semi-input-textarea-wrapper .semi-input-clearbtn-hidden {
54
+ visibility: hidden;
55
+ }
56
+ .semi-input-textarea-wrapper-disabled, .semi-input-textarea-wrapper-readonly {
57
+ cursor: not-allowed;
58
+ color: var(--semi-color-disabled-text);
59
+ background-color: var(--semi-color-disabled-fill);
60
+ }
61
+ .semi-input-textarea-wrapper-disabled:hover, .semi-input-textarea-wrapper-readonly:hover {
62
+ background-color: var(--semi-color-disabled-fill);
63
+ }
64
+ .semi-input-textarea-wrapper-disabled::placeholder, .semi-input-textarea-wrapper-readonly::placeholder {
65
+ color: var(--semi-color-disabled-text);
66
+ }
67
+ .semi-input-textarea-wrapper-readonly {
68
+ cursor: text;
69
+ }
70
+ .semi-input-textarea-wrapper-error {
71
+ background-color: var(--semi-color-danger-light-default);
72
+ border-color: var(--semi-color-danger-light-default);
73
+ }
74
+ .semi-input-textarea-wrapper-error:hover {
75
+ background-color: var(--semi-color-danger-light-hover);
76
+ border-color: var(--semi-color-danger-light-hover);
77
+ }
78
+ .semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
79
+ background-color: var(--semi-color-danger-light-default);
80
+ border-color: var(--semi-color-danger);
81
+ }
82
+ .semi-input-textarea-wrapper-error:active {
83
+ background-color: var(--semi-color-danger-light-active);
84
+ border-color: var(--semi-color-danger);
85
+ }
86
+ .semi-input-textarea-wrapper-warning {
87
+ background-color: var(--semi-color-warning-light-default);
88
+ border-color: var(--semi-color-warning-light-default);
89
+ }
90
+ .semi-input-textarea-wrapper-warning:hover {
91
+ background-color: var(--semi-color-warning-light-hover);
92
+ border-color: var(--semi-color-warning-light-hover);
93
+ }
94
+ .semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
95
+ background-color: var(--semi-color-warning-light-default);
96
+ border-color: var(--semi-color-warning);
97
+ }
98
+ .semi-input-textarea-wrapper-warning:active {
99
+ background-color: var(--semi-color-warning-light-active);
100
+ border-color: var(--semi-color-warning);
101
+ }
102
+
103
+ .semi-input-textarea {
104
+ position: relative;
105
+ resize: none;
106
+ padding: 5px 12px;
107
+ box-shadow: none;
108
+ font-size: 14px;
109
+ line-height: 20px;
110
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
111
+ background-color: transparent;
112
+ border: 0 solid transparent;
113
+ vertical-align: bottom;
114
+ width: 100%;
115
+ outline: none;
116
+ cursor: text;
117
+ box-sizing: border-box;
118
+ color: var(--semi-color-text-0);
119
+ }
120
+ .semi-input-textarea:hover {
121
+ border-color: transparent;
122
+ }
123
+ .semi-input-textarea::placeholder {
124
+ color: var(--semi-color-text-2);
125
+ }
126
+ .semi-input-textarea-showClear {
127
+ padding-right: 36px;
128
+ }
129
+ .semi-input-textarea-disabled, .semi-input-textarea-readonly {
130
+ cursor: not-allowed;
131
+ color: var(--semi-color-disabled-text);
132
+ background-color: transparent;
133
+ }
134
+ .semi-input-textarea-disabled:hover, .semi-input-textarea-readonly:hover {
135
+ background-color: transparent;
136
+ }
137
+ .semi-input-textarea-disabled::placeholder, .semi-input-textarea-readonly::placeholder {
138
+ color: var(--semi-color-disabled-text);
139
+ }
140
+ .semi-input-textarea-readonly {
141
+ cursor: text;
142
+ }
143
+ .semi-input-textarea-autosize {
144
+ overflow: hidden;
145
+ resize: none;
146
+ }
147
+ .semi-input-textarea-counter {
148
+ font-size: 12px;
149
+ line-height: 16px;
150
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
151
+ display: flex;
152
+ flex-direction: column;
153
+ justify-content: center;
154
+ padding: 3px 12px 5px 12px;
155
+ min-height: 24px;
156
+ text-align: right;
157
+ color: var(--semi-color-text-2);
158
+ }
159
+ .semi-input-textarea-counter-exceed {
160
+ color: var(--semi-color-danger);
161
+ }
162
+
163
+ .semi-input-textarea-borderless:not(:focus-within):not(:hover) {
164
+ background-color: transparent;
165
+ border-color: transparent;
166
+ }
167
+ .semi-input-textarea-borderless:focus-within:not(:active) {
168
+ background-color: transparent;
169
+ }
170
+ .semi-input-textarea-borderless.semi-input-textarea-wrapper-error:not(:focus-within) {
171
+ border-color: var(--semi-color-danger);
172
+ }
173
+ .semi-input-textarea-borderless.semi-input-textarea-wrapper-warning:not(:focus-within) {
174
+ border-color: var(--semi-color-warning);
175
+ }
176
+ .semi-input-textarea-borderless.semi-input-textarea-wrapper-error .semi-input-textarea-counter {
177
+ color: var(--semi-color-danger);
178
+ }
179
+ .semi-input-textarea-borderless.semi-input-textarea-wrapper-warning .semi-input-textarea-counter {
180
+ color: var(--semi-color-warning);
181
+ }
182
+
183
+ .semi-input-textarea-wrapper-withLineNumber {
184
+ display: flex;
185
+ padding: 0;
186
+ align-items: flex-start;
187
+ }
188
+ .semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX {
189
+ display: inline-flex;
190
+ width: fit-content;
191
+ max-width: 100%;
192
+ }
193
+ .semi-input-textarea-wrapper-withLineNumber.semi-input-textarea-wrapper-resizeX .semi-input-textarea-content {
194
+ flex: 0 0 auto;
195
+ }
196
+ .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
197
+ flex-shrink: 0;
198
+ padding: 5px 12px;
199
+ background-color: var(--semi-color-fill-1);
200
+ border-right: 1px solid var(--semi-color-border);
201
+ color: var(--semi-color-text-2);
202
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
203
+ font-size: inherit;
204
+ line-height: 1.5;
205
+ text-align: right;
206
+ user-select: none;
207
+ min-width: 36px;
208
+ border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
209
+ overflow-y: auto;
210
+ overflow-x: hidden;
211
+ scrollbar-width: none;
212
+ -ms-overflow-style: none;
213
+ }
214
+ .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber::-webkit-scrollbar {
215
+ display: none;
216
+ }
217
+ .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-content {
218
+ display: flex;
219
+ flex: 1;
220
+ min-width: 0;
221
+ }
222
+ .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber-item {
223
+ display: flex;
224
+ align-items: flex-start;
225
+ justify-content: flex-end;
226
+ box-sizing: border-box;
227
+ }
228
+ .semi-input-textarea-wrapper-withLineNumber .semi-input-textarea {
229
+ border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
230
+ line-height: 1.5;
231
+ flex: 1;
232
+ }
233
+
234
+ .semi-rtl .semi-input-wrapper,
235
+ .semi-portal-rtl .semi-input-wrapper {
236
+ direction: rtl;
237
+ }
238
+ .semi-rtl .semi-input-wrapper__with-prefix .semi-input,
239
+ .semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
240
+ padding-left: auto;
241
+ padding-right: 0;
242
+ }
243
+ .semi-rtl .semi-input-wrapper__with-suffix .semi-input,
244
+ .semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
245
+ padding-right: auto;
246
+ padding-left: 0;
247
+ }
248
+ .semi-rtl .semi-input,
249
+ .semi-portal-rtl .semi-input {
250
+ padding-left: 12px;
251
+ padding-right: 12px;
252
+ }
253
+ .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
254
+ .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
255
+ .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
256
+ .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
257
+ margin-left: auto;
258
+ margin-right: 0;
259
+ }
260
+ .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
261
+ .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon,
262
+ .semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
263
+ .semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
264
+ margin-left: auto;
265
+ margin-right: 0;
266
+ }
267
+ .semi-rtl .semi-input-append,
268
+ .semi-portal-rtl .semi-input-append {
269
+ border-left: 0;
270
+ border-right: 1px transparent solid;
271
+ }
272
+ .semi-rtl .semi-input-prepend,
273
+ .semi-portal-rtl .semi-input-prepend {
274
+ border-right: 0;
275
+ border-left: 1px transparent solid;
276
+ }
277
+ .semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
278
+ .semi-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
279
+ .semi-rtl .semi-input-group .semi-tree-select:not(:last-child)::after, .semi-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after,
280
+ .semi-portal-rtl .semi-input-group .semi-select:not(:last-child)::after,
281
+ .semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child)::after,
282
+ .semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child)::after,
283
+ .semi-portal-rtl .semi-input-group > .semi-input-wrapper:not(:last-child)::after {
284
+ right: auto;
285
+ left: -1px;
286
+ }
287
+ .semi-rtl .semi-input-group .semi-input-number:not(:last-child)::after,
288
+ .semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child)::after {
289
+ right: auto;
290
+ left: -1px;
291
+ }
292
+ .semi-rtl .semi-input-textarea-wrapper,
293
+ .semi-portal-rtl .semi-input-textarea-wrapper {
294
+ direction: rtl;
295
+ }
296
+ .semi-rtl .semi-input-textarea-counter,
297
+ .semi-portal-rtl .semi-input-textarea-counter {
298
+ text-align: left;
299
+ }
300
+ .semi-rtl .semi-input-textarea-showClear,
301
+ .semi-portal-rtl .semi-input-textarea-showClear {
302
+ padding-right: 0;
303
+ padding-left: 36px;
304
+ }
package/dist/shared/foundation-portal-portal.css ADDED
@@ -0,0 +1,15 @@
1
+ /* shadow */
2
+ /* sizing */
3
+ /* spacing */
4
+ .semi-portal {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ width: 100%;
9
+ z-index: 1;
10
+ }
11
+ .semi-portal-inner {
12
+ position: absolute;
13
+ background-color: transparent;
14
+ min-width: max-content;
15
+ }