@almadar/core 10.111.0 → 10.112.0

package/themes/steampunk.json

@@ -0,0 +1,327 @@
+{
+  "name": "steampunk",
+  "displayName": "Steampunk",
+  "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": "30px",
+      "buttonHeightMd": "38px",
+      "buttonHeightLg": "46px",
+      "inputHeightSm": "30px",
+      "inputHeightMd": "38px",
+      "inputHeightLg": "46px",
+      "rowHeightCompact": "34px",
+      "rowHeightNormal": "42px",
+      "rowHeightSpacious": "50px",
+      "cardPaddingSm": "12px",
+      "cardPaddingMd": "16px",
+      "cardPaddingLg": "22px",
+      "dialogPadding": "22px",
+      "sectionGap": "28px"
+    },
+    "typeScale": {
+      "fontImport": "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=IM+Fell+English&display=swap",
+      "displayFamily": "\"Cinzel\", \"IM Fell English\", Georgia, serif",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"Special Elite\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "headingWeight": "700",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.08em",
+      "headingStyle": "normal",
+      "scale": {
+        "xs": {
+          "size": "12px",
+          "lineHeight": "16px"
+        },
+        "sm": {
+          "size": "14px",
+          "lineHeight": "20px"
+        },
+        "base": {
+          "size": "16px",
+          "lineHeight": "24px"
+        },
+        "lg": {
+          "size": "18px",
+          "lineHeight": "29px"
+        },
+        "xl": {
+          "size": "20px",
+          "lineHeight": "29px"
+        },
+        "2xl": {
+          "size": "24px",
+          "lineHeight": "33px"
+        },
+        "3xl": {
+          "size": "31px",
+          "lineHeight": "37px"
+        },
+        "4xl": {
+          "size": "37px",
+          "lineHeight": "41px"
+        },
+        "display-1": {
+          "size": "49px",
+          "lineHeight": "53px"
+        },
+        "display-2": {
+          "size": "61px",
+          "lineHeight": "65px"
+        }
+      },
+      "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": "100ms",
+        "normal": "180ms",
+        "slow": "280ms",
+        "dramatic": "400ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "steps(6)",
+        "emphasized": "linear",
+        "spring": "steps(6)"
+      },
+      "shapes": {
+        "modalEnter": "perspective(800px) rotateX(-18deg)",
+        "modalExit": "perspective(800px) rotateX(-18deg)",
+        "pageEnter": "translateY(8px)",
+        "popoverEnter": "perspective(600px) rotateX(-12deg)",
+        "popoverExit": "perspective(600px) rotateX(-12deg)",
+        "toastEnter": "translateY(-16px)",
+        "toastExit": "translateY(-16px)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-duotone",
+      "strokeWidth": "1.75",
+      "defaultSize": "16px"
+    },
+    "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": "bevel",
+      "borderStyle": "ridge",
+      "borderStyleInteractive": "ridge",
+      "borderHairline": "2px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "cardImage": "repeating-linear-gradient(90deg, rgba(120, 80, 20, 0.07) 0, rgba(120, 80, 20, 0.07) 1px, transparent 1px, transparent 3px)"
+    },
+    "colors": {
+      "primary": "#6e1a1a",
+      "primary-hover": "#551414",
+      "primary-foreground": "#f6ead0",
+      "secondary": "#b5832a",
+      "secondary-hover": "#c2912f",
+      "secondary-foreground": "#1f1206",
+      "accent": "#9a4a24",
+      "accent-foreground": "#ffffff",
+      "muted": "#e4d3b0",
+      "muted-foreground": "#5a4325",
+      "background": "#f0e3c8",
+      "foreground": "#2b1a0e",
+      "card": "#f7ecd4",
+      "card-foreground": "#2b1a0e",
+      "surface": "#ead9b6",
+      "border": "#8a5a1c",
+      "input": "#8a5a1c",
+      "ring": "#9a4a24",
+      "table-header": "#ead9b6",
+      "table-border": "#8a5a1c",
+      "table-row-hover": "#ecddbd",
+      "surface-hover": "#e2cfa6",
+      "border-hover": "#b5832a",
+      "placeholder": "#7a6440",
+      "error": "#a4161a",
+      "error-foreground": "#ffffff",
+      "success": "#2f6b2f",
+      "success-foreground": "#ffffff",
+      "warning": "#e0a526",
+      "warning-foreground": "#1f1206",
+      "info": "#275c80",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "2px",
+      "md": "4px",
+      "lg": "6px",
+      "xl": "6px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "none": "none",
+      "sm": "inset 1px 1px 0 0 rgba(255, 235, 180, 0.6), 1px 2px 3px 0 rgba(40, 20, 0, 0.4)",
+      "main": "inset 1px 1px 0 0 rgba(255, 235, 180, 0.6), inset -1px -1px 2px 0 rgba(60, 30, 0, 0.35), 2px 3px 6px 0 rgba(40, 20, 0, 0.45)",
+      "lg": "inset 1px 1px 0 0 rgba(255, 235, 180, 0.6), inset -1px -1px 2px 0 rgba(60, 30, 0, 0.4), 4px 6px 12px 0 rgba(40, 20, 0, 0.55)",
+      "inner": "inset 2px 2px 4px 0 rgba(60, 30, 0, 0.35)",
+      "hover": "inset 1px 1px 0 0 rgba(255, 235, 180, 0.7), inset -1px -1px 2px 0 rgba(60, 30, 0, 0.35), 3px 4px 8px 0 rgba(40, 20, 0, 0.5)",
+      "active": "inset 2px 2px 4px 0 rgba(60, 30, 0, 0.45)"
+    },
+    "typography": {
+      "border-width": "4px",
+      "border-width-thin": "2px",
+      "border-width-thick": "6px",
+      "font-family": "\"IM Fell English\", Georgia, \"Times New Roman\", serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0.01em",
+      "line-height": "1.5",
+      "icon-color": "currentColor",
+      "transition-fast": "100ms",
+      "transition-normal": "180ms",
+      "transition-slow": "280ms",
+      "transition-timing": "steps(6)",
+      "hover-scale": "1",
+      "hover-translate-y": "-1px",
+      "hover-translate-x": "0",
+      "active-scale": "1",
+      "active-translate-y": "1px",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#9a4a24"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#c9973f",
+        "primary-hover": "#dcac55",
+        "primary-foreground": "#1e130b",
+        "secondary": "#7a2a22",
+        "secondary-hover": "#8c3329",
+        "secondary-foreground": "#f6ead0",
+        "accent": "#d2774a",
+        "accent-foreground": "#1e130b",
+        "muted": "#33221a",
+        "muted-foreground": "#cdb88f",
+        "background": "#1e130b",
+        "foreground": "#efdfbd",
+        "card": "#2a1a10",
+        "card-foreground": "#efdfbd",
+        "surface": "#241710",
+        "border": "#b98a3a",
+        "input": "#b98a3a",
+        "ring": "#d2774a",
+        "table-header": "#241710",
+        "table-border": "#b98a3a",
+        "table-row-hover": "#2e1d13",
+        "surface-hover": "#382519",
+        "border-hover": "#c9973f",
+        "placeholder": "#a08c68",
+        "error": "#ff8a80",
+        "error-foreground": "#1e130b",
+        "success": "#7fd69a",
+        "success-foreground": "#1e130b",
+        "warning": "#e0a526",
+        "warning-foreground": "#1e130b",
+        "info": "#7fb6dc",
+        "info-foreground": "#1e130b"
+      },
+      "shadows": {
+        "none": "none",
+        "sm": "inset 1px 1px 0 0 rgba(255, 220, 150, 0.18), 1px 2px 3px 0 rgba(0, 0, 0, 0.6)",
+        "main": "inset 1px 1px 0 0 rgba(255, 220, 150, 0.18), inset -1px -1px 2px 0 rgba(0, 0, 0, 0.6), 2px 3px 6px 0 rgba(0, 0, 0, 0.6)",
+        "lg": "inset 1px 1px 0 0 rgba(255, 220, 150, 0.2), inset -1px -1px 2px 0 rgba(0, 0, 0, 0.7), 4px 6px 12px 0 rgba(0, 0, 0, 0.7)",
+        "inner": "inset 2px 2px 4px 0 rgba(0, 0, 0, 0.6)",
+        "hover": "inset 1px 1px 0 0 rgba(255, 220, 150, 0.25), inset -1px -1px 2px 0 rgba(0, 0, 0, 0.6), 3px 4px 8px 0 rgba(0, 0, 0, 0.7)",
+        "active": "inset 2px 2px 4px 0 rgba(0, 0, 0, 0.7)"
+      },
+      "typography": {
+        "border-width": "4px",
+        "border-width-thin": "2px",
+        "border-width-thick": "6px",
+        "font-family": "\"IM Fell English\", Georgia, \"Times New Roman\", serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.01em",
+        "line-height": "1.5",
+        "icon-color": "currentColor",
+        "transition-fast": "100ms",
+        "transition-normal": "180ms",
+        "transition-slow": "280ms",
+        "transition-timing": "steps(6)",
+        "hover-scale": "1",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "0",
+        "active-scale": "1",
+        "active-translate-y": "1px",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#d2774a"
+      },
+      "surface": {
+        "cardImage": "repeating-linear-gradient(90deg, rgba(255, 235, 180, 0.07) 0, rgba(255, 235, 180, 0.07) 1px, transparent 1px, transparent 3px)"
+      }
+    }
+  }
+}

