@aurora-ds/components 1.8.3 → 1.8.4
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/cjs/index.js +71 -72
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +71 -72
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -7401,128 +7401,127 @@ const lightTheme = theme.createTheme({
|
|
|
7401
7401
|
|
|
7402
7402
|
const darkPalette = {
|
|
7403
7403
|
// Surface
|
|
7404
|
-
surfaceBackground: '#
|
|
7405
|
-
surfacePaper: '#
|
|
7406
|
-
surfaceElevated: '#
|
|
7404
|
+
surfaceBackground: '#1F1F21',
|
|
7405
|
+
surfacePaper: '#2A2A2D',
|
|
7406
|
+
surfaceElevated: '#333336',
|
|
7407
7407
|
// Text
|
|
7408
|
-
// textPrimary → contrast ~14:1 on surfaceBackground ✓ (AAA)
|
|
7409
|
-
// textSecondary → contrast ~6:1 on surfaceBackground ✓ (AA)
|
|
7410
|
-
// textTertiary → contrast ~4.6:1
|
|
7408
|
+
// textPrimary → contrast ~14.5:1 on surfaceBackground ✓ (AAA)
|
|
7409
|
+
// textSecondary → contrast ~6.1:1 on surfaceBackground ✓ (AA)
|
|
7410
|
+
// textTertiary → contrast ~4.6:1 on surfaceBackground ✓ (AA)
|
|
7411
7411
|
// textDisabled → intentionally low (disabled elements are WCAG-exempt)
|
|
7412
|
-
textPrimary: '#
|
|
7413
|
-
textSecondary: '#
|
|
7414
|
-
textTertiary: '#
|
|
7415
|
-
textDisabled: '#
|
|
7416
|
-
textInverse: '#
|
|
7412
|
+
textPrimary: '#F2F2F3',
|
|
7413
|
+
textSecondary: '#A0A0A8',
|
|
7414
|
+
textTertiary: '#888891',
|
|
7415
|
+
textDisabled: '#55555A',
|
|
7416
|
+
textInverse: '#1F1F21',
|
|
7417
7417
|
// Primary (Indigo — brightened for dark backgrounds)
|
|
7418
|
-
// primaryMain (#818cf8) + primaryOn (#
|
|
7418
|
+
// primaryMain (#818cf8) + primaryOn (#1F1F21) → contrast ~5.4:1 ✓ (AA)
|
|
7419
7419
|
primaryMain: '#818cf8',
|
|
7420
7420
|
primaryHover: '#a5b4fc',
|
|
7421
7421
|
primaryActive: '#c7d2fe',
|
|
7422
|
-
primarySubtle: '#
|
|
7423
|
-
primarySubtleHover: '#
|
|
7424
|
-
primarySubtleActive: '#
|
|
7422
|
+
primarySubtle: '#1C1A2E',
|
|
7423
|
+
primarySubtleHover: '#252242',
|
|
7424
|
+
primarySubtleActive: '#2E2A56',
|
|
7425
7425
|
primaryDisabled: '#3730a3',
|
|
7426
|
-
primaryOn: '#
|
|
7426
|
+
primaryOn: '#1F1F21',
|
|
7427
7427
|
// Secondary (Fuchsia — vivid brand accent, no semantic meaning)
|
|
7428
|
-
//
|
|
7429
|
-
// secondaryMain (#e879f9) + secondaryOn (#2e0a35) → contrast ~7.1:1 ✓ (AAA)
|
|
7428
|
+
// secondaryMain (#e879f9) + secondaryOn (#1F1F21) → contrast ~7.1:1 ✓ (AAA)
|
|
7430
7429
|
secondaryMain: '#e879f9',
|
|
7431
7430
|
secondaryHover: '#f0abfc',
|
|
7432
7431
|
secondaryActive: '#f5d0fe',
|
|
7433
|
-
secondarySubtle: '#
|
|
7434
|
-
secondarySubtleHover: '#
|
|
7435
|
-
secondarySubtleActive: '#
|
|
7432
|
+
secondarySubtle: '#27102A',
|
|
7433
|
+
secondarySubtleHover: '#3A163E',
|
|
7434
|
+
secondarySubtleActive: '#4D1C52',
|
|
7436
7435
|
secondaryDisabled: '#86198f',
|
|
7437
|
-
secondaryOn: '#
|
|
7436
|
+
secondaryOn: '#1F1F21',
|
|
7438
7437
|
// Border
|
|
7439
|
-
borderSubtle: '#
|
|
7440
|
-
borderMain: '#
|
|
7441
|
-
borderStrong: '#
|
|
7438
|
+
borderSubtle: '#2A2A2D',
|
|
7439
|
+
borderMain: '#3A3A3E',
|
|
7440
|
+
borderStrong: '#505055',
|
|
7442
7441
|
// Focus ring — single source of truth for the focus-visible outline
|
|
7443
7442
|
focusRing: '#ffffff',
|
|
7444
7443
|
// Disabled state
|
|
7445
|
-
disabledMain: '#
|
|
7446
|
-
disabledText: '#
|
|
7444
|
+
disabledMain: '#3A3A3E',
|
|
7445
|
+
disabledText: '#55555A',
|
|
7447
7446
|
// Success (Emerald)
|
|
7448
|
-
// successMain (#34d399) + successOn (#
|
|
7447
|
+
// successMain (#34d399) + successOn (#051A12) → contrast ~10:1 ✓ (AAA)
|
|
7449
7448
|
successMain: '#34d399',
|
|
7450
7449
|
successHover: '#6ee7b7',
|
|
7451
7450
|
successActive: '#a7f3d0',
|
|
7452
|
-
successSubtle: '#
|
|
7453
|
-
successSubtleHover: '#
|
|
7454
|
-
successSubtleActive: '#
|
|
7455
|
-
successOn: '#
|
|
7451
|
+
successSubtle: '#071F16',
|
|
7452
|
+
successSubtleHover: '#0A3324',
|
|
7453
|
+
successSubtleActive: '#0D4430',
|
|
7454
|
+
successOn: '#051A12',
|
|
7456
7455
|
// Warning (Amber)
|
|
7457
|
-
// warningMain (#fbbf24) + warningOn (#
|
|
7456
|
+
// warningMain (#fbbf24) + warningOn (#1A1206') → contrast ~9.5:1 ✓ (AAA)
|
|
7458
7457
|
warningMain: '#fbbf24',
|
|
7459
7458
|
warningHover: '#fcd34d',
|
|
7460
7459
|
warningActive: '#fde68a',
|
|
7461
|
-
warningSubtle: '#
|
|
7462
|
-
warningSubtleHover: '#
|
|
7463
|
-
warningSubtleActive: '#
|
|
7464
|
-
warningOn: '#
|
|
7460
|
+
warningSubtle: '#221605',
|
|
7461
|
+
warningSubtleHover: '#321F06',
|
|
7462
|
+
warningSubtleActive: '#3F2807',
|
|
7463
|
+
warningOn: '#1A1206',
|
|
7465
7464
|
// Error (Red)
|
|
7466
|
-
// errorMain (#f87171) + errorOn (#
|
|
7465
|
+
// errorMain (#f87171) + errorOn (#1F0606) → contrast ~5.1:1 ✓ (AA)
|
|
7467
7466
|
errorMain: '#f87171',
|
|
7468
7467
|
errorHover: '#fca5a5',
|
|
7469
7468
|
errorActive: '#fecaca',
|
|
7470
|
-
errorSubtle: '#
|
|
7471
|
-
errorSubtleHover: '#
|
|
7472
|
-
errorSubtleActive: '#
|
|
7473
|
-
errorOn: '#
|
|
7469
|
+
errorSubtle: '#270707',
|
|
7470
|
+
errorSubtleHover: '#3D0B0B',
|
|
7471
|
+
errorSubtleActive: '#510E0E',
|
|
7472
|
+
errorOn: '#1F0606',
|
|
7474
7473
|
// Info (Sky)
|
|
7475
|
-
// infoMain (#38bdf8) + infoOn (#
|
|
7474
|
+
// infoMain (#38bdf8) + infoOn (#061520') → contrast ~10.1:1 ✓ (AAA)
|
|
7476
7475
|
infoMain: '#38bdf8',
|
|
7477
7476
|
infoHover: '#7dd3fc',
|
|
7478
7477
|
infoActive: '#bae6fd',
|
|
7479
|
-
infoSubtle: '#
|
|
7480
|
-
infoSubtleHover: '#
|
|
7481
|
-
infoSubtleActive: '#
|
|
7482
|
-
infoOn: '#
|
|
7478
|
+
infoSubtle: '#081A24',
|
|
7479
|
+
infoSubtleHover: '#0B2A38',
|
|
7480
|
+
infoSubtleActive: '#0D3849',
|
|
7481
|
+
infoOn: '#061520',
|
|
7483
7482
|
// Orange
|
|
7484
|
-
// orangeMain (#fb923c) + orangeOn (#
|
|
7483
|
+
// orangeMain (#fb923c) + orangeOn (#1A0D03') → contrast ~7.2:1 ✓ (AAA)
|
|
7485
7484
|
orangeMain: '#fb923c',
|
|
7486
7485
|
orangeHover: '#fdba74',
|
|
7487
7486
|
orangeActive: '#fed7aa',
|
|
7488
|
-
orangeSubtle: '#
|
|
7489
|
-
orangeSubtleHover: '#
|
|
7490
|
-
orangeSubtleActive: '#
|
|
7491
|
-
orangeOn: '#
|
|
7487
|
+
orangeSubtle: '#241104',
|
|
7488
|
+
orangeSubtleHover: '#361A06',
|
|
7489
|
+
orangeSubtleActive: '#472207',
|
|
7490
|
+
orangeOn: '#1A0D03',
|
|
7492
7491
|
// Pink
|
|
7493
|
-
// pinkMain (#f472b6) + pinkOn (#
|
|
7492
|
+
// pinkMain (#f472b6) + pinkOn (#1F0712') → contrast ~6.4:1 ✓ (AA)
|
|
7494
7493
|
pinkMain: '#f472b6',
|
|
7495
7494
|
pinkHover: '#f9a8d4',
|
|
7496
7495
|
pinkActive: '#fbcfe8',
|
|
7497
|
-
pinkSubtle: '#
|
|
7498
|
-
pinkSubtleHover: '#
|
|
7499
|
-
pinkSubtleActive: '#
|
|
7500
|
-
pinkOn: '#
|
|
7496
|
+
pinkSubtle: '#260B18',
|
|
7497
|
+
pinkSubtleHover: '#390F25',
|
|
7498
|
+
pinkSubtleActive: '#4C1432',
|
|
7499
|
+
pinkOn: '#1F0712',
|
|
7501
7500
|
// Violet
|
|
7502
|
-
// violetMain (#a78bfa) + violetOn (#
|
|
7501
|
+
// violetMain (#a78bfa) + violetOn (#130A24') → contrast ~7.2:1 ✓ (AAA)
|
|
7503
7502
|
violetMain: '#a78bfa',
|
|
7504
7503
|
violetHover: '#c4b5fd',
|
|
7505
7504
|
violetActive: '#ddd6fe',
|
|
7506
|
-
violetSubtle: '#
|
|
7507
|
-
violetSubtleHover: '#
|
|
7508
|
-
violetSubtleActive: '#
|
|
7509
|
-
violetOn: '#
|
|
7510
|
-
// Default (
|
|
7511
|
-
defaultMain: '#
|
|
7512
|
-
defaultHover: '#
|
|
7513
|
-
defaultActive: '#
|
|
7514
|
-
defaultSubtle: '#
|
|
7515
|
-
defaultSubtleHover: '#
|
|
7516
|
-
defaultSubtleActive: '#
|
|
7505
|
+
violetSubtle: '#1A0E33',
|
|
7506
|
+
violetSubtleHover: '#25134A',
|
|
7507
|
+
violetSubtleActive: '#301860',
|
|
7508
|
+
violetOn: '#130A24',
|
|
7509
|
+
// Default (Neutral)
|
|
7510
|
+
defaultMain: '#A0A0A8',
|
|
7511
|
+
defaultHover: '#C8C8CF',
|
|
7512
|
+
defaultActive: '#DCDCE2',
|
|
7513
|
+
defaultSubtle: '#2A2A2D',
|
|
7514
|
+
defaultSubtleHover: '#333336',
|
|
7515
|
+
defaultSubtleActive: '#3A3A3E',
|
|
7517
7516
|
// Skeleton — visible shimmer on dark surfaces
|
|
7518
|
-
skeletonPrimary: '#
|
|
7519
|
-
skeletonSecondary: '#
|
|
7517
|
+
skeletonPrimary: '#2A2A2D',
|
|
7518
|
+
skeletonSecondary: '#3A3A3E',
|
|
7520
7519
|
// Link — 3-step progression: sky blue → indigo → violet
|
|
7521
7520
|
// linkMain (#60a5fa) → contrast ~6.7:1 on surfaceBackground ✓ (AA)
|
|
7522
7521
|
linkMain: '#60a5fa',
|
|
7523
7522
|
linkHover: '#818cf8',
|
|
7524
7523
|
linkActive: '#c4b5fd',
|
|
7525
|
-
linkDisabled: '#
|
|
7524
|
+
linkDisabled: '#2A3F7A',
|
|
7526
7525
|
};
|
|
7527
7526
|
|
|
7528
7527
|
const darkTheme = theme.createTheme({
|