@sia.soul/sia-react-ui 0.1.52 → 0.1.53
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/core.css +22 -4
- package/dist/index.cjs +512 -432
- package/dist/index.css +22 -4
- package/dist/index.d.cts +13 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +120 -40
- package/package.json +1 -1
package/dist/core.css
CHANGED
|
@@ -2190,14 +2190,24 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
2190
2190
|
overflow: var(--sia-scroll-overflow, auto);
|
|
2191
2191
|
padding: 10vh 16px 32px;
|
|
2192
2192
|
color: var(--sia-color-text);
|
|
2193
|
+
isolation: isolate;
|
|
2194
|
+
}
|
|
2195
|
+
.sia-modal-root::before {
|
|
2196
|
+
content: "";
|
|
2197
|
+
position: fixed;
|
|
2198
|
+
inset: 0;
|
|
2199
|
+
z-index: 0;
|
|
2193
2200
|
background: rgb(0 0 0 / 45%);
|
|
2194
|
-
animation: sia-modal-mask-in
|
|
2201
|
+
animation: sia-modal-mask-in 220ms ease both;
|
|
2202
|
+
will-change: opacity;
|
|
2195
2203
|
}
|
|
2196
2204
|
.sia-modal-root--centered {
|
|
2197
2205
|
align-items: center;
|
|
2198
2206
|
padding-block: 24px;
|
|
2199
2207
|
}
|
|
2200
2208
|
.sia-modal {
|
|
2209
|
+
position: relative;
|
|
2210
|
+
z-index: 1;
|
|
2201
2211
|
width: min(var(--sia-modal-width), calc(100vw - 32px));
|
|
2202
2212
|
overflow: hidden;
|
|
2203
2213
|
background: var(--sia-color-surface);
|
|
@@ -2210,6 +2220,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
2210
2220
|
}
|
|
2211
2221
|
.sia-modal-root[data-state=closing] {
|
|
2212
2222
|
pointer-events: none;
|
|
2223
|
+
}
|
|
2224
|
+
.sia-modal-root[data-state=closing]::before {
|
|
2213
2225
|
animation: sia-modal-mask-out 220ms ease both;
|
|
2214
2226
|
}
|
|
2215
2227
|
.sia-modal-root[data-state=closing] .sia-modal {
|
|
@@ -4401,12 +4413,18 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4401
4413
|
}
|
|
4402
4414
|
@keyframes sia-modal-mask-in {
|
|
4403
4415
|
from {
|
|
4404
|
-
|
|
4416
|
+
opacity: 0;
|
|
4417
|
+
}
|
|
4418
|
+
to {
|
|
4419
|
+
opacity: 1;
|
|
4405
4420
|
}
|
|
4406
4421
|
}
|
|
4407
4422
|
@keyframes sia-modal-mask-out {
|
|
4423
|
+
from {
|
|
4424
|
+
opacity: 1;
|
|
4425
|
+
}
|
|
4408
4426
|
to {
|
|
4409
|
-
|
|
4427
|
+
opacity: 0;
|
|
4410
4428
|
}
|
|
4411
4429
|
}
|
|
4412
4430
|
@keyframes sia-modal-slide-in {
|
|
@@ -4554,7 +4572,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
|
|
|
4554
4572
|
.sia-button::after,
|
|
4555
4573
|
.sia-icon--spin,
|
|
4556
4574
|
.sia-icon--pulse,
|
|
4557
|
-
.sia-modal-root,
|
|
4575
|
+
.sia-modal-root::before,
|
|
4558
4576
|
.sia-modal,
|
|
4559
4577
|
.sia-drawer,
|
|
4560
4578
|
.sia-drawer__mask,
|