@averoui/tokens 1.0.0

package/src/generated/tokens.js

@@ -0,0 +1,538 @@
+// Generated from @averoui/tokens/src/theme.css by scripts/generate-token-data.mjs. Do not edit.
+export const tokens = {
+  "fontFamilySans": {
+    "cssVar": "--font-sans",
+    "value": "Lahzeh, Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Noto Sans\", Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif"
+  },
+  "fontFamilyCode": {
+    "cssVar": "--font-code",
+    "value": "\"Fira Code\", \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
+  },
+  "fontSize4xs": {
+    "cssVar": "--text-4xs",
+    "value": "0.5625rem"
+  },
+  "fontSize3xs": {
+    "cssVar": "--text-3xs",
+    "value": "0.625rem"
+  },
+  "fontSize2xs": {
+    "cssVar": "--text-2xs",
+    "value": "0.6875rem"
+  },
+  "fontSizeSmPlus": {
+    "cssVar": "--text-sm-plus",
+    "value": "0.8125rem"
+  },
+  "fontSizeMd": {
+    "cssVar": "--text-md",
+    "value": "0.9375rem"
+  },
+  "fontSizeXlPlus": {
+    "cssVar": "--text-xl-plus",
+    "value": "1.375rem"
+  },
+  "lineHeightProse": {
+    "cssVar": "--leading-prose",
+    "value": "1.8"
+  },
+  "lineHeightAiry": {
+    "cssVar": "--leading-airy",
+    "value": "2.2"
+  },
+  "colorPrimary": {
+    "cssVar": "--color-primary",
+    "value": "#0a66c2"
+  },
+  "colorPrimaryHover": {
+    "cssVar": "--color-primary-hover",
+    "value": "#004182"
+  },
+  "colorSecondary": {
+    "cssVar": "--color-secondary",
+    "value": "#f15928"
+  },
+  "colorBackground": {
+    "cssVar": "--color-background",
+    "value": "#f4f4f4"
+  },
+  "colorForeground": {
+    "cssVar": "--color-foreground",
+    "value": "#464646"
+  },
+  "colorSurface": {
+    "cssVar": "--color-surface",
+    "value": "#ffffff"
+  },
+  "colorSurfaceGlass": {
+    "cssVar": "--color-surface-glass",
+    "value": "#ffffff6b"
+  },
+  "colorSurfaceMuted": {
+    "cssVar": "--color-surface-muted",
+    "value": "#f9fafc"
+  },
+  "colorSurfaceSunken": {
+    "cssVar": "--color-surface-sunken",
+    "value": "#e7e9ec"
+  },
+  "colorBorderSubtle": {
+    "cssVar": "--color-border-subtle",
+    "value": "#d5d9df"
+  },
+  "colorTextStrong": {
+    "cssVar": "--color-text-strong",
+    "value": "#242424"
+  },
+  "colorTextChrome": {
+    "cssVar": "--color-text-chrome",
+    "value": "#8390a2"
+  },
+  "colorTextChromeHover": {
+    "cssVar": "--color-text-chrome-hover",
+    "value": "#242424"
+  },
+  "colorTextSubtle": {
+    "cssVar": "--color-text-subtle",
+    "value": "#54595f"
+  },
+  "colorTextMuted": {
+    "cssVar": "--color-text-muted",
+    "value": "var(--color-gray-400)"
+  },
+  "colorAccentSocial": {
+    "cssVar": "--color-accent-social",
+    "value": "#ff9606"
+  },
+  "colorIconMuted": {
+    "cssVar": "--color-icon-muted",
+    "value": "#c1c3c8"
+  },
+  "colorWarning": {
+    "cssVar": "--color-warning",
+    "value": "#f59e0b"
+  },
+  "colorWarningHover": {
+    "cssVar": "--color-warning-hover",
+    "value": "#d97706"
+  },
+  "colorShadowBrand": {
+    "cssVar": "--color-shadow-brand",
+    "value": "#0a66c205"
+  },
+  "colorShadowBox": {
+    "cssVar": "--color-shadow-box",
+    "value": "#0f172a14"
+  },
+  "colorChartViews": {
+    "cssVar": "--color-chart-views",
+    "value": "#6366f1"
+  },
+  "colorChartLikes": {
+    "cssVar": "--color-chart-likes",
+    "value": "#f43f5e"
+  },
+  "colorChartClicks": {
+    "cssVar": "--color-chart-clicks",
+    "value": "#8b5cf6"
+  },
+  "colorChartComments": {
+    "cssVar": "--color-chart-comments",
+    "value": "#10b981"
+  },
+  "colorChartGrid": {
+    "cssVar": "--color-chart-grid",
+    "value": "#f1f5f9"
+  },
+  "colorChartAxis": {
+    "cssVar": "--color-chart-axis",
+    "value": "#94a3b8"
+  },
+  "colorChartCursor": {
+    "cssVar": "--color-chart-cursor",
+    "value": "#cbd5e1"
+  },
+  "colorChartTooltipSurface": {
+    "cssVar": "--color-chart-tooltip-surface",
+    "value": "#1e293b"
+  },
+  "colorChartTooltipText": {
+    "cssVar": "--color-chart-tooltip-text",
+    "value": "#f8fafc"
+  },
+  "colorChartTooltipLabel": {
+    "cssVar": "--color-chart-tooltip-label",
+    "value": "#94a3b8"
+  },
+  "radiusHuge": {
+    "cssVar": "--radius-huge",
+    "value": "1.75rem"
+  },
+  "radiusLeaf": {
+    "cssVar": "--radius-leaf",
+    "value": "2.5rem"
+  },
+  "shadowBrandSoft": {
+    "cssVar": "--shadow-brand-soft",
+    "value": "0 0 20px 0 var(--color-shadow-brand)"
+  },
+  "shadowBrandMd": {
+    "cssVar": "--shadow-brand-md",
+    "value": "0 0 35px 0 var(--color-shadow-brand)"
+  },
+  "shadowBrandLg": {
+    "cssVar": "--shadow-brand-lg",
+    "value": "0 0 40px 0 var(--color-shadow-brand)"
+  },
+  "shadowBrandHover": {
+    "cssVar": "--shadow-brand-hover",
+    "value": "0 2px 35px 0 var(--color-shadow-brand)"
+  },
+  "shadowBrandDrop": {
+    "cssVar": "--shadow-brand-drop",
+    "value": "0 20px 0 0 var(--color-shadow-brand)"
+  },
+  "shadowBox": {
+    "cssVar": "--shadow-box",
+    "value": "0 2px 4px var(--color-shadow-box)"
+  },
+  "shadowCardSoft": {
+    "cssVar": "--shadow-card-soft",
+    "value": "0 4px 25px rgba(0, 0, 0, 0.04)"
+  },
+  "shadowCardAmbient": {
+    "cssVar": "--shadow-card-ambient",
+    "value": "0 0 25px 0 rgba(0, 0, 0, 0.05)"
+  },
+  "shadowCardFaint": {
+    "cssVar": "--shadow-card-faint",
+    "value": "0 4px 20px rgba(0, 0, 0, 0.02)"
+  },
+  "shadowCardSubtle": {
+    "cssVar": "--shadow-card-subtle",
+    "value": "0 4px 20px rgba(0, 0, 0, 0.03)"
+  },
+  "shadowCardHairline": {
+    "cssVar": "--shadow-card-hairline",
+    "value": "0 2px 16px rgba(15, 23, 42, 0.06)"
+  },
+  "shadowCardRaised": {
+    "cssVar": "--shadow-card-raised",
+    "value": "0 2px 12px 0 rgba(0, 0, 0, 0.08)"
+  },
+  "shadowElevated": {
+    "cssVar": "--shadow-elevated",
+    "value": "0 10px 40px rgba(15, 23, 42, 0.08)"
+  },
+  "shadowElevatedSoft": {
+    "cssVar": "--shadow-elevated-soft",
+    "value": "0 10px 40px rgba(15, 23, 42, 0.06)"
+  },
+  "shadowElevatedTight": {
+    "cssVar": "--shadow-elevated-tight",
+    "value": "0 10px 35px rgba(15, 23, 42, 0.08)"
+  },
+  "shadowFloat": {
+    "cssVar": "--shadow-float",
+    "value": "0 20px 80px rgba(15, 23, 42, 0.08)"
+  },
+  "shadowFloatHover": {
+    "cssVar": "--shadow-float-hover",
+    "value": "0 20px 60px rgba(15, 23, 42, 0.12)"
+  },
+  "shadowFloatWide": {
+    "cssVar": "--shadow-float-wide",
+    "value": "0 8px 40px rgba(15, 23, 42, 0.12)"
+  },
+  "shadowFloatStrong": {
+    "cssVar": "--shadow-float-strong",
+    "value": "0 16px 35px rgba(15, 23, 42, 0.22)"
+  },
+  "shadowPop": {
+    "cssVar": "--shadow-pop",
+    "value": "0 4px 15px -3px rgba(0, 0, 0, 0.1)"
+  },
+  "shadowPopWide": {
+    "cssVar": "--shadow-pop-wide",
+    "value": "0 8px 40px rgba(0, 0, 0, 0.08)"
+  },
+  "shadowModal": {
+    "cssVar": "--shadow-modal",
+    "value": "0 25px 80px rgba(15, 23, 42, 0.2)"
+  },
+  "shadowLightbox": {
+    "cssVar": "--shadow-lightbox",
+    "value": "0 25px 70px rgba(0, 0, 0, 0.35)"
+  },
+  "dropShadowSoft": {
+    "cssVar": "--drop-shadow-soft",
+    "value": "0 10px 30px rgba(0, 0, 0, 0.04)"
+  },
+  "dropShadowAmberSm": {
+    "cssVar": "--drop-shadow-amber-sm",
+    "value": "0 1px 4px rgba(251, 191, 36, 0.35)"
+  },
+  "dropShadowAmberMd": {
+    "cssVar": "--drop-shadow-amber-md",
+    "value": "0 2px 8px rgba(234, 179, 8, 0.45)"
+  },
+  "blurHair": {
+    "cssVar": "--blur-hair",
+    "value": "1px"
+  },
+  "blurThin": {
+    "cssVar": "--blur-thin",
+    "value": "2px"
+  },
+  "blurMist": {
+    "cssVar": "--blur-mist",
+    "value": "50px"
+  },
+  "blurOrb": {
+    "cssVar": "--blur-orb",
+    "value": "70px"
+  },
+  "blurHaze": {
+    "cssVar": "--blur-haze",
+    "value": "200px"
+  },
+  "animationSlideUp": {
+    "cssVar": "--animate-slide-up",
+    "value": "slide-up 0.25s ease-out"
+  },
+  "animationFadeIn": {
+    "cssVar": "--animate-fade-in",
+    "value": "fade-in 0.4s ease-out both"
+  },
+  "animationFade": {
+    "cssVar": "--animate-fade",
+    "value": "fade 0.5s"
+  },
+  "animationBlink": {
+    "cssVar": "--animate-blink",
+    "value": "blink 1s step-end infinite"
+  },
+  "animationBlinkCaret": {
+    "cssVar": "--animate-blink-caret",
+    "value": "blink-caret 0.75s step-end infinite"
+  },
+  "animationSway": {
+    "cssVar": "--animate-sway",
+    "value": "sway 3s ease-in-out forwards"
+  },
+  "animationShimmer": {
+    "cssVar": "--animate-shimmer",
+    "value": "shimmer 1.6s linear infinite"
+  },
+  "animationSpinGlow": {
+    "cssVar": "--animate-spin-glow",
+    "value": "spin-glow 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite"
+  },
+  "animationAccordionDown": {
+    "cssVar": "--animate-accordion-down",
+    "value": "accordion-down 0.3s ease-in-out"
+  },
+  "animationAccordionUp": {
+    "cssVar": "--animate-accordion-up",
+    "value": "accordion-up 0.3s ease-in-out"
+  },
+  "zIndexRaised": {
+    "cssVar": "--z-raised",
+    "value": "10"
+  },
+  "zIndexSticky": {
+    "cssVar": "--z-sticky",
+    "value": "50"
+  },
+  "zIndexDrawer": {
+    "cssVar": "--z-drawer",
+    "value": "70"
+  },
+  "zIndexDropdown": {
+    "cssVar": "--z-dropdown",
+    "value": "60"
+  },
+  "zIndexOverlay": {
+    "cssVar": "--z-overlay",
+    "value": "100"
+  },
+  "zIndexOverlayContent": {
+    "cssVar": "--z-overlay-content",
+    "value": "105"
+  },
+  "zIndexModal": {
+    "cssVar": "--z-modal",
+    "value": "110"
+  },
+  "zIndexModalContent": {
+    "cssVar": "--z-modal-content",
+    "value": "115"
+  },
+  "zIndexModalNested": {
+    "cssVar": "--z-modal-nested",
+    "value": "120"
+  },
+  "zIndexPopover": {
+    "cssVar": "--z-popover",
+    "value": "999"
+  },
+  "zIndexTopLayer": {
+    "cssVar": "--z-top-layer",
+    "value": "2000"
+  },
+  "zIndexTopLayerContent": {
+    "cssVar": "--z-top-layer-content",
+    "value": "3000"
+  },
+  "zIndexToast": {
+    "cssVar": "--z-toast",
+    "value": "9999"
+  },
+  "zIndexMax": {
+    "cssVar": "--z-max",
+    "value": "10001"
+  }
+};
+
+export const tokenGroups = {
+  "color": [
+    "primary",
+    "primary-hover",
+    "secondary",
+    "background",
+    "foreground",
+    "surface",
+    "surface-glass",
+    "surface-muted",
+    "surface-sunken",
+    "border-subtle",
+    "text-strong",
+    "text-chrome",
+    "text-chrome-hover",
+    "text-subtle",
+    "text-muted",
+    "accent-social",
+    "icon-muted",
+    "warning",
+    "warning-hover",
+    "shadow-brand",
+    "shadow-box",
+    "chart-views",
+    "chart-likes",
+    "chart-clicks",
+    "chart-comments",
+    "chart-grid",
+    "chart-axis",
+    "chart-cursor",
+    "chart-tooltip-surface",
+    "chart-tooltip-text",
+    "chart-tooltip-label"
+  ],
+  "fontFamily": [
+    "sans",
+    "code"
+  ],
+  "fontSize": [
+    "4xs",
+    "3xs",
+    "2xs",
+    "sm-plus",
+    "md",
+    "xl-plus"
+  ],
+  "lineHeight": [
+    "prose",
+    "airy"
+  ],
+  "radius": [
+    "huge",
+    "leaf"
+  ],
+  "shadow": [
+    "brand-soft",
+    "brand-md",
+    "brand-lg",
+    "brand-hover",
+    "brand-drop",
+    "box",
+    "card-soft",
+    "card-ambient",
+    "card-faint",
+    "card-subtle",
+    "card-hairline",
+    "card-raised",
+    "elevated",
+    "elevated-soft",
+    "elevated-tight",
+    "float",
+    "float-hover",
+    "float-wide",
+    "float-strong",
+    "pop",
+    "pop-wide",
+    "modal",
+    "lightbox"
+  ],
+  "dropShadow": [
+    "soft",
+    "amber-sm",
+    "amber-md"
+  ],
+  "blur": [
+    "hair",
+    "thin",
+    "mist",
+    "orb",
+    "haze"
+  ],
+  "animation": [
+    "slide-up",
+    "fade-in",
+    "fade",
+    "blink",
+    "blink-caret",
+    "sway",
+    "shimmer",
+    "spin-glow",
+    "accordion-down",
+    "accordion-up"
+  ],
+  "zIndex": [
+    "raised",
+    "sticky",
+    "drawer",
+    "dropdown",
+    "overlay",
+    "overlay-content",
+    "modal",
+    "modal-content",
+    "modal-nested",
+    "popover",
+    "top-layer",
+    "top-layer-content",
+    "toast",
+    "max"
+  ],
+  "utility": [
+    "scrollbar-fancy",
+    "scrollbar-slim",
+    "scrollbar-hidden",
+    "skeleton-shimmer",
+    "glow-ring",
+    "typing-caret",
+    "gradient-cover",
+    "gradient-cover-shade",
+    "gradient-media-shade",
+    "gradient-night",
+    "gradient-accent-bar",
+    "gradient-label",
+    "gradient-premium",
+    "gradient-art-frame",
+    "gradient-brand"
+  ]
+};
+
+/** Returns the CSS `var()` reference for a token, for use in style props. */
+export function tokenVar(name) {
+  return `var(${tokens[name].cssVar})`;
+}