@zentrades-ui/tokens 0.1.0

package/src/default-tokens.ts

@@ -0,0 +1,4 @@
+import tokens from "../tokens.json";
+import type { Tokens } from "./schema";
+
+export const defaultTokens: Tokens = tokens as Tokens;

package/src/index.ts

@@ -0,0 +1,65 @@
+export type {
+  Tokens,
+  ColorTokens,
+  SpacingTokens,
+  BorderTokens,
+  ShadowTokens,
+  TypographyTokens,
+  BreakpointsTokens,
+  ThemeTokens,
+  TokenScale
+} from "./schema";
+export { defaultTokens } from "./default-tokens";
+
+// Token constants for use in vanilla-extract CSS files
+export {
+  // Spacing
+  SPACING_STEPS,
+  SPACING_UNITS,
+  SPACING_TOKENS,
+  SEMANTIC_SPACING,
+  pxToRem,
+  // Colors
+  COLORS,
+  themedColorVars,
+  // Typography
+  FONT_FAMILIES,
+  FONT_WEIGHTS,
+  FONT_SIZES,
+  LINE_HEIGHTS,
+  LETTER_SPACINGS,
+  TYPOGRAPHY_STYLES,
+  LABEL_FONT_SIZES,
+  LABEL_LINE_HEIGHTS,
+  // Border
+  BORDER_RADIUS,
+  BORDER_WIDTH,
+  // Shadow
+  SHADOW_LAYERS,
+  // Breakpoints
+  BREAKPOINTS,
+  // Z-Index
+  Z_INDEX,
+} from "./constants";
+
+export type {
+  SpacingStep,
+  SpacingToken,
+  SemanticSpacing,
+  ThemedColorName,
+  ThemedColorVariant,
+  FontFamily,
+  FontWeight,
+  FontSize,
+  LineHeight,
+  LetterSpacing,
+  BorderRadiusToken,
+  BorderWidthToken,
+  ShadowLayer,
+  Breakpoint,
+  HeadingSize,
+  TextSize,
+  LabelSize,
+  ZIndexKey,
+  ZIndexValue,
+} from "./constants";

package/src/schema.ts

@@ -0,0 +1,65 @@
+export type TokenScale<T = string> = Record<string, T>;
+
+export type PrimitivePalette = Record<string, TokenScale>;
+
+export type ThemedColorVar = {
+  light: string;
+  dark: string;
+};
+
+export type ColorTokens = {
+  palette: PrimitivePalette;
+  themed: Record<string, ThemedColorVar>;
+};
+
+export type SpacingTokens = {
+  steps: number[];
+  units: Record<string, number>;
+  tokens: Record<string, string>;
+  semantic: Record<string, string>;
+};
+
+export type BorderTokens = {
+  radius: TokenScale;
+  width: TokenScale;
+};
+
+export type ShadowTokens = {
+  layers: TokenScale;
+};
+
+export type TypographyTokens = {
+  fontFamilies: Record<string, string[]>;
+  fontWeights: Record<string, number>;
+  fontSizes: TokenScale;
+  lineHeights: TokenScale;
+  letterSpacings: TokenScale;
+  labelFontSizes: TokenScale;
+  labelLineHeights: TokenScale;
+  styles: Record<string, unknown>;
+};
+
+export type BreakpointsTokens = Record<string, Record<string, string>>;
+
+export type ThemeTokens = {
+  modes: {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+  };
+  transparent: string;
+};
+
+export type Tokens = {
+  meta: {
+    name: string;
+    version: number;
+  };
+  color: ColorTokens;
+  spacing: SpacingTokens;
+  border: BorderTokens;
+  shadow: ShadowTokens;
+  typography: TypographyTokens;
+  breakpoints: BreakpointsTokens;
+  zIndex: Record<string, number>;
+  theme: ThemeTokens;
+};