@almadar/core 10.110.0 → 10.112.0

package/themes/luxury.json

@@ -0,0 +1,322 @@
+{
+  "name": "luxury",
+  "displayName": "Haute Luxe",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "6px",
+        "space2": "12px",
+        "space3": "18px",
+        "space4": "24px",
+        "space5": "30px",
+        "space6": "36px",
+        "space7": "42px",
+        "space8": "48px",
+        "space9": "54px",
+        "space10": "60px",
+        "space11": "66px",
+        "space12": "72px"
+      },
+      "buttonHeightSm": "40px",
+      "buttonHeightMd": "48px",
+      "buttonHeightLg": "56px",
+      "inputHeightSm": "44px",
+      "inputHeightMd": "52px",
+      "inputHeightLg": "60px",
+      "rowHeightCompact": "48px",
+      "rowHeightNormal": "60px",
+      "rowHeightSpacious": "72px",
+      "cardPaddingSm": "28px",
+      "cardPaddingMd": "40px",
+      "cardPaddingLg": "56px",
+      "dialogPadding": "56px",
+      "sectionGap": "96px"
+    },
+    "typeScale": {
+      "fontImport": "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Jost:wght@300;400;500&display=swap",
+      "displayFamily": "\"Cormorant Garamond\", \"Bodoni Moda\", Georgia, serif",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"Jost\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "headingWeight": "300",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.25em",
+      "headingStyle": "normal",
+      "headingShadow": "none",
+      "scale": {
+        "xs": {
+          "size": "12px",
+          "lineHeight": "17px"
+        },
+        "sm": {
+          "size": "15px",
+          "lineHeight": "21px"
+        },
+        "base": {
+          "size": "17px",
+          "lineHeight": "25px"
+        },
+        "lg": {
+          "size": "19px",
+          "lineHeight": "29px"
+        },
+        "xl": {
+          "size": "21px",
+          "lineHeight": "29px"
+        },
+        "2xl": {
+          "size": "25px",
+          "lineHeight": "33px"
+        },
+        "3xl": {
+          "size": "31px",
+          "lineHeight": "37px"
+        },
+        "4xl": {
+          "size": "37px",
+          "lineHeight": "42px"
+        },
+        "display-1": {
+          "size": "50px",
+          "lineHeight": "54px"
+        },
+        "display-2": {
+          "size": "62px",
+          "lineHeight": "67px"
+        }
+      },
+      "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": "500ms",
+        "normal": "650ms",
+        "slow": "800ms",
+        "dramatic": "1200ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "emphasized": "cubic-bezier(0.16, 1, 0.3, 1)",
+        "spring": "cubic-bezier(0.22, 1, 0.36, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(1.03)",
+        "modalExit": "scale(1.03)",
+        "pageEnter": "none",
+        "popoverEnter": "scale(1.02)",
+        "popoverExit": "scale(1.02)",
+        "toastEnter": "none",
+        "toastExit": "none"
+      }
+    },
+    "iconography": {
+      "family": "lucide",
+      "strokeWidth": "1",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "none",
+      "popoverElevation": "none",
+      "dialogElevation": "none",
+      "toastElevation": "none",
+      "interactiveElevation": "none",
+      "pressedElevation": "none"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-md)",
+      "radiusInteractive": "var(--radius-sm)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "colors": {
+      "primary": "#141210",
+      "primary-hover": "#2e2a24",
+      "primary-foreground": "#faf7f0",
+      "secondary": "#ebe5d6",
+      "secondary-hover": "#e0d8c4",
+      "secondary-foreground": "#141210",
+      "accent": "#7d6229",
+      "accent-foreground": "#ffffff",
+      "muted": "#f1ecdf",
+      "muted-foreground": "#5b554a",
+      "background": "#faf7f0",
+      "foreground": "#141210",
+      "card": "#fffdf8",
+      "card-foreground": "#141210",
+      "surface": "#f5f1e6",
+      "border": "#b9ad90",
+      "input": "#b9ad90",
+      "ring": "#7d6229",
+      "table-header": "#f5f1e6",
+      "table-border": "#b9ad90",
+      "table-row-hover": "#f3eee2",
+      "surface-hover": "#ece6d6",
+      "border-hover": "#7d6229",
+      "placeholder": "#6f685a",
+      "error": "#9b1c1c",
+      "error-foreground": "#ffffff",
+      "success": "#2f6b3f",
+      "success-foreground": "#ffffff",
+      "warning": "#e8d29a",
+      "warning-foreground": "#2a1f05",
+      "info": "#2b4a6b",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "0px",
+      "md": "0px",
+      "lg": "0px",
+      "xl": "0px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "none": "none",
+      "sm": "none",
+      "main": "none",
+      "lg": "none",
+      "inner": "none",
+      "hover": "none",
+      "active": "none"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Jost\", \"Helvetica Neue\", Arial, sans-serif",
+      "font-weight-normal": "300",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0.04em",
+      "line-height": "1.75",
+      "icon-color": "currentColor",
+      "transition-fast": "500ms",
+      "transition-normal": "650ms",
+      "transition-slow": "800ms",
+      "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
+      "hover-scale": "1",
+      "hover-translate-y": "0",
+      "hover-translate-x": "0",
+      "active-scale": "1",
+      "active-translate-y": "0",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#7d6229"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#f1ebdc",
+        "primary-hover": "#d8d1bf",
+        "primary-foreground": "#0c0b0a",
+        "secondary": "#1f1d1a",
+        "secondary-hover": "#2a2723",
+        "secondary-foreground": "#f1ebdc",
+        "accent": "#c8a864",
+        "accent-foreground": "#0c0b0a",
+        "muted": "#191715",
+        "muted-foreground": "#b9b2a2",
+        "background": "#0c0b0a",
+        "foreground": "#f1ebdc",
+        "card": "#131210",
+        "card-foreground": "#f1ebdc",
+        "surface": "#100f0d",
+        "border": "#4a4336",
+        "input": "#4a4336",
+        "ring": "#c8a864",
+        "table-header": "#100f0d",
+        "table-border": "#4a4336",
+        "table-row-hover": "#171513",
+        "surface-hover": "#1d1b18",
+        "border-hover": "#c8a864",
+        "placeholder": "#8f887a",
+        "error": "#ff8a8a",
+        "error-foreground": "#0c0b0a",
+        "success": "#7fd69a",
+        "success-foreground": "#0c0b0a",
+        "warning": "#e8d29a",
+        "warning-foreground": "#0c0b0a",
+        "info": "#8fb4dc",
+        "info-foreground": "#0c0b0a"
+      },
+      "shadows": {
+        "none": "none",
+        "sm": "none",
+        "main": "none",
+        "lg": "none",
+        "inner": "none",
+        "hover": "none",
+        "active": "none"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Jost\", \"Helvetica Neue\", Arial, sans-serif",
+        "font-weight-normal": "300",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.04em",
+        "line-height": "1.75",
+        "icon-color": "currentColor",
+        "transition-fast": "500ms",
+        "transition-normal": "650ms",
+        "transition-slow": "800ms",
+        "transition-timing": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "hover-scale": "1",
+        "hover-translate-y": "0",
+        "hover-translate-x": "0",
+        "active-scale": "1",
+        "active-translate-y": "0",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#c8a864"
+      }
+    }
+  }
+}

