@almadar/core 10.110.0 → 10.112.0

package/themes/game-sci-fi.json

@@ -1,5 +1,6 @@
 {
   "name": "game-sci-fi",
+  "displayName": "Game: Sci-Fi",
   "tokens": {},
   "variants": {
     "dark": {
@@ -35,8 +36,8 @@
         "sectionGap": "32px"
       },
       "typeScale": {
-        "displayFamily": "var(--font-family)",
-        "bodyFamily": "var(--font-family)",
+        "displayFamily": "\"Orbitron\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "bodyFamily": "\"Rajdhani\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
         "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
         "scale": {
           "xs": {
@@ -116,7 +117,12 @@
             "size": "sm",
             "weight": "medium"
           }
-        }
+        },
+        "fontImport": "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap",
+        "headingWeight": "700",
+        "headingTransform": "uppercase",
+        "headingTracking": "0.14em",
+        "headingStyle": "normal"
       },
       "motion": {
         "durations": {
@@ -128,26 +134,41 @@
         },
         "easings": {
           "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+          "standard": "cubic-bezier(0.25, 0, 0.35, 1)",
+          "emphasized": "cubic-bezier(0.25, 0, 0.35, 1)",
+          "spring": "cubic-bezier(0.25, 0, 0.35, 1)"
+        },
+        "shapes": {
+          "modalEnter": "scaleY(0.04)",
+          "modalExit": "scaleY(0.04)",
+          "pageEnter": "translateX(-12px)",
+          "popoverEnter": "scaleY(0.1)",
+          "popoverExit": "scaleY(0.1)",
+          "toastEnter": "translateX(24px)",
+          "toastExit": "translateX(24px)"
         }
       },
       "iconography": {
-        "family": "lucide",
-        "strokeWidth": "1.75",
+        "family": "tabler",
+        "strokeWidth": "1.5",
         "defaultSize": "16px"
       },
       "elevation": {
         "cardElevation": "var(--shadow-sm)",
         "popoverElevation": "var(--shadow-main)",
         "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
+        "toastElevation": "var(--shadow-main)",
+        "interactiveElevation": "var(--shadow-sm)",
+        "pressedElevation": "var(--shadow-active)"
       },
       "geometry": {
         "radiusContainer": "var(--radius-md)",
-        "radiusInteractive": "var(--radius-md)",
+        "radiusInteractive": "var(--radius-sm)",
         "radiusPill": "var(--radius-full)",
+        "cornerShape": "bevel",
+        "cornerShapePill": "bevel",
+        "borderStyle": "solid",
+        "borderStyleInteractive": "solid",
         "borderHairline": "1px",
         "borderStandard": "var(--border-width)",
         "borderHeavy": "var(--border-width-thick)"
@@ -182,20 +203,20 @@
       },
       "radii": {
         "none": "0px",
-        "sm": "4px",
-        "md": "6px",
-        "lg": "8px",
-        "xl": "12px",
+        "sm": "2px",
+        "md": "4px",
+        "lg": "6px",
+        "xl": "8px",
         "full": "9999px"
       },
       "shadows": {
-        "main": "0 4px 14px rgba(62, 166, 255, 0.14), 0 1px 3px rgba(0, 0, 0, 0.35)",
-        "sm": "0 2px 4px rgba(62, 166, 255, 0.08)",
-        "lg": "0 8px 30px rgba(62, 166, 255, 0.20), 0 4px 10px rgba(0, 0, 0, 0.30)",
-        "inner": "inset 0 1px 3px rgba(0, 0, 0, 0.35)",
+        "main": "0 0 14px rgba(62,166,255,0.35), inset 0 0 0 1px rgba(62,166,255,0.3)",
+        "sm": "0 0 6px rgba(62,166,255,0.3)",
+        "lg": "0 0 28px rgba(62,166,255,0.45), inset 0 0 0 1px rgba(62,166,255,0.4)",
+        "inner": "inset 0 0 10px rgba(62,166,255,0.2)",
         "none": "none",
-        "hover": "0 12px 40px rgba(62, 166, 255, 0.25), 0 4px 12px rgba(79, 195, 247, 0.12)",
-        "active": "0 2px 8px rgba(62, 166, 255, 0.18)"
+        "hover": "0 0 22px rgba(62,166,255,0.55), inset 0 0 0 1px rgba(62,166,255,0.5)",
+        "active": "0 0 4px rgba(62,166,255,0.5), inset 0 0 14px rgba(62,166,255,0.3)"
       },
       "typography": {
         "border-width": "1px",
@@ -204,7 +225,7 @@
         "game-panel-border-image": "url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack-sci-fi/ui/metalPanel_blue.png')",
         "game-panel-border-image-slice": "26 fill",
         "game-panel-border-image-width": "22px",
-        "font-family": "\"Kenney Future\", \"Orbitron\", \"Rajdhani\", ui-sans-serif, system-ui, sans-serif",
+        "font-family": "\"Rajdhani\", \"Kenney Future\", ui-sans-serif, system-ui, sans-serif",
         "font-weight-normal": "400",
         "font-weight-medium": "500",
         "font-weight-bold": "700",
@@ -223,6 +244,11 @@
         "focus-ring-width": "2px",
         "focus-ring-offset": "2px",
         "focus-ring-color": "#3ea6ff"
+      },
+      "surface": {
+        "cardImage": "linear-gradient(180deg, rgba(62,166,255,0.10), rgba(62,166,255,0.00) 60%)",
+        "pageImage": "repeating-linear-gradient(0deg, rgba(62,166,255,0.06) 0px, rgba(62,166,255,0.06) 1px, transparent 1px, transparent 3px)",
+        "pageImageSize": "auto"
       }
     }
   }

