@almadar/core 10.111.0 → 10.113.0

package/themes/art-deco.json

@@ -0,0 +1,342 @@
+{
+  "name": "art-deco",
+  "displayName": "Art Deco 1925",
+  "tokens": {
+    "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": "44px",
+      "buttonHeightLg": "54px",
+      "inputHeightSm": "32px",
+      "inputHeightMd": "44px",
+      "inputHeightLg": "54px",
+      "rowHeightCompact": "36px",
+      "rowHeightNormal": "46px",
+      "rowHeightSpacious": "58px",
+      "cardPaddingSm": "16px",
+      "cardPaddingMd": "24px",
+      "cardPaddingLg": "32px",
+      "dialogPadding": "32px",
+      "sectionGap": "40px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Limelight\", \"Poiret One\", \"Josefin Sans\", serif",
+      "bodyFamily": "\"Josefin Sans\", \"Futura\", sans-serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Limelight&family=Poiret+One&family=Josefin+Sans:wght@400;500;700&display=swap",
+      "headingWeight": "400",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.16em",
+      "headingStyle": "normal",
+      "headingShadow": "none",
+      "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": "var(--transition-fast)",
+        "normal": "var(--transition-normal)",
+        "slow": "var(--transition-slow)",
+        "dramatic": "900ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "var(--transition-timing)",
+        "emphasized": "cubic-bezier(0.65, 0, 0.35, 1)",
+        "spring": "cubic-bezier(0.45, 0, 0.55, 1)"
+      },
+      "shapes": {
+        "modalEnter": "translateY(-16px)",
+        "modalExit": "translateY(-16px)",
+        "pageEnter": "translateY(-8px)",
+        "popoverEnter": "translateY(-8px)",
+        "popoverExit": "translateY(-8px)",
+        "toastEnter": "translateY(-16px)",
+        "toastExit": "translateY(-16px)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-duotone",
+      "strokeWidth": "1.5",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-md)",
+      "radiusInteractive": "var(--radius-sm)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "bevel",
+      "cornerShapePill": "round",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)",
+      "borderStyle": "double",
+      "borderStyleInteractive": "double"
+    },
+    "colors": {
+      "primary": "#7a5a00",
+      "primary-foreground": "#fff6d8",
+      "secondary": "#0f5a45",
+      "secondary-hover": "#0b4937",
+      "secondary-foreground": "#f2fff9",
+      "accent": "#0b1026",
+      "accent-foreground": "#e8c766",
+      "muted": "#ece3c8",
+      "muted-foreground": "#4d4526",
+      "background": "#f6efdb",
+      "foreground": "#0b1026",
+      "card": "#fffaea",
+      "card-foreground": "#0b1026",
+      "surface": "#efe6cb",
+      "border": "#8a6a10",
+      "input": "#8a6a10",
+      "ring": "#0f5a45",
+      "table-header": "#efe6cb",
+      "table-border": "#8a6a10",
+      "table-row-hover": "#f6efdb",
+      "surface-hover": "#e8dcb6",
+      "border-hover": "#0f5a45",
+      "placeholder": "#6b6238",
+      "error": "#a3122a",
+      "error-foreground": "#ffffff",
+      "success": "#0f6a45",
+      "success-foreground": "#ffffff",
+      "warning": "#e0a81c",
+      "warning-foreground": "#1a1200",
+      "info": "#1f4a8a",
+      "info-foreground": "#ffffff",
+      "primary-hover": "#634900",
+      "scrim": "rgba(0, 0, 0, 0.6)"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "12px",
+      "xl": "16px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "0 0 10px rgba(138,106,16,0.35)",
+      "sm": "0 0 0 1px rgba(138,106,16,0.5)",
+      "lg": "0 0 18px rgba(138,106,16,0.45)",
+      "inner": "inset 0 0 0 1px rgba(138,106,16,0.4)",
+      "none": "none",
+      "hover": "0 0 14px rgba(138,106,16,0.55)",
+      "active": "0 0 4px rgba(138,106,16,0.6)"
+    },
+    "typography": {
+      "border-width": "3px",
+      "border-width-thin": "1px",
+      "border-width-thick": "5px",
+      "font-family": "\"Josefin Sans\", \"Futura\", sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0.02em",
+      "line-height": "1.55",
+      "icon-color": "#7a5a00",
+      "transition-fast": "240ms",
+      "transition-normal": "420ms",
+      "transition-slow": "700ms",
+      "transition-timing": "cubic-bezier(0.65, 0, 0.35, 1)",
+      "hover-scale": "1.0",
+      "hover-translate-y": "-1px",
+      "hover-translate-x": "0",
+      "active-scale": "0.99",
+      "active-translate-y": "1px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#0f5a45"
+    },
+    "surface": {
+      "cardImage": "linear-gradient(180deg, rgba(212,175,55,0.10), transparent 40%)",
+      "pageImage": "repeating-conic-gradient(from 0deg at 50% 100%, rgba(138,106,16,0.07) 0deg 4deg, transparent 4deg 12deg)",
+      "pageImageSize": "160px 80px"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#e8c766",
+        "primary-foreground": "#0a0f24",
+        "primary-hover": "#f2d884",
+        "secondary": "#1f9d78",
+        "secondary-hover": "#2bb58c",
+        "secondary-foreground": "#04140e",
+        "accent": "#f2d884",
+        "accent-foreground": "#0a0f24",
+        "muted": "#1a2246",
+        "muted-foreground": "#cfc39a",
+        "background": "#080c1e",
+        "foreground": "#f3e7bd",
+        "card": "#0f1530",
+        "card-foreground": "#f3e7bd",
+        "surface": "#0c1228",
+        "border": "#d4af37",
+        "input": "#d4af37",
+        "ring": "#2bd39e",
+        "table-header": "#0c1228",
+        "table-border": "#d4af37",
+        "table-row-hover": "#141b3a",
+        "surface-hover": "#1a2246",
+        "border-hover": "#f2d884",
+        "placeholder": "#a39a78",
+        "error": "#ff6b7d",
+        "error-foreground": "#1a0308",
+        "success": "#3fe0a0",
+        "success-foreground": "#03140c",
+        "warning": "#f2c14e",
+        "warning-foreground": "#1a1200",
+        "info": "#79a8f2",
+        "info-foreground": "#051226",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "shadows": {
+        "main": "0 0 10px rgba(212,175,55,0.35)",
+        "sm": "0 0 0 1px rgba(212,175,55,0.5)",
+        "lg": "0 0 20px rgba(212,175,55,0.45)",
+        "inner": "inset 0 0 0 1px rgba(212,175,55,0.4)",
+        "none": "none",
+        "hover": "0 0 16px rgba(212,175,55,0.55)",
+        "active": "0 0 4px rgba(212,175,55,0.6)"
+      },
+      "typography": {
+        "border-width": "3px",
+        "border-width-thin": "1px",
+        "border-width-thick": "5px",
+        "font-family": "\"Josefin Sans\", \"Futura\", sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.02em",
+        "line-height": "1.55",
+        "icon-color": "#e8c766",
+        "transition-fast": "240ms",
+        "transition-normal": "420ms",
+        "transition-slow": "700ms",
+        "transition-timing": "cubic-bezier(0.65, 0, 0.35, 1)",
+        "hover-scale": "1.0",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "0",
+        "active-scale": "0.99",
+        "active-translate-y": "1px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#2bd39e"
+      },
+      "radii": {
+        "none": "0px",
+        "sm": "4px",
+        "md": "8px",
+        "lg": "12px",
+        "xl": "16px",
+        "full": "9999px"
+      },
+      "surface": {
+        "cardImage": "linear-gradient(180deg, rgba(212,175,55,0.08), transparent 40%)",
+        "pageImage": "repeating-conic-gradient(from 0deg at 50% 100%, rgba(212,175,55,0.07) 0deg 4deg, transparent 4deg 12deg)",
+        "pageImageSize": "160px 80px"
+      }
+    }
+  }
+}

