@sia.soul/sia-react-ui 0.1.12 → 0.1.14

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 (35) hide show
  1. package/dist/chart.cjs +21 -13
  2. package/dist/chart.js +4 -4
  3. package/dist/{chunk-RLTG3IK7.js → chunk-25BU7YTB.js} +21 -11
  4. package/dist/{chunk-EJDPRAU2.js → chunk-3VJ4CZDQ.js} +7 -0
  5. package/dist/{chunk-JJVD2ITI.js → chunk-ALWHRV4L.js} +7 -4
  6. package/dist/{chunk-MOOMDRAN.js → chunk-K3XRTEIO.js} +9 -7
  7. package/dist/{chunk-F3VH6LJH.js → chunk-MUTJVDM6.js} +3 -3
  8. package/dist/{chunk-Z3T6RDQP.js → chunk-OKP4DIQH.js} +2 -2
  9. package/dist/{chunk-5ZTWY3PG.js → chunk-QJ4OQNQ4.js} +3 -3
  10. package/dist/{chunk-BUMS62NO.js → chunk-R3TYVU53.js} +14 -8
  11. package/dist/{chunk-MBS2HXLZ.js → chunk-TZGUBGA4.js} +6 -1
  12. package/dist/{chunk-WHARTF2I.js → chunk-YT6E3X2K.js} +5 -2
  13. package/dist/{core-y0w5PBO2.d.cts → core-BK8AXc12.d.cts} +3 -2
  14. package/dist/{core-VmiEI1Jp.d.ts → core-CJK3_KTQ.d.ts} +3 -2
  15. package/dist/core.cjs +54 -40
  16. package/dist/core.css +344 -40
  17. package/dist/core.d.cts +1 -1
  18. package/dist/core.d.ts +1 -1
  19. package/dist/core.js +6 -6
  20. package/dist/index.cjs +312 -123
  21. package/dist/index.css +344 -40
  22. package/dist/index.d.cts +27 -14
  23. package/dist/index.d.ts +27 -14
  24. package/dist/index.js +255 -88
  25. package/dist/markdown-editor.cjs +3 -2
  26. package/dist/markdown-editor.js +2 -2
  27. package/dist/rich-text-editor.cjs +9 -2
  28. package/dist/rich-text-editor.js +4 -4
  29. package/dist/{select-date-range-D-JMfpwD.d.ts → select-date-range-Bdb-hi9c.d.ts} +3 -3
  30. package/dist/{select-date-range-l-xgB959.d.cts → select-date-range-shDQ5uJA.d.cts} +3 -3
  31. package/dist/select-date-range.cjs +35 -15
  32. package/dist/select-date-range.d.cts +1 -1
  33. package/dist/select-date-range.d.ts +1 -1
  34. package/dist/select-date-range.js +5 -5
  35. package/package.json +1 -1
package/dist/core.css CHANGED
@@ -2,6 +2,9 @@
2
2
  .sia-placeholder-floating {
3
3
  position: relative;
4
4
  }
5
+ .sia-placeholder-floating > .sia-floating-placeholder {
6
+ font-size: var(--sia-control-font-size, var(--sia-font-size-small));
7
+ }
5
8
  .sia-select__trigger.sia-placeholder-floating {
6
9
  overflow: visible;
7
10
  }
@@ -110,6 +113,252 @@ fieldset:disabled .sia-input-control__floating-placeholder,
110
113
  fieldset:disabled .sia-input-number__floating-placeholder {
111
114
  background: var(--sia-color-control-hover);
112
115
  }
