@sia.soul/sia-react-ui 0.1.3 → 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-2RRTDU3N.js → chunk-EJ23MVR6.js} +3 -18
- package/dist/chunk-EJDPRAU2.js +36 -0
- package/dist/{chunk-IMZT6VCU.js → chunk-IHTODT53.js} +8 -5
- package/dist/{chunk-R4OWKIXJ.js → chunk-MJUTLEEE.js} +20 -8
- package/dist/{chunk-OQLDEVCF.js → chunk-PX6BOFTW.js} +10 -3
- package/dist/{chunk-OAC7BSUR.js → chunk-R7BVDN3Q.js} +91 -43
- package/dist/{chunk-Q4XNFMUH.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 +275 -210
- package/dist/core.css +211 -27
- package/dist/core.d.cts +3 -2
- package/dist/core.d.ts +3 -2
- package/dist/core.js +6 -5
- package/dist/index.cjs +2531 -2412
- package/dist/index.css +212 -28
- package/dist/index.d.cts +17 -9
- package/dist/index.d.ts +17 -9
- package/dist/index.js +224 -190
- 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 +1 -1
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
|
}
|
|
@@ -104,7 +212,7 @@
|
|
|
104
212
|
background: var(--sia-scrollbar-thumb);
|
|
105
213
|
border: 1px solid rgb(255 255 255 / 24%);
|
|
106
214
|
border-radius: 999px;
|
|
107
|
-
box-shadow: 0 1px
|
|
215
|
+
box-shadow: 0 1px 1px rgb(0 0 0 / 24%);
|
|
108
216
|
touch-action: none;
|
|
109
217
|
transition: background-color 120ms ease;
|
|
110
218
|
}
|
|
@@ -479,7 +587,7 @@
|
|
|
479
587
|
.sia-input-control__floating-placeholder,
|
|
480
588
|
.sia-input-number__floating-placeholder {
|
|
481
589
|
position: absolute;
|
|
482
|
-
z-index:
|
|
590
|
+
z-index: 20;
|
|
483
591
|
top: 50%;
|
|
484
592
|
left: -4px;
|
|
485
593
|
box-sizing: border-box;
|
|
@@ -522,6 +630,7 @@
|
|
|
522
630
|
left: 7px;
|
|
523
631
|
max-width: calc(100% - 7px);
|
|
524
632
|
}
|
|
633
|
+
.sia-input-select.is-open .sia-input-control--floating .sia-input-control__floating-placeholder,
|
|
525
634
|
.sia-input-control--floating:focus-within .sia-input-control__floating-placeholder,
|
|
526
635
|
.sia-input-control--floating.is-filled .sia-input-control__floating-placeholder,
|
|
527
636
|
.sia-input-number--floating:focus-within .sia-input-number__floating-placeholder,
|
|
@@ -1301,11 +1410,37 @@
|
|
|
1301
1410
|
color: var(--sia-color-text-secondary);
|
|
1302
1411
|
opacity: 0.7;
|
|
1303
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
|
+
}
|
|
1304
1439
|
.sia-select__tags {
|
|
1305
1440
|
display: flex;
|
|
1306
1441
|
align-items: center;
|
|
1307
1442
|
flex: 1;
|
|
1308
|
-
flex-wrap:
|
|
1443
|
+
flex-wrap: nowrap;
|
|
1309
1444
|
gap: 3px;
|
|
1310
1445
|
min-width: 0;
|
|
1311
1446
|
}
|
|
@@ -1543,7 +1678,7 @@
|
|
|
1543
1678
|
height: 20px;
|
|
1544
1679
|
background-color: #fff;
|
|
1545
1680
|
border-radius: 999px;
|
|
1546
|
-
box-shadow: 0 1px
|
|
1681
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
|
|
1547
1682
|
transition: left 160ms ease, width 160ms ease;
|
|
1548
1683
|
}
|
|
1549
1684
|
.sia-switch-input:checked + .sia-switch--standard {
|
|
@@ -1593,7 +1728,7 @@
|
|
|
1593
1728
|
color: var(--sia-color-text-secondary);
|
|
1594
1729
|
background-color: var(--sia-color-surface);
|
|
1595
1730
|
border: 1px solid var(--sia-color-border);
|
|
1596
|
-
box-shadow: 0
|
|
1731
|
+
box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
|
|
1597
1732
|
}
|
|
1598
1733
|
.sia-switch--segmented .sia-switch__thumb {
|
|
1599
1734
|
top: 2px;
|
|
@@ -1601,7 +1736,7 @@
|
|
|
1601
1736
|
width: calc(50% - 3px);
|
|
1602
1737
|
height: 30px;
|
|
1603
1738
|
background-color: var(--sia-color-primary);
|
|
1604
|
-
box-shadow: 0
|
|
1739
|
+
box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
|
|
1605
1740
|
}
|
|
1606
1741
|
.sia-switch-input:checked + .sia-switch--segmented .sia-switch__thumb {
|
|
1607
1742
|
left: calc(50% - 1px);
|
|
@@ -1648,7 +1783,7 @@
|
|
|
1648
1783
|
background: var(--sia-color-surface);
|
|
1649
1784
|
border: 1px solid var(--sia-color-border);
|
|
1650
1785
|
border-radius: 999px;
|
|
1651
|
-
box-shadow: 0
|
|
1786
|
+
box-shadow: 0 1px 4px rgb(0 0 0 / 18%);
|
|
1652
1787
|
transition: border-color 160ms ease, box-shadow 160ms ease;
|
|
1653
1788
|
}
|
|
1654
1789
|
.sia-theme-switch:hover {
|
|
@@ -1665,7 +1800,7 @@
|
|
|
1665
1800
|
height: 30px;
|
|
1666
1801
|
background: var(--sia-color-primary);
|
|
1667
1802
|
border-radius: 999px;
|
|
1668
|
-
box-shadow: 0
|
|
1803
|
+
box-shadow: 0 1px 3px rgb(22 119 255 / 40%);
|
|
1669
1804
|
transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
1670
1805
|
}
|
|
1671
1806
|
.sia-theme-switch--dark .sia-theme-switch__selection {
|
|
@@ -1838,16 +1973,16 @@
|
|
|
1838
1973
|
will-change: translate, transform;
|
|
1839
1974
|
}
|
|
1840
1975
|
.sia-drawer--right[data-push-depth]:not([data-push-depth="0"]) {
|
|
1841
|
-
box-shadow: -
|
|
1976
|
+
box-shadow: -6px 0 16px rgb(15 23 42 / 34%);
|
|
1842
1977
|
}
|
|
1843
1978
|
.sia-drawer--left[data-push-depth]:not([data-push-depth="0"]) {
|
|
1844
|
-
box-shadow:
|
|
1979
|
+
box-shadow: 6px 0 16px rgb(15 23 42 / 34%);
|
|
1845
1980
|
}
|
|
1846
1981
|
.sia-drawer--top[data-push-depth]:not([data-push-depth="0"]) {
|
|
1847
|
-
box-shadow: 0
|
|
1982
|
+
box-shadow: 0 6px 16px rgb(15 23 42 / 34%);
|
|
1848
1983
|
}
|
|
1849
1984
|
.sia-drawer--bottom[data-push-depth]:not([data-push-depth="0"]) {
|
|
1850
|
-
box-shadow: 0 -
|
|
1985
|
+
box-shadow: 0 -6px 16px rgb(15 23 42 / 34%);
|
|
1851
1986
|
}
|
|
1852
1987
|
.sia-drawer--left,
|
|
1853
1988
|
.sia-drawer--right {
|
|
@@ -2478,7 +2613,7 @@
|
|
|
2478
2613
|
}
|
|
2479
2614
|
.sia-tabs--pill .sia-tabs__tab[aria-selected=true] {
|
|
2480
2615
|
background: var(--sia-color-surface);
|
|
2481
|
-
box-shadow: 0 1px
|
|
2616
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
|
|
2482
2617
|
}
|
|
2483
2618
|
.sia-tabs--tech {
|
|
2484
2619
|
--sia-tabs-tech-accent: var(--sia-color-primary);
|
|
@@ -3087,11 +3222,39 @@
|
|
|
3087
3222
|
background: color-mix(in srgb, var(--sia-color-primary) 10%, transparent);
|
|
3088
3223
|
outline: none;
|
|
3089
3224
|
}
|
|
3090
|
-
.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;
|
|
3091
3231
|
overflow: hidden;
|
|
3092
3232
|
text-overflow: ellipsis;
|
|
3093
3233
|
white-space: nowrap;
|
|
3094
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
|
+
}
|
|
3095
3258
|
.sia-table__cell--auto-width .sia-table__cell-content {
|
|
3096
3259
|
white-space: nowrap;
|
|
3097
3260
|
}
|
|
@@ -3402,6 +3565,9 @@
|
|
|
3402
3565
|
cursor: ew-resize;
|
|
3403
3566
|
touch-action: none;
|
|
3404
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
|
+
}
|
|
3405
3571
|
.sia-table__resize-handle::after {
|
|
3406
3572
|
position: absolute;
|
|
3407
3573
|
top: 18%;
|
|
@@ -4142,7 +4308,7 @@
|
|
|
4142
4308
|
.sia-window-frame {
|
|
4143
4309
|
--sia-window-titlebar-height: 42px;
|
|
4144
4310
|
--sia-window-control-width: 46px;
|
|
4145
|
-
--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);
|
|
4146
4312
|
box-sizing: border-box;
|
|
4147
4313
|
display: flex;
|
|
4148
4314
|
width: 100%;
|
|
@@ -4522,7 +4688,7 @@
|
|
|
4522
4688
|
background: var(--sia-color-surface);
|
|
4523
4689
|
border: 3px solid var(--sia-color-primary);
|
|
4524
4690
|
border-radius: 50%;
|
|
4525
|
-
box-shadow: 0 1px
|
|
4691
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 28%);
|
|
4526
4692
|
transition: box-shadow 140ms ease, transform 140ms ease;
|
|
4527
4693
|
}
|
|
4528
4694
|
.sia-slider__input::-webkit-slider-thumb:active {
|
|
@@ -4710,7 +4876,7 @@
|
|
|
4710
4876
|
background: var(--sia-color-surface);
|
|
4711
4877
|
border: 1px solid var(--sia-color-border);
|
|
4712
4878
|
border-radius: 10px;
|
|
4713
|
-
box-shadow:
|
|
4879
|
+
box-shadow: var(--sia-shadow-popup);
|
|
4714
4880
|
}
|
|
4715
4881
|
.sia-color-picker__mode-row {
|
|
4716
4882
|
display: flex;
|
|
@@ -4738,7 +4904,7 @@
|
|
|
4738
4904
|
.sia-color-picker__modes button.is-active {
|
|
4739
4905
|
color: var(--sia-color-text);
|
|
4740
4906
|
background: var(--sia-color-surface);
|
|
4741
|
-
box-shadow: 0 1px
|
|
4907
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
|
|
4742
4908
|
}
|
|
4743
4909
|
.sia-color-picker__none {
|
|
4744
4910
|
position: relative;
|
|
@@ -5134,7 +5300,7 @@
|
|
|
5134
5300
|
background: var(--sia-color-surface);
|
|
5135
5301
|
border: 1px solid var(--sia-color-border);
|
|
5136
5302
|
border-radius: 10px;
|
|
5137
|
-
box-shadow:
|
|
5303
|
+
box-shadow: var(--sia-shadow-popup);
|
|
5138
5304
|
}
|
|
5139
5305
|
.sia-time-panel .sia-date-panel__time {
|
|
5140
5306
|
grid-template-rows: 42px minmax(0, 1fr);
|
|
@@ -5695,6 +5861,10 @@
|
|
|
5695
5861
|
}
|
|
5696
5862
|
.sia-tree-select__tag {
|
|
5697
5863
|
flex: 0 0 auto;
|
|
5864
|
+
max-width: 112px;
|
|
5865
|
+
overflow: hidden;
|
|
5866
|
+
text-overflow: ellipsis;
|
|
5867
|
+
white-space: nowrap;
|
|
5698
5868
|
padding: 2px 6px;
|
|
5699
5869
|
background: var(--sia-color-control-hover);
|
|
5700
5870
|
border-radius: 4px;
|
|
@@ -5927,7 +6097,7 @@
|
|
|
5927
6097
|
color: #fff;
|
|
5928
6098
|
pointer-events: none;
|
|
5929
6099
|
border-radius: 7px;
|
|
5930
|
-
box-shadow: 0
|
|
6100
|
+
box-shadow: 0 2px 8px rgb(255 77 79 / 40%);
|
|
5931
6101
|
font-size: 12px;
|
|
5932
6102
|
line-height: 1.45;
|
|
5933
6103
|
}
|
|
@@ -6398,6 +6568,20 @@
|
|
|
6398
6568
|
min-width: 34px;
|
|
6399
6569
|
padding-inline: 8px;
|
|
6400
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
|
+
}
|
|
6401
6585
|
@keyframes sia-dropdown-popup-in {
|
|
6402
6586
|
from {
|
|
6403
6587
|
opacity: 0;
|
|
@@ -6637,7 +6821,7 @@ button.sia-pagination__total:disabled {
|
|
|
6637
6821
|
.sia-segmented button.is-selected {
|
|
6638
6822
|
color: var(--sia-color-text);
|
|
6639
6823
|
background: var(--sia-color-surface);
|
|
6640
|
-
box-shadow: 0 1px
|
|
6824
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
|
|
6641
6825
|
}
|
|
6642
6826
|
.sia-segmented--small button {
|
|
6643
6827
|
min-height: 24px;
|
|
@@ -7017,7 +7201,7 @@ button.sia-pagination__total:disabled {
|
|
|
7017
7201
|
padding: 5px 14px;
|
|
7018
7202
|
color: #fff;
|
|
7019
7203
|
background: var(--sia-color-primary);
|
|
7020
|
-
box-shadow: 0 2px
|
|
7204
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 24%);
|
|
7021
7205
|
}
|
|
7022
7206
|
.sia-ribbon--end {
|
|
7023
7207
|
right: -7px;
|
|
@@ -7460,7 +7644,7 @@ body > .sia-popup-portal[data-sia-popup-layer] {
|
|
|
7460
7644
|
--sia-floating-arrow-border: rgb(255 255 255 / 72%);
|
|
7461
7645
|
color: #181818;
|
|
7462
7646
|
border: 1px solid var(--sia-floating-arrow-border);
|
|
7463
|
-
box-shadow: 0
|
|
7647
|
+
box-shadow: 0 4px 12px rgb(0 0 0 / 60%), 0 0 0 1px rgb(0 0 0 / 12%);
|
|
7464
7648
|
}
|
|
7465
7649
|
.sia-floating__arrow {
|
|
7466
7650
|
position: absolute;
|
|
@@ -8440,7 +8624,7 @@ button.sia-treemap__tile:focus-visible,
|
|
|
8440
8624
|
background: var(--sia-color-bg, white);
|
|
8441
8625
|
border: 1px solid var(--sia-color-border, #ddd);
|
|
8442
8626
|
border-radius: 6px;
|
|
8443
|
-
box-shadow:
|
|
8627
|
+
box-shadow: var(--sia-shadow-popup);
|
|
8444
8628
|
}
|
|
8445
8629
|
.sia-selection-panel {
|
|
8446
8630
|
min-width: 0;
|
|
@@ -8753,7 +8937,7 @@ button.sia-treemap__tile:focus-visible,
|
|
|
8753
8937
|
cursor: pointer;
|
|
8754
8938
|
background: var(--sia-color-surface);
|
|
8755
8939
|
border: 1px solid color-mix(in srgb, var(--sia-color-border) 45%, transparent);
|
|
8756
|
-
box-shadow:
|
|
8940
|
+
box-shadow: var(--sia-shadow-popup);
|
|
8757
8941
|
transition:
|
|
8758
8942
|
background 160ms ease,
|
|
8759
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,
|