package/themes/art-nouveau.json

@@ -0,0 +1,342 @@
+{
+  "name": "art-nouveau",
+  "displayName": "Art Nouveau",
+  "tokens": {
+    "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": "42px",
+      "buttonHeightLg": "50px",
+      "inputHeightSm": "32px",
+      "inputHeightMd": "42px",
+      "inputHeightLg": "50px",
+      "rowHeightCompact": "36px",
+      "rowHeightNormal": "46px",
+      "rowHeightSpacious": "56px",
+      "cardPaddingSm": "16px",
+      "cardPaddingMd": "24px",
+      "cardPaddingLg": "32px",
+      "dialogPadding": "32px",
+      "sectionGap": "40px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Cormorant Garamond\", \"Cinzel Decorative\", Georgia, serif",
+      "bodyFamily": "\"Lora\", Georgia, serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500;1,700&family=Cinzel+Decorative:wght@400;700&family=Lora:wght@400;500;700&display=swap",
+      "headingWeight": "600",
+      "headingTransform": "none",
+      "headingTracking": "0.01em",
+      "headingStyle": "italic",
+      "headingShadow": "none",
+      "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": "var(--transition-fast)",
+        "normal": "var(--transition-normal)",
+        "slow": "var(--transition-slow)",
+        "dramatic": "800ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "var(--transition-timing)",
+        "emphasized": "cubic-bezier(0.45, 0, 0.2, 1)",
+        "spring": "cubic-bezier(0.4, 0, 0.2, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(1.02) translateY(-4px)",
+        "modalExit": "scale(1.02) translateY(-4px)",
+        "pageEnter": "translateY(4px)",
+        "popoverEnter": "scale(0.98)",
+        "popoverExit": "scale(0.98)",
+        "toastEnter": "translateY(8px)",
+        "toastExit": "translateY(8px)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-outline",
+      "strokeWidth": "1.25",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-lg)",
+      "radiusInteractive": "var(--radius-md)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "scoop",
+      "cornerShapePill": "round",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
+    },
+    "colors": {
+      "primary": "#5a6320",
+      "primary-hover": "#485019",
+      "primary-foreground": "#fbf6e6",
+      "secondary": "#e9c8c0",
+      "secondary-hover": "#dfb5ab",
+      "secondary-foreground": "#4a2620",
+      "accent": "#7a4f00",
+      "accent-foreground": "#fbf6e6",
+      "muted": "#eee4c6",
+      "muted-foreground": "#5a4f2e",
+      "background": "#f7f0dc",
+      "foreground": "#2f2a16",
+      "card": "#fbf6e6",
+      "card-foreground": "#2f2a16",
+      "surface": "#f1e8cd",
+      "border": "#6d7430",
+      "input": "#6d7430",
+      "ring": "#9a4a54",
+      "table-header": "#f1e8cd",
+      "table-border": "#6d7430",
+      "table-row-hover": "#f7f0dc",
+      "surface-hover": "#ebdfbc",
+      "border-hover": "#9a4a54",
+      "placeholder": "#7a6f48",
+      "error": "#a8323e",
+      "error-foreground": "#ffffff",
+      "success": "#3f6b2a",
+      "success-foreground": "#ffffff",
+      "warning": "#d9a13a",
+      "warning-foreground": "#2a1c00",
+      "info": "#3a6a80",
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "8px",
+      "md": "16px",
+      "lg": "28px",
+      "xl": "40px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "0 3px 10px rgba(90,99,32,0.2)",
+      "sm": "0 1px 3px rgba(90,99,32,0.18)",
+      "lg": "0 8px 22px rgba(90,99,32,0.24)",
+      "inner": "inset 0 1px 3px rgba(90,99,32,0.16)",
+      "none": "none",
+      "hover": "0 5px 14px rgba(90,99,32,0.26)",
+      "active": "0 1px 2px rgba(90,99,32,0.22)"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Lora\", Georgia, serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.65",
+      "icon-color": "#5a6320",
+      "transition-fast": "220ms",
+      "transition-normal": "380ms",
+      "transition-slow": "620ms",
+      "transition-timing": "cubic-bezier(0.45, 0, 0.55, 1)",
+      "hover-scale": "1.0",
+      "hover-translate-y": "-1px",
+      "hover-translate-x": "0",
+      "active-scale": "0.99",
+      "active-translate-y": "1px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#9a4a54"
+    },
+    "surface": {
+      "cardImage": "linear-gradient(160deg, rgba(255,250,235,0.7), rgba(233,200,192,0.12))",
+      "pageImage": "radial-gradient(ellipse at 20% 10%, rgba(201,153,58,0.10), transparent 55%), radial-gradient(ellipse at 85% 90%, rgba(154,74,84,0.08), transparent 55%)",
+      "pageImageSize": "auto"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#b9c46a",
+        "primary-hover": "#cbd583",
+        "primary-foreground": "#1c2008",
+        "secondary": "#6b4048",
+        "secondary-hover": "#7d4e57",
+        "secondary-foreground": "#f8e4df",
+        "accent": "#e0b04a",
+        "accent-foreground": "#241800",
+        "muted": "#2e301c",
+        "muted-foreground": "#cfc79e",
+        "background": "#1b1d10",
+        "foreground": "#f1ead0",
+        "card": "#252818",
+        "card-foreground": "#f1ead0",
+        "surface": "#20230f",
+        "border": "#8d9646",
+        "input": "#8d9646",
+        "ring": "#e3a0a8",
+        "table-header": "#20230f",
+        "table-border": "#8d9646",
+        "table-row-hover": "#2a2d1a",
+        "surface-hover": "#33361f",
+        "border-hover": "#e3a0a8",
+        "placeholder": "#a39c78",
+        "error": "#ff8c95",
+        "error-foreground": "#2a0508",
+        "success": "#8fd06a",
+        "success-foreground": "#0b1a04",
+        "warning": "#ecb84e",
+        "warning-foreground": "#241800",
+        "info": "#86c2dc",
+        "info-foreground": "#05202c",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "shadows": {
+        "main": "0 3px 10px rgba(0,0,0,0.45)",
+        "sm": "0 1px 3px rgba(0,0,0,0.4)",
+        "lg": "0 8px 22px rgba(0,0,0,0.5)",
+        "inner": "inset 0 1px 3px rgba(0,0,0,0.4)",
+        "none": "none",
+        "hover": "0 5px 14px rgba(0,0,0,0.5)",
+        "active": "0 1px 2px rgba(0,0,0,0.5)"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Lora\", Georgia, serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.65",
+        "icon-color": "#b9c46a",
+        "transition-fast": "220ms",
+        "transition-normal": "380ms",
+        "transition-slow": "620ms",
+        "transition-timing": "cubic-bezier(0.45, 0, 0.55, 1)",
+        "hover-scale": "1.0",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "0",
+        "active-scale": "0.99",
+        "active-translate-y": "1px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#e3a0a8"
+      },
+      "radii": {
+        "none": "0px",
+        "sm": "8px",
+        "md": "16px",
+        "lg": "28px",
+        "xl": "40px",
+        "full": "9999px"
+      },
+      "surface": {
+        "cardImage": "linear-gradient(160deg, rgba(185,196,106,0.07), rgba(227,160,168,0.04))",
+        "pageImage": "radial-gradient(ellipse at 20% 10%, rgba(224,176,74,0.07), transparent 55%), radial-gradient(ellipse at 85% 90%, rgba(227,160,168,0.05), transparent 55%)",
+        "pageImageSize": "auto"
+      }
+    }
+  }
+}