116
+ .sia-picker-range-control__field {
117
+ position: relative;
118
+ display: flex;
119
+ align-items: center;
120
+ flex: 1;
121
+ min-width: 0;
122
+ height: 100%;
123
+ }
124
+ .sia-picker-range-control__field.sia-placeholder-floating > .is-placeholder {
125
+ color: transparent;
126
+ }
127
+ .sia-picker-range-control__field > .sia-floating-placeholder {
128
+ left: -4px;
129
+ max-width: 100%;
130
+ }
131
+ .sia-picker-range-control__field.sia-placeholder-floating--filled > .sia-floating-placeholder,
132
+ .sia-picker-range-control__field.sia-placeholder-floating--active > .sia-floating-placeholder {
133
+ max-width: calc(100% / .85);
134
+ }
135
+ .sia-picker--error .sia-picker-range-control__field > .sia-floating-placeholder {
136
+ color: var(--sia-color-error);
137
+ }
138
+ .sia-picker--warning .sia-picker-range-control__field > .sia-floating-placeholder {
139
+ color: var(--sia-color-warning);
140
+ }
141
+ .sia-picker.is-disabled .sia-picker-range-control__field > .sia-floating-placeholder {
142
+ background: var(--sia-color-control-hover);
143
+ }
144
+
145
+ /* src/control-sizes.css */
146
+ :is(.sia-picker, .sia-time-range).sia-picker--small {
147
+ --sia-control-font-size: 12px;
148
+ font-size: 12px;
149
+ }
150
+ :is(.sia-picker, .sia-time-range).sia-picker--medium {
151
+ --sia-control-font-size: 14px;
152
+ font-size: 14px;
153
+ }
154
+ :is(.sia-picker, .sia-time-range).sia-picker--large {
155
+ --sia-control-font-size: 16px;
156
+ font-size: 16px;
157
+ }
158
+ .sia-picker .sia-picker__trigger {
159
+ font: inherit;
160
+ }
161
+ :is(.sia-select--small, .sia-tree-select--small, .sia-cascader--small) {
162
+ --sia-control-font-size: 12px;
163
+ }
164
+ :is(.sia-select--medium, .sia-tree-select--medium, .sia-cascader--medium) {
165
+ --sia-control-font-size: 14px;
166
+ }
167
+ :is(.sia-select--large, .sia-tree-select--large, .sia-cascader--large) {
168
+ --sia-control-font-size: 16px;
169
+ }
170
+ .sia-tree-select .sia-tree-select__trigger,
171
+ .sia-cascader .sia-cascader__trigger {
172
+ font-size: var(--sia-control-font-size, 14px);
173
+ }
174
+ .sia-segmented.sia-segmented--medium button {
175
+ font-size: 14px;
176
+ }
177
+ .sia-segmented.sia-segmented--large button {
178
+ font-size: 16px;
179
+ }
180
+ .sia-checkbox.sia-checkbox--small,
181
+ .sia-radio.sia-radio--small {
182
+ --sia-choice-size: 14px;
183
+ --sia-choice-dot: 6px;
184
+ gap: 6px;
185
+ font-size: 12px;
186
+ }
187
+ .sia-checkbox--medium,
188
+ .sia-radio--medium {
189
+ --sia-choice-size: 16px;
190
+ --sia-choice-dot: 8px;
191
+ font-size: 14px;
192
+ }
193
+ .sia-checkbox.sia-checkbox--large,
194
+ .sia-radio.sia-radio--large {
195
+ --sia-choice-size: 18px;
196
+ --sia-choice-dot: 10px;
197
+ gap: 10px;
198
+ font-size: 16px;
199
+ }
200
+ .sia-checkbox .sia-checkbox__control,
201
+ .sia-radio .sia-radio__control {
202
+ width: var(--sia-choice-size);
203
+ height: var(--sia-choice-size);
204
+ }
205
+ .sia-checkbox--small .sia-checkbox__control {
206
+ border-radius: 4px;
207
+ }
208
+ .sia-checkbox--small .sia-checkbox__control span {
209
+ width: 7px;
210
+ height: 4px;
211
+ }
212
+ .sia-checkbox--large .sia-checkbox__control span {
213
+ width: 9px;
214
+ height: 6px;
215
+ }
216
+ .sia-radio .sia-radio__control span {
217
+ width: var(--sia-choice-dot);
218
+ height: var(--sia-choice-dot);
219
+ }
220
+ .sia-radio--button.sia-radio--small {
221
+ height: var(--sia-control-height-small);
222
+ padding-inline: 9px;
223
+ }
224
+ .sia-radio--button.sia-radio--medium {
225
+ height: var(--sia-control-height-medium);
226
+ }
227
+ .sia-radio--button.sia-radio--large {
228
+ height: var(--sia-control-height-large);
229
+ padding-inline: 19px;
230
+ }
231
+ .sia-switch-wrap.sia-switch-wrap--small {
232
+ --sia-switch-width: 32px;
233
+ --sia-switch-height: 16px;
234
+ --sia-switch-segmented-height: var(--sia-control-height-small);
235
+ font-size: 12px;
236
+ }
237
+ .sia-switch-wrap.sia-switch-wrap--medium {
238
+ --sia-switch-width: 44px;
239
+ --sia-switch-height: 22px;
240
+ --sia-switch-segmented-height: var(--sia-control-height-medium);
241
+ font-size: 14px;
242
+ }
243
+ .sia-switch-wrap.sia-switch-wrap--large {
244
+ --sia-switch-width: 52px;
245
+ --sia-switch-height: 28px;
246
+ --sia-switch-segmented-height: var(--sia-control-height-large);
247
+ font-size: 16px;
248
+ }
249
+ .sia-switch-wrap.sia-switch-wrap--small {
250
+ gap: 6px;
251
+ }
252
+ .sia-switch-wrap.sia-switch-wrap--large {
253
+ gap: 10px;
254
+ }
255
+ .sia-select--small .sia-select__tag {
256
+ padding-block: 0;
257
+ line-height: 16px;
258
+ }
259
+ .sia-cascader--small .sia-cascader__tag {
260
+ padding-block: 0;
261
+ line-height: 16px;
262
+ }
263
+ .sia-input-select .sia-input-control--small .sia-button {
264
+ height: 18px;
265
+ }
266
+ .sia-textarea-control--small .sia-textarea {
267
+ padding: 4px 7px 22px;
268
+ font-size: 12px;
269
+ }
270
+ .sia-textarea-control--large .sia-textarea {
271
+ padding: 10px 11px 28px;
272
+ font-size: 16px;
273
+ }
274
+ .sia-color-picker--small {
275
+ --sia-color-control-height: var(--sia-control-height-small);
276
+ font-size: 12px;
277
+ }
278
+ .sia-color-picker--medium {
279
+ --sia-color-control-height: var(--sia-control-height-medium);
280
+ font-size: 14px;
281
+ }
282
+ .sia-color-picker--large {
283
+ --sia-color-control-height: var(--sia-control-height-large);
284
+ font-size: 16px;
285
+ }
286
+ .sia-color-picker .sia-color-picker__trigger {
287
+ height: var(--sia-color-control-height);
288
+ min-height: 0;
289
+ padding: 3px;
290
+ font-size: inherit;
291
+ }
292
+ .sia-color-picker__trigger .sia-color-picker__swatch {
293
+ width: calc(var(--sia-color-control-height) - 8px);
294
+ height: calc(var(--sia-color-control-height) - 8px);
295
+ border-radius: 3px;
296
+ }
297
+ .sia-segmented.sia-segmented--small {
298
+ padding: 2px;
299
+ }
300
+ .sia-segmented.sia-segmented--medium {
301
+ padding: 2px;
302
+ }
303
+ .sia-segmented.sia-segmented--large {
304
+ padding: 2px;
305
+ }
306
+ .sia-segmented.sia-segmented--small button {
307
+ height: calc(var(--sia-control-height-small) - 4px);
308
+ min-height: 0;
309
+ padding-block: 0;
310
+ }
311
+ .sia-segmented.sia-segmented--medium button {
312
+ height: calc(var(--sia-control-height-medium) - 4px);
313
+ min-height: 0;
314
+ padding-block: 0;
315
+ }
316
+ .sia-segmented.sia-segmented--large button {
317
+ height: calc(var(--sia-control-height-large) - 4px);
318
+ min-height: 0;
319
+ padding-block: 0;
320
+ }
321
+ .sia-form--small > fieldset > .sia-form-item > .sia-form-item__label {
322
+ padding-top: 1px;
323
+ }
324
+ .sia-form--medium > fieldset > .sia-form-item > .sia-form-item__label {
325
+ padding-top: 5px;
326
+ }
327
+ .sia-form--large > fieldset > .sia-form-item > .sia-form-item__label {
328
+ padding-top: 9px;
329
+ }
330
+ .sia-form.sia-form--vertical > fieldset > .sia-form-item > .sia-form-item__label {
331
+ padding-top: 0;
332
+ }
333
+ .sia-rate--small .sia-rate__item button {
334
+ font-size: 15px;
335
+ }
336
+ .sia-rate--medium .sia-rate__item button {
337
+ font-size: 20px;
338
+ }
339
+ .sia-rate--large .sia-rate__item button {
340
+ font-size: 25px;
341
+ }
342
+ .sia-pagination .sia-pagination__size-select .sia-select__trigger {
343
+ min-height: 0;
344
+ }
345
+ .sia-pagination--small {
346
+ font-size: 12px;
347
+ }
348
+ .sia-pagination--medium {
349
+ font-size: 14px;
350
+ }
351
+ .sia-pagination--large {
352
+ font-size: 16px;
353
+ }
354
+ .sia-pagination--small .sia-pagination__buttons .sia-button {
355
+ width: 22px;
356
+ min-width: 22px;
357
+ }
358
+ .sia-pagination--large .sia-pagination__buttons .sia-button {
359
+ width: 38px;
360
+ min-width: 38px;
361
+ }
113
362
 
