@edenapp/sdk 0.1.0

package/edencss/tokens.css

@@ -0,0 +1,121 @@
+/**
+ * Eden CSS - Design Tokens
+ * 
+ * ⚠️  AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+ * 
+ * This file is generated from src/edencss/tokens.json
+ * Run `npm run tokens:build` to regenerate
+ * 
+ * These CSS custom properties define the visual language of Eden.
+ * They can be used in any app or component.
+ */
+
+:root {
+  --eden-color-bg-primary: linear-gradient(135deg, #060b1a 0%, #111b33 45%, #1d2e57 100%);
+  --eden-color-bg-secondary: linear-gradient(135deg, #1d2e57 0%, #354b86 50%, #6797f5 100%);
+  --eden-color-bg-glass-light: rgba(255, 255, 255, 0.04);
+  --eden-color-bg-glass-medium: rgba(255, 255, 255, 0.08);
+  --eden-color-bg-glass-strong: rgba(18, 24, 42, 0.55);
+  --eden-color-bg-overlay: rgba(8, 12, 24, 0.62);
+  --eden-color-bg-dark: rgba(0, 0, 0, 0.04);
+  --eden-color-surface-primary: #1e1e2e;
+  --eden-color-surface-secondary: #2d2d44;
+  --eden-color-surface-tertiary: #3d3d5c;
+  --eden-color-surface-elevated: rgba(255, 255, 255, 0.06);
+  --eden-color-surface-hover: rgba(255, 255, 255, 0.12);
+  --eden-color-surface-active: rgba(255, 255, 255, 0.18);
+  --eden-color-text-primary: rgba(239, 244, 255, 0.96);
+  --eden-color-text-secondary: rgba(234, 234, 234, 0.95);
+  --eden-color-text-tertiary: rgba(189, 189, 189, 0.9);
+  --eden-color-text-muted: rgba(255, 255, 255, 0.6);
+  --eden-color-text-inverse: #1a1a1a;
+  --eden-color-text-on-dark: #ffffff;
+  --eden-color-accent-primary: #4a9eff;
+  --eden-color-accent-primary-hover: #5ca8ff;
+  --eden-color-accent-primary-active: #3b8ee8;
+  --eden-color-accent-blue: rgb(82, 163, 255);
+  --eden-color-accent-blue-dark: rgb(54, 123, 255);
+  --eden-color-accent-purple: #667eea;
+  --eden-color-accent-purple-light: #7c92f0;
+  --eden-color-success: #51cf66;
+  --eden-color-success-hover: #69db7c;
+  --eden-color-danger: #ff3b30;
+  --eden-color-danger-hover: #ff6b6b;
+  --eden-color-danger-bg: rgba(255, 59, 48, 0.1);
+  --eden-color-warning: #ffd93d;
+  --eden-color-info: #4dabf7;
+  --eden-color-border-light: rgba(255, 255, 255, 0.06);
+  --eden-color-border-medium: rgba(255, 255, 255, 0.12);
+  --eden-color-border-dark: rgba(0, 0, 0, 0.1);
+  --eden-color-border-separator: rgba(255, 255, 255, 0.18);
+  --eden-space-xs: 4px;
+  --eden-space-sm: 8px;
+  --eden-space-md: 16px;
+  --eden-space-lg: 24px;
+  --eden-space-xl: 36px;
+  --eden-space-2xl: 48px;
+  --eden-space-3xl: 64px;
+  --eden-radius-xs: 6px;
+  --eden-radius-sm: 10px;
+  --eden-radius-md: 14px;
+  --eden-radius-lg: 18px;
+  --eden-radius-xl: 20px;
+  --eden-radius-2xl: 28px;
+  --eden-radius-round: 50%;
+  --eden-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --eden-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.5);
+  --eden-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.28);
+  --eden-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.3);
+  --eden-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.3);
+  --eden-shadow-2xl: 0 28px 80px rgba(0, 0, 0, 0.45);
+  --eden-shadow-inner: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+  --eden-glass-light: blur(10px) saturate(120%);
+  --eden-glass-medium: blur(18px) saturate(140%);
+  --eden-glass-strong: blur(26px) saturate(160%);
+  --eden-glass-ultra: blur(34px) saturate(170%);
+  --eden-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  --eden-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
+  --eden-font-size-xs: 10px;
+  --eden-font-size-sm: 11px;
+  --eden-font-size-base: 13px;
+  --eden-font-size-md: 14px;
+  --eden-font-size-lg: 16px;
+  --eden-font-size-xl: 18px;
+  --eden-font-size-2xl: 24px;
+  --eden-font-size-3xl: 32px;
+  --eden-font-size-4xl: 48px;
+  --eden-font-weight-normal: 400;
+  --eden-font-weight-medium: 500;
+  --eden-font-weight-semibold: 600;
+  --eden-font-weight-bold: 700;
+  --eden-font-line-height-tight: 1.2;
+  --eden-font-line-height-normal: 1.5;
+  --eden-font-line-height-relaxed: 1.75;
+  --eden-font-letter-spacing-tight: -0.6px;
+  --eden-font-letter-spacing-normal: -0.2px;
+  --eden-font-letter-spacing-wide: 0.1px;
+  --eden-transition-fast: 0.15s ease;
+  --eden-transition-base: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  --eden-transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  --eden-transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  --eden-transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --eden-transition-ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --eden-transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --eden-z-base: 0;
+  --eden-z-dropdown: 100;
+  --eden-z-sticky: 200;
+  --eden-z-overlay: 1000;
+  --eden-z-modal: 2000;
+  --eden-z-popover: 2001;
+  --eden-z-tooltip: 3000;
+  --eden-layout-dock-height: 72px;
+  --eden-layout-icon-size-sm: 24px;
+  --eden-layout-icon-size-md: 40px;
+  --eden-layout-icon-size-lg: 64px;
+  --eden-layout-icon-size-xl: 88px;
+  --eden-duration-instant: 0.1s;
+  --eden-duration-fast: 0.15s;
+  --eden-duration-normal: 0.22s;
+  --eden-duration-slow: 0.32s;
+  --eden-duration-slower: 0.5s;
+}

