@almadar/core 10.111.0 → 10.113.0

package/themes/frutiger-aero.json

@@ -0,0 +1,424 @@
+{
+  "name": "frutiger-aero",
+  "displayName": "Frutiger Aero",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "4px",
+        "space2": "8px",
+        "space3": "13px",
+        "space4": "17px",
+        "space5": "21px",
+        "space6": "25px",
+        "space7": "29px",
+        "space8": "34px",
+        "space9": "38px",
+        "space10": "42px",
+        "space11": "46px",
+        "space12": "50px"
+      },
+      "buttonHeightSm": "28px",
+      "buttonHeightMd": "38px",
+      "buttonHeightLg": "48px",
+      "inputHeightSm": "28px",
+      "inputHeightMd": "38px",
+      "inputHeightLg": "48px",
+      "rowHeightCompact": "34px",
+      "rowHeightNormal": "44px",
+      "rowHeightSpacious": "52px",
+      "cardPaddingSm": "14px",
+      "cardPaddingMd": "20px",
+      "cardPaddingLg": "28px",
+      "dialogPadding": "28px",
+      "sectionGap": "36px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Quicksand\", \"Nunito\", system-ui, sans-serif",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap",
+      "headingWeight": "700",
+      "headingTransform": "none",
+      "headingTracking": "0em",
+      "headingStyle": "normal",
+      "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": "bold"
+        },
+        "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": "150ms",
+        "normal": "250ms",
+        "slow": "400ms",
+        "dramatic": "600ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "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.9) translateY(16px)",
+        "modalExit": "scale(0.9) translateY(16px)",
+        "pageEnter": "translateY(12px)",
+        "popoverEnter": "scale(0.94)",
+        "popoverExit": "scale(0.94)",
+        "toastEnter": "translateY(20px)",
+        "toastExit": "translateY(20px)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-duotone",
+      "strokeWidth": "1.5",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-lg)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "18px",
+      "radiusInteractive": "16px",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "squircle",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "backdrop": "blur(14px) saturate(1.4)",
+      "cardImage": "linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 45%)",
+      "pageImage": "radial-gradient(circle at 12% 18%, rgba(255,255,255,.85) 0 5%, transparent 5.5%), radial-gradient(circle at 84% 10%, rgba(255,255,255,.7) 0 3.5%, transparent 4%), radial-gradient(circle at 72% 72%, rgba(255,255,255,.45) 0 7%, transparent 7.5%), radial-gradient(circle at 25% 80%, rgba(255,255,255,.4) 0 4%, transparent 4.5%), radial-gradient(ellipse at 50% 115%, rgba(90,200,120,.5), transparent 55%), linear-gradient(180deg, #8fd3ff 0%, #d9f2ff 55%, #e9fbe8 100%)",
+      "pageImageSize": "cover"
+    },
+    "colors": {
+      "primary": "#0873b8",
+      "primary-hover": "#065f9b",
+      "primary-foreground": "#ffffff",
+      "secondary": "#7ddb8a",
+      "secondary-hover": "#66cf76",
+      "secondary-foreground": "#06300c",
+      "accent": "#177a31",
+      "accent-foreground": "#ffffff",
+      "muted": "#dcf0fb",
+      "muted-foreground": "#3d5a70",
+      "background": "#d9f2ff",
+      "foreground": "#0d3350",
+      "card": "rgba(255, 255, 255, 0.78)",
+      "card-foreground": "#0d3350",
+      "surface": "#eaf7ff",
+      "border": "rgba(255, 255, 255, 0.85)",
+      "input": "rgba(8, 115, 184, 0.45)",
+      "ring": "#0873b8",
+      "table-header": "#eaf7ff",
+      "table-border": "rgba(255, 255, 255, 0.85)",
+      "table-row-hover": "#cdeafb",
+      "surface-hover": "#cdeafb",
+      "border-hover": "#0873b8",
+      "placeholder": "#56718a",
+      "error": "#c62a2a",
+      "error-foreground": "#ffffff",
+      "success": "#177a31",
+      "success-foreground": "#ffffff",
+      "warning": "#ffc93c",
+      "warning-foreground": "#2a1e00",
+      "info": "#0873b8",
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "10px",
+      "md": "16px",
+      "lg": "18px",
+      "xl": "24px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "0 8px 24px rgba(10,90,150,.18), 0 2px 6px rgba(10,90,150,.12), inset 0 1px 0 rgba(255,255,255,.9)",
+      "sm": "0 3px 10px rgba(10,90,150,.16), 0 1px 3px rgba(10,90,150,.1), inset 0 1px 0 rgba(255,255,255,.9)",
+      "lg": "0 16px 40px rgba(10,90,150,.22), 0 4px 10px rgba(10,90,150,.14), inset 0 1px 0 rgba(255,255,255,.9)",
+      "inner": "inset 0 2px 6px rgba(10,90,150,.2)",
+      "none": "none",
+      "hover": "0 6px 16px rgba(10,90,150,.28), inset 0 1px 0 rgba(255,255,255,.75)",
+      "active": "inset 0 2px 6px rgba(10,90,150,.35)"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Nunito\", \"Quicksand\", system-ui, sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.55",
+      "icon-color": "#0873b8",
+      "transition-fast": "150ms",
+      "transition-normal": "250ms",
+      "transition-slow": "400ms",
+      "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
+      "hover-scale": "1.02",
+      "hover-translate-y": "-2px",
+      "hover-translate-x": "0px",
+      "active-scale": "0.98",
+      "active-translate-y": "1px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#0873b8"
+    }
+  },
+  "variants": {
+    "dark": {
+      "typeScale": {
+        "displayFamily": "\"Quicksand\", \"Nunito\", system-ui, sans-serif",
+        "bodyFamily": "var(--font-family)",
+        "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "fontImport": "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap",
+        "headingWeight": "700",
+        "headingTransform": "none",
+        "headingTracking": "0em",
+        "headingStyle": "normal",
+        "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": "bold"
+          },
+          "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"
+          }
+        }
+      },
+      "surface": {
+        "backdrop": "blur(14px) saturate(1.4)",
+        "cardImage": "linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 45%)",
+        "pageImage": "radial-gradient(circle at 12% 18%, rgba(160,230,255,.28) 0 5%, transparent 5.5%), radial-gradient(circle at 84% 10%, rgba(160,230,255,.22) 0 3.5%, transparent 4%), radial-gradient(circle at 72% 72%, rgba(160,230,255,.16) 0 7%, transparent 7.5%), radial-gradient(ellipse at 50% 115%, rgba(40,160,90,.45), transparent 55%), linear-gradient(180deg, #0b3a66 0%, #0a2a4a 60%, #0a2a30 100%)",
+        "pageImageSize": "cover"
+      },
+      "colors": {
+        "primary": "#5cc4ff",
+        "primary-hover": "#3aaef2",
+        "primary-foreground": "#04243a",
+        "secondary": "#49c463",
+        "secondary-hover": "#36b052",
+        "secondary-foreground": "#032a0c",
+        "accent": "#8ce99a",
+        "accent-foreground": "#032a0c",
+        "muted": "#16406a",
+        "muted-foreground": "#b9dcf5",
+        "background": "#0a2a4a",
+        "foreground": "#e6f6ff",
+        "card": "rgba(18, 62, 104, 0.78)",
+        "card-foreground": "#e6f6ff",
+        "surface": "#0f3558",
+        "border": "rgba(255, 255, 255, 0.28)",
+        "input": "rgba(140, 215, 255, 0.5)",
+        "ring": "#7fd4ff",
+        "table-header": "#0f3558",
+        "table-border": "rgba(255, 255, 255, 0.28)",
+        "table-row-hover": "#184a78",
+        "surface-hover": "#184a78",
+        "border-hover": "#5cc4ff",
+        "placeholder": "#8fb6d6",
+        "error": "#ff7a7a",
+        "error-foreground": "#2a0505",
+        "success": "#57d878",
+        "success-foreground": "#032010",
+        "warning": "#ffd45c",
+        "warning-foreground": "#2a1e00",
+        "info": "#5cc4ff",
+        "info-foreground": "#04243a",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "shadows": {
+        "main": "0 8px 24px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.2)",
+        "sm": "0 3px 10px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2)",
+        "lg": "0 16px 40px rgba(0,0,0,.55), 0 4px 10px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2)",
+        "inner": "inset 0 2px 6px rgba(0,0,0,.5)",
+        "none": "none",
+        "hover": "0 6px 16px rgba(80,200,255,.35), inset 0 1px 0 rgba(255,255,255,.3)",
+        "active": "inset 0 2px 6px rgba(0,0,0,.55)"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Nunito\", \"Quicksand\", system-ui, sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.55",
+        "icon-color": "#7fd4ff",
+        "transition-fast": "150ms",
+        "transition-normal": "250ms",
+        "transition-slow": "400ms",
+        "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "hover-scale": "1.02",
+        "hover-translate-y": "-2px",
+        "hover-translate-x": "0px",
+        "active-scale": "0.98",
+        "active-translate-y": "1px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#7fd4ff"
+      }
+    }
+  }
+}