114
363
  /* src/styles.css */
115
364
  :root,
@@ -134,7 +383,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
134
383
  --sia-color-warning: #faad14;
135
384
  --sia-color-error: #ff4d4f;
136
385
  --sia-radius: 6px;
137
- --sia-control-height: 32px;
386
+ --sia-control-height-small: 22px;
387
+ --sia-control-height-medium: 30px;
388
+ --sia-control-height-large: 38px;
389
+ --sia-control-height: var(--sia-control-height-medium);
138
390
  --sia-spacing: 16px;
139
391
  --sia-font-size: 16px;
140
392
  --sia-font-size-small: 14px;
@@ -445,12 +697,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
445
697
  border-color: #d9363e;
446
698
  }
447
699
  .sia-button--small {
448
- height: 24px;
700
+ height: var(--sia-control-height-small);
449
701
  padding-inline: 9px;
450
702
  font-size: 12px;
451
703
  }
452
704
  .sia-button--large {
453
- height: 40px;
705
+ height: var(--sia-control-height-large);
454
706
  padding-inline: 19px;
455
707
  font-size: var(--sia-font-size);
456
708
  }
@@ -509,11 +761,11 @@ fieldset:disabled .sia-input-number__floating-placeholder {
509
761
  border-color: var(--sia-color-primary);
510
762
  }