package/edencss/tokens.d.ts

@@ -0,0 +1,111 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const EdenColorBgPrimary: string;
+export const EdenColorBgSecondary: string;
+export const EdenColorBgGlassLight: string;
+export const EdenColorBgGlassMedium: string;
+export const EdenColorBgGlassStrong: string;
+export const EdenColorBgOverlay: string;
+export const EdenColorBgDark: string;
+export const EdenColorSurfacePrimary: string;
+export const EdenColorSurfaceSecondary: string;
+export const EdenColorSurfaceTertiary: string;
+export const EdenColorSurfaceElevated: string;
+export const EdenColorSurfaceHover: string;
+export const EdenColorSurfaceActive: string;
+export const EdenColorTextPrimary: string;
+export const EdenColorTextSecondary: string;
+export const EdenColorTextTertiary: string;
+export const EdenColorTextMuted: string;
+export const EdenColorTextInverse: string;
+export const EdenColorTextOnDark: string;
+export const EdenColorAccentPrimary: string;
+export const EdenColorAccentPrimaryHover: string;
+export const EdenColorAccentPrimaryActive: string;
+export const EdenColorAccentBlue: string;
+export const EdenColorAccentBlueDark: string;
+export const EdenColorAccentPurple: string;
+export const EdenColorAccentPurpleLight: string;
+export const EdenColorSuccess: string;
+export const EdenColorSuccessHover: string;
+export const EdenColorDanger: string;
+export const EdenColorDangerHover: string;
+export const EdenColorDangerBg: string;
+export const EdenColorWarning: string;
+export const EdenColorInfo: string;
+export const EdenColorBorderLight: string;
+export const EdenColorBorderMedium: string;
+export const EdenColorBorderDark: string;
+export const EdenColorBorderSeparator: string;
+export const EdenSpaceXs: string;
+export const EdenSpaceSm: string;
+export const EdenSpaceMd: string;
+export const EdenSpaceLg: string;
+export const EdenSpaceXl: string;
+export const EdenSpace2xl: string;
+export const EdenSpace3xl: string;
+export const EdenRadiusXs: string;
+export const EdenRadiusSm: string;
+export const EdenRadiusMd: string;
+export const EdenRadiusLg: string;
+export const EdenRadiusXl: string;
+export const EdenRadius2xl: string;
+export const EdenRadiusRound: string;
+export const EdenShadowXs: string;
+export const EdenShadowSm: string;
+export const EdenShadowMd: string;
+export const EdenShadowLg: string;
+export const EdenShadowXl: string;
+export const EdenShadow2xl: string;
+export const EdenShadowInner: string;
+export const EdenGlassLight: string;
+export const EdenGlassMedium: string;
+export const EdenGlassStrong: string;
+export const EdenGlassUltra: string;
+export const EdenFontFamilyBase: string;
+export const EdenFontFamilyMono: string;
+export const EdenFontSizeXs: string;
+export const EdenFontSizeSm: string;
+export const EdenFontSizeBase: string;
+export const EdenFontSizeMd: string;
+export const EdenFontSizeLg: string;
+export const EdenFontSizeXl: string;
+export const EdenFontSize2xl: string;
+export const EdenFontSize3xl: string;
+export const EdenFontSize4xl: string;
+export const EdenFontWeightNormal: number;
+export const EdenFontWeightMedium: number;
+export const EdenFontWeightSemibold: number;
+export const EdenFontWeightBold: number;
+export const EdenFontLineHeightTight: number;
+export const EdenFontLineHeightNormal: number;
+export const EdenFontLineHeightRelaxed: number;
+export const EdenFontLetterSpacingTight: string;
+export const EdenFontLetterSpacingNormal: string;
+export const EdenFontLetterSpacingWide: string;
+export const EdenTransitionFast: string;
+export const EdenTransitionBase: string;
+export const EdenTransitionSmooth: string;
+export const EdenTransitionBounce: string;
+export const EdenTransitionEaseIn: string;
+export const EdenTransitionEaseOut: string;
+export const EdenTransitionEaseInOut: string;
+export const EdenZBase: number;
+export const EdenZDropdown: number;
+export const EdenZSticky: number;
+export const EdenZOverlay: number;
+export const EdenZModal: number;
+export const EdenZPopover: number;
+export const EdenZTooltip: number;
+export const EdenLayoutDockHeight: string;
+export const EdenLayoutIconSizeSm: string;
+export const EdenLayoutIconSizeMd: string;
+export const EdenLayoutIconSizeLg: string;
+export const EdenLayoutIconSizeXl: string;
+export const EdenDurationInstant: string;
+export const EdenDurationFast: string;
+export const EdenDurationNormal: string;
+export const EdenDurationSlow: string;
+export const EdenDurationSlower: string;

