@tac-ui/tokens 0.1.0 → 1.0.0

package/dist/native/index.mjs

@@ -0,0 +1,142 @@
+import { semanticTokens, chart, motion, elevation, radius, spacing, typography } from '../chunk-7I7QJ2NP.mjs';
+export { component as componentTokens, motion as motionTokens, springConfigs, tacSpring } from '../chunk-7I7QJ2NP.mjs';
+
+// src/native/shadows.ts
+var nativeShadows = {
+  light: {
+    sm: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.04,
+      shadowRadius: 3,
+      elevation: 1
+    },
+    m: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.05,
+      shadowRadius: 12,
+      elevation: 3
+    },
+    lg: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.06,
+      shadowRadius: 24,
+      elevation: 6
+    },
+    xl: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 16 },
+      shadowOpacity: 0.08,
+      shadowRadius: 40,
+      elevation: 9
+    },
+    glass: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.05,
+      shadowRadius: 32,
+      elevation: 4
+    },
+    glassLg: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 12 },
+      shadowOpacity: 0.08,
+      shadowRadius: 48,
+      elevation: 6
+    }
+  },
+  dark: {
+    sm: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.2,
+      shadowRadius: 2,
+      elevation: 1
+    },
+    m: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.2,
+      shadowRadius: 12,
+      elevation: 3
+    },
+    lg: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.2,
+      shadowRadius: 24,
+      elevation: 6
+    },
+    xl: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 12 },
+      shadowOpacity: 0.22,
+      shadowRadius: 32,
+      elevation: 9
+    },
+    glass: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.18,
+      shadowRadius: 12,
+      elevation: 3
+    },
+    glassLg: {
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.2,
+      shadowRadius: 20,
+      elevation: 5
+    }
+  }
+};
+
+// src/native/index.ts
+function buildNativeTheme(mode) {
+  const colors = semanticTokens[mode];
+  const chartTokens = chart[mode];
+  return {
+    mode,
+    colors: { ...colors },
+    typography: {
+      fontFamily: typography.fontFamily,
+      display: typography.display,
+      heading: typography.heading,
+      body: typography.body,
+      caption: typography.caption,
+      fontWeight: typography.fontWeight
+    },
+    spacing: { ...spacing },
+    radius: { ...radius },
+    elevation: { ...elevation[mode] },
+    motion: {
+      duration: { ...motion.duration },
+      easing: {
+        standard: motion.easing.standard,
+        easeIn: motion.easing.easeIn,
+        easeOut: motion.easing.easeOut,
+        easeInOut: motion.easing.easeInOut,
+        bounce: motion.easing.bounce,
+        spring: motion.easing.spring,
+        elastic: motion.easing.elastic
+      }
+    },
+    chart: {
+      colors: [...chartTokens.colors],
+      grid: chartTokens.grid,
+      axis: chartTokens.axis,
+      label: chartTokens.label,
+      tooltipBg: chartTokens.tooltipBg,
+      lineWidth: chart.lineWidth,
+      dotSize: chart.dotSize,
+      barRadius: chart.barRadius,
+      areaOpacity: chart.areaOpacity
+    }
+  };
+}
+var lightTheme = buildNativeTheme("light");
+var darkTheme = buildNativeTheme("dark");
+
+export { buildNativeTheme, darkTheme, lightTheme, nativeShadows };

package/dist/web/css-variables.d.mts

@@ -1,7 +1,8 @@
-type ThemeMode = 'light' | 'dark';
+import { ThemeMode } from '@tac-ui/shared';
+
 declare function generateCSSVariables(mode: ThemeMode): Record<string, string>;
 declare function generateCSSBlock(mode: ThemeMode): string;
 /** Generates CSS @keyframes blocks from the motion.keyframes presets. */
 declare function generateKeyframes(): string;
 
-export { type ThemeMode, generateCSSBlock, generateCSSVariables, generateKeyframes };
+export { generateCSSBlock, generateCSSVariables, generateKeyframes };

package/dist/web/css-variables.d.ts

@@ -1,7 +1,8 @@
-type ThemeMode = 'light' | 'dark';
+import { ThemeMode } from '@tac-ui/shared';
+
 declare function generateCSSVariables(mode: ThemeMode): Record<string, string>;
 declare function generateCSSBlock(mode: ThemeMode): string;
 /** Generates CSS @keyframes blocks from the motion.keyframes presets. */
 declare function generateKeyframes(): string;
 
-export { type ThemeMode, generateCSSBlock, generateCSSVariables, generateKeyframes };
+export { generateCSSBlock, generateCSSVariables, generateKeyframes };