511
763
  .sia-input-control--small {
512
- height: 24px;
764
+ height: var(--sia-control-height-small);
513
765
  padding-inline: 7px;
514
766
  }
515
767
  .sia-input-control--large {
516
- height: 40px;
768
+ height: var(--sia-control-height-large);
517
769
  padding-inline: 11px;
518
770
  }
519
771
  .sia-input-control--warning {
@@ -1242,10 +1494,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1242
1494
  border-color: var(--sia-color-primary);
1243
1495
  }
1244
1496
  .sia-input-number--small {
1245
- height: 24px;
1497
+ height: var(--sia-control-height-small);
1246
1498
  }
1247
1499
  .sia-input-number--large {
1248
- height: 40px;
1500
+ height: var(--sia-control-height-large);
1249
1501
  }
1250
1502
  .sia-input-number--warning {
1251
1503
  border-color: var(--sia-color-warning);
@@ -1395,12 +1647,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1395
1647
  border-color: var(--sia-color-primary);
1396
1648
  }
1397
1649
  .sia-select--small > .sia-select__trigger {
1398
- height: 24px;
1650
+ height: var(--sia-control-height-small);
1399
1651
  padding-inline: 7px;
1400
1652
  font-size: 12px;
1401
1653
  }
1402
1654
  .sia-select--large > .sia-select__trigger {
1403
- height: 40px;
1655
+ height: var(--sia-control-height-large);
1404
1656
  padding-inline: 11px;
1405
1657
  font-size: var(--sia-font-size);
1406
1658
  }