package/themes/game-ui-pack.json

@@ -1,5 +1,6 @@
 {
   "name": "game-ui-pack",
+  "displayName": "Game: Flat UI",
   "tokens": {},
   "variants": {
     "dark": {
@@ -116,7 +117,12 @@
             "size": "sm",
             "weight": "medium"
           }
-        }
+        },
+        "headingWeight": "600",
+        "headingTransform": "none",
+        "headingTracking": "0.02em",
+        "headingStyle": "normal",
+        "headingShadow": "none"
       },
       "motion": {
         "durations": {
@@ -128,26 +134,41 @@
         },
         "easings": {
           "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+          "standard": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+          "emphasized": "cubic-bezier(0.34, 1.56, 0.64, 1)",
           "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+        },
+        "shapes": {
+          "modalEnter": "translateY(-24px)",
+          "modalExit": "translateY(-24px)",
+          "pageEnter": "translateY(12px)",
+          "popoverEnter": "scale(0.9)",
+          "popoverExit": "scale(0.9)",
+          "toastEnter": "translateY(-20px)",
+          "toastExit": "translateY(-20px)"
         }
       },
       "iconography": {
         "family": "lucide",
-        "strokeWidth": "1.75",
+        "strokeWidth": "2.5",
         "defaultSize": "16px"
       },
       "elevation": {
         "cardElevation": "var(--shadow-sm)",
         "popoverElevation": "var(--shadow-main)",
         "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
+        "toastElevation": "var(--shadow-main)",
+        "interactiveElevation": "var(--shadow-main)",
+        "pressedElevation": "var(--shadow-active)"
       },
       "geometry": {
-        "radiusContainer": "var(--radius-md)",
+        "radiusContainer": "var(--radius-lg)",
         "radiusInteractive": "var(--radius-md)",
         "radiusPill": "var(--radius-full)",
+        "cornerShape": "round",
+        "cornerShapePill": "round",
+        "borderStyle": "none",
+        "borderStyleInteractive": "none",
         "borderHairline": "1px",
         "borderStandard": "var(--border-width)",
         "borderHeavy": "var(--border-width-thick)"
@@ -182,20 +203,20 @@
       },
       "radii": {
         "none": "0px",
-        "sm": "4px",
-        "md": "6px",
-        "lg": "8px",
-        "xl": "12px",
+        "sm": "10px",
+        "md": "12px",
+        "lg": "16px",
+        "xl": "22px",
         "full": "9999px"
       },
       "shadows": {
-        "main": "0 4px 14px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.4)",
-        "sm": "0 2px 4px rgba(0, 0, 0, 0.25)",
-        "lg": "0 8px 30px rgba(0, 0, 0, 0.45), 0 4px 10px rgba(0, 0, 0, 0.3)",
-        "inner": "inset 0 1px 3px rgba(0, 0, 0, 0.35)",
+        "main": "0 4px 0 0 rgba(0,0,0,0.45)",
+        "sm": "0 2px 0 0 rgba(0,0,0,0.45)",
+        "lg": "0 6px 0 0 rgba(0,0,0,0.5)",
+        "inner": "inset 0 2px 0 0 rgba(0,0,0,0.35)",
         "none": "none",
-        "hover": "0 12px 40px rgba(46, 167, 225, 0.25), 0 4px 12px rgba(0, 0, 0, 0.3)",
-        "active": "0 2px 8px rgba(0, 0, 0, 0.3)"
+        "hover": "0 6px 0 0 rgba(0,0,0,0.45)",
+        "active": "0 1px 0 0 rgba(0,0,0,0.5)"
       },
       "typography": {
         "border-width": "1px",
@@ -224,7 +245,8 @@
         "focus-ring-width": "2px",
         "focus-ring-offset": "2px",
         "focus-ring-color": "#2ea7e1"
-      }
+      },
+      "surface": {}
     }
   }
 }

package/themes/gazette.json

