@pure-ds/core 0.6.7 → 0.6.8
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/types/public/assets/js/pds-manager.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds.d.ts +4 -4
- package/dist/types/src/js/common/ask.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-enhancers.d.ts.map +1 -1
- package/dist/types/src/js/pds-core/pds-generator.d.ts.map +1 -1
- package/package.json +1 -1
- package/public/assets/js/app.js +13 -13
- package/public/assets/js/pds-manager.js +85 -44
- package/public/assets/js/pds.js +13 -13
- package/src/js/pds-core/pds-enhancers.js +44 -25
- package/src/js/pds-core/pds-generator.js +46 -5
|
@@ -3317,6 +3317,22 @@ dialog[open] {
|
|
|
3317
3317
|
}
|
|
3318
3318
|
}
|
|
3319
3319
|
|
|
3320
|
+
/* Safari fallback: disable scale animation to avoid dialog clipping bugs */
|
|
3321
|
+
dialog.dialog-no-scale-animation {
|
|
3322
|
+
transform: translate(-50%, -50%);
|
|
3323
|
+
transition: opacity var(--transition-normal) ease;
|
|
3324
|
+
}
|
|
3325
|
+
|
|
3326
|
+
dialog.dialog-no-scale-animation[open] {
|
|
3327
|
+
transform: translate(-50%, -50%);
|
|
3328
|
+
animation: pds-dialog-fade-enter var(--transition-normal) ease;
|
|
3329
|
+
}
|
|
3330
|
+
|
|
3331
|
+
@keyframes pds-dialog-fade-enter {
|
|
3332
|
+
from { opacity: 0; }
|
|
3333
|
+
to { opacity: 1; }
|
|
3334
|
+
}
|
|
3335
|
+
|
|
3320
3336
|
/* Backdrop styling */
|
|
3321
3337
|
dialog::backdrop {
|
|
3322
3338
|
background: var(--backdrop-bg);
|
|
@@ -3436,9 +3452,24 @@ dialog.dialog-full { width: calc(100vw - var(--spacing-8)); max-width: calc(100v
|
|
|
3436
3452
|
|
|
3437
3453
|
/* Mobile responsiveness - maximize on mobile */
|
|
3438
3454
|
@media (max-width: ${breakpoints.sm - 1}px) {
|
|
3455
|
+
dialog,
|
|
3456
|
+
dialog.dialog-no-scale-animation,
|
|
3457
|
+
dialog.dialog-no-scale-animation[open] {
|
|
3458
|
+
left: 0 !important;
|
|
3459
|
+
top: 0 !important;
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
dialog.dialog-no-scale-animation,
|
|
3463
|
+
dialog.dialog-no-scale-animation[open] {
|
|
3464
|
+
transform: none !important;
|
|
3465
|
+
}
|
|
3466
|
+
|
|
3467
|
+
dialog[open] {
|
|
3468
|
+
left: 0 !important;
|
|
3469
|
+
top: 0 !important;
|
|
3470
|
+
}
|
|
3471
|
+
|
|
3439
3472
|
dialog {
|
|
3440
|
-
left: 0;
|
|
3441
|
-
top: 0;
|
|
3442
3473
|
max-width: 100vw;
|
|
3443
3474
|
width: 100vw;
|
|
3444
3475
|
height: 100dvh;
|
|
@@ -3446,16 +3477,23 @@ dialog.dialog-full { width: calc(100vw - var(--spacing-8)); max-width: calc(100v
|
|
|
3446
3477
|
--dialog-max-height: 100dvh; /* Override custom maxHeight on mobile */
|
|
3447
3478
|
border-radius: 0;
|
|
3448
3479
|
margin: 0;
|
|
3449
|
-
transform: scale(0.
|
|
3480
|
+
transform: scale(0.98);
|
|
3450
3481
|
}
|
|
3451
3482
|
dialog[open] {
|
|
3452
3483
|
transform: scale(1);
|
|
3453
3484
|
animation: pds-dialog-enter-mobile var(--transition-normal) ease;
|
|
3454
3485
|
}
|
|
3486
|
+
|
|
3487
|
+
dialog.dialog-no-scale-animation {
|
|
3488
|
+
transition: opacity var(--transition-normal) ease;
|
|
3489
|
+
}
|
|
3490
|
+
dialog.dialog-no-scale-animation[open] {
|
|
3491
|
+
animation: pds-dialog-fade-enter var(--transition-normal) ease;
|
|
3492
|
+
}
|
|
3455
3493
|
@keyframes pds-dialog-enter-mobile {
|
|
3456
3494
|
from {
|
|
3457
3495
|
opacity: 0;
|
|
3458
|
-
transform: scale(0.
|
|
3496
|
+
transform: scale(0.98);
|
|
3459
3497
|
}
|
|
3460
3498
|
to {
|
|
3461
3499
|
opacity: 1;
|
|
@@ -3823,9 +3861,12 @@ nav[data-dropdown] {
|
|
|
3823
3861
|
}
|
|
3824
3862
|
}
|
|
3825
3863
|
|
|
3826
|
-
&[data-mode="auto"] > :last-child {
|
|
3864
|
+
&[data-mode="auto"]:not([data-dropdown-direction]) > :last-child {
|
|
3827
3865
|
top: 100%;
|
|
3828
3866
|
bottom: auto;
|
|
3867
|
+
margin-top: var(--spacing-2);
|
|
3868
|
+
margin-bottom: 0;
|
|
3869
|
+
transform-origin: top center;
|
|
3829
3870
|
}
|
|
3830
3871
|
|
|
3831
3872
|
@media (prefers-reduced-motion: reduce) {
|