@@ -1483,9 +1735,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1483
1735
  color: var(--sia-color-text-secondary);
1484
1736
  }
1485
1737
  .sia-select--multiple .sia-select__trigger {
1486
- min-height: var(--sia-control-height);
1487
- height: auto;
1488
- padding-block: 3px;
1738
+ padding-block: 0;
1489
1739
  }
1490
1740
  .sia-select__clear {
1491
1741
  position: absolute;
@@ -1701,8 +1951,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1701
1951
  .sia-switch--standard {
1702
1952
  display: inline-grid;
1703
1953
  place-items: center;
1704
- width: 44px;
1705
- height: 24px;
1954
+ width: var(--sia-switch-width, 44px);
1955
+ height: var(--sia-switch-height, 22px);
1706
1956
  color: #fff;
1707
1957
  background-color: #8c8c8c;
1708
1958
  }
@@ -1711,8 +1961,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1711
1961
  z-index: 1;
1712
1962
  top: 2px;
1713
1963
  left: 2px;
1714
- width: 20px;
1715
- height: 20px;
1964
+ width: calc(var(--sia-switch-height, 22px) - 4px);
1965
+ height: calc(var(--sia-switch-height, 22px) - 4px);
1716
1966
  background-color: #fff;
1717
1967
  border-radius: 999px;
1718
1968
  box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
@@ -1722,15 +1972,15 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1722
1972
  background-color: var(--sia-color-primary);
1723
1973
  }
1724
1974
  .sia-switch-input:checked + .sia-switch--standard .sia-switch__thumb {
1725
- left: calc(100% - 22px);
1975
+ left: calc(100% - var(--sia-switch-height, 22px) + 2px);
1726
1976
  }
1727
1977
  .sia-switch--with-content {
1728
1978
  width: auto;
1729
- min-width: 58px;
1730
- padding: 0 8px 0 26px;
1979
+ min-width: calc(var(--sia-switch-width, 44px) + 14px);
1980
+ padding: 0 8px 0 calc(var(--sia-switch-height, 22px) + 2px);
1731
1981
  }
1732
1982
  .sia-switch-input:checked + .sia-switch--with-content {
1733
- padding-right: 26px;
1983
+ padding-right: calc(var(--sia-switch-height, 22px) + 2px);
1734
1984
  padding-left: 8px;
1735
1985
  }
1736
1986
  .sia-switch__content {
@@ -1760,7 +2010,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1760
2010
  grid-template-columns: repeat(2, minmax(34px, 1fr));
1761
2011
  width: max-content;
1762
2012
  min-width: 74px;
1763
- height: 36px;
2013
+ height: var(--sia-switch-segmented-height, 30px);
1764
2014
  padding: 2px;
1765
2015
  color: var(--sia-color-text-secondary);
1766
2016
  background-color: var(--sia-color-surface);
@@ -1771,7 +2021,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1771
2021
  top: 2px;
1772
2022
  left: 2px;
1773
2023
  width: calc(50% - 3px);
1774
- height: 30px;
2024
+ height: calc(var(--sia-switch-segmented-height, 30px) - 6px);
1775
2025
  background-color: var(--sia-color-primary);
1776
2026
  box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
1777
2027
  }