package/themes/swiss.json

@@ -0,0 +1,338 @@
+{
+  "name": "swiss",
+  "displayName": "Swiss International",
+  "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": "28px",
+      "buttonHeightMd": "36px",
+      "buttonHeightLg": "44px",
+      "inputHeightSm": "28px",
+      "inputHeightMd": "36px",
+      "inputHeightLg": "44px",
+      "rowHeightCompact": "28px",
+      "rowHeightNormal": "36px",
+      "rowHeightSpacious": "44px",
+      "cardPaddingSm": "8px",
+      "cardPaddingMd": "16px",
+      "cardPaddingLg": "24px",
+      "dialogPadding": "24px",
+      "sectionGap": "32px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Inter Tight\", \"Archivo\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
+      "bodyFamily": "\"Archivo\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700;800&family=Archivo:wght@400;500;700;800&display=swap",
+      "headingWeight": "800",
+      "headingTransform": "none",
+      "headingTracking": "-0.04em",
+      "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": "160ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "var(--transition-timing)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+        "spring": "cubic-bezier(0.2, 0, 0, 1)"
+      },
+      "shapes": {
+        "modalEnter": "translateY(24px)",
+        "modalExit": "translateY(24px)",
+        "pageEnter": "translateX(24px)",
+        "popoverEnter": "translateY(8px)",
+        "popoverExit": "translateY(8px)",
+        "toastEnter": "translateY(24px)",
+        "toastExit": "translateY(24px)"
+      }
+    },
+    "iconography": {
+      "family": "lucide",
+      "strokeWidth": "1.5",
+      "defaultSize": "16px"
+    },
+    "elevation": {
+      "cardElevation": "none",
+      "popoverElevation": "none",
+      "dialogElevation": "none",
+      "toastElevation": "none",
+      "interactiveElevation": "none",
+      "pressedElevation": "none"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-none)",
+      "radiusInteractive": "var(--radius-none)",
+      "radiusPill": "var(--radius-none)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
+    },
+    "colors": {
+      "primary": "#d8001a",
+      "primary-hover": "#b00015",
+      "primary-foreground": "#ffffff",
+      "secondary": "#111111",
+      "secondary-hover": "#2b2b2b",
+      "secondary-foreground": "#ffffff",
+      "accent": "#d8001a",
+      "accent-foreground": "#ffffff",
+      "muted": "#efefef",
+      "muted-foreground": "#444444",
+      "background": "#ffffff",
+      "foreground": "#111111",
+      "card": "#ffffff",
+      "card-foreground": "#111111",
+      "surface": "#f6f6f6",
+      "border": "#111111",
+      "input": "#111111",
+      "ring": "#d8001a",
+      "table-header": "#f6f6f6",
+      "table-border": "#111111",
+      "table-row-hover": "#f6f6f6",
+      "surface-hover": "#ebebeb",
+      "border-hover": "#d8001a",
+      "placeholder": "#6b6b6b",
+      "error": "#d8001a",
+      "error-foreground": "#ffffff",
+      "success": "#0a7a3a",
+      "success-foreground": "#ffffff",
+      "warning": "#ffb800",
+      "warning-foreground": "#111111",
+      "info": "#111111",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "0px",
+      "md": "0px",
+      "lg": "0px",
+      "xl": "0px",
+      "full": "0px"
+    },
+    "shadows": {
+      "main": "none",
+      "sm": "none",
+      "lg": "none",
+      "inner": "none",
+      "none": "none",
+      "hover": "none",
+      "active": "none"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Archivo\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "-0.005em",
+      "line-height": "1.4",
+      "icon-color": "#d8001a",
+      "transition-fast": "60ms",
+      "transition-normal": "100ms",
+      "transition-slow": "150ms",
+      "transition-timing": "cubic-bezier(0.2, 0, 0, 1)",
+      "hover-scale": "1.0",
+      "hover-translate-y": "0",
+      "hover-translate-x": "0",
+      "active-scale": "1.0",
+      "active-translate-y": "0",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#d8001a"
+    },
+    "surface": {
+      "pageImage": "linear-gradient(rgba(17,17,17,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,0.045) 1px, transparent 1px)",
+      "pageImageSize": "64px 64px"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#ff4257",
+        "primary-hover": "#ff6577",
+        "primary-foreground": "#130204",
+        "secondary": "#f2f2f2",
+        "secondary-hover": "#ffffff",
+        "secondary-foreground": "#111111",
+        "accent": "#ff4257",
+        "accent-foreground": "#130204",
+        "muted": "#222222",
+        "muted-foreground": "#c8c8c8",
+        "background": "#0d0d0d",
+        "foreground": "#f5f5f5",
+        "card": "#141414",
+        "card-foreground": "#f5f5f5",
+        "surface": "#111111",
+        "border": "#f5f5f5",
+        "input": "#f5f5f5",
+        "ring": "#ff4257",
+        "table-header": "#111111",
+        "table-border": "#f5f5f5",
+        "table-row-hover": "#191919",
+        "surface-hover": "#242424",
+        "border-hover": "#ff4257",
+        "placeholder": "#9a9a9a",
+        "error": "#ff6577",
+        "error-foreground": "#190204",
+        "success": "#4ed68a",
+        "success-foreground": "#03170b",
+        "warning": "#ffc933",
+        "warning-foreground": "#111111",
+        "info": "#f5f5f5",
+        "info-foreground": "#111111"
+      },
+      "shadows": {
+        "main": "none",
+        "sm": "none",
+        "lg": "none",
+        "inner": "none",
+        "none": "none",
+        "hover": "none",
+        "active": "none"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Archivo\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "-0.005em",
+        "line-height": "1.4",
+        "icon-color": "#ff4257",
+        "transition-fast": "60ms",
+        "transition-normal": "100ms",
+        "transition-slow": "150ms",
+        "transition-timing": "cubic-bezier(0.2, 0, 0, 1)",
+        "hover-scale": "1.0",
+        "hover-translate-y": "0",
+        "hover-translate-x": "0",
+        "active-scale": "1.0",
+        "active-translate-y": "0",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#ff4257"
+      },
+      "radii": {
+        "none": "0px",
+        "sm": "0px",
+        "md": "0px",
+        "lg": "0px",
+        "xl": "0px",
+        "full": "0px"
+      },
+      "surface": {
+        "pageImage": "linear-gradient(rgba(245,245,245,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(245,245,245,0.05) 1px, transparent 1px)",
+        "pageImageSize": "64px 64px"
+      }
+    }
+  }
+}