@cranberry-money/shared-constants 8.5.0 → 8.6.0

package/dist/ui/index.d.ts

@@ -7,4 +7,5 @@ export * from './labels';
 export * from './status-colors-unified';
 export * from './timing';
 export * from './cache';
+export * from './zIndex';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/ui/index.js

@@ -7,3 +7,4 @@ export * from './labels';
 export * from './status-colors-unified';
 export * from './timing';
 export * from './cache';
+export * from './zIndex';

package/dist/ui/zIndex.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Z-index system for consistent layering across the application
+ */
+/**
+ * Base z-index values for different UI layers
+ */
+export declare const Z_INDEX: {
+    /**
+     * Base level - normal document flow
+     */
+    readonly BASE: 0;
+    /**
+     * Dropdowns, select menus
+     */
+    readonly DROPDOWN: 10;
+    /**
+     * Sticky headers, toolbars
+     */
+    readonly STICKY: 20;
+    /**
+     * Fixed elements like floating buttons
+     */
+    readonly FIXED: 30;
+    /**
+     * Modal backdrops/overlays
+     */
+    readonly MODAL_BACKDROP: 40;
+    /**
+     * Modal content
+     */
+    readonly MODAL: 50;
+    /**
+     * Popovers, floating UI elements
+     */
+    readonly POPOVER: 60;
+    /**
+     * Tooltips - should appear above most content
+     */
+    readonly TOOLTIP: 70;
+    /**
+     * Notifications, toasts
+     */
+    readonly NOTIFICATION: 80;
+    /**
+     * Maximum z-index for critical overlays
+     */
+    readonly MAX: 9999;
+};
+/**
+ * Semantic z-index aliases for specific components
+ */
+export declare const Z_INDEX_SEMANTIC: {
+    /**
+     * Table sticky headers
+     */
+    readonly TABLE_HEADER: 10;
+    /**
+     * Navigation overlay/mobile menu
+     */
+    readonly NAVIGATION_OVERLAY: 50;
+    /**
+     * Dialog components
+     */
+    readonly DIALOG: 50;
+    /**
+     * Menu trigger buttons
+     */
+    readonly MENU_BUTTON: 20;
+    /**
+     * Menu panels/dropdowns
+     */
+    readonly MENU_PANEL: 30;
+    /**
+     * General backdrop/overlay
+     */
+    readonly BACKDROP: 10;
+};
+export type ZIndex = typeof Z_INDEX;
+export type ZIndexSemantic = typeof Z_INDEX_SEMANTIC;
+//# sourceMappingURL=zIndex.d.ts.map

package/dist/ui/zIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/ui/zIndex.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,OAAO;IAClB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEK,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;CAEK,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC;AACpC,MAAM,MAAM,cAAc,GAAG,OAAO,gBAAgB,CAAC"}

package/dist/ui/zIndex.js

@@ -0,0 +1,77 @@
+/**
+ * Z-index system for consistent layering across the application
+ */
+/**
+ * Base z-index values for different UI layers
+ */
+export const Z_INDEX = {
+    /**
+     * Base level - normal document flow
+     */
+    BASE: 0,
+    /**
+     * Dropdowns, select menus
+     */
+    DROPDOWN: 10,
+    /**
+     * Sticky headers, toolbars
+     */
+    STICKY: 20,
+    /**
+     * Fixed elements like floating buttons
+     */
+    FIXED: 30,
+    /**
+     * Modal backdrops/overlays
+     */
+    MODAL_BACKDROP: 40,
+    /**
+     * Modal content
+     */
+    MODAL: 50,
+    /**
+     * Popovers, floating UI elements
+     */
+    POPOVER: 60,
+    /**
+     * Tooltips - should appear above most content
+     */
+    TOOLTIP: 70,
+    /**
+     * Notifications, toasts
+     */
+    NOTIFICATION: 80,
+    /**
+     * Maximum z-index for critical overlays
+     */
+    MAX: 9999,
+};
+/**
+ * Semantic z-index aliases for specific components
+ */
+export const Z_INDEX_SEMANTIC = {
+    /**
+     * Table sticky headers
+     */
+    TABLE_HEADER: Z_INDEX.DROPDOWN,
+    /**
+     * Navigation overlay/mobile menu
+     */
+    NAVIGATION_OVERLAY: Z_INDEX.MODAL,
+    /**
+     * Dialog components
+     */
+    DIALOG: Z_INDEX.MODAL,
+    /**
+     * Menu trigger buttons
+     */
+    MENU_BUTTON: Z_INDEX.STICKY,
+    /**
+     * Menu panels/dropdowns
+     */
+    MENU_PANEL: Z_INDEX.FIXED,
+    /**
+     * General backdrop/overlay
+     */
+    BACKDROP: Z_INDEX.DROPDOWN,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cranberry-money/shared-constants",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "description": "Shared constants for MyPortfolio platform",
   "type": "module",
   "main": "dist/index.js",