@djangocfg/ui-core 2.1.374 → 2.1.375

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-core",
-  "version": "2.1.374",
+  "version": "2.1.375",
   "description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
   "keywords": [
     "ui-components",
@@ -96,7 +96,7 @@
     "playground": "playground dev"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.374",
+    "@djangocfg/i18n": "^2.1.375",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
@@ -166,9 +166,9 @@
     "vaul": "1.1.2"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.374",
+    "@djangocfg/i18n": "^2.1.375",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.374",
+    "@djangocfg/typescript-config": "^2.1.375",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/styles/presets/themes/macos.ts

@@ -28,45 +28,46 @@ const appleTypography = {
 
 export const macosPreset: ThemePreset = {
   light: {
-    // systemGroupedBackground #F2F2F7
+    // systemGroupedBackground #F2F2F7 — main page canvas
     background: '240 17% 97%',
-    foreground: '0 0% 8%',
-    // Cards sit on pure white — standard Apple elevated surface
+    foreground: '0 0% 7%',
+    // Cards: pure white elevated surface — standard Apple insetGrouped cell
     card: '0 0% 100%',
-    'card-foreground': '0 0% 8%',
-    // Popovers / menus: white with system shadow
+    'card-foreground': '0 0% 7%',
+    // Popovers / context menus: white with system drop shadow
     popover: '0 0% 100%',
-    'popover-foreground': '0 0% 8%',
+    'popover-foreground': '0 0% 7%',
     // systemBlue #007AFF
     primary: '211 100% 50%',
     'primary-foreground': '0 0% 100%',
-    // secondarySystemGroupedBackground #EFEFF4
-    secondary: '240 14% 96%',
-    'secondary-foreground': '0 0% 8%',
-    // tertiarySystemGroupedBackground #E5E5EA — muted fills, tag backgrounds
-    muted: '240 6% 90%',
-    'muted-foreground': '220 4% 46%',
-    // Light blue-tinted hover surface (not grey)
-    accent: '211 55% 96%',
-    'accent-foreground': '211 100% 38%',
+    // secondarySystemGroupedBackground #EFEFF4 — section headers, nested surfaces
+    secondary: '240 12% 95%',
+    'secondary-foreground': '0 0% 7%',
+    // tertiarySystemGroupedBackground #E5E5EA — chips, tag pills, disabled fills
+    muted: '240 8% 91%',
+    'muted-foreground': '240 3% 44%',
+    // Blue-tinted hover state — Apple uses a subtle blue wash, never plain grey
+    accent: '211 50% 96%',
+    'accent-foreground': '211 100% 36%',
     // systemRed #FF3B30
     destructive: '2 100% 59%',
     'destructive-foreground': '0 0% 100%',
-    // Separator: rgba(60,60,67,0.29) — hairline only, not a thick line
-    border: '240 5% 84%',
-    input: '240 6% 92%',
+    // Apple opaque separator: rgba(60,60,67,0.29) on white ≈ #C6C6C8 → HSL 240 3% 78%
+    // Kept intentionally light — Apple hairline, not a thick rule
+    border: '240 3% 78%',
+    input: '240 8% 93%',
     ring: '211 100% 50%',
     radius: '0.625rem',
-    // Sidebar: secondarySystemGroupedBackground tinted slightly cooler
-    'sidebar-background': '240 14% 95%',
-    'sidebar-foreground': '0 0% 8%',
+    // Sidebar: slighly darker than page, matches macOS sidebar material
+    'sidebar-background': '240 12% 94%',
+    'sidebar-foreground': '0 0% 7%',
     'sidebar-primary': '211 100% 50%',
     'sidebar-primary-foreground': '0 0% 100%',
-    'sidebar-accent': '211 55% 94%',
-    'sidebar-accent-foreground': '211 100% 38%',
-    'sidebar-border': '240 5% 88%',
+    'sidebar-accent': '211 50% 93%',
+    'sidebar-accent-foreground': '211 100% 36%',
+    'sidebar-border': '240 3% 82%',
     'sidebar-ring': '211 100% 50%',
-    // Chart: systemBlue + Apple system colors
+    // Chart: systemBlue + Apple tint palette
     'chart-1': '211 100% 50%',
     'chart-2': '142 52% 40%',
     'chart-3': '262 60% 56%',