@@ -1785,7 +2035,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
1785
2035
  align-items: center;
1786
2036
  justify-content: center;
1787
2037
  min-width: 34px;
1788
- height: 30px;
2038
+ height: calc(var(--sia-switch-segmented-height, 30px) - 6px);
1789
2039
  padding-inline: 9px;
1790
2040
  white-space: nowrap;
1791
2041
  transition: color 160ms ease;
@@ -4443,6 +4693,42 @@ fieldset:disabled .sia-input-number__floating-placeholder {
4443
4693
  transition: none;
4444
4694
  }
4445
4695
  }
4696
+ .sia-table-settings__item.is-dragging {
4697
+ border-color: var(--sia-color-primary);
4698
+ background: var(--sia-color-primary-light);
4699
+ opacity: .65;
4700
+ outline: 1px dashed var(--sia-color-primary);
4701
+ }
4702
+ .sia-table .sia-table__summary-cell--label {
4703
+ padding-inline: 4px;
4704
+ }
4705
+ .sia-table__summary-label {
4706
+ display: block;
4707
+ min-width: 0;
4708
+ overflow: hidden;
4709
+ white-space: nowrap;
4710
+ text-overflow: ellipsis;
4711
+ }
4712
+ .sia-table-settings__item {
4713
+ position: relative;
4714
+ touch-action: none;
4715
+ }
4716
+ .sia-table-settings__list.is-sorting .sia-table-settings__item {
4717
+ transition: transform 180ms ease;
4718
+ user-select: none;
4719
+ }
4720
+ .sia-table-settings__list.is-sorting .sia-table-settings__item.is-dragging {
4721
+ z-index: 2;
4722
+ transition: none;
4723
+ opacity: 1;
4724
+ box-shadow: 0 4px 10px -3px rgb(0 0 0 / 25%);
4725
+ cursor: grabbing;
4726
+ }
4727
+ @media (prefers-reduced-motion: reduce) {
4728
+ .sia-table-settings__list.is-sorting .sia-table-settings__item {
4729
+ transition: none;
4730
+ }
4731
+ }
4446
4732
 
4447
4733
  /* src/components-extra.css */
4448
4734
  .sia-flex {
@@ -5040,7 +5326,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5040
5326
  gap: 0;
5041
5327
  }
5042
5328
  .sia-radio--button {
5043
- min-height: 36px;
5329
+ height: var(--sia-control-height);
5330
+ min-height: 0;
5044
5331
  margin-left: -1px;
5045
5332
  padding: 0 14px;
5046
5333
  background: var(--sia-color-surface);
@@ -5613,12 +5900,12 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5613
5900
  border-color: var(--sia-color-primary);
5614
5901
  }
5615
5902
  .sia-picker--small {
5616
- height: 24px;
5617
- min-height: 24px;
5903
+ height: var(--sia-control-height-small);
5904
+ min-height: var(--sia-control-height-small);
5618
5905
  }
5619
5906
  .sia-picker--large {
5620
- height: 40px;
5621
- min-height: 40px;
5907
+ height: var(--sia-control-height-large);
5908
+ min-height: var(--sia-control-height-large);
5622
5909
  }
5623
5910
  .sia-picker--warning {
5624
5911
  border-color: var(--sia-color-warning);
@@ -5790,11 +6077,11 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5790
6077
  border-color: var(--sia-color-primary);
5791
6078
  }
5792
6079
  .sia-time-range.sia-picker--small {
5793
- height: 24px;
6080
+ height: var(--sia-control-height-small);
5794
6081
  font-size: 12px;
5795
6082
  }