package/themes/game-adventure.json

@@ -1,5 +1,6 @@
 {
   "name": "game-adventure",
+  "displayName": "Game: Adventure",
   "tokens": {},
   "variants": {
     "dark": {
@@ -116,7 +117,11 @@
             "size": "sm",
             "weight": "medium"
           }
-        }
+        },
+        "headingWeight": "700",
+        "headingTransform": "uppercase",
+        "headingTracking": "0.05em",
+        "headingStyle": "normal"
       },
       "motion": {
         "durations": {
@@ -128,26 +133,41 @@
         },
         "easings": {
           "linear": "linear",
-          "standard": "var(--transition-timing)",
+          "standard": "cubic-bezier(0.34, 1.3, 0.64, 1)",
           "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
           "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+        },
+        "shapes": {
+          "modalEnter": "scale(0.8)",
+          "modalExit": "scale(0.8)",
+          "pageEnter": "translateY(12px)",
+          "popoverEnter": "scale(0.9)",
+          "popoverExit": "scale(0.9)",
+          "toastEnter": "translateY(20px)",
+          "toastExit": "translateY(20px)"
         }
       },
       "iconography": {
-        "family": "lucide",
-        "strokeWidth": "1.75",
+        "family": "fa-solid",
+        "strokeWidth": "0",
         "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-active)"
       },
       "geometry": {
-        "radiusContainer": "var(--radius-md)",
+        "radiusContainer": "var(--radius-lg)",
         "radiusInteractive": "var(--radius-md)",
         "radiusPill": "var(--radius-full)",
+        "cornerShape": "round",
+        "cornerShapePill": "round",
+        "borderStyle": "outset",
+        "borderStyleInteractive": "outset",
         "borderHairline": "1px",
         "borderStandard": "var(--border-width)",
         "borderHeavy": "var(--border-width-thick)"
@@ -178,29 +198,30 @@
         "warning": "#e0a52c",
         "warning-foreground": "#241608",
         "info": "#b5793a",
-        "info-foreground": "#241608"
+        "info-foreground": "#241608",
+        "scrim": "rgba(0, 0, 0, 0.7)"
       },
       "radii": {
         "none": "0px",
-        "sm": "3px",
-        "md": "5px",
-        "lg": "8px",
-        "xl": "12px",
+        "sm": "8px",
+        "md": "10px",
+        "lg": "14px",
+        "xl": "18px",
         "full": "9999px"
       },
       "shadows": {
-        "main": "0 4px 14px rgba(224, 165, 44, 0.12), 0 1px 3px rgba(0, 0, 0, 0.4)",
-        "sm": "0 2px 4px rgba(0, 0, 0, 0.3)",
-        "lg": "0 8px 30px rgba(224, 165, 44, 0.18), 0 4px 10px rgba(0, 0, 0, 0.35)",
-        "inner": "inset 0 1px 3px rgba(0, 0, 0, 0.4)",
+        "main": "inset 0 2px 0 rgba(255,220,160,0.28), inset 0 -3px 0 rgba(0,0,0,0.35), 0 3px 8px rgba(0,0,0,0.55)",
+        "sm": "inset 0 1px 0 rgba(255,220,160,0.25), inset 0 -2px 0 rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5)",
+        "lg": "inset 0 2px 0 rgba(255,220,160,0.3), inset 0 -4px 0 rgba(0,0,0,0.4), 0 10px 24px rgba(0,0,0,0.6)",
+        "inner": "inset 0 3px 6px rgba(0,0,0,0.5)",
         "none": "none",
-        "hover": "0 12px 40px rgba(224, 165, 44, 0.22), 0 4px 12px rgba(0, 0, 0, 0.3)",
-        "active": "0 2px 8px rgba(0, 0, 0, 0.35)"
+        "hover": "inset 0 2px 0 rgba(255,220,160,0.4), inset 0 -3px 0 rgba(0,0,0,0.35), 0 5px 12px rgba(0,0,0,0.55)",
+        "active": "inset 0 3px 0 rgba(0,0,0,0.45)"
       },
       "typography": {
-        "border-width": "1px",
-        "border-width-thin": "1px",
-        "border-width-thick": "2px",
+        "border-width": "3px",
+        "border-width-thin": "2px",
+        "border-width-thick": "4px",
         "game-panel-border-image": "url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack-adventure/ui/panel_brownimg.png')",
         "game-panel-border-image-slice": "17 fill",
         "game-panel-border-image-width": "14px",
@@ -223,6 +244,11 @@
         "focus-ring-width": "2px",
         "focus-ring-offset": "2px",
         "focus-ring-color": "#e0a52c"
+      },
+      "surface": {
+        "cardImage": "linear-gradient(180deg, rgba(122,82,40,0.06), rgba(122,82,40,0.14))",
+        "pageImage": "repeating-linear-gradient(90deg, rgba(0,0,0,0.10) 0px, rgba(0,0,0,0.10) 2px, transparent 2px, transparent 9px)",
+        "pageImageSize": "auto"
       }
     }
   }