@cloudnyx/design-tokens 0.1.0

package/dist/tokens.js

@@ -0,0 +1,537 @@
+// Crystal Glasshouse Design Tokens — Auto-generated
+
+export const tokens = {
+  "cAccent": "#DE87A6",
+  "cAccentRgb": "222, 135, 166",
+  "cPurple": "#A892E0",
+  "cPurpleRgb": "168, 146, 224",
+  "cTech": "#88C2D4",
+  "cTechRgb": "136, 194, 212",
+  "cLife": "#F4BC85",
+  "cLifeRgb": "244, 188, 133",
+  "cBg": "#fdfbfe",
+  "cBgRgb": "253, 251, 254",
+  "cSurface": "rgba(255, 255, 255, 0.78)",
+  "cBorder": "rgba(255, 255, 255, 0.6)",
+  "cText1": "#334155",
+  "cText2": "#64748b",
+  "cDivider": "#f1f5f9",
+  "cSuccess": "#34d399",
+  "cWarning": "#f4bc85",
+  "cError": "#ef4444",
+  "cInfo": "#88c2d4",
+  "paper": "#fdfbfe",
+  "roseSoft": "222, 135, 166",
+  "violetSoft": "168, 146, 224",
+  "skySoft": "136, 194, 212",
+  "roseDeep": "#c76a92",
+  "roseDeepRgb": "199, 106, 146",
+  "purpleDeep": "#8b6bf0",
+  "purpleDeepRgb": "139, 107, 240",
+  "roseLight": "#f9a8d4",
+  "roseLightRgb": "249, 168, 212",
+  "violetLight": "#c084fc",
+  "violetLightRgb": "192, 132, 252",
+  "roseBright": "#f472b6",
+  "roseBrightRgb": "244, 114, 182",
+  "skyLight": "#7dd3fc",
+  "skyLightRgb": "125, 211, 252",
+  "roseMid": "#f7b2d0",
+  "roseWarm": "#ef93bd",
+  "violetWarm": "#d98ed8",
+  "purpleMid": "#c4a3f0",
+  "pinkPale": "#ffd6e6",
+  "violetPale": "#e9d5ff",
+  "discoverBg": "#f5f0fa",
+  "roseDeepLight": "#f0b9d0",
+  "online": "#34d399",
+  "background": "0 0% 100%",
+  "foreground": "222.2 84% 4.9%",
+  "primary": "330 81% 60%",
+  "primaryForeground": "210 40% 98%",
+  "secondary": "210 40% 96.1%",
+  "secondaryForeground": "222.2 47.4% 11.2%",
+  "accent": "330 81% 96%",
+  "accentForeground": "222.2 47.4% 11.2%",
+  "card": "0 0% 100%",
+  "cardForeground": "222.2 84% 4.9%",
+  "border": "214.3 31.8% 91.4%",
+  "input": "214.3 31.8% 91.4%",
+  "ring": "330 81% 60%",
+  "destructive": "0 84.2% 60.2%",
+  "destructiveForeground": "210 40% 98%",
+  "muted": "210 40% 96.1%",
+  "mutedForeground": "215.4 16.3% 46.9%",
+  "glassBlurSubtle": "blur(8px)",
+  "glassBlur": "blur(16px)",
+  "glassBlurMedium": "blur(20px)",
+  "glassBlurStrong": "blur(24px)",
+  "glassBlurCard": "blur(28px)",
+  "glassCardSaturate": "1.7",
+  "glassSurface": "rgba(255, 255, 255, 0.82)",
+  "glassSurfaceHover": "rgba(255, 255, 255, 0.72)",
+  "glassSurfaceSubtle": "rgba(255, 255, 255, 0.2)",
+  "glassSurfaceDark": "rgba(0, 0, 0, 0.05)",
+  "glassEdgeStrong": "2px solid rgba(255, 255, 255, 0.5)",
+  "glassEdgeSoft": "1px solid rgba(255, 255, 255, 0.25)",
+  "glassEdgeInset": "1px solid rgba(0, 0, 0, 0.06)",
+  "glassAccent1": "236, 72, 153",
+  "glassAccent2": "34, 211, 238",
+  "glassVividBg": "var(--glass-surface)",
+  "glassVividSaturate": "1.25",
+  "glassVividEdgeTop": "var(--glass-edge-strong)",
+  "glassVividEdgeBottom": "var(--glass-edge-soft)",
+  "glassVividShadow": "var(--shadow-high)",
+  "claySurface": "rgba(245, 240, 236, 0.6)",
+  "clayInner": "inset 0 2px 4px rgba(255, 255, 255, 0.6), inset 0 -2px 4px rgba(0, 0, 0, 0.05)",
+  "clayInnerStrong": "inset 0 3px 6px rgba(255, 255, 255, 0.7), inset 0 -3px 6px rgba(0, 0, 0, 0.06)",
+  "textGlass": "#1a1a1a",
+  "textGlassShadow": "0 1px 0 rgba(255, 255, 255, 0.3)",
+  "textGlassMuted": "rgba(26, 26, 26, 0.55)",
+  "ink": "var(--c-text-1, #334155)",
+  "ink2": "var(--c-text-2, #64748b)",
+  "shadowLow": "0 4px 12px rgba(0, 0, 0, 0.06)",
+  "shadowMedium": "0 8px 24px rgba(0, 0, 0, 0.08)",
+  "shadowHigh": "0 12px 40px rgba(0, 0, 0, 0.2)",
+  "shadowRest": "0 4px 20px rgba(44, 42, 41, 0.04), 0 1px 3px rgba(44, 42, 41, 0.02)",
+  "shadowHover": "0 8px 32px rgba(222, 135, 166, 0.12), 0 2px 6px rgba(44, 42, 41, 0.03)",
+  "shadowFloat": "0 20px 48px rgba(0, 0, 0, 0.14)",
+  "shadowImage": "0 6px 24px rgba(44, 42, 41, 0.08)",
+  "shadowSoft": "0 2px 8px -2px rgba(0, 0, 0, 0.08), 0 4px 16px -4px rgba(0, 0, 0, 0.06)",
+  "shadowCardMedium": "0 4px 12px -2px rgba(0, 0, 0, 0.12), 0 8px 24px -4px rgba(0, 0, 0, 0.08)",
+  "shadowGlow": "0 0 20px 2px rgba(236, 72, 153, 0.15)",
+  "sp1": "1px",
+  "sp3": "3px",
+  "sp2xs": "2px",
+  "spXs": "4px",
+  "spXsh": "5px",
+  "spSm-": "6px",
+  "spSm": "8px",
+  "spSmh": "9px",
+  "spSm2": "10px",
+  "spSm2h": "11px",
+  "spMd-": "12px",
+  "spMd": "16px",
+  "spMdh": "18px",
+  "spLg-": "20px",
+  "spLg": "24px",
+  "spLgh": "26px",
+  "spXl-": "28px",
+  "spXl": "32px",
+  "spXlh": "36px",
+  "sp2xl-": "40px",
+  "sp2xl": "48px",
+  "sp2xlh": "52px",
+  "sp3xl-": "56px",
+  "sp3xl": "64px",
+  "sp4xl": "80px",
+  "sp5xl": "96px",
+  "sp6xl": "120px",
+  "radius2xs": "2px",
+  "radiusXs": "4px",
+  "radiusSm": "6px",
+  "radiusMd": "8px",
+  "radiusLg": "10px",
+  "radiusXl": "12px",
+  "radius2xl": "14px",
+  "radius3xl": "16px",
+  "radius4xl": "18px",
+  "radius5xl": "20px",
+  "radius6xl": "22px",
+  "radiusFull": "999px",
+  "easeViscous": "cubic-bezier(0.16, 1, 0.3, 1)",
+  "easeSoft": "cubic-bezier(0.22, 0.61, 0.3, 1)",
+  "easeSpring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+  "durMicro": "80ms",
+  "durFast": "150ms",
+  "durNormal": "250ms",
+  "durSlow": "400ms",
+  "durSpring": "500ms",
+  "tFast": "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+  "tNormal": "250ms cubic-bezier(0.4, 0, 0.2, 1)",
+  "tSpring": "400ms cubic-bezier(0.34, 1.56, 0.64, 1)",
+  "opDisabled": "0.4",
+  "opMuted": "0.55",
+  "opSoft": "0.65",
+  "opMedium": "0.75",
+  "opStrong": "0.85",
+  "opFull": "1",
+  "zBase": "1",
+  "zContent": "4",
+  "zContentHigh": "20",
+  "zBrand": "30",
+  "zBackdrop": "40",
+  "zNav": "50",
+  "zOverlay": "60",
+  "zModal": "70",
+  "zToast": "80",
+  "zTransition": "200",
+  "fontSerifCn": "\"Noto Serif SC\", serif",
+  "fontDisplay": "\"Instrument Serif\", \"Noto Serif SC\", Georgia, serif",
+  "fontBody": "\"Outfit\", \"Noto Sans SC\", system-ui, sans-serif",
+  "fwRegular": "400",
+  "fwMedium": "500",
+  "fwSemibold": "600",
+  "fwBold": "700",
+  "fwExtrabold": "800",
+  "focusRing": "0 0 0 2px rgba(var(--c-accent-rgb), 0.3)",
+  "focusRingLg": "0 0 0 4px rgba(var(--c-accent-rgb), 0.16)",
+  "focusRingGlow": "0 0 0 2px rgba(var(--c-accent-rgb), 0.3), 0 0 12px rgba(var(--c-accent-rgb), 0.15)",
+  "gradRose": "linear-gradient(135deg, rgba(var(--glass-accent-1), 0.4), rgba(var(--glass-accent-1), 0.1))",
+  "gradCyan": "linear-gradient(135deg, rgba(var(--glass-accent-2), 0.4), rgba(var(--glass-accent-2), 0.1))",
+  "gradPurple": "linear-gradient(135deg, rgba(var(--purple-deep-rgb), 0.4), rgba(var(--purple-deep-rgb), 0.1))",
+  "jGrad": "linear-gradient(145deg, #ff9dc6 0%, #e191d8 48%, #b488ff 100%)",
+  "jGradRadial": "radial-gradient(118% 118% at 32% 24%, #ffcde4 0%, #ff9dc6 34%, #b488ff 100%)",
+  "paperInk": "#2c2620",
+  "paperInkStrong": "#1f1a14",
+  "paperInkMuted": "#4a3528",
+  "paperRoseRgb": "255, 220, 235",
+  "paperBrownRgb": "80, 50, 30",
+  "voidBg": "#0e0524",
+  "voidBgRgb": "14, 5, 36",
+  "paperDark": "#1a1520",
+  "elysiaInk": "#3b3550",
+  "elysiaInk2": "#7a7390",
+  "elysiaInk3": "#a9a2bc",
+  "elysiaDarkSurface": "#352a48",
+  "elysiaDarkSurfaceAlt": "#3a2e50",
+  "elysiaDotBorder": "#fff5fb",
+  "elysiaDotBorderDark": "#1a1626",
+  "radius": "0.75rem",
+  "gridGap": "var(--sp-md)",
+  "cardRadius": "20px",
+  "spCardPad": "24px",
+  "spGutter": "24px",
+  "radiusCard": "var(--radius-3xl)",
+  "radiusInner": "var(--radius-xl)",
+  "blur": "14px",
+  "widgetShadowRgb": "120, 70, 110",
+  "shadowBaseRgb": "44, 42, 41"
+}
+
+export const darkTokens = {
+  "cBg": "#0f0f17",
+  "cBgRgb": "15, 15, 23",
+  "cSurface": "rgba(157, 117, 255, 0.06)",
+  "cBorder": "rgba(255, 255, 255, 0.07)",
+  "cText1": "#e2e8f0",
+  "cText2": "#94a3b8",
+  "cDivider": "rgba(255, 255, 255, 0.06)",
+  "paper": "#0f0f17",
+  "roseDeepRgb": "244, 169, 206",
+  "purpleDeepRgb": "184, 155, 232",
+  "roseBrightRgb": "244, 169, 206",
+  "discoverBg": "var(--void-bg)",
+  "background": "0 0% 0%",
+  "foreground": "210 40% 98%",
+  "primary": "330 70% 65%",
+  "primaryForeground": "210 40% 98%",
+  "card": "240 6% 11%",
+  "cardForeground": "210 40% 98%",
+  "secondary": "240 5% 18%",
+  "secondaryForeground": "210 40% 98%",
+  "accent": "240 5% 18%",
+  "accentForeground": "210 40% 98%",
+  "border": "240 4% 22%",
+  "input": "240 5% 18%",
+  "ring": "330 70% 65%",
+  "destructive": "0 62.8% 30.6%",
+  "destructiveForeground": "210 40% 98%",
+  "muted": "240 5% 18%",
+  "mutedForeground": "240 5% 64.9%",
+  "glassSurface": "rgba(255, 255, 255, 0.08)",
+  "glassSurfaceHover": "rgba(255, 255, 255, 0.14)",
+  "glassSurfaceSubtle": "rgba(255, 255, 255, 0.04)",
+  "glassSurfaceDark": "rgba(0, 0, 0, 0.2)",
+  "glassEdgeStrong": "1px solid rgba(255, 255, 255, 0.12)",
+  "glassEdgeSoft": "1px solid rgba(255, 255, 255, 0.06)",
+  "glassVividBg": "linear-gradient(135deg, rgba(46, 38, 78, 0.82) 0%, rgba(20, 17, 34, 0.76) 100%)",
+  "glassVividSaturate": "1.15",
+  "glassVividEdgeTop": "1px solid rgba(255, 255, 255, 0.16)",
+  "glassVividEdgeBottom": "1px solid rgba(255, 255, 255, 0.05)",
+  "glassVividShadow": "0 14px 44px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.07)",
+  "claySurface": "rgba(35, 35, 42, 0.6)",
+  "clayInner": "inset 0 2px 4px rgba(255, 255, 255, 0.08), inset 0 -2px 4px rgba(0, 0, 0, 0.15)",
+  "clayInnerStrong": "inset 0 3px 6px rgba(255, 255, 255, 0.1), inset 0 -3px 6px rgba(0, 0, 0, 0.2)",
+  "textGlass": "#f0ece4",
+  "textGlassShadow": "0 1px 0 rgba(0, 0, 0, 0.4)",
+  "textGlassMuted": "rgba(240, 236, 228, 0.55)",
+  "ink": "var(--c-text-1, #e2e8f0)",
+  "ink2": "var(--c-text-2, #94a3b8)",
+  "shadowLow": "0 4px 12px rgba(0, 0, 0, 0.2)",
+  "shadowMedium": "0 8px 24px rgba(0, 0, 0, 0.25)",
+  "shadowHigh": "0 12px 32px rgba(0, 0, 0, 0.3)",
+  "shadowFloat": "0 20px 48px rgba(0, 0, 0, 0.35)",
+  "shadowRest": "0 4px 20px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08)",
+  "shadowHover": "0 8px 32px rgba(var(--purple-deep-rgb), 0.15), 0 2px 6px rgba(0, 0, 0, 0.1)",
+  "shadowImage": "0 6px 24px rgba(0, 0, 0, 0.2)",
+  "shadowSoft": "0 2px 8px -2px rgba(0, 0, 0, 0.4), 0 4px 16px -4px rgba(0, 0, 0, 0.3)",
+  "shadowCardMedium": "0 4px 12px -2px rgba(0, 0, 0, 0.5), 0 8px 24px -4px rgba(0, 0, 0, 0.4)",
+  "shadowGlow": "0 0 20px 2px rgba(236, 72, 153, 0.25)",
+  "paperInk": "#d4cdd8",
+  "paperInkStrong": "#e8e0ee",
+  "paperInkMuted": "#a898b8",
+  "voidBg": "#0a0318",
+  "voidBgRgb": "10, 3, 24",
+  "paperDark": "#1a1520",
+  "elysiaInk": "#ece8f6",
+  "elysiaInk2": "#a6a0c0",
+  "elysiaInk3": "#6e688a",
+  "elysiaDarkSurface": "#352a48",
+  "elysiaDarkSurfaceAlt": "#3a2e50",
+  "elysiaDotBorder": "#1a1626",
+  "elysiaDotBorderDark": "#241b36",
+  "roseDeepLight": "#f0b9d0"
+}
+
+export const themes = {
+  "default": {
+    "name": "极简粉蓝",
+    "glassAccent1": "236, 72, 153",
+    "glassAccent2": "34, 211, 238"
+  },
+  "nature": {
+    "name": "自然森系",
+    "glassAccent1": "16, 185, 129",
+    "glassAccent2": "34, 197, 94"
+  },
+  "sunset": {
+    "name": "日落暖阳",
+    "glassAccent1": "251, 146, 60",
+    "glassAccent2": "251, 113, 133"
+  },
+  "ocean": {
+    "name": "深海静谧",
+    "glassAccent1": "59, 130, 246",
+    "glassAccent2": "129, 140, 248"
+  },
+  "lavender": {
+    "name": "薰衣草梦境",
+    "glassAccent1": "168, 85, 247",
+    "glassAccent2": "139, 92, 246"
+  },
+  "cyberpunk": {
+    "name": "赛博朋克",
+    "glassAccent1": "34, 211, 238",
+    "glassAccent2": "217, 70, 239"
+  },
+  "earthy": {
+    "name": "大地暖调",
+    "glassAccent1": "245, 158, 11",
+    "glassAccent2": "249, 115, 22"
+  },
+  "aurora_void": {
+    "name": "极光虚空",
+    "glassAccent1": "167, 139, 250",
+    "glassAccent2": "232, 121, 249"
+  }
+}
+
+export const cssVarNames = [
+  "c-accent",
+  "c-accent-rgb",
+  "c-purple",
+  "c-purple-rgb",
+  "c-tech",
+  "c-tech-rgb",
+  "c-life",
+  "c-life-rgb",
+  "c-bg",
+  "c-bg-rgb",
+  "c-surface",
+  "c-border",
+  "c-text-1",
+  "c-text-2",
+  "c-divider",
+  "c-success",
+  "c-warning",
+  "c-error",
+  "c-info",
+  "paper",
+  "rose-soft",
+  "violet-soft",
+  "sky-soft",
+  "rose-deep",
+  "rose-deep-rgb",
+  "purple-deep",
+  "purple-deep-rgb",
+  "rose-light",
+  "rose-light-rgb",
+  "violet-light",
+  "violet-light-rgb",
+  "rose-bright",
+  "rose-bright-rgb",
+  "sky-light",
+  "sky-light-rgb",
+  "rose-mid",
+  "rose-warm",
+  "violet-warm",
+  "purple-mid",
+  "pink-pale",
+  "violet-pale",
+  "discover-bg",
+  "rose-deep-light",
+  "online",
+  "background",
+  "foreground",
+  "primary",
+  "primary-foreground",
+  "secondary",
+  "secondary-foreground",
+  "accent",
+  "accent-foreground",
+  "card",
+  "card-foreground",
+  "border",
+  "input",
+  "ring",
+  "destructive",
+  "destructive-foreground",
+  "muted",
+  "muted-foreground",
+  "glass-blur-subtle",
+  "glass-blur",
+  "glass-blur-medium",
+  "glass-blur-strong",
+  "glass-blur-card",
+  "glass-card-saturate",
+  "glass-surface",
+  "glass-surface-hover",
+  "glass-surface-subtle",
+  "glass-surface-dark",
+  "glass-edge-strong",
+  "glass-edge-soft",
+  "glass-edge-inset",
+  "glass-accent-1",
+  "glass-accent-2",
+  "glass-vivid-bg",
+  "glass-vivid-saturate",
+  "glass-vivid-edge-top",
+  "glass-vivid-edge-bottom",
+  "glass-vivid-shadow",
+  "clay-surface",
+  "clay-inner",
+  "clay-inner-strong",
+  "text-glass",
+  "text-glass-shadow",
+  "text-glass-muted",
+  "ink",
+  "ink-2",
+  "shadow-low",
+  "shadow-medium",
+  "shadow-high",
+  "shadow-rest",
+  "shadow-hover",
+  "shadow-float",
+  "shadow-image",
+  "shadow-soft",
+  "shadow-card-medium",
+  "shadow-glow",
+  "sp-1",
+  "sp-3",
+  "sp-2xs",
+  "sp-xs",
+  "sp-xsh",
+  "sp-sm-",
+  "sp-sm",
+  "sp-smh",
+  "sp-sm2",
+  "sp-sm2h",
+  "sp-md-",
+  "sp-md",
+  "sp-mdh",
+  "sp-lg-",
+  "sp-lg",
+  "sp-lgh",
+  "sp-xl-",
+  "sp-xl",
+  "sp-xlh",
+  "sp-2xl-",
+  "sp-2xl",
+  "sp-2xlh",
+  "sp-3xl-",
+  "sp-3xl",
+  "sp-4xl",
+  "sp-5xl",
+  "sp-6xl",
+  "radius-2xs",
+  "radius-xs",
+  "radius-sm",
+  "radius-md",
+  "radius-lg",
+  "radius-xl",
+  "radius-2xl",
+  "radius-3xl",
+  "radius-4xl",
+  "radius-5xl",
+  "radius-6xl",
+  "radius-full",
+  "ease-viscous",
+  "ease-soft",
+  "ease-spring",
+  "dur-micro",
+  "dur-fast",
+  "dur-normal",
+  "dur-slow",
+  "dur-spring",
+  "t-fast",
+  "t-normal",
+  "t-spring",
+  "op-disabled",
+  "op-muted",
+  "op-soft",
+  "op-medium",
+  "op-strong",
+  "op-full",
+  "z-base",
+  "z-content",
+  "z-content-high",
+  "z-brand",
+  "z-backdrop",
+  "z-nav",
+  "z-overlay",
+  "z-modal",
+  "z-toast",
+  "z-transition",
+  "font-serif-cn",
+  "font-display",
+  "font-body",
+  "fw-regular",
+  "fw-medium",
+  "fw-semibold",
+  "fw-bold",
+  "fw-extrabold",
+  "focus-ring",
+  "focus-ring-lg",
+  "focus-ring-glow",
+  "grad-rose",
+  "grad-cyan",
+  "grad-purple",
+  "j-grad",
+  "j-grad-radial",
+  "paper-ink",
+  "paper-ink-strong",
+  "paper-ink-muted",
+  "paper-rose-rgb",
+  "paper-brown-rgb",
+  "void-bg",
+  "void-bg-rgb",
+  "paper-dark",
+  "elysia-ink",
+  "elysia-ink-2",
+  "elysia-ink-3",
+  "elysia-dark-surface",
+  "elysia-dark-surface-alt",
+  "elysia-dot-border",
+  "elysia-dot-border-dark",
+  "radius",
+  "grid-gap",
+  "card-radius",
+  "sp-card-pad",
+  "sp-gutter",
+  "radius-card",
+  "radius-inner",
+  "blur",
+  "widget-shadow-rgb",
+  "shadow-base-rgb"
+]