@sia.soul/sia-react-ui 0.1.2 → 0.1.4
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/{Select-CJJ5LQap.d.ts → Select-GiTHMScg.d.cts} +4 -5
- package/dist/{Select-CJJ5LQap.d.cts → Select-rtDktLYY.d.ts} +4 -5
- package/dist/chart.cjs +731 -707
- package/dist/chart.css +1 -1
- package/dist/chart.js +3 -2
- package/dist/{chunk-6VXOLMKZ.js → chunk-5ZTWY3PG.js} +18 -1
- package/dist/{chunk-YCVXUMGP.js → chunk-EJ23MVR6.js} +5 -20
- package/dist/chunk-EJDPRAU2.js +36 -0
- package/dist/{chunk-DZ45HRVP.js → chunk-IHTODT53.js} +8 -5
- package/dist/{chunk-QEDWRVDA.js → chunk-MJUTLEEE.js} +20 -8
- package/dist/{chunk-OMA75YLM.js → chunk-PX6BOFTW.js} +10 -3
- package/dist/{chunk-JKZGAZMB.js → chunk-R7BVDN3Q.js} +91 -43
- package/dist/{chunk-ZPYGBMBH.js → chunk-S2JAJCLN.js} +6 -4
- package/dist/{chunk-NZAT2RUM.js → chunk-WHARTF2I.js} +10 -1
- package/dist/{chunk-I342FGQY.js → chunk-Z3T6RDQP.js} +1 -1
- package/dist/{core-DFYheaoJ.d.ts → core-CBtbeAms.d.cts} +2 -1
- package/dist/{core-De2pRX5w.d.cts → core-D8BSMfHD.d.ts} +2 -1
- package/dist/core.cjs +277 -212
- package/dist/core.css +238 -38
- package/dist/core.d.cts +3 -2
- package/dist/core.d.ts +3 -2
- package/dist/core.js +6 -5
- package/dist/index.cjs +2538 -2416
- package/dist/index.css +239 -39
- package/dist/index.d.cts +18 -9
- package/dist/index.d.ts +18 -9
- package/dist/index.js +230 -193
- package/dist/markdown-editor.cjs +52 -20
- package/dist/markdown-editor.d.cts +3 -1
- package/dist/markdown-editor.d.ts +3 -1
- package/dist/markdown-editor.js +2 -1
- package/dist/rich-text-editor.cjs +884 -864
- package/dist/rich-text-editor.d.cts +3 -1
- package/dist/rich-text-editor.d.ts +3 -1
- package/dist/rich-text-editor.js +4 -3
- package/dist/{select-date-range-DOyG1DGp.d.ts → select-date-range-CQ1vmze_.d.ts} +7 -4
- package/dist/{select-date-range-UyYrHex6.d.cts → select-date-range-DRmGaEzP.d.cts} +7 -4
- package/dist/select-date-range.cjs +972 -903
- package/dist/select-date-range.d.cts +3 -2
- package/dist/select-date-range.d.ts +3 -2
- package/dist/select-date-range.js +4 -3
- package/dist/shared-DAYZvZVu.d.cts +5 -0
- package/dist/shared-DAYZvZVu.d.ts +5 -0
- package/package.json +129 -129
package/dist/core.css
CHANGED
|
@@ -1,3 +1,111 @@
|
|
|
1
|
+
/* src/floating-placeholder.css */
|
|
2
|
+
.sia-placeholder-floating {
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
.sia-select__trigger.sia-placeholder-floating {
|
|
6
|
+
overflow: visible;
|
|
7
|
+
}
|
|
8
|
+
.sia-floating-placeholder {
|
|
9
|
+
position: absolute;
|
|
10
|
+
z-index: 20;
|
|
11
|
+
top: var(--sia-placeholder-idle-top, 50%);
|
|
12
|
+
left: 7px;
|
|
13
|
+
box-sizing: border-box;
|
|
14
|
+
max-width: calc(100% - 42px);
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
padding-inline: 4px;
|
|
17
|
+
color: var(--sia-color-text-secondary);
|
|
18
|
+
background: transparent;
|
|
19
|
+
pointer-events: none;
|
|
20
|
+
opacity: .65;
|
|
21
|
+
font: 400 var(--sia-font-size-small)/1 system-ui, sans-serif;
|
|
22
|
+
text-overflow: ellipsis;
|
|
23
|
+
white-space: nowrap;
|
|
24
|
+
transform: translateY(-50%);
|
|
25
|
+
transform-origin: left center;
|
|
26
|
+
transition:
|
|
27
|
+
top 160ms ease,
|
|
28
|
+
color 160ms ease,
|
|
29
|
+
background-color 160ms ease,
|
|
30
|
+
opacity 160ms ease,
|
|
31
|
+
transform 160ms ease;
|
|
32
|
+
}
|
|
33
|
+
.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
|
|
34
|
+
.sia-placeholder-floating--filled > .sia-floating-placeholder,
|
|
35
|
+
.sia-placeholder-floating--active > .sia-floating-placeholder {
|
|
36
|
+
top: 0;
|
|
37
|
+
background: var(--sia-color-surface);
|
|
38
|
+
opacity: 1;
|
|
39
|
+
transform: translateY(-50%) scale(.85);
|
|
40
|
+
}
|
|
41
|
+
.sia-placeholder-floating:focus-within > .sia-floating-placeholder,
|
|
42
|
+
.sia-placeholder-floating--active > .sia-floating-placeholder {
|
|
43
|
+
color: var(--sia-color-primary);
|
|
44
|
+
}
|
|
45
|
+
.sia-placeholder-floating.sia-time-picker > input::placeholder,
|
|
46
|
+
.sia-placeholder-floating > input::placeholder,
|
|
47
|
+
.sia-placeholder-floating > textarea::placeholder {
|
|
48
|
+
color: transparent;
|
|
49
|
+
}
|
|
50
|
+
.sia-placeholder-floating > .sia-select__value.is-placeholder,
|
|
51
|
+
.sia-placeholder-floating > .sia-picker__trigger .is-placeholder,
|
|
52
|
+
.sia-placeholder-floating > .sia-tree-select__value .sia-tree-select__placeholder,
|
|
53
|
+
.sia-placeholder-floating > .sia-cascader__value .sia-cascader__placeholder {
|
|
54
|
+
color: transparent;
|
|
55
|
+
}
|
|
56
|
+
.sia-placeholder-floating.is-disabled > .sia-floating-placeholder,
|
|
57
|
+
.sia-placeholder-floating:disabled > .sia-floating-placeholder,
|
|
58
|
+
fieldset:disabled .sia-placeholder-floating > .sia-floating-placeholder {
|
|
59
|
+
background: var(--sia-color-control-hover);
|
|
60
|
+
}
|
|
61
|
+
.sia-form-item--error .sia-placeholder-floating > .sia-floating-placeholder,
|
|
62
|
+
.sia-select--error .sia-placeholder-floating > .sia-floating-placeholder,
|
|
63
|
+
.sia-tree-select--error .sia-placeholder-floating > .sia-floating-placeholder,
|
|
64
|
+
.sia-picker--error.sia-placeholder-floating > .sia-floating-placeholder,
|
|
65
|
+
.sia-textarea-control--error.sia-placeholder-floating > .sia-floating-placeholder {
|
|
66
|
+
color: var(--sia-color-error);
|
|
67
|
+
}
|
|
68
|
+
.sia-form-item--warning .sia-placeholder-floating > .sia-floating-placeholder,
|
|
69
|
+
.sia-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
|
|
70
|
+
.sia-tree-select--warning .sia-placeholder-floating > .sia-floating-placeholder,
|
|
71
|
+
.sia-picker--warning.sia-placeholder-floating > .sia-floating-placeholder,
|
|
72
|
+
.sia-textarea-control--warning.sia-placeholder-floating > .sia-floating-placeholder {
|
|
73
|
+
color: var(--sia-color-warning);
|
|
74
|
+
}
|
|
75
|
+
.sia-textarea-control.sia-placeholder-floating {
|
|
76
|
+
--sia-placeholder-idle-top: 18px;
|
|
77
|
+
overflow: visible;
|
|
78
|
+
}
|
|
79
|
+
.sia-textarea-control > .sia-floating-placeholder {
|
|
80
|
+
max-width: calc(100% - 16px);
|
|
81
|
+
}
|
|
82
|
+
.sia-rich-text-editor.sia-placeholder-floating {
|
|
83
|
+
--sia-placeholder-idle-top: 66px;
|
|
84
|
+
overflow: visible;
|
|
85
|
+
}
|
|
86
|
+
.sia-rich-text-editor.sia-placeholder-floating .tiptap p.is-editor-empty:first-child::before {
|
|
87
|
+
content: none;
|
|
88
|
+
}
|
|
89
|
+
.sia-markdown-editor.sia-placeholder-floating {
|
|
90
|
+
--sia-placeholder-idle-top: 80px;
|
|
91
|
+
}
|
|
92
|
+
.sia-markdown-editor.sia-placeholder-floating [data-placeholder]::before {
|
|
93
|
+
content: none !important;
|
|
94
|
+
}
|
|
95
|
+
@media (prefers-reduced-motion: reduce) {
|
|
96
|
+
.sia-floating-placeholder {
|
|
97
|
+
transition: none;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
.sia-rich-text-editor.sia-placeholder-floating > .sia-rich-text-editor__toolbar {
|
|
101
|
+
border-start-start-radius: inherit;
|
|
102
|
+
border-start-end-radius: inherit;
|
|
103
|
+
}
|
|
104
|
+
fieldset:disabled .sia-input-control__floating-placeholder,
|
|
105
|
+
fieldset:disabled .sia-input-number__floating-placeholder {
|
|
106
|
+
background: var(--sia-color-control-hover);
|
|
107
|
+
}
|
|
108
|
+
|
|
1
109
|
/* src/styles.css */
|
|
2
110
|
:root,
|
|
3
111
|
[data-sia-theme=light] {
|
|
@@ -26,7 +134,7 @@
|
|
|
26
134
|
--sia-font-size: 16px;
|
|
27
135
|
--sia-font-size-small: 14px;
|
|
28
136
|
--sia-font-size-large: 18px;
|
|
29
|
-
--sia-shadow-popup: 0
|
|
137
|
+
--sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 22%);
|
|
30
138
|
--sia-scroll-overflow: auto;
|
|
31
139
|
--sia-scrollbar-thumb: rgb(82 82 82 / 68%);
|
|
32
140
|
--sia-scrollbar-thumb-hover: rgb(64 64 64 / 82%);
|
|
@@ -48,7 +156,7 @@
|
|
|
48
156
|
--sia-color-control-hover: #2d2d2d;
|
|
49
157
|
--sia-color-control-active: #383838;
|
|
50
158
|
--sia-color-focus-ring: rgb(60 135 230 / 28%);
|
|
51
|
-
--sia-shadow-popup: 0 12px
|
|
159
|
+
--sia-shadow-popup: 0 4px 12px rgb(0 0 0 / 50%);
|
|
52
160
|
--sia-scrollbar-thumb: rgb(174 174 174 / 62%);
|
|
53
161
|
--sia-scrollbar-thumb-hover: rgb(205 205 205 / 78%);
|
|
54
162
|
}
|
|
@@ -63,6 +171,18 @@
|
|
|
63
171
|
width: 0;
|
|
64
172
|
height: 0;
|
|
65
173
|
}
|
|
174
|
+
.sia-scrollbar-track {
|
|
175
|
+
--sia-scrollbar-size: 3px;
|
|
176
|
+
}
|
|
177
|
+
.sia-scrollbar-track:hover,
|
|
178
|
+
.sia-scrollbar-track:has(> :active) {
|
|
179
|
+
--sia-scrollbar-size: 6px;
|
|
180
|
+
}
|
|
181
|
+
@media (prefers-reduced-motion: reduce) {
|
|
182
|
+
.sia-scrollbar-track > * {
|
|
183
|
+
transition: none !important;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
66
186
|
.sia-floating-scrollbar-layer {
|
|
67
187
|
position: fixed;
|
|
68
188
|
z-index: 2147483646;
|
|
@@ -92,7 +212,7 @@
|
|
|
92
212
|
background: var(--sia-scrollbar-thumb);
|
|
93
213
|
border: 1px solid rgb(255 255 255 / 24%);
|
|
94
214
|
border-radius: 999px;
|
|
95
|
-
box-shadow: 0 1px
|
|
215
|
+
box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
|
|
96
216
|
touch-action: none;
|
|
97
217
|
transition: background-color 120ms ease;
|
|
98
218
|
}
|
|
@@ -100,14 +220,16 @@
|
|
|
100
220
|
background: var(--sia-scrollbar-thumb-hover);
|
|
101
221
|
}
|
|
102
222
|
.sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb {
|
|
103
|
-
|
|
223
|
+
bottom: 0;
|
|
104
224
|
left: 0;
|
|
105
|
-
height:
|
|
225
|
+
height: var(--sia-scrollbar-size);
|
|
226
|
+
transition: background-color 120ms ease, height 150ms ease;
|
|
106
227
|
}
|
|
107
228
|
.sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb {
|
|
108
229
|
top: 0;
|
|
109
|
-
|
|
110
|
-
width:
|
|
230
|
+
right: 0;
|
|
231
|
+
width: var(--sia-scrollbar-size);
|
|
232
|
+
transition: background-color 120ms ease, width 150ms ease;
|
|
111
233
|
}
|
|
112
234
|
.sia-button,
|
|
113
235
|
.sia-input,
|
|
@@ -465,7 +587,7 @@
|
|
|
465
587
|
.sia-input-control__floating-placeholder,
|
|
466
588
|
.sia-input-number__floating-placeholder {
|
|
467
589
|
position: absolute;
|
|
468
|
-
z-index:
|
|
590
|
+
z-index: 20;
|
|
469
591
|
top: 50%;
|
|
470
592
|
left: -4px;
|
|
471
593
|
box-sizing: border-box;
|
|
@@ -508,6 +630,7 @@
|
|
|
508
630
|
left: 7px;
|
|
509
631
|
max-width: calc(100% - 7px);
|
|
510
632
|
}
|
|
633
|
+
.sia-input-select.is-open .sia-input-control--floating .sia-input-control__floating-placeholder,
|
|
511
634
|
.sia-input-control--floating:focus-within .sia-input-control__floating-placeholder,
|
|
512
635
|
.sia-input-control--floating.is-filled .sia-input-control__floating-placeholder,
|
|
513
636
|
.sia-input-number--floating:focus-within .sia-input-number__floating-placeholder,
|
|
@@ -1287,11 +1410,37 @@
|
|
|
1287
1410
|
color: var(--sia-color-text-secondary);
|
|
1288
1411
|
opacity: 0.7;
|
|
1289
1412
|
}
|
|
1413
|
+
.sia-overflow-tags {
|
|
1414
|
+
position: relative;
|
|
1415
|
+
display: flex;
|
|
1416
|
+
align-items: center;
|
|
1417
|
+
flex: 1;
|
|
1418
|
+
min-width: 0;
|
|
1419
|
+
gap: 4px;
|
|
1420
|
+
overflow: hidden;
|
|
1421
|
+
white-space: nowrap;
|
|
1422
|
+
}
|
|
1423
|
+
.sia-overflow-tags > span:not(.sia-overflow-tags__measure),
|
|
1424
|
+
.sia-overflow-tags__measure > span {
|
|
1425
|
+
flex: 0 0 auto;
|
|
1426
|
+
}
|
|
1427
|
+
.sia-overflow-tags__rest {
|
|
1428
|
+
color: var(--sia-color-text-secondary);
|
|
1429
|
+
}
|
|
1430
|
+
.sia-overflow-tags__measure {
|
|
1431
|
+
position: absolute;
|
|
1432
|
+
top: 0;
|
|
1433
|
+
left: 0;
|
|
1434
|
+
display: flex;
|
|
1435
|
+
width: max-content;
|
|
1436
|
+
visibility: hidden;
|
|
1437
|
+
pointer-events: none;
|
|
1438
|
+
}
|
|
1290
1439
|
.sia-select__tags {
|
|
1291
1440
|
display: flex;
|
|
1292
1441
|
align-items: center;
|
|
1293
1442
|
flex: 1;
|
|
1294
|
-
flex-wrap:
|
|
1443
|
+
flex-wrap: nowrap;
|
|
1295
1444
|
gap: 3px;
|
|
1296
1445
|
min-width: 0;
|
|
1297
1446
|
}
|
|
@@ -1529,7 +1678,7 @@
|
|
|
1529
1678
|
height: 20px;
|
|
1530
1679
|
background-color: #fff;
|
|
1531
1680
|
border-radius: 999px;
|
|
1532
|
-
box-shadow: 0 1px
|
|
1681
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
|
|
1533
1682
|
transition: left 160ms ease, width 160ms ease;
|
|
1534
1683
|
}
|
|
1535
1684
|
.sia-switch-input:checked + .sia-switch--standard {
|
|
@@ -1579,7 +1728,7 @@
|
|
|
1579
1728
|
color: var(--sia-color-text-secondary);
|
|
1580
1729
|
background-color: var(--sia-color-surface);
|
|
1581
1730
|
border: 1px solid var(--sia-color-border);
|
|
1582
|
-
box-shadow: 0
|
|
1731
|
+
box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
|
|
1583
1732
|
}
|
|
1584
1733
|
.sia-switch--segmented .sia-switch__thumb {
|
|
1585
1734
|
top: 2px;
|
|
@@ -1587,7 +1736,7 @@
|
|
|
1587
1736
|
width: calc(50% - 3px);
|
|
1588
1737
|
height: 30px;
|
|
1589
1738
|
background-color: var(--sia-color-primary);
|
|
1590
|
-
box-shadow: 0
|
|
1739
|
+
box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
|
|
1591
1740
|
}
|
|
1592
1741
|
.sia-switch-input:checked + .sia-switch--segmented .sia-switch__thumb {
|
|
1593
1742
|
left: calc(50% - 1px);
|
|
@@ -1634,7 +1783,7 @@
|
|
|
1634
1783
|
background: var(--sia-color-surface);
|
|
1635
1784
|
border: 1px solid var(--sia-color-border);
|
|
1636
1785
|
border-radius: 999px;
|
|
1637
|
-
box-shadow: 0
|
|
1786
|
+
box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
|
|
1638
1787
|
transition: border-color 160ms ease, box-shadow 160ms ease;
|
|
1639
1788
|
}
|
|
1640
1789
|
.sia-theme-switch:hover {
|
|
@@ -1651,7 +1800,7 @@
|
|
|
1651
1800
|
height: 30px;
|
|
1652
1801
|
background: var(--sia-color-primary);
|
|
1653
1802
|
border-radius: 999px;
|
|
1654
|
-
box-shadow: 0
|
|
1803
|
+
box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
|
|
1655
1804
|
transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
1656
1805
|
}
|
|
1657
1806
|
.sia-theme-switch--dark .sia-theme-switch__selection {
|
|
@@ -1824,16 +1973,16 @@
|
|
|
1824
1973
|
will-change: translate, transform;
|
|
1825
1974
|
}
|
|
1826
1975
|
.sia-drawer--right[data-push-depth]:not([data-push-depth="0"]) {
|
|
1827
|
-
box-shadow: -
|
|
1976
|
+
box-shadow: -6px 0 16px rgb(15 23 42 / 34%);
|
|
1828
1977
|
}
|
|
1829
1978
|
.sia-drawer--left[data-push-depth]:not([data-push-depth="0"]) {
|
|
1830
|
-
box-shadow:
|
|
1979
|
+
box-shadow: 6px 0 16px rgb(15 23 42 / 34%);
|
|
1831
1980
|
}
|
|
1832
1981
|
.sia-drawer--top[data-push-depth]:not([data-push-depth="0"]) {
|
|
1833
|
-
box-shadow: 0
|
|
1982
|
+
box-shadow: 0 6px 16px rgb(15 23 42 / 34%);
|
|
1834
1983
|
}
|
|
1835
1984
|
.sia-drawer--bottom[data-push-depth]:not([data-push-depth="0"]) {
|
|
1836
|
-
box-shadow: 0 -
|
|
1985
|
+
box-shadow: 0 -6px 16px rgb(15 23 42 / 34%);
|
|
1837
1986
|
}
|
|
1838
1987
|
.sia-drawer--left,
|
|
1839
1988
|
.sia-drawer--right {
|
|
@@ -2464,7 +2613,7 @@
|
|
|
2464
2613
|
}
|
|
2465
2614
|
.sia-tabs--pill .sia-tabs__tab[aria-selected=true] {
|
|
2466
2615
|
background: var(--sia-color-surface);
|
|
2467
|
-
box-shadow: 0 1px
|
|
2616
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
|
|
2468
2617
|
}
|
|
2469
2618
|
.sia-tabs--tech {
|
|
2470
2619
|
--sia-tabs-tech-accent: var(--sia-color-primary);
|
|
@@ -3073,11 +3222,39 @@
|
|
|
3073
3222
|
background: color-mix(in srgb, var(--sia-color-primary) 10%, transparent);
|
|
3074
3223
|
outline: none;
|
|
3075
3224
|
}
|
|
3076
|
-
.sia-table__cell--ellipsis .sia-table__cell-content {
|
|
3225
|
+
.sia-table__cell--ellipsis > .sia-table__cell-content {
|
|
3226
|
+
position: relative;
|
|
3227
|
+
display: block;
|
|
3228
|
+
min-width: 0;
|
|
3229
|
+
height: auto;
|
|
3230
|
+
background: inherit;
|
|
3077
3231
|
overflow: hidden;
|
|
3078
3232
|
text-overflow: ellipsis;
|
|
3079
3233
|
white-space: nowrap;
|
|
3080
3234
|
}
|
|
3235
|
+
.sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space {
|
|
3236
|
+
display: inline-flex;
|
|
3237
|
+
width: max-content;
|
|
3238
|
+
flex-wrap: nowrap !important;
|
|
3239
|
+
flex-direction: row;
|
|
3240
|
+
vertical-align: middle;
|
|
3241
|
+
}
|
|
3242
|
+
.sia-table__cell--ellipsis > .sia-table__cell-content > .sia-space > * {
|
|
3243
|
+
flex-shrink: 0;
|
|
3244
|
+
}
|
|
3245
|
+
.sia-table__cell--ellipsis > .sia-table__cell-content[data-content-overflow=true]::after {
|
|
3246
|
+
position: absolute;
|
|
3247
|
+
top: 0;
|
|
3248
|
+
right: 0;
|
|
3249
|
+
bottom: 0;
|
|
3250
|
+
display: grid;
|
|
3251
|
+
place-items: center end;
|
|
3252
|
+
width: 1.4em;
|
|
3253
|
+
content: "\2026";
|
|
3254
|
+
color: inherit;
|
|
3255
|
+
background: inherit;
|
|
3256
|
+
pointer-events: none;
|
|
3257
|
+
}
|
|
3081
3258
|
.sia-table__cell--auto-width .sia-table__cell-content {
|
|
3082
3259
|
white-space: nowrap;
|
|
3083
3260
|
}
|
|
@@ -3232,18 +3409,20 @@
|
|
|
3232
3409
|
background: rgb(64 64 64 / 82%);
|
|
3233
3410
|
}
|
|
3234
3411
|
.sia-table__scrollbar--horizontal .sia-table__scrollbar-thumb {
|
|
3235
|
-
|
|
3412
|
+
bottom: 0;
|
|
3236
3413
|
left: 0;
|
|
3237
3414
|
width: var(--sia-table-scrollbar-x-size, 0);
|
|
3238
|
-
height:
|
|
3415
|
+
height: var(--sia-scrollbar-size);
|
|
3239
3416
|
transform: translateX(var(--sia-table-scrollbar-x-position, 0));
|
|
3417
|
+
transition: background-color 120ms ease, height 150ms ease;
|
|
3240
3418
|
}
|
|
3241
3419
|
.sia-table__scrollbar--vertical .sia-table__scrollbar-thumb {
|
|
3242
3420
|
top: 0;
|
|
3243
|
-
|
|
3244
|
-
width:
|
|
3421
|
+
right: 0;
|
|
3422
|
+
width: var(--sia-scrollbar-size);
|
|
3245
3423
|
height: var(--sia-table-scrollbar-y-size, 0);
|
|
3246
3424
|
transform: translateY(var(--sia-table-scrollbar-y-position, 0));
|
|
3425
|
+
transition: background-color 120ms ease, width 150ms ease;
|
|
3247
3426
|
}
|
|
3248
3427
|
.sia-table__empty {
|
|
3249
3428
|
position: absolute;
|
|
@@ -3386,6 +3565,9 @@
|
|
|
3386
3565
|
cursor: ew-resize;
|
|
3387
3566
|
touch-action: none;
|
|
3388
3567
|
}
|
|
3568
|
+
.sia-table[data-overflow-y=true] .sia-table__header-cell[data-last-leaf-column=true] .sia-table__resize-handle {
|
|
3569
|
+
right: 10px;
|
|
3570
|
+
}
|
|
3389
3571
|
.sia-table__resize-handle::after {
|
|
3390
3572
|
position: absolute;
|
|
3391
3573
|
top: 18%;
|
|
@@ -4126,7 +4308,7 @@
|
|
|
4126
4308
|
.sia-window-frame {
|
|
4127
4309
|
--sia-window-titlebar-height: 42px;
|
|
4128
4310
|
--sia-window-control-width: 46px;
|
|
4129
|
-
--sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0
|
|
4311
|
+
--sia-window-titlebar-shadow: 0 1px 0 color-mix(in srgb, var(--sia-color-border) 68%, transparent), 0 1px 4px color-mix(in srgb, var(--sia-color-text) 14%, transparent);
|
|
4130
4312
|
box-sizing: border-box;
|
|
4131
4313
|
display: flex;
|
|
4132
4314
|
width: 100%;
|
|
@@ -4506,7 +4688,7 @@
|
|
|
4506
4688
|
background: var(--sia-color-surface);
|
|
4507
4689
|
border: 3px solid var(--sia-color-primary);
|
|
4508
4690
|
border-radius: 50%;
|
|
4509
|
-
box-shadow: 0 1px
|
|
4691
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 28%);
|
|
4510
4692
|
transition: box-shadow 140ms ease, transform 140ms ease;
|
|
4511
4693
|
}
|
|
4512
4694
|
.sia-slider__input::-webkit-slider-thumb:active {
|
|
@@ -4694,7 +4876,7 @@
|
|
|
4694
4876
|
background: var(--sia-color-surface);
|
|
4695
4877
|
border: 1px solid var(--sia-color-border);
|
|
4696
4878
|
border-radius: 10px;
|
|
4697
|
-
box-shadow:
|
|
4879
|
+
box-shadow: var(--sia-shadow-popup);
|
|
4698
4880
|
}
|
|
4699
4881
|
.sia-color-picker__mode-row {
|
|
4700
4882
|
display: flex;
|
|
@@ -4722,7 +4904,7 @@
|
|
|
4722
4904
|
.sia-color-picker__modes button.is-active {
|
|
4723
4905
|
color: var(--sia-color-text);
|
|
4724
4906
|
background: var(--sia-color-surface);
|
|
4725
|
-
box-shadow: 0 1px
|
|
4907
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
|
|
4726
4908
|
}
|
|
4727
4909
|
.sia-color-picker__none {
|
|
4728
4910
|
position: relative;
|
|
@@ -5118,7 +5300,7 @@
|
|
|
5118
5300
|
background: var(--sia-color-surface);
|
|
5119
5301
|
border: 1px solid var(--sia-color-border);
|
|
5120
5302
|
border-radius: 10px;
|
|
5121
|
-
box-shadow:
|
|
5303
|
+
box-shadow: var(--sia-shadow-popup);
|
|
5122
5304
|
}
|
|
5123
5305
|
.sia-time-panel .sia-date-panel__time {
|
|
5124
5306
|
grid-template-rows: 42px minmax(0, 1fr);
|
|
@@ -5679,6 +5861,10 @@
|
|
|
5679
5861
|
}
|
|
5680
5862
|
.sia-tree-select__tag {
|
|
5681
5863
|
flex: 0 0 auto;
|
|
5864
|
+
max-width: 112px;
|
|
5865
|
+
overflow: hidden;
|
|
5866
|
+
text-overflow: ellipsis;
|
|
5867
|
+
white-space: nowrap;
|
|
5682
5868
|
padding: 2px 6px;
|
|
5683
5869
|
background: var(--sia-color-control-hover);
|
|
5684
5870
|
border-radius: 4px;
|
|
@@ -5911,7 +6097,7 @@
|
|
|
5911
6097
|
color: #fff;
|
|
5912
6098
|
pointer-events: none;
|
|
5913
6099
|
border-radius: 7px;
|
|
5914
|
-
box-shadow: 0
|
|
6100
|
+
box-shadow: 0 2px 8px rgb(255 77 79 / 40%);
|
|
5915
6101
|
font-size: 12px;
|
|
5916
6102
|
line-height: 1.45;
|
|
5917
6103
|
}
|
|
@@ -6145,7 +6331,7 @@
|
|
|
6145
6331
|
border-radius: 2px 2px 0 0;
|
|
6146
6332
|
}
|
|
6147
6333
|
.sia-menu__popup {
|
|
6148
|
-
|
|
6334
|
+
width: max-content;
|
|
6149
6335
|
padding: 4px;
|
|
6150
6336
|
color: var(--sia-color-text);
|
|
6151
6337
|
background: var(--sia-color-surface);
|
|
@@ -6300,7 +6486,7 @@
|
|
|
6300
6486
|
pointer-events: none;
|
|
6301
6487
|
}
|
|
6302
6488
|
.sia-dropdown__popup {
|
|
6303
|
-
|
|
6489
|
+
width: max-content;
|
|
6304
6490
|
padding: 4px;
|
|
6305
6491
|
color: var(--sia-color-text);
|
|
6306
6492
|
background: var(--sia-color-surface);
|
|
@@ -6320,7 +6506,7 @@
|
|
|
6320
6506
|
animation: sia-dropdown-popup-out 150ms cubic-bezier(.4, 0, 1, 1) both;
|
|
6321
6507
|
}
|
|
6322
6508
|
.sia-dropdown__menu {
|
|
6323
|
-
min-width:
|
|
6509
|
+
min-width: 0;
|
|
6324
6510
|
padding: 0;
|
|
6325
6511
|
background: transparent;
|
|
6326
6512
|
border: 0;
|
|
@@ -6382,6 +6568,20 @@
|
|
|
6382
6568
|
min-width: 34px;
|
|
6383
6569
|
padding-inline: 8px;
|
|
6384
6570
|
}
|
|
6571
|
+
.sia-dropdown-button > .sia-button--link + .sia-dropdown::before {
|
|
6572
|
+
position: absolute;
|
|
6573
|
+
top: 50%;
|
|
6574
|
+
inset-inline-start: 0;
|
|
6575
|
+
width: 1px;
|
|
6576
|
+
height: 1em;
|
|
6577
|
+
content: "";
|
|
6578
|
+
background: rgb(217, 217, 217);
|
|
6579
|
+
transform: translateY(-50%);
|
|
6580
|
+
pointer-events: none;
|
|
6581
|
+
}
|
|
6582
|
+
.sia-dropdown-button > .sia-button--link + .sia-dropdown > .sia-button {
|
|
6583
|
+
margin-inline-start: 0;
|
|
6584
|
+
}
|
|
6385
6585
|
@keyframes sia-dropdown-popup-in {
|
|
6386
6586
|
from {
|
|
6387
6587
|
opacity: 0;
|
|
@@ -6621,7 +6821,7 @@ button.sia-pagination__total:disabled {
|
|
|
6621
6821
|
.sia-segmented button.is-selected {
|
|
6622
6822
|
color: var(--sia-color-text);
|
|
6623
6823
|
background: var(--sia-color-surface);
|
|
6624
|
-
box-shadow: 0 1px
|
|
6824
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
|
|
6625
6825
|
}
|
|
6626
6826
|
.sia-segmented--small button {
|
|
6627
6827
|
min-height: 24px;
|
|
@@ -7001,7 +7201,7 @@ button.sia-pagination__total:disabled {
|
|
|
7001
7201
|
padding: 5px 14px;
|
|
7002
7202
|
color: #fff;
|
|
7003
7203
|
background: var(--sia-color-primary);
|
|
7004
|
-
box-shadow: 0 2px
|
|
7204
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 24%);
|
|
7005
7205
|
}
|
|
7006
7206
|
.sia-ribbon--end {
|
|
7007
7207
|
right: -7px;
|
|
@@ -7444,7 +7644,7 @@ body > .sia-popup-portal[data-sia-popup-layer] {
|
|
|
7444
7644
|
--sia-floating-arrow-border: rgb(255 255 255 / 72%);
|
|
7445
7645
|
color: #181818;
|
|
7446
7646
|
border: 1px solid var(--sia-floating-arrow-border);
|
|
7447
|
-
box-shadow: 0
|
|
7647
|
+
box-shadow: 0 4px 12px rgb(0 0 0 / 60%), 0 0 0 1px rgb(0 0 0 / 12%);
|
|
7448
7648
|
}
|
|
7449
7649
|
.sia-floating__arrow {
|
|
7450
7650
|
position: absolute;
|
|
@@ -8424,7 +8624,7 @@ button.sia-treemap__tile:focus-visible,
|
|
|
8424
8624
|
background: var(--sia-color-bg, white);
|
|
8425
8625
|
border: 1px solid var(--sia-color-border, #ddd);
|
|
8426
8626
|
border-radius: 6px;
|
|
8427
|
-
box-shadow:
|
|
8627
|
+
box-shadow: var(--sia-shadow-popup);
|
|
8428
8628
|
}
|
|
8429
8629
|
.sia-selection-panel {
|
|
8430
8630
|
min-width: 0;
|
|
@@ -8737,7 +8937,7 @@ button.sia-treemap__tile:focus-visible,
|
|
|
8737
8937
|
cursor: pointer;
|
|
8738
8938
|
background: var(--sia-color-surface);
|
|
8739
8939
|
border: 1px solid color-mix(in srgb, var(--sia-color-border) 45%, transparent);
|
|
8740
|
-
box-shadow:
|
|
8940
|
+
box-shadow: var(--sia-shadow-popup);
|
|
8741
8941
|
transition:
|
|
8742
8942
|
background 160ms ease,
|
|
8743
8943
|
box-shadow 160ms ease,
|
package/dist/core.d.cts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i 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-
|
|
2
|
-
export { S as Select,
|
|
1
|
+
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i 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-CBtbeAms.cjs';
|
|
2
|
+
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-GiTHMScg.cjs';
|
|
3
3
|
import 'react';
|
|
4
|
+
import './shared-DAYZvZVu.cjs';
|
package/dist/core.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i 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-
|
|
2
|
-
export { S as Select,
|
|
1
|
+
export { e as Breadcrumb, f as BreadcrumbItem, g as BreadcrumbProps, h as Button, i 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-D8BSMfHD.js';
|
|
2
|
+
export { S as Select, c as SelectOption, d as SelectProps, e as SelectValue } from './Select-rtDktLYY.js';
|
|
3
3
|
import 'react';
|
|
4
|
+
import './shared-DAYZvZVu.js';
|
package/dist/core.js
CHANGED
|
@@ -10,21 +10,22 @@ import {
|
|
|
10
10
|
Typography,
|
|
11
11
|
Upload,
|
|
12
12
|
message
|
|
13
|
-
} from "./chunk-
|
|
14
|
-
import "./chunk-
|
|
13
|
+
} from "./chunk-S2JAJCLN.js";
|
|
14
|
+
import "./chunk-WHARTF2I.js";
|
|
15
15
|
import {
|
|
16
16
|
Input,
|
|
17
17
|
Segmented
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-IHTODT53.js";
|
|
19
19
|
import {
|
|
20
20
|
Button
|
|
21
21
|
} from "./chunk-MBS2HXLZ.js";
|
|
22
22
|
import {
|
|
23
23
|
Select
|
|
24
|
-
} from "./chunk-
|
|
24
|
+
} from "./chunk-R7BVDN3Q.js";
|
|
25
25
|
import {
|
|
26
26
|
Icon
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-EJ23MVR6.js";
|
|
28
|
+
import "./chunk-EJDPRAU2.js";
|
|
28
29
|
export {
|
|
29
30
|
Breadcrumb,
|
|
30
31
|
Button,
|