@@ -1,5 +1,6 @@
 {
   "name": "gazette",
+  "displayName": "Gazette",
   "tokens": {
     "density": {
       "spacing": {
@@ -27,14 +28,14 @@
       "rowHeightNormal": "56px",
       "rowHeightSpacious": "64px",
       "cardPaddingSm": "16px",
-      "cardPaddingMd": "24px",
+      "cardPaddingMd": "28px",
       "cardPaddingLg": "32px",
       "dialogPadding": "32px",
       "sectionGap": "48px"
     },
     "typeScale": {
-      "displayFamily": "\"Fraunces\", \"Charter\", Georgia, serif",
-      "bodyFamily": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "displayFamily": "\"Fraunces\", Georgia, \"Times New Roman\", serif",
+      "bodyFamily": "\"Newsreader\", Georgia, \"Times New Roman\", serif",
       "monoFamily": "\"JetBrains Mono\", 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=Fraunces:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Newsreader:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap",
+      "headingWeight": "600",
+      "headingTransform": "none",
+      "headingTracking": "-0.02em",
+      "headingStyle": "italic",
+      "headingShadow": "none"
     },
     "motion": {
       "durations": {
@@ -129,6 +136,15 @@
         "standard": "cubic-bezier(0.2, 0, 0, 1)",
         "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
         "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "translateY(10px)",
+        "modalExit": "translateY(10px)",
+        "pageEnter": "translateY(8px)",
+        "popoverEnter": "translateY(4px)",
+        "popoverExit": "translateY(4px)",
+        "toastEnter": "translateY(10px)",
+        "toastExit": "translateY(10px)"
       }
     },
     "iconography": {
@@ -137,18 +153,24 @@
       "defaultSize": "20px"
     },
     "elevation": {
-      "cardElevation": "var(--shadow-main)",
-      "popoverElevation": "var(--shadow-lg)",
-      "dialogElevation": "var(--shadow-lg)",
-      "toastElevation": "var(--shadow-main)"
+      "cardElevation": "none",
+      "popoverElevation": "none",
+      "dialogElevation": "none",
+      "toastElevation": "none",
+      "interactiveElevation": "none",
+      "pressedElevation": "none"
     },
     "geometry": {
-      "radiusContainer": "12px",
-      "radiusInteractive": "10px",
+      "radiusContainer": "0px",
+      "radiusInteractive": "0px",
       "radiusPill": "var(--radius-full)",
       "borderHairline": "1px",
-      "borderStandard": "var(--border-width)",
-      "borderHeavy": "var(--border-width-thick)"
+      "borderStandard": "1px",
+      "borderHeavy": "2px",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
     },
     "colors": {
       "primary": "#a85436",
@@ -180,31 +202,31 @@
     },
     "radii": {
       "none": "0px",
-      "sm": "6px",
-      "md": "10px",
-      "lg": "12px",
-      "xl": "16px",
+      "sm": "0px",
+      "md": "0px",
+      "lg": "0px",
+      "xl": "0px",
       "full": "9999px"
     },
     "shadows": {
+      "main": "none",
+      "sm": "none",
+      "lg": "none",
+      "inner": "none",
       "none": "none",
-      "sm": "0 1px 2px rgba(26, 22, 20, 0.06)",
-      "main": "0 4px 16px rgba(26, 22, 20, 0.08), 0 2px 4px rgba(26, 22, 20, 0.04)",
-      "lg": "0 16px 48px rgba(26, 22, 20, 0.14), 0 6px 16px rgba(26, 22, 20, 0.06)",
-      "inner": "inset 0 1px 2px rgba(26, 22, 20, 0.06)",
-      "hover": "0 20px 56px rgba(26, 22, 20, 0.16), 0 8px 20px rgba(26, 22, 20, 0.08)",
-      "active": "0 2px 8px rgba(26, 22, 20, 0.1)"
+      "hover": "none",
+      "active": "none"
     },
     "typography": {
       "border-width": "1px",
       "border-width-thin": "1px",
       "border-width-thick": "2px",
-      "font-family": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "font-family": "\"Newsreader\", Georgia, \"Times New Roman\", serif",
       "font-weight-normal": "400",
       "font-weight-medium": "500",
       "font-weight-bold": "700",
-      "letter-spacing": "-0.005em",
-      "line-height": "1.75",
+      "letter-spacing": "0",
+      "line-height": "1.7",
       "icon-color": "#1a1614",
       "transition-fast": "250ms",
       "transition-normal": "400ms",
@@ -222,155 +244,6 @@
   },
   "variants": {
     "dark": {
-      "density": {
-        "spacing": {
-          "space0": "0px",
-          "space1": "4px",
-          "space2": "8px",
-          "space3": "12px",
-          "space4": "16px",
-          "space5": "20px",
-          "space6": "24px",
-          "space7": "32px",
-          "space8": "40px",
-          "space9": "48px",
-          "space10": "56px",
-          "space11": "64px",
-          "space12": "80px"
-        },
-        "buttonHeightSm": "36px",
-        "buttonHeightMd": "40px",
-        "buttonHeightLg": "44px",
-        "inputHeightSm": "36px",
-        "inputHeightMd": "40px",
-        "inputHeightLg": "44px",
-        "rowHeightCompact": "44px",
-        "rowHeightNormal": "56px",
-        "rowHeightSpacious": "64px",
-        "cardPaddingSm": "16px",
-        "cardPaddingMd": "24px",
-        "cardPaddingLg": "32px",
-        "dialogPadding": "32px",
-        "sectionGap": "48px"
-      },
-      "typeScale": {
-        "displayFamily": "\"Fraunces\", \"Charter\", Georgia, serif",
-        "bodyFamily": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
-        "monoFamily": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-        "scale": {
-          "xs": {
-            "size": "13px",
-            "lineHeight": "18px"
-          },
-          "sm": {
-            "size": "14px",
-            "lineHeight": "22px"
-          },
-          "base": {
-            "size": "16px",
-            "lineHeight": "28px"
-          },
-          "lg": {
-            "size": "19px",
-            "lineHeight": "30px"
-          },
-          "xl": {
-            "size": "22px",
-            "lineHeight": "32px"
-          },
-          "2xl": {
-            "size": "26px",
-            "lineHeight": "34px"
-          },
-          "3xl": {
-            "size": "30px",
-            "lineHeight": "38px"
-          },
-          "4xl": {
-            "size": "38px",
-            "lineHeight": "46px"
-          },
-          "display-1": {
-            "size": "52px",
-            "lineHeight": "60px"
-          },
-          "display-2": {
-            "size": "68px",
-            "lineHeight": "76px"
-          }
-        },
-        "intents": {
-          "headingMajor": {
-            "slot": "display",
-            "size": "3xl",
-            "weight": "bold"
-          },
-          "headingMinor": {
-            "slot": "display",
-            "size": "xl",
-            "weight": "bold"
-          },
-          "bodyEmphasis": {
-            "slot": "body",
-            "size": "base",
-            "weight": "medium"
-          },
-          "bodyDefault": {
-            "slot": "body",
-            "size": "base",
-            "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": "250ms",
-          "normal": "400ms",
-          "slow": "600ms",
-          "dramatic": "900ms"
-        },
-        "easings": {
-          "linear": "linear",
-          "standard": "cubic-bezier(0.2, 0, 0, 1)",
-          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-        }
-      },
-      "iconography": {
-        "family": "phosphor-duotone",
-        "strokeWidth": "1.5",
-        "defaultSize": "20px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-main)",
-        "popoverElevation": "var(--shadow-lg)",
-        "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
-      },
-      "geometry": {
-        "radiusContainer": "12px",
-        "radiusInteractive": "10px",
-        "radiusPill": "var(--radius-full)",
-        "borderHairline": "1px",
-        "borderStandard": "var(--border-width)",
-        "borderHeavy": "var(--border-width-thick)"
-      },
       "colors": {
         "primary": "#c0664a",
         "primary-hover": "#d57a5d",
@@ -399,33 +272,16 @@
         "info": "#7a9ec0",
         "info-foreground": "#14110d"
       },
-      "radii": {
-        "none": "0px",
-        "sm": "6px",
-        "md": "10px",
-        "lg": "12px",
-        "xl": "16px",
-        "full": "9999px"
-      },
-      "shadows": {
-        "none": "none",
-        "sm": "0 1px 2px rgba(0, 0, 0, 0.3)",
-        "main": "0 4px 16px rgba(0, 0, 0, 0.45), 0 2px 4px rgba(0, 0, 0, 0.25)",
-        "lg": "0 16px 48px rgba(0, 0, 0, 0.55), 0 6px 16px rgba(0, 0, 0, 0.3)",
-        "inner": "inset 0 1px 2px rgba(0, 0, 0, 0.4)",
-        "hover": "0 20px 56px rgba(0, 0, 0, 0.6), 0 8px 20px rgba(0, 0, 0, 0.35)",
-        "active": "0 2px 8px rgba(0, 0, 0, 0.4)"
-      },
       "typography": {
         "border-width": "1px",
         "border-width-thin": "1px",
         "border-width-thick": "2px",
-        "font-family": "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "font-family": "\"Newsreader\", Georgia, \"Times New Roman\", serif",
         "font-weight-normal": "400",
         "font-weight-medium": "500",
         "font-weight-bold": "700",
-        "letter-spacing": "-0.005em",
-        "line-height": "1.75",
+        "letter-spacing": "0",
+        "line-height": "1.7",
         "icon-color": "#f5efe6",
         "transition-fast": "250ms",
         "transition-normal": "400ms",