@aurora-ds/components 1.8.2 → 1.8.4

package/dist/esm/index.js

@@ -3472,7 +3472,7 @@ TextField.displayName = 'TextField';
  * Exported so submenus can offset their position upward by this amount to align
  * their first item with the trigger item.
  */
-const MENU_PANEL_PADDING_Y_PX = 6;
+const MENU_PANEL_PADDING_Y_PX = 5;
 const MENU_PANEL_STYLES = createStyles((theme) => ({
     backdrop: {
         position: 'fixed',
@@ -7381,128 +7381,127 @@ const lightTheme = createTheme({
 
 const darkPalette = {
     // Surface
-    surfaceBackground: '#0f172a',
-    surfacePaper: '#1e293b',
-    surfaceElevated: '#273548',
+    surfaceBackground: '#1F1F21',
+    surfacePaper: '#2A2A2D',
+    surfaceElevated: '#333336',
     // Text
-    // textPrimary   → contrast ~14:1 on surfaceBackground ✓ (AAA)
-    // textSecondary → contrast ~6:1  on surfaceBackground ✓ (AA)
-    // textTertiary  → contrast ~4.6:1 on surfaceBackground ✓ (AA)
+    // textPrimary   → contrast ~14.5:1 on surfaceBackground ✓ (AAA)
+    // textSecondary → contrast ~6.1:1  on surfaceBackground ✓ (AA)
+    // textTertiary  → contrast ~4.6:1  on surfaceBackground ✓ (AA)
     // textDisabled  → intentionally low (disabled elements are WCAG-exempt)
-    textPrimary: '#f1f5f9',
-    textSecondary: '#94a3b8',
-    textTertiary: '#8899af',
-    textDisabled: '#475569',
-    textInverse: '#0f172a',
+    textPrimary: '#F2F2F3',
+    textSecondary: '#A0A0A8',
+    textTertiary: '#888891',
+    textDisabled: '#55555A',
+    textInverse: '#1F1F21',
     // Primary (Indigo — brightened for dark backgrounds)
-    // primaryMain (#818cf8) + primaryOn (#0f172a) → contrast ~5.4:1 ✓ (AA)
+    // primaryMain (#818cf8) + primaryOn (#1F1F21) → contrast ~5.4:1 ✓ (AA)
     primaryMain: '#818cf8',
     primaryHover: '#a5b4fc',
     primaryActive: '#c7d2fe',
-    primarySubtle: '#1e1b4b',
-    primarySubtleHover: '#2e2a61',
-    primarySubtleActive: '#3d3878',
+    primarySubtle: '#1C1A2E',
+    primarySubtleHover: '#252242',
+    primarySubtleActive: '#2E2A56',
     primaryDisabled: '#3730a3',
-    primaryOn: '#0f172a',
+    primaryOn: '#1F1F21',
     // Secondary (Fuchsia — vivid brand accent, no semantic meaning)
-    // Distinct from: success (green), error (red), warning (amber), info (sky)
-    // secondaryMain (#e879f9) + secondaryOn (#2e0a35) → contrast ~7.1:1 ✓ (AAA)
+    // secondaryMain (#e879f9) + secondaryOn (#1F1F21) → contrast ~7.1:1 ✓ (AAA)
     secondaryMain: '#e879f9',
     secondaryHover: '#f0abfc',
     secondaryActive: '#f5d0fe',
-    secondarySubtle: '#2e0a35',
-    secondarySubtleHover: '#450f4d',
-    secondarySubtleActive: '#5c1466',
+    secondarySubtle: '#27102A',
+    secondarySubtleHover: '#3A163E',
+    secondarySubtleActive: '#4D1C52',
     secondaryDisabled: '#86198f',
-    secondaryOn: '#2e0a35',
+    secondaryOn: '#1F1F21',
     // Border
-    borderSubtle: '#1e293b',
-    borderMain: '#334155',
-    borderStrong: '#475569',
+    borderSubtle: '#2A2A2D',
+    borderMain: '#3A3A3E',
+    borderStrong: '#505055',
     // Focus ring — single source of truth for the focus-visible outline
     focusRing: '#ffffff',
     // Disabled state
-    disabledMain: '#334155',
-    disabledText: '#475569',
+    disabledMain: '#3A3A3E',
+    disabledText: '#55555A',
     // Success (Emerald)
-    // successMain (#34d399) + successOn (#022c22) → contrast ~10:1 ✓ (AAA)
+    // successMain (#34d399) + successOn (#051A12) → contrast ~10:1 ✓ (AAA)
     successMain: '#34d399',
     successHover: '#6ee7b7',
     successActive: '#a7f3d0',
-    successSubtle: '#022c22',
-    successSubtleHover: '#064e3b',
-    successSubtleActive: '#065f46',
-    successOn: '#022c22',
+    successSubtle: '#071F16',
+    successSubtleHover: '#0A3324',
+    successSubtleActive: '#0D4430',
+    successOn: '#051A12',
     // Warning (Amber)
-    // warningMain (#fbbf24) + warningOn (#27180a) → contrast ~9.5:1 ✓ (AAA)
+    // warningMain (#fbbf24) + warningOn (#1A1206') → contrast ~9.5:1 ✓ (AAA)
     warningMain: '#fbbf24',
     warningHover: '#fcd34d',
     warningActive: '#fde68a',
-    warningSubtle: '#27180a',
-    warningSubtleHover: '#3d2208',
-    warningSubtleActive: '#4d2d0a',
-    warningOn: '#27180a',
+    warningSubtle: '#221605',
+    warningSubtleHover: '#321F06',
+    warningSubtleActive: '#3F2807',
+    warningOn: '#1A1206',
     // Error (Red)
-    // errorMain (#f87171) + errorOn (#2d0808) → contrast ~5.1:1 ✓ (AA)
+    // errorMain (#f87171) + errorOn (#1F0606) → contrast ~5.1:1 ✓ (AA)
     errorMain: '#f87171',
     errorHover: '#fca5a5',
     errorActive: '#fecaca',
-    errorSubtle: '#2d0808',
-    errorSubtleHover: '#450b0b',
-    errorSubtleActive: '#5a0e0e',
-    errorOn: '#2d0808',
+    errorSubtle: '#270707',
+    errorSubtleHover: '#3D0B0B',
+    errorSubtleActive: '#510E0E',
+    errorOn: '#1F0606',
     // Info (Sky)
-    // infoMain (#38bdf8) + infoOn (#082130) → contrast ~10.1:1 ✓ (AAA)
+    // infoMain (#38bdf8) + infoOn (#061520') → contrast ~10.1:1 ✓ (AAA)
     infoMain: '#38bdf8',
     infoHover: '#7dd3fc',
     infoActive: '#bae6fd',
-    infoSubtle: '#082130',
-    infoSubtleHover: '#0c3047',
-    infoSubtleActive: '#0e405e',
-    infoOn: '#082130',
+    infoSubtle: '#081A24',
+    infoSubtleHover: '#0B2A38',
+    infoSubtleActive: '#0D3849',
+    infoOn: '#061520',
     // Orange
-    // orangeMain (#fb923c) + orangeOn (#2a1205) → contrast ~7.2:1 ✓ (AAA)
+    // orangeMain (#fb923c) + orangeOn (#1A0D03') → contrast ~7.2:1 ✓ (AAA)
     orangeMain: '#fb923c',
     orangeHover: '#fdba74',
     orangeActive: '#fed7aa',
-    orangeSubtle: '#2a1205',
-    orangeSubtleHover: '#3f1b07',
-    orangeSubtleActive: '#541f06',
-    orangeOn: '#2a1205',
+    orangeSubtle: '#241104',
+    orangeSubtleHover: '#361A06',
+    orangeSubtleActive: '#472207',
+    orangeOn: '#1A0D03',
     // Pink
-    // pinkMain (#f472b6) + pinkOn (#2d0a1a) → contrast ~6.4:1 ✓ (AA)
+    // pinkMain (#f472b6) + pinkOn (#1F0712') → contrast ~6.4:1 ✓ (AA)
     pinkMain: '#f472b6',
     pinkHover: '#f9a8d4',
     pinkActive: '#fbcfe8',
-    pinkSubtle: '#2d0a1a',
-    pinkSubtleHover: '#450f28',
-    pinkSubtleActive: '#5c1435',
-    pinkOn: '#2d0a1a',
+    pinkSubtle: '#260B18',
+    pinkSubtleHover: '#390F25',
+    pinkSubtleActive: '#4C1432',
+    pinkOn: '#1F0712',
     // Violet
-    // violetMain (#a78bfa) + violetOn (#1e0f3d) → contrast ~7.2:1 ✓ (AAA)
+    // violetMain (#a78bfa) + violetOn (#130A24') → contrast ~7.2:1 ✓ (AAA)
     violetMain: '#a78bfa',
     violetHover: '#c4b5fd',
     violetActive: '#ddd6fe',
-    violetSubtle: '#1e0f3d',
-    violetSubtleHover: '#2c1554',
-    violetSubtleActive: '#3b1c6c',
-    violetOn: '#1e0f3d',
-    // Default (Slate)
-    defaultMain: '#94a3b8',
-    defaultHover: '#cbd5e1',
-    defaultActive: '#e2e8f0',
-    defaultSubtle: '#1e293b',
-    defaultSubtleHover: '#273548',
-    defaultSubtleActive: '#334155',
+    violetSubtle: '#1A0E33',
+    violetSubtleHover: '#25134A',
+    violetSubtleActive: '#301860',
+    violetOn: '#130A24',
+    // Default (Neutral)
+    defaultMain: '#A0A0A8',
+    defaultHover: '#C8C8CF',
+    defaultActive: '#DCDCE2',
+    defaultSubtle: '#2A2A2D',
+    defaultSubtleHover: '#333336',
+    defaultSubtleActive: '#3A3A3E',
     // Skeleton — visible shimmer on dark surfaces
-    skeletonPrimary: '#1e293b',
-    skeletonSecondary: '#334155',
+    skeletonPrimary: '#2A2A2D',
+    skeletonSecondary: '#3A3A3E',
     // Link — 3-step progression: sky blue → indigo → violet
     // linkMain (#60a5fa) → contrast ~6.7:1 on surfaceBackground ✓ (AA)
     linkMain: '#60a5fa',
     linkHover: '#818cf8',
     linkActive: '#c4b5fd',
-    linkDisabled: '#1e40af',
+    linkDisabled: '#2A3F7A',
 };
 
 const darkTheme = createTheme({