@pure-ds/core 0.6.4 → 0.6.6
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 +429 -144
- package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
- package/dist/types/public/assets/js/pds.d.ts +4 -3
- package/dist/types/public/assets/js/pds.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 +1 -1
- package/public/assets/js/pds-manager.js +53 -56
- package/src/js/pds-core/pds-generator.js +17 -20
|
@@ -3289,12 +3289,10 @@ dialog {
|
|
|
3289
3289
|
|
|
3290
3290
|
/* Smooth transitions */
|
|
3291
3291
|
opacity: 0;
|
|
3292
|
-
|
|
3292
|
+
transform: scale(0.95);
|
|
3293
3293
|
transition:
|
|
3294
|
-
opacity
|
|
3295
|
-
|
|
3296
|
-
overlay 0.2s ease allow-discrete,
|
|
3297
|
-
display 0.2s ease allow-discrete;
|
|
3294
|
+
opacity var(--transition-normal) ease,
|
|
3295
|
+
transform var(--transition-normal) ease;
|
|
3298
3296
|
|
|
3299
3297
|
|
|
3300
3298
|
}
|
|
@@ -3302,14 +3300,18 @@ dialog {
|
|
|
3302
3300
|
/* Open state */
|
|
3303
3301
|
dialog[open] {
|
|
3304
3302
|
opacity: 1;
|
|
3305
|
-
|
|
3303
|
+
transform: scale(1);
|
|
3304
|
+
animation: pds-dialog-enter var(--transition-normal) ease;
|
|
3306
3305
|
}
|
|
3307
3306
|
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
dialog[open] {
|
|
3307
|
+
@keyframes pds-dialog-enter {
|
|
3308
|
+
from {
|
|
3311
3309
|
opacity: 0;
|
|
3312
|
-
|
|
3310
|
+
transform: scale(0.95);
|
|
3311
|
+
}
|
|
3312
|
+
to {
|
|
3313
|
+
opacity: 1;
|
|
3314
|
+
transform: scale(1);
|
|
3313
3315
|
}
|
|
3314
3316
|
}
|
|
3315
3317
|
|
|
@@ -3318,20 +3320,17 @@ dialog::backdrop {
|
|
|
3318
3320
|
background: var(--backdrop-bg);
|
|
3319
3321
|
backdrop-filter: var(--backdrop-filter);
|
|
3320
3322
|
opacity: 0;
|
|
3321
|
-
transition:
|
|
3322
|
-
opacity 0.2s ease,
|
|
3323
|
-
overlay 0.2s ease allow-discrete,
|
|
3324
|
-
display 0.2s ease allow-discrete;
|
|
3323
|
+
transition: opacity var(--transition-normal) ease;
|
|
3325
3324
|
}
|
|
3326
3325
|
|
|
3327
3326
|
dialog[open]::backdrop {
|
|
3328
3327
|
opacity: var(--backdrop-opacity, 1);
|
|
3328
|
+
animation: pds-dialog-backdrop-enter var(--transition-normal) ease;
|
|
3329
3329
|
}
|
|
3330
3330
|
|
|
3331
|
-
@
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
}
|
|
3331
|
+
@keyframes pds-dialog-backdrop-enter {
|
|
3332
|
+
from { opacity: 0; }
|
|
3333
|
+
to { opacity: var(--backdrop-opacity, 1); }
|
|
3335
3334
|
}
|
|
3336
3335
|
|
|
3337
3336
|
/* Dialog - constrain max height to 90vh, support custom maxHeight via CSS variable */
|
|
@@ -3440,8 +3439,6 @@ dialog.dialog-full { max-width: calc(100vw - var(--spacing-8)); max-height: calc
|
|
|
3440
3439
|
max-height: 100vh;
|
|
3441
3440
|
--dialog-max-height: 100vh; /* Override custom maxHeight on mobile */
|
|
3442
3441
|
border-radius: 0;
|
|
3443
|
-
top: 50%;
|
|
3444
|
-
transform: translateY(-50%);
|
|
3445
3442
|
margin: 0;
|
|
3446
3443
|
}
|
|
3447
3444
|
dialog header, dialog form > header, dialog article, dialog form > article, dialog footer, dialog form > footer { padding: var(--spacing-4); }
|