package/themes/mac-classic.json

@@ -0,0 +1,330 @@
+{
+  "name": "mac-classic",
+  "displayName": "Classic Mac OS",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "3px",
+        "space2": "7px",
+        "space3": "10px",
+        "space4": "14px",
+        "space5": "17px",
+        "space6": "20px",
+        "space7": "24px",
+        "space8": "27px",
+        "space9": "31px",
+        "space10": "34px",
+        "space11": "37px",
+        "space12": "41px"
+      },
+      "buttonHeightSm": "24px",
+      "buttonHeightMd": "30px",
+      "buttonHeightLg": "38px",
+      "inputHeightSm": "24px",
+      "inputHeightMd": "30px",
+      "inputHeightLg": "38px",
+      "rowHeightCompact": "28px",
+      "rowHeightNormal": "34px",
+      "rowHeightSpacious": "42px",
+      "cardPaddingSm": "10px",
+      "cardPaddingMd": "14px",
+      "cardPaddingLg": "20px",
+      "dialogPadding": "20px",
+      "sectionGap": "28px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Silkscreen\", \"VT323\", monospace",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"VT323\", ui-monospace, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=IBM+Plex+Sans:wght@400;500;700&family=VT323&display=swap",
+      "headingWeight": "400",
+      "headingTransform": "none",
+      "headingTracking": "0.02em",
+      "headingStyle": "normal",
+      "headingShadow": "none",
+      "scale": {
+        "xs": {
+          "size": "11px",
+          "lineHeight": "15px"
+        },
+        "sm": {
+          "size": "13px",
+          "lineHeight": "18px"
+        },
+        "base": {
+          "size": "14px",
+          "lineHeight": "20px"
+        },
+        "lg": {
+          "size": "16px",
+          "lineHeight": "22px"
+        },
+        "xl": {
+          "size": "18px",
+          "lineHeight": "24px"
+        },
+        "2xl": {
+          "size": "20px",
+          "lineHeight": "26px"
+        },
+        "3xl": {
+          "size": "24px",
+          "lineHeight": "30px"
+        },
+        "4xl": {
+          "size": "28px",
+          "lineHeight": "34px"
+        },
+        "display-1": {
+          "size": "36px",
+          "lineHeight": "40px"
+        },
+        "display-2": {
+          "size": "44px",
+          "lineHeight": "48px"
+        }
+      },
+      "intents": {
+        "headingMajor": {
+          "slot": "display",
+          "size": "xl",
+          "weight": "normal"
+        },
+        "headingMinor": {
+          "slot": "display",
+          "size": "lg",
+          "weight": "normal"
+        },
+        "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": "0ms",
+        "normal": "0ms",
+        "slow": "0ms",
+        "dramatic": "0ms"
+      },
+      "easings": {
+        "linear": "steps(1, end)",
+        "standard": "steps(1, end)",
+        "emphasized": "steps(1, end)",
+        "spring": "steps(1, end)"
+      },
+      "shapes": {
+        "modalEnter": "none",
+        "modalExit": "none",
+        "pageEnter": "none",
+        "popoverEnter": "none",
+        "popoverExit": "none",
+        "toastEnter": "none",
+        "toastExit": "none"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-outline",
+      "strokeWidth": "1.5",
+      "defaultSize": "16px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "none"
+    },
+    "geometry": {
+      "radiusContainer": "5px",
+      "radiusInteractive": "4px",
+      "radiusPill": "5px",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "pageImage": "repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0px, rgba(0, 0, 0, 0.12) 1px, transparent 1px, transparent 3px)",
+      "pageImageSize": "auto"
+    },
+    "colors": {
+      "primary": "#000000",
+      "primary-hover": "#2b2b2b",
+      "primary-foreground": "#ffffff",
+      "secondary": "#ffffff",
+      "secondary-hover": "#e8e8e8",
+      "secondary-foreground": "#000000",
+      "accent": "#000000",
+      "accent-foreground": "#ffffff",
+      "muted": "#e8e8e8",
+      "muted-foreground": "#3a3a3a",
+      "background": "#ffffff",
+      "foreground": "#000000",
+      "card": "#ffffff",
+      "card-foreground": "#000000",
+      "surface": "#f2f2f2",
+      "border": "#000000",
+      "input": "#000000",
+      "ring": "#000000",
+      "table-header": "#f2f2f2",
+      "table-border": "#000000",
+      "table-row-hover": "#e0e0e0",
+      "surface-hover": "#e0e0e0",
+      "border-hover": "#000000",
+      "placeholder": "#5a5a5a",
+      "error": "#000000",
+      "error-foreground": "#ffffff",
+      "success": "#000000",
+      "success-foreground": "#ffffff",
+      "warning": "#ffffff",
+      "warning-foreground": "#000000",
+      "info": "#000000",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "3px",
+      "md": "4px",
+      "lg": "5px",
+      "xl": "6px",
+      "full": "6px"
+    },
+    "shadows": {
+      "main": "2px 2px 0 0 #000000",
+      "sm": "1px 1px 0 0 #000000",
+      "lg": "2px 2px 0 0 #000000",
+      "inner": "inset 1px 1px 0 0 #000000",
+      "none": "none",
+      "hover": "2px 2px 0 0 #000000",
+      "active": "0 0 0 0 #000000"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"IBM Plex Sans\", \"Chivo\", system-ui, sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.45",
+      "icon-color": "#000000",
+      "transition-fast": "0ms",
+      "transition-normal": "0ms",
+      "transition-slow": "0ms",
+      "transition-timing": "steps(1, end)",
+      "hover-scale": "1",
+      "hover-translate-y": "0px",
+      "hover-translate-x": "0px",
+      "active-scale": "1",
+      "active-translate-y": "0px",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "1px",
+      "focus-ring-color": "#000000"
+    }
+  },
+  "variants": {
+    "dark": {
+      "surface": {
+        "pageImage": "repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.14) 0px, rgba(255, 255, 255, 0.14) 1px, transparent 1px, transparent 3px)",
+        "pageImageSize": "auto"
+      },
+      "colors": {
+        "primary": "#ffffff",
+        "primary-hover": "#d8d8d8",
+        "primary-foreground": "#000000",
+        "secondary": "#000000",
+        "secondary-hover": "#2a2a2a",
+        "secondary-foreground": "#ffffff",
+        "accent": "#ffffff",
+        "accent-foreground": "#000000",
+        "muted": "#1c1c1c",
+        "muted-foreground": "#d0d0d0",
+        "background": "#000000",
+        "foreground": "#ffffff",
+        "card": "#000000",
+        "card-foreground": "#ffffff",
+        "surface": "#101010",
+        "border": "#ffffff",
+        "input": "#ffffff",
+        "ring": "#ffffff",
+        "table-header": "#101010",
+        "table-border": "#ffffff",
+        "table-row-hover": "#262626",
+        "surface-hover": "#262626",
+        "border-hover": "#ffffff",
+        "placeholder": "#a0a0a0",
+        "error": "#ffffff",
+        "error-foreground": "#000000",
+        "success": "#ffffff",
+        "success-foreground": "#000000",
+        "warning": "#000000",
+        "warning-foreground": "#ffffff",
+        "info": "#ffffff",
+        "info-foreground": "#000000"
+      },
+      "shadows": {
+        "main": "2px 2px 0 0 #ffffff",
+        "sm": "1px 1px 0 0 #ffffff",
+        "lg": "2px 2px 0 0 #ffffff",
+        "inner": "inset 1px 1px 0 0 #ffffff",
+        "none": "none",
+        "hover": "2px 2px 0 0 #ffffff",
+        "active": "0 0 0 0 #ffffff"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"IBM Plex Sans\", \"Chivo\", system-ui, sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.45",
+        "icon-color": "#ffffff",
+        "transition-fast": "0ms",
+        "transition-normal": "0ms",
+        "transition-slow": "0ms",
+        "transition-timing": "steps(1, end)",
+        "hover-scale": "1",
+        "hover-translate-y": "0px",
+        "hover-translate-x": "0px",
+        "active-scale": "1",
+        "active-translate-y": "0px",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "1px",
+        "focus-ring-color": "#ffffff"
+      }
+    }
+  }
+}