5796
6083
  .sia-time-range.sia-picker--large {
5797
- height: 40px;
6084
+ height: var(--sia-control-height-large);
5798
6085
  }
5799
6086
  .sia-time-range.sia-picker--warning {
5800
6087
  border-color: var(--sia-color-warning);
@@ -5831,7 +6118,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5831
6118
  color: var(--sia-color-text-secondary);
5832
6119
  }
5833
6120
  .sia-picker-range-control {
5834
- width: 420px;
6121
+ width: min(420px, 100%);
6122
+ min-width: 0;
5835
6123
  }
5836
6124
  .sia-picker-range-control__value {
5837
6125
  flex: 1;
@@ -5855,10 +6143,10 @@ fieldset:disabled .sia-input-number__floating-placeholder {
5855
6143
  vertical-align: middle;
5856
6144
  }
5857
6145
  .sia-select-date-range--small {
5858
- --sia-select-date-range-height: 24px;
6146
+ --sia-select-date-range-height: var(--sia-control-height-small);
5859
6147
  }
5860
6148
  .sia-select-date-range--large {
5861
- --sia-select-date-range-height: 40px;
6149
+ --sia-select-date-range-height: var(--sia-control-height-large);
5862
6150
  }
5863
6151
  .sia-select-date-range__select {
5864
6152
  flex: 0 0 var(--sia-select-date-range-select-width, 180px);
@@ -6245,8 +6533,9 @@ fieldset:disabled .sia-input-number__floating-placeholder {
6245
6533
  align-items: center;
6246
6534
  gap: 8px;
6247
6535
  width: 100%;
6248
- min-height: 36px;
6249
- padding: 5px 10px;
6536
+ height: var(--sia-control-height);
6537
+ min-height: 0;
6538
+ padding: 0 10px;
6250
6539
  color: inherit;
6251
6540
  cursor: pointer;
6252
6541
  background: var(--sia-color-surface);
@@ -6262,10 +6551,16 @@ fieldset:disabled .sia-input-number__floating-placeholder {
6262
6551
  border-color: var(--sia-color-primary);
6263
6552
  }
6264
6553
  .sia-tree-select--small .sia-tree-select__trigger {
6265
- min-height: 30px;
6554
+ height: var(--sia-control-height-small);
6555
+ font-size: 12px;
6266
6556
  }
6267
6557
  .sia-tree-select--large .sia-tree-select__trigger {
6268
- min-height: 42px;
6558
+ height: var(--sia-control-height-large);
6559
+ font-size: 16px;
6560
+ }
6561
+ .sia-tree-select--small .sia-tree-select__tag {
6562
+ padding-block: 0;
6563
+ line-height: 16px;
6269
6564
  }
6270
6565
  .sia-tree-select--warning .sia-tree-select__trigger {
6271
6566
  border-color: var(--sia-color-warning);
@@ -6486,7 +6781,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
6486
6781
  display: grid;
6487
6782
  grid-template-columns: minmax(90px, 140px) minmax(0, 1fr);
6488
6783
  gap: 8px 14px;
6489
- margin-bottom: 18px;
6784
+ margin-bottom: 0;
6490
6785
  color: var(--sia-color-text);
6491
6786
  }
6492
6787
  .sia-form-item__label {
@@ -7404,8 +7699,9 @@ button.sia-pagination__total:disabled {
7404
7699
  align-items: center;
7405
7700
  gap: 8px;
7406
7701
  width: 100%;
7407
- min-height: 36px;
7408
- padding: 5px 10px;
7702
+ height: var(--sia-control-height);
7703
+ min-height: 0;
7704
+ padding: 0 10px;
7409
7705
  color: inherit;
7410
7706
  cursor: pointer;
7411
7707
  background: var(--sia-color-surface);
@@ -7417,6 +7713,14 @@ button.sia-pagination__total:disabled {
7417
7713
  .sia-cascader.is-open .sia-cascader__trigger {
7418
7714
  border-color: var(--sia-color-primary);
7419
7715
  }
7716
+ .sia-cascader--small .sia-cascader__trigger {
7717
+ height: var(--sia-control-height-small);
7718
+ font-size: 12px;
7719
+ }
7720
+ .sia-cascader--large .sia-cascader__trigger {
7721
+ height: var(--sia-control-height-large);
7722
+ font-size: 16px;
7723
+ }
7420
7724
  .sia-cascader.is-open .sia-cascader__trigger {
7421
7725
  border-color: var(--sia-color-primary);
7422
7726
  }
package/dist/core.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-y0w5PBO2.cjs';
1
+ export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-BK8AXc12.cjs';
2
2
  export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-CVvF4mcy.cjs';
3
3
  import 'react';
4
4
  import './shared-DAYZvZVu.cjs';
package/dist/core.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-VmiEI1Jp.js';
1
+ export { f as Breadcrumb, g as BreadcrumbItem, h as BreadcrumbProps, i as Button, B as ButtonProps, j as ButtonSize, k as ButtonVariant, m as Card, n as CardAccent, o as CardProps, s as Collapse, t as CollapseItem, u as CollapseKey, v as CollapseProps, G as FilledIconName, H as FloatButton, I as FloatButtonBackTopProps, J as FloatButtonGroupProps, K as FloatButtonProps, L as FloatButtonShape, Q as Icon, R as IconName, S as IconProps, T as IconVariant, Z as Input, _ as InputProps, a5 as MessageConfig, a6 as MessageHandle, a7 as MessageKey, a8 as MessageType, a9 as Modal, aa as ModalActionResult, ab as ModalOpenConfig, ac as ModalProps, ad as ModalType, a as OverlayApiHandle, al as Progress, am as ProgressProps, an as ProgressStatus, aq as Segmented, ar as SegmentedOption, as as SegmentedProps, at as SegmentedValue, aA as TabItem, aB as Tabs, aD as TabsOrientation, aE as TabsPosition, aF as TabsProps, aG as TabsType, aH as Tag, aI as TagProps, aJ as TagStatus, aK as TagVariant, aY as Typography, aZ as TypographyLinkProps, a_ as TypographyProps, a$ as TypographyTitleProps, b0 as TypographyType, b1 as Upload, b2 as UploadChangeInfo, b3 as UploadDraggerProps, b4 as UploadFile, b5 as UploadFileStatus, b6 as UploadProps, b7 as UploadRequestOptions, bb as message } from './core-CJK3_KTQ.js';
2
2
  export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-Ce2Irbpt.js';
3
3
  import 'react';
4
4
  import './shared-DAYZvZVu.js';
package/dist/core.js CHANGED
@@ -9,21 +9,21 @@ import {
9
9
  Typography,
10
10
  Upload,
11
11
  message
12
- } from "./chunk-MOOMDRAN.js";
13
- import "./chunk-WHARTF2I.js";
12
+ } from "./chunk-K3XRTEIO.js";
13
+ import "./chunk-YT6E3X2K.js";
14
14
  import {
15
15
  Modal,
16
16
  Select
17
- } from "./chunk-BUMS62NO.js";
17
+ } from "./chunk-R3TYVU53.js";
18
18
  import {
19
19
  Icon,
20
20
  Input,
21
21
  Segmented
22
- } from "./chunk-JJVD2ITI.js";
22
+ } from "./chunk-ALWHRV4L.js";
23
23
  import {
24
24
  Button
25
- } from "./chunk-MBS2HXLZ.js";
26
- import "./chunk-EJDPRAU2.js";
25
+ } from "./chunk-TZGUBGA4.js";
26
+ import "./chunk-3VJ4CZDQ.js";
27
27
  export {
28
28
  Breadcrumb,
29
29
  Button,