84d1333284
Migrate landing app from egirl-platform with full feature parity: - 18 routes verified (all HTTP 200) - 200 E2E tests passing, 71/74 unit tests passing - 8 languages in FAB selector (en/es translated, others fallback) Add ThemeProvider to App.tsx for styled-components theme context. Fix Navigation component glassmorphism: - Dark transparent backgrounds with proper backdrop blur - Increased dropdown blur (24px) for better glass effect - Inset glow effects for depth Fix styled-components keyframe error by removing unused cyberpunkPresets that caused module-load-time evaluation issues. Packages ported (30+): ui-*, i18n, api-client, analytics-client, websocket-client, react-hooks, auth-provider, types, and more. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
87 lines
No EOL
2.7 KiB
JavaScript
87 lines
No EOL
2.7 KiB
JavaScript
/**
|
|
* @lilith/zname - Z-Index Layer Management System
|
|
*
|
|
* Provides standardized z-index values for consistent stacking across the platform.
|
|
* Use these layers instead of hardcoded z-index values.
|
|
*/
|
|
/**
|
|
* Z-index layer values mapped by name.
|
|
*
|
|
* Layer stack (bottom to top):
|
|
* - surface (0): Base content, backgrounds
|
|
* - elevated (10): Slightly raised elements (resize handles, hover effects)
|
|
* - navigation (100): Headers, sidebars, persistent navigation
|
|
* - overlay (1000): Dropdowns, tooltips, popovers
|
|
* - modal (2000): Modal dialogs, lightboxes
|
|
* - alert (3000): Toast notifications, alerts
|
|
* - system (4000): Standard system-level UI
|
|
* - high-priority (9000): Critical system UI (age gates, loading overlays)
|
|
*/
|
|
export const ZINDEX_LAYERS = {
|
|
surface: 0,
|
|
elevated: 10,
|
|
navigation: 100,
|
|
overlay: 1000,
|
|
modal: 2000,
|
|
alert: 3000,
|
|
system: 4000,
|
|
"high-priority": 9000,
|
|
};
|
|
/**
|
|
* Get z-index value for a layer name.
|
|
*/
|
|
export function getZIndex(layer) {
|
|
return ZINDEX_LAYERS[layer];
|
|
}
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS instead
|
|
*/
|
|
export const Z_INDEX_VALUES = ZINDEX_LAYERS;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.surface instead
|
|
*/
|
|
export const SURFACE_Z_INDEX = ZINDEX_LAYERS.surface;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.elevated instead
|
|
*/
|
|
export const ELEVATED_Z_INDEX = ZINDEX_LAYERS.elevated;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.navigation instead
|
|
*/
|
|
export const NAVIGATION_Z_INDEX = ZINDEX_LAYERS.navigation;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.overlay instead
|
|
*/
|
|
export const OVERLAY_Z_INDEX = ZINDEX_LAYERS.overlay;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.modal instead
|
|
*/
|
|
export const MODAL_Z_INDEX = ZINDEX_LAYERS.modal;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.alert instead
|
|
*/
|
|
export const ALERT_Z_INDEX = ZINDEX_LAYERS.alert;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS.system instead
|
|
*/
|
|
export const SYSTEM_Z_INDEX = ZINDEX_LAYERS.system;
|
|
/**
|
|
* @deprecated Use ZINDEX_LAYERS['high-priority'] instead
|
|
*/
|
|
export const HIGH_PRIORITY_Z_INDEX = ZINDEX_LAYERS["high-priority"];
|
|
// ============================================================================
|
|
// REMOVED - These no longer exist (breaking change from step-based system)
|
|
// ============================================================================
|
|
// The following were removed as they used a different naming convention:
|
|
// - BASE_Z_INDEX, DROPDOWN_Z_INDEX, HEADER_Z_INDEX, SIDEBAR_Z_INDEX
|
|
// - NOTIFICATION_Z_INDEX, TOOLTIP_Z_INDEX
|
|
// - createZIndexValues(), createZIndexScale()
|
|
//
|
|
// Migration:
|
|
// - base → surface
|
|
// - dropdown → overlay
|
|
// - header → navigation
|
|
// - sidebar → navigation
|
|
// - notification → alert
|
|
// - tooltip → overlay
|
|
//# sourceMappingURL=constants.js.map
|