@almadar/core 10.111.0 → 10.112.0

package/themes/glass.json

@@ -1,5 +1,6 @@
 {
   "name": "glass",
+  "displayName": "Glass",
   "tokens": {
     "density": {
       "spacing": {
@@ -33,8 +34,8 @@
       "sectionGap": "40px"
     },
     "typeScale": {
-      "displayFamily": "var(--font-family)",
-      "bodyFamily": "var(--font-family)",
+      "displayFamily": "\"Sora\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "bodyFamily": "\"Outfit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
       "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
       "scale": {
         "xs": {
@@ -114,7 +115,13 @@
           "size": "sm",
           "weight": "medium"
         }
-      }
+      },
+      "fontImport": "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Outfit:wght@300;400;500;600&display=swap",
+      "headingWeight": "600",
+      "headingTransform": "none",
+      "headingTracking": "-0.02em",
+      "headingStyle": "normal",
+      "headingShadow": "none"
     },
     "motion": {
       "durations": {
@@ -122,33 +129,48 @@
         "fast": "var(--transition-fast)",
         "normal": "var(--transition-normal)",
         "slow": "var(--transition-slow)",
-        "dramatic": "800ms"
+        "dramatic": "700ms"
       },
       "easings": {
         "linear": "linear",
-        "standard": "var(--transition-timing)",
-        "emphasized": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "standard": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
         "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.92) translateY(12px)",
+        "modalExit": "scale(0.92) translateY(12px)",
+        "pageEnter": "translateY(12px)",
+        "popoverEnter": "scale(0.95)",
+        "popoverExit": "scale(0.95)",
+        "toastEnter": "translateY(16px)",
+        "toastExit": "translateY(16px)"
       }
     },
     "iconography": {
-      "family": "lucide",
+      "family": "phosphor-duotone",
       "strokeWidth": "1.5",
       "defaultSize": "16px"
     },
     "elevation": {
-      "cardElevation": "var(--shadow-sm)",
-      "popoverElevation": "var(--shadow-main)",
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
       "dialogElevation": "var(--shadow-lg)",
-      "toastElevation": "var(--shadow-main)"
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-inner)"
     },
     "geometry": {
-      "radiusContainer": "var(--radius-lg)",
-      "radiusInteractive": "var(--radius-md)",
+      "radiusContainer": "var(--radius-xl)",
+      "radiusInteractive": "var(--radius-lg)",
       "radiusPill": "var(--radius-full)",
       "borderHairline": "1px",
       "borderStandard": "var(--border-width)",
-      "borderHeavy": "var(--border-width-thick)"
+      "borderHeavy": "var(--border-width-thick)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
     },
     "colors": {
       "primary": "#5b5df0",
@@ -166,7 +188,7 @@
       "card": "rgba(255, 255, 255, 0.62)",
       "card-foreground": "#1e2235",
       "surface": "rgba(255, 255, 255, 0.55)",
-      "border": "rgba(255, 255, 255, 0.65)",
+      "border": "rgba(255, 255, 255, 0.35)",
       "input": "rgba(99, 102, 241, 0.25)",
       "ring": "#6366f1",
       "error": "#e11d48",
@@ -180,36 +202,36 @@
     },
     "radii": {
       "none": "0px",
-      "sm": "10px",
-      "md": "14px",
-      "lg": "18px",
-      "xl": "20px",
+      "sm": "12px",
+      "md": "16px",
+      "lg": "22px",
+      "xl": "28px",
       "full": "9999px"
     },
     "shadows": {
-      "main": "0 4px 16px rgba(99, 102, 241, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05)",
-      "sm": "0 1px 6px rgba(99, 102, 241, 0.08)",
-      "lg": "0 12px 32px rgba(99, 102, 241, 0.14), 0 4px 12px rgba(15, 23, 42, 0.06)",
-      "inner": "inset 0 1px 4px rgba(99, 102, 241, 0.08)",
+      "main": "0 8px 32px rgba(31,38,135,0.14)",
+      "sm": "0 4px 16px rgba(31,38,135,0.10)",
+      "lg": "0 16px 48px rgba(31,38,135,0.20)",
+      "inner": "inset 0 1px 0 rgba(255,255,255,0.6)",
       "none": "none",
-      "hover": "0 12px 36px rgba(99, 102, 241, 0.2), 0 4px 12px rgba(139, 92, 246, 0.08)",
-      "active": "0 2px 8px rgba(99, 102, 241, 0.12)"
+      "hover": "0 12px 40px rgba(31,38,135,0.22)",
+      "active": "0 2px 8px rgba(31,38,135,0.12)"
     },
     "typography": {
       "border-width": "1px",
       "border-width-thin": "1px",
       "border-width-thick": "2px",
-      "font-family": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "font-family": "\"Outfit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
       "font-weight-normal": "400",
       "font-weight-medium": "500",
       "font-weight-bold": "650",
-      "letter-spacing": "-0.01em",
+      "letter-spacing": "-0.005em",
       "line-height": "1.6",
       "icon-color": "#6366f1",
       "transition-fast": "120ms",
-      "transition-normal": "220ms",
-      "transition-slow": "320ms",
-      "transition-timing": "cubic-bezier(0.34, 1.3, 0.64, 1)",
+      "transition-normal": "300ms",
+      "transition-slow": "500ms",
+      "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
       "hover-scale": "1.01",
       "hover-translate-y": "-1px",
       "hover-translate-x": "0",
@@ -218,159 +240,16 @@
       "focus-ring-width": "2px",
       "focus-ring-offset": "2px",
       "focus-ring-color": "#6366f1"
+    },
+    "surface": {
+      "backdrop": "blur(20px) saturate(1.6)",
+      "cardImage": "linear-gradient(135deg, rgba(255,255,255,0.45), rgba(255,255,255,0.05))",
+      "pageImage": "radial-gradient(60% 50% at 15% 10%, rgba(91,93,240,0.35), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(236,72,153,0.28), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(34,211,238,0.30), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(168,85,247,0.25), transparent 70%)",
+      "pageImageSize": "100% 100%"
     }
   },
   "variants": {
     "dark": {
-      "density": {
-        "spacing": {
-          "space0": "0px",
-          "space1": "4px",
-          "space2": "8px",
-          "space3": "12px",
-          "space4": "16px",
-          "space5": "20px",
-          "space6": "24px",
-          "space7": "28px",
-          "space8": "32px",
-          "space9": "36px",
-          "space10": "40px",
-          "space11": "44px",
-          "space12": "48px"
-        },
-        "buttonHeightSm": "32px",
-        "buttonHeightMd": "40px",
-        "buttonHeightLg": "48px",
-        "inputHeightSm": "32px",
-        "inputHeightMd": "40px",
-        "inputHeightLg": "48px",
-        "rowHeightCompact": "36px",
-        "rowHeightNormal": "44px",
-        "rowHeightSpacious": "52px",
-        "cardPaddingSm": "16px",
-        "cardPaddingMd": "20px",
-        "cardPaddingLg": "28px",
-        "dialogPadding": "28px",
-        "sectionGap": "40px"
-      },
-      "typeScale": {
-        "displayFamily": "var(--font-family)",
-        "bodyFamily": "var(--font-family)",
-        "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-        "scale": {
-          "xs": {
-            "size": "12px",
-            "lineHeight": "16px"
-          },
-          "sm": {
-            "size": "14px",
-            "lineHeight": "20px"
-          },
-          "base": {
-            "size": "16px",
-            "lineHeight": "24px"
-          },
-          "lg": {
-            "size": "18px",
-            "lineHeight": "28px"
-          },
-          "xl": {
-            "size": "20px",
-            "lineHeight": "28px"
-          },
-          "2xl": {
-            "size": "24px",
-            "lineHeight": "32px"
-          },
-          "3xl": {
-            "size": "30px",
-            "lineHeight": "36px"
-          },
-          "4xl": {
-            "size": "36px",
-            "lineHeight": "40px"
-          },
-          "display-1": {
-            "size": "48px",
-            "lineHeight": "52px"
-          },
-          "display-2": {
-            "size": "60px",
-            "lineHeight": "64px"
-          }
-        },
-        "intents": {
-          "headingMajor": {
-            "slot": "display",
-            "size": "2xl",
-            "weight": "bold"
-          },
-          "headingMinor": {
-            "slot": "display",
-            "size": "lg",
-            "weight": "medium"
-          },
-          "bodyEmphasis": {
-            "slot": "body",
-            "size": "base",
-            "weight": "medium"
-          },
-          "bodyDefault": {
-            "slot": "body",
-            "size": "sm",
-            "weight": "normal"
-          },
-          "bodyQuiet": {
-            "slot": "body",
-            "size": "sm",
-            "weight": "normal"
-          },
-          "caption": {
-            "slot": "body",
-            "size": "xs",
-            "weight": "normal"
-          },
-          "numeric": {
-            "slot": "mono",
-            "size": "sm",
-            "weight": "medium"
-          }
-        }
-      },
-      "motion": {
-        "durations": {
-          "instant": "0ms",
-          "fast": "var(--transition-fast)",
-          "normal": "var(--transition-normal)",
-          "slow": "var(--transition-slow)",
-          "dramatic": "800ms"
-        },
-        "easings": {
-          "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "cubic-bezier(0.22, 1, 0.36, 1)",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-        }
-      },
-      "iconography": {
-        "family": "lucide",
-        "strokeWidth": "1.5",
-        "defaultSize": "16px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-sm)",
-        "popoverElevation": "var(--shadow-main)",
-        "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
-      },
-      "geometry": {
-        "radiusContainer": "var(--radius-lg)",
-        "radiusInteractive": "var(--radius-md)",
-        "radiusPill": "var(--radius-full)",
-        "borderHairline": "1px",
-        "borderStandard": "var(--border-width)",
-        "borderHeavy": "var(--border-width-thick)"
-      },
       "colors": {
         "primary": "#818cf8",
         "primary-hover": "#6b72f5",
@@ -387,7 +266,7 @@
         "card": "rgba(22, 27, 51, 0.58)",
         "card-foreground": "#e7e9f5",
         "surface": "rgba(30, 36, 66, 0.55)",
-        "border": "rgba(255, 255, 255, 0.14)",
+        "border": "rgba(255, 255, 255, 0.35)",
         "input": "rgba(255, 255, 255, 0.2)",
         "ring": "#818cf8",
         "error": "#fb7185",
@@ -399,38 +278,21 @@
         "info": "#38bdf8",
         "info-foreground": "#000000"
       },
-      "radii": {
-        "none": "0px",
-        "sm": "10px",
-        "md": "14px",
-        "lg": "18px",
-        "xl": "20px",
-        "full": "9999px"
-      },
-      "shadows": {
-        "main": "0 4px 18px rgba(0, 0, 0, 0.45), 0 0 14px rgba(129, 140, 248, 0.12)",
-        "sm": "0 1px 6px rgba(0, 0, 0, 0.35), 0 0 8px rgba(129, 140, 248, 0.08)",
-        "lg": "0 14px 40px rgba(0, 0, 0, 0.55), 0 0 28px rgba(129, 140, 248, 0.16)",
-        "inner": "inset 0 1px 4px rgba(0, 0, 0, 0.4), inset 0 0 10px rgba(129, 140, 248, 0.06)",
-        "none": "none",
-        "hover": "0 14px 44px rgba(0, 0, 0, 0.6), 0 0 32px rgba(167, 139, 250, 0.22)",
-        "active": "0 2px 8px rgba(0, 0, 0, 0.4), 0 0 10px rgba(129, 140, 248, 0.1)"
-      },
       "typography": {
         "border-width": "1px",
         "border-width-thin": "1px",
         "border-width-thick": "2px",
-        "font-family": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "font-family": "\"Outfit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
         "font-weight-normal": "400",
         "font-weight-medium": "500",
         "font-weight-bold": "650",
-        "letter-spacing": "-0.01em",
+        "letter-spacing": "-0.005em",
         "line-height": "1.6",
         "icon-color": "#818cf8",
         "transition-fast": "120ms",
-        "transition-normal": "220ms",
-        "transition-slow": "320ms",
-        "transition-timing": "cubic-bezier(0.34, 1.3, 0.64, 1)",
+        "transition-normal": "300ms",
+        "transition-slow": "500ms",
+        "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
         "hover-scale": "1.01",
         "hover-translate-y": "-1px",
         "hover-translate-x": "0",
@@ -439,6 +301,21 @@
         "focus-ring-width": "2px",
         "focus-ring-offset": "2px",
         "focus-ring-color": "#818cf8"
+      },
+      "shadows": {
+        "main": "0 8px 32px rgba(0,0,0,0.40)",
+        "sm": "0 4px 16px rgba(0,0,0,0.30)",
+        "lg": "0 16px 48px rgba(0,0,0,0.55)",
+        "inner": "inset 0 1px 0 rgba(255,255,255,0.10)",
+        "none": "none",
+        "hover": "0 12px 40px rgba(0,0,0,0.50)",
+        "active": "0 2px 8px rgba(0,0,0,0.35)"
+      },
+      "surface": {
+        "backdrop": "blur(20px) saturate(1.6)",
+        "cardImage": "linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.01))",
+        "pageImage": "radial-gradient(60% 50% at 15% 10%, rgba(99,102,241,0.40), transparent 70%), radial-gradient(50% 45% at 85% 20%, rgba(236,72,153,0.28), transparent 70%), radial-gradient(55% 50% at 70% 90%, rgba(34,211,238,0.25), transparent 70%), radial-gradient(45% 40% at 10% 85%, rgba(168,85,247,0.30), transparent 70%)",
+        "pageImageSize": "100% 100%"
       }
     }
   }