package/edencss/tokens.json

@@ -0,0 +1,369 @@
+{
+  "color": {
+    "bg": {
+      "primary": {
+        "value": "linear-gradient(135deg, #060b1a 0%, #111b33 45%, #1d2e57 100%)"
+      },
+      "secondary": {
+        "value": "linear-gradient(135deg, #1d2e57 0%, #354b86 50%, #6797f5 100%)"
+      },
+      "glass": {
+        "light": {
+          "value": "rgba(255, 255, 255, 0.04)"
+        },
+        "medium": {
+          "value": "rgba(255, 255, 255, 0.08)"
+        },
+        "strong": {
+          "value": "rgba(18, 24, 42, 0.55)"
+        }
+      },
+      "overlay": {
+        "value": "rgba(8, 12, 24, 0.62)"
+      },
+      "dark": {
+        "value": "rgba(0, 0, 0, 0.04)"
+      }
+    },
+    "surface": {
+      "primary": {
+        "value": "#1e1e2e"
+      },
+      "secondary": {
+        "value": "#2d2d44"
+      },
+      "tertiary": {
+        "value": "#3d3d5c"
+      },
+      "elevated": {
+        "value": "rgba(255, 255, 255, 0.06)"
+      },
+      "hover": {
+        "value": "rgba(255, 255, 255, 0.12)"
+      },
+      "active": {
+        "value": "rgba(255, 255, 255, 0.18)"
+      }
+    },
+    "text": {
+      "primary": {
+        "value": "rgba(239, 244, 255, 0.96)"
+      },
+      "secondary": {
+        "value": "rgba(234, 234, 234, 0.95)"
+      },
+      "tertiary": {
+        "value": "rgba(189, 189, 189, 0.9)"
+      },
+      "muted": {
+        "value": "rgba(255, 255, 255, 0.6)"
+      },
+      "inverse": {
+        "value": "#1a1a1a"
+      },
+      "on-dark": {
+        "value": "#ffffff"
+      }
+    },
+    "accent": {
+      "primary": {
+        "value": "#4a9eff"
+      },
+      "primary-hover": {
+        "value": "#5ca8ff"
+      },
+      "primary-active": {
+        "value": "#3b8ee8"
+      },
+      "blue": {
+        "value": "rgb(82, 163, 255)"
+      },
+      "blue-dark": {
+        "value": "rgb(54, 123, 255)"
+      },
+      "purple": {
+        "value": "#667eea"
+      },
+      "purple-light": {
+        "value": "#7c92f0"
+      }
+    },
+    "success": {
+      "value": "#51cf66"
+    },
+    "success-hover": {
+      "value": "#69db7c"
+    },
+    "danger": {
+      "value": "#ff3b30"
+    },
+    "danger-hover": {
+      "value": "#ff6b6b"
+    },
+    "danger-bg": {
+      "value": "rgba(255, 59, 48, 0.1)"
+    },
+    "warning": {
+      "value": "#ffd93d"
+    },
+    "info": {
+      "value": "#4dabf7"
+    },
+    "border": {
+      "light": {
+        "value": "rgba(255, 255, 255, 0.06)"
+      },
+      "medium": {
+        "value": "rgba(255, 255, 255, 0.12)"
+      },
+      "dark": {
+        "value": "rgba(0, 0, 0, 0.1)"
+      },
+      "separator": {
+        "value": "rgba(255, 255, 255, 0.18)"
+      }
+    }
+  },
+  "space": {
+    "xs": {
+      "value": "4px"
+    },
+    "sm": {
+      "value": "8px"
+    },
+    "md": {
+      "value": "16px"
+    },
+    "lg": {
+      "value": "24px"
+    },
+    "xl": {
+      "value": "36px"
+    },
+    "2xl": {
+      "value": "48px"
+    },
+    "3xl": {
+      "value": "64px"
+    }
+  },
+  "radius": {
+    "xs": {
+      "value": "6px"
+    },
+    "sm": {
+      "value": "10px"
+    },
+    "md": {
+      "value": "14px"
+    },
+    "lg": {
+      "value": "18px"
+    },
+    "xl": {
+      "value": "20px"
+    },
+    "2xl": {
+      "value": "28px"
+    },
+    "round": {
+      "value": "50%"
+    }
+  },
+  "shadow": {
+    "xs": {
+      "value": "0 1px 3px rgba(0, 0, 0, 0.3)"
+    },
+    "sm": {
+      "value": "0 2px 6px rgba(0, 0, 0, 0.5)"
+    },
+    "md": {
+      "value": "0 8px 20px rgba(0, 0, 0, 0.28)"
+    },
+    "lg": {
+      "value": "0 10px 30px rgba(0, 0, 0, 0.3)"
+    },
+    "xl": {
+      "value": "0 20px 60px rgba(0, 0, 0, 0.3)"
+    },
+    "2xl": {
+      "value": "0 28px 80px rgba(0, 0, 0, 0.45)"
+    },
+    "inner": {
+      "value": "inset 0 1px 3px rgba(0, 0, 0, 0.2)"
+    }
+  },
+  "glass": {
+    "light": {
+      "value": "blur(10px) saturate(120%)"
+    },
+    "medium": {
+      "value": "blur(18px) saturate(140%)"
+    },
+    "strong": {
+      "value": "blur(26px) saturate(160%)"
+    },
+    "ultra": {
+      "value": "blur(34px) saturate(170%)"
+    }
+  },
+  "font": {
+    "family": {
+      "base": {
+        "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif"
+      },
+      "mono": {
+        "value": "\"SF Mono\", Monaco, \"Cascadia Code\", \"Roboto Mono\", Consolas, \"Courier New\", monospace"
+      }
+    },
+    "size": {
+      "xs": {
+        "value": "10px"
+      },
+      "sm": {
+        "value": "11px"
+      },
+      "base": {
+        "value": "13px"
+      },
+      "md": {
+        "value": "14px"
+      },
+      "lg": {
+        "value": "16px"
+      },
+      "xl": {
+        "value": "18px"
+      },
+      "2xl": {
+        "value": "24px"
+      },
+      "3xl": {
+        "value": "32px"
+      },
+      "4xl": {
+        "value": "48px"
+      }
+    },
+    "weight": {
+      "normal": {
+        "value": 400
+      },
+      "medium": {
+        "value": 500
+      },
+      "semibold": {
+        "value": 600
+      },
+      "bold": {
+        "value": 700
+      }
+    },
+    "line-height": {
+      "tight": {
+        "value": 1.2
+      },
+      "normal": {
+        "value": 1.5
+      },
+      "relaxed": {
+        "value": 1.75
+      }
+    },
+    "letter-spacing": {
+      "tight": {
+        "value": "-0.6px"
+      },
+      "normal": {
+        "value": "-0.2px"
+      },
+      "wide": {
+        "value": "0.1px"
+      }
+    }
+  },
+  "transition": {
+    "fast": {
+      "value": "0.15s ease"
+    },
+    "base": {
+      "value": "0.2s cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "smooth": {
+      "value": "0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "bounce": {
+      "value": "0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+    },
+    "ease": {
+      "in": {
+        "value": "cubic-bezier(0.4, 0, 1, 1)"
+      },
+      "out": {
+        "value": "cubic-bezier(0, 0, 0.2, 1)"
+      },
+      "in-out": {
+        "value": "cubic-bezier(0.4, 0, 0.2, 1)"
+      }
+    }
+  },
+  "z": {
+    "base": {
+      "value": 0
+    },
+    "dropdown": {
+      "value": 100
+    },
+    "sticky": {
+      "value": 200
+    },
+    "overlay": {
+      "value": 1000
+    },
+    "modal": {
+      "value": 2000
+    },
+    "popover": {
+      "value": 2001
+    },
+    "tooltip": {
+      "value": 3000
+    }
+  },
+  "layout": {
+    "dock-height": {
+      "value": "72px"
+    },
+    "icon-size": {
+      "sm": {
+        "value": "24px"
+      },
+      "md": {
+        "value": "40px"
+      },
+      "lg": {
+        "value": "64px"
+      },
+      "xl": {
+        "value": "88px"
+      }
+    }
+  },
+  "duration": {
+    "instant": {
+      "value": "0.1s"
+    },
+    "fast": {
+      "value": "0.15s"
+    },
+    "normal": {
+      "value": "0.22s"
+    },
+    "slow": {
+      "value": "0.32s"
+    },
+    "slower": {
+      "value": "0.5s"
+    }
+  }
+}