@work-rjkashyap/unified-ui 0.2.1 → 0.2.3
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/CHANGELOG.md +240 -287
- package/dist/{chunk-B3CW2WZS.cjs → chunk-3K2CXZ6H.cjs} +472 -272
- package/dist/{chunk-TESKVASH.cjs → chunk-5TP7J7T4.cjs} +57 -57
- package/dist/{chunk-CTWNFFLB.mjs → chunk-BB5WRUPU.mjs} +394 -194
- package/dist/{chunk-YFH5JPAA.mjs → chunk-EQWESXRH.mjs} +1 -1
- package/dist/{chunk-HITTFB2U.cjs → chunk-F4JJFWWU.cjs} +20 -20
- package/dist/{chunk-TVCJRD3S.mjs → chunk-IVZAB7BV.mjs} +9 -9
- package/dist/{chunk-3OZJ4JLW.mjs → chunk-PLRSH37T.mjs} +20 -20
- package/dist/{chunk-QEFOXYBO.cjs → chunk-ZBGR7MUW.cjs} +9 -9
- package/dist/components.cjs +290 -290
- package/dist/components.d.cts +9 -3
- package/dist/components.d.ts +9 -3
- package/dist/components.mjs +2 -2
- package/dist/index.cjs +397 -397
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +4 -4
- package/dist/motion.cjs +58 -58
- package/dist/motion.mjs +1 -1
- package/dist/theme.cjs +32 -32
- package/dist/theme.d.cts +1 -1
- package/dist/theme.d.ts +1 -1
- package/dist/theme.mjs +2 -2
- package/dist/tokens.cjs +19 -19
- package/dist/tokens.d.cts +1 -1
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.mjs +1 -1
- package/dist/{z-index-G0PBTHL2.d.ts → z-index-Dd8IllRx.d.cts} +9 -9
- package/dist/{z-index-G0PBTHL2.d.cts → z-index-Dd8IllRx.d.ts} +9 -9
- package/package.json +190 -190
- package/styles.css +51 -14
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-
|
|
1
|
+
import { blue, red, amber, green, zinc, slate, gray, teal, brand, zIndex, shadow, radius, semanticLight, shadowDark, semanticDark } from './chunk-IVZAB7BV.mjs';
|
|
2
2
|
import { fontFamily } from './chunk-ITBG42M5.mjs';
|
|
3
3
|
import { easingCSS, durationCSS } from './chunk-EZ2L3XPS.mjs';
|
|
4
4
|
import { cn } from './chunk-ZT3PCXDF.mjs';
|
|
@@ -266,17 +266,17 @@ var overlayBackdrop = {
|
|
|
266
266
|
};
|
|
267
267
|
var modalContent = {
|
|
268
268
|
variants: {
|
|
269
|
-
initial: { opacity: 0, scale: 0.
|
|
269
|
+
initial: { opacity: 0, scale: 0.95, y: 10 },
|
|
270
270
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
271
|
-
exit: { opacity: 0, scale: 0.
|
|
271
|
+
exit: { opacity: 0, scale: 0.97, y: 4 }
|
|
272
272
|
},
|
|
273
|
-
transition:
|
|
273
|
+
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
274
274
|
};
|
|
275
275
|
var modalContentSpring = {
|
|
276
276
|
variants: {
|
|
277
277
|
initial: { opacity: 0, scale: 0.95, y: 10 },
|
|
278
278
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
279
|
-
exit: { opacity: 0, scale: 0.
|
|
279
|
+
exit: { opacity: 0, scale: 0.97, y: 4 }
|
|
280
280
|
},
|
|
281
281
|
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
282
282
|
};
|
|
@@ -404,35 +404,35 @@ var crossfade = {
|
|
|
404
404
|
};
|
|
405
405
|
var slidePanelRight = {
|
|
406
406
|
variants: {
|
|
407
|
-
initial: { x: "100%"
|
|
408
|
-
animate: { x: 0
|
|
409
|
-
exit: { x: "100%"
|
|
407
|
+
initial: { x: "100%" },
|
|
408
|
+
animate: { x: 0 },
|
|
409
|
+
exit: { x: "100%" }
|
|
410
410
|
},
|
|
411
|
-
transition: chunkXCKK6P46_cjs.spring.
|
|
411
|
+
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
412
412
|
};
|
|
413
413
|
var slidePanelLeft = {
|
|
414
414
|
variants: {
|
|
415
|
-
initial: { x: "-100%"
|
|
416
|
-
animate: { x: 0
|
|
417
|
-
exit: { x: "-100%"
|
|
415
|
+
initial: { x: "-100%" },
|
|
416
|
+
animate: { x: 0 },
|
|
417
|
+
exit: { x: "-100%" }
|
|
418
418
|
},
|
|
419
|
-
transition: chunkXCKK6P46_cjs.spring.
|
|
419
|
+
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
420
420
|
};
|
|
421
421
|
var slidePanelBottom = {
|
|
422
422
|
variants: {
|
|
423
|
-
initial: { y: "100%"
|
|
424
|
-
animate: { y: 0
|
|
425
|
-
exit: { y: "100%"
|
|
423
|
+
initial: { y: "100%" },
|
|
424
|
+
animate: { y: 0 },
|
|
425
|
+
exit: { y: "100%" }
|
|
426
426
|
},
|
|
427
|
-
transition: chunkXCKK6P46_cjs.spring.
|
|
427
|
+
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
428
428
|
};
|
|
429
429
|
var slidePanelTop = {
|
|
430
430
|
variants: {
|
|
431
|
-
initial: { y: "-100%"
|
|
432
|
-
animate: { y: 0
|
|
433
|
-
exit: { y: "-100%"
|
|
431
|
+
initial: { y: "-100%" },
|
|
432
|
+
animate: { y: 0 },
|
|
433
|
+
exit: { y: "-100%" }
|
|
434
434
|
},
|
|
435
|
-
transition: chunkXCKK6P46_cjs.spring.
|
|
435
|
+
transition: chunkXCKK6P46_cjs.spring.stiff
|
|
436
436
|
};
|
|
437
437
|
var dragDismiss = {
|
|
438
438
|
variants: {
|
|
@@ -358,20 +358,20 @@ var shadowDark = {
|
|
|
358
358
|
var zIndex = {
|
|
359
359
|
/** Default document flow — no explicit stacking */
|
|
360
360
|
base: "0",
|
|
361
|
-
/** Dropdowns, select menus, autocomplete lists */
|
|
362
|
-
dropdown: "10",
|
|
363
361
|
/** Sticky headers, floating action bars, pinned columns */
|
|
364
|
-
sticky: "
|
|
362
|
+
sticky: "10",
|
|
365
363
|
/** Backdrop overlays behind modals and drawers */
|
|
366
|
-
overlay: "
|
|
364
|
+
overlay: "40",
|
|
367
365
|
/** Modals, dialogs, sheets, drawers */
|
|
368
|
-
modal: "
|
|
369
|
-
/**
|
|
370
|
-
|
|
366
|
+
modal: "50",
|
|
367
|
+
/** Dropdowns, select menus, context menus — renders above modals */
|
|
368
|
+
dropdown: "60",
|
|
369
|
+
/** Popovers, comboboxes, date pickers — renders above modals */
|
|
370
|
+
popover: "70",
|
|
371
371
|
/** Toast notifications — always visible above all content */
|
|
372
|
-
toast: "
|
|
372
|
+
toast: "80",
|
|
373
373
|
/** Tooltips — highest interactive z-layer */
|
|
374
|
-
tooltip: "
|
|
374
|
+
tooltip: "90",
|
|
375
375
|
/** Emergency escape hatch — use sparingly and document why */
|
|
376
376
|
max: "9999"
|
|
377
377
|
};
|
|
@@ -264,17 +264,17 @@ var overlayBackdrop = {
|
|
|
264
264
|
};
|
|
265
265
|
var modalContent = {
|
|
266
266
|
variants: {
|
|
267
|
-
initial: { opacity: 0, scale: 0.
|
|
267
|
+
initial: { opacity: 0, scale: 0.95, y: 10 },
|
|
268
268
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
269
|
-
exit: { opacity: 0, scale: 0.
|
|
269
|
+
exit: { opacity: 0, scale: 0.97, y: 4 }
|
|
270
270
|
},
|
|
271
|
-
transition:
|
|
271
|
+
transition: spring.stiff
|
|
272
272
|
};
|
|
273
273
|
var modalContentSpring = {
|
|
274
274
|
variants: {
|
|
275
275
|
initial: { opacity: 0, scale: 0.95, y: 10 },
|
|
276
276
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
277
|
-
exit: { opacity: 0, scale: 0.
|
|
277
|
+
exit: { opacity: 0, scale: 0.97, y: 4 }
|
|
278
278
|
},
|
|
279
279
|
transition: spring.stiff
|
|
280
280
|
};
|
|
@@ -402,35 +402,35 @@ var crossfade = {
|
|
|
402
402
|
};
|
|
403
403
|
var slidePanelRight = {
|
|
404
404
|
variants: {
|
|
405
|
-
initial: { x: "100%"
|
|
406
|
-
animate: { x: 0
|
|
407
|
-
exit: { x: "100%"
|
|
405
|
+
initial: { x: "100%" },
|
|
406
|
+
animate: { x: 0 },
|
|
407
|
+
exit: { x: "100%" }
|
|
408
408
|
},
|
|
409
|
-
transition: spring.
|
|
409
|
+
transition: spring.stiff
|
|
410
410
|
};
|
|
411
411
|
var slidePanelLeft = {
|
|
412
412
|
variants: {
|
|
413
|
-
initial: { x: "-100%"
|
|
414
|
-
animate: { x: 0
|
|
415
|
-
exit: { x: "-100%"
|
|
413
|
+
initial: { x: "-100%" },
|
|
414
|
+
animate: { x: 0 },
|
|
415
|
+
exit: { x: "-100%" }
|
|
416
416
|
},
|
|
417
|
-
transition: spring.
|
|
417
|
+
transition: spring.stiff
|
|
418
418
|
};
|
|
419
419
|
var slidePanelBottom = {
|
|
420
420
|
variants: {
|
|
421
|
-
initial: { y: "100%"
|
|
422
|
-
animate: { y: 0
|
|
423
|
-
exit: { y: "100%"
|
|
421
|
+
initial: { y: "100%" },
|
|
422
|
+
animate: { y: 0 },
|
|
423
|
+
exit: { y: "100%" }
|
|
424
424
|
},
|
|
425
|
-
transition: spring.
|
|
425
|
+
transition: spring.stiff
|
|
426
426
|
};
|
|
427
427
|
var slidePanelTop = {
|
|
428
428
|
variants: {
|
|
429
|
-
initial: { y: "-100%"
|
|
430
|
-
animate: { y: 0
|
|
431
|
-
exit: { y: "-100%"
|
|
429
|
+
initial: { y: "-100%" },
|
|
430
|
+
animate: { y: 0 },
|
|
431
|
+
exit: { y: "-100%" }
|
|
432
432
|
},
|
|
433
|
-
transition: spring.
|
|
433
|
+
transition: spring.stiff
|
|
434
434
|
};
|
|
435
435
|
var dragDismiss = {
|
|
436
436
|
variants: {
|
|
@@ -360,20 +360,20 @@ var shadowDark = {
|
|
|
360
360
|
var zIndex = {
|
|
361
361
|
/** Default document flow — no explicit stacking */
|
|
362
362
|
base: "0",
|
|
363
|
-
/** Dropdowns, select menus, autocomplete lists */
|
|
364
|
-
dropdown: "10",
|
|
365
363
|
/** Sticky headers, floating action bars, pinned columns */
|
|
366
|
-
sticky: "
|
|
364
|
+
sticky: "10",
|
|
367
365
|
/** Backdrop overlays behind modals and drawers */
|
|
368
|
-
overlay: "
|
|
366
|
+
overlay: "40",
|
|
369
367
|
/** Modals, dialogs, sheets, drawers */
|
|
370
|
-
modal: "
|
|
371
|
-
/**
|
|
372
|
-
|
|
368
|
+
modal: "50",
|
|
369
|
+
/** Dropdowns, select menus, context menus — renders above modals */
|
|
370
|
+
dropdown: "60",
|
|
371
|
+
/** Popovers, comboboxes, date pickers — renders above modals */
|
|
372
|
+
popover: "70",
|
|
373
373
|
/** Toast notifications — always visible above all content */
|
|
374
|
-
toast: "
|
|
374
|
+
toast: "80",
|
|
375
375
|
/** Tooltips — highest interactive z-layer */
|
|
376
|
-
tooltip: "
|
|
376
|
+
tooltip: "90",
|
|
377
377
|
/** Emergency escape hatch — use sparingly and document why */
|
|
378
378
|
max: "9999"
|
|
379
379
|
};
|