@gv-tech/design-tokens 2.20.0 → 2.21.1

package/dist/spacing.d.ts

@@ -0,0 +1,30 @@
+export declare const spacing: {
+    readonly px: "1px";
+    readonly 0: "0";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 32: "8rem";
+    readonly 40: "10rem";
+    readonly 48: "12rem";
+    readonly 56: "14rem";
+    readonly 64: "16rem";
+};
+export type SpacingTokens = typeof spacing;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../src/spacing.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BV,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,OAAO,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,48 @@
+export declare const theme: {
+    readonly light: {
+        readonly background: "hsl(0 0% 96%)";
+        readonly foreground: "hsl(222 47% 11%)";
+        readonly card: "hsl(0 0% 100%)";
+        readonly cardForeground: "hsl(222 47% 11%)";
+        readonly popover: "hsl(0 0% 100%)";
+        readonly popoverForeground: "hsl(222 47% 11%)";
+        readonly primary: "hsl(225 73% 57%)";
+        readonly primaryForeground: "hsl(0 0% 100%)";
+        readonly secondary: "hsl(93 28% 54%)";
+        readonly secondaryForeground: "hsl(0 0% 100%)";
+        readonly muted: "hsl(0 0% 92%)";
+        readonly mutedForeground: "hsl(215 16% 47%)";
+        readonly accent: "hsl(0 0% 88%)";
+        readonly accentForeground: "hsl(222 47% 11%)";
+        readonly destructive: "hsl(0 84.2% 60.2%)";
+        readonly destructiveForeground: "hsl(0 0% 100%)";
+        readonly border: "hsl(0 0% 89%)";
+        readonly input: "hsl(0 0% 89%)";
+        readonly ring: "hsl(222 47% 11%)";
+        readonly radius: "0.5rem";
+    };
+    readonly dark: {
+        readonly background: "hsl(0 0% 9%)";
+        readonly foreground: "hsl(0 0% 100%)";
+        readonly card: "hsl(0 0% 14%)";
+        readonly cardForeground: "hsl(0 0% 100%)";
+        readonly popover: "hsl(0 0% 11%)";
+        readonly popoverForeground: "hsl(0 0% 100%)";
+        readonly primary: "hsl(227 96% 71%)";
+        readonly primaryForeground: "hsl(0 0% 9%)";
+        readonly secondary: "hsl(96 44% 61%)";
+        readonly secondaryForeground: "hsl(0 0% 9%)";
+        readonly muted: "hsl(0 0% 6%)";
+        readonly mutedForeground: "hsl(0 0% 70%)";
+        readonly accent: "hsl(0 0% 15%)";
+        readonly accentForeground: "hsl(0 0% 100%)";
+        readonly destructive: "hsl(0 62.8% 30.6%)";
+        readonly destructiveForeground: "hsl(0 0% 100%)";
+        readonly border: "hsl(0 0% 18%)";
+        readonly input: "hsl(0 0% 18%)";
+        readonly ring: "hsl(0 0% 90%)";
+        readonly radius: "0.5rem";
+    };
+};
+export type ThemeTokens = typeof theme.light;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CR,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC"}

package/dist/typography.d.ts

@@ -0,0 +1,33 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+        readonly '4xl': "2.25rem";
+        readonly '5xl': "3rem";
+    };
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "2";
+    };
+};
+export type TypographyTokens = typeof typography;
+//# sourceMappingURL=typography.d.ts.map

package/dist/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Bb,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gv-tech/design-tokens",
-  "version": "2.20.0",
+  "version": "2.21.1",
   "description": "Shared design tokens for the GV Tech design system — palette, theme, spacing, typography, shadows",
   "repository": {
     "type": "git",

package/src/index.ts

@@ -33,3 +33,5 @@ export const tokens = {
   palette,
   theme,
 } as const;
+
+export { preset } from './preset';

package/src/preset.ts

@@ -0,0 +1,104 @@
+// Tailwind CSS configuration preset for GV Tech design system.
+// This registers our colors, shadows, border radii, and animations natively.
+
+export const preset = {
+  theme: {
+    extend: {
+      colors: {
+        background: 'hsl(var(--background) / <alpha-value>)',
+        foreground: 'hsl(var(--foreground) / <alpha-value>)',
+        card: {
+          DEFAULT: 'hsl(var(--card) / <alpha-value>)',
+          foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
+          foreground: 'hsl(var(--popover-foreground) / <alpha-value>)',
+        },
+        primary: {
+          DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
+          foreground: 'hsl(var(--primary-foreground) / <alpha-value>)',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
+          foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
+          foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
+          foreground: 'hsl(var(--accent-foreground) / <alpha-value>)',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
+          foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
+        },
+        border: 'hsl(var(--border) / <alpha-value>)',
+        input: 'hsl(var(--input) / <alpha-value>)',
+        ring: 'hsl(var(--ring) / <alpha-value>)',
+
+        // Primitive palette tokens exported dynamically via CSS variable mappings
+        brand: {
+          blue: 'hsl(var(--brand-blue) / <alpha-value>)',
+          green: 'hsl(var(--brand-green) / <alpha-value>)',
+          'floral-white': 'hsl(var(--brand-floral-white) / <alpha-value>)',
+        },
+        neutral: {
+          white: 'hsl(var(--neutral-white) / <alpha-value>)',
+          black: 'hsl(var(--neutral-black) / <alpha-value>)',
+          gray50: 'hsl(var(--neutral-gray50) / <alpha-value>)',
+          gray100: 'hsl(var(--neutral-gray100) / <alpha-value>)',
+          gray200: 'hsl(var(--neutral-gray200) / <alpha-value>)',
+          gray300: 'hsl(var(--neutral-gray300) / <alpha-value>)',
+          gray400: 'hsl(var(--neutral-gray400) / <alpha-value>)',
+          gray500: 'hsl(var(--neutral-gray500) / <alpha-value>)',
+          gray600: 'hsl(var(--neutral-gray600) / <alpha-value>)',
+          gray700: 'hsl(var(--neutral-gray700) / <alpha-value>)',
+          gray800: 'hsl(var(--neutral-gray800) / <alpha-value>)',
+          gray900: 'hsl(var(--neutral-gray900) / <alpha-value>)',
+          gray950: 'hsl(var(--neutral-gray950) / <alpha-value>)',
+          gray975: 'hsl(var(--neutral-gray975) / <alpha-value>)',
+          gray990: 'hsl(var(--neutral-gray990) / <alpha-value>)',
+        },
+        semantic: {
+          success: 'hsl(var(--semantic-success) / <alpha-value>)',
+          'success-dark': 'hsl(var(--semantic-success-dark) / <alpha-value>)',
+          destructive: 'hsl(var(--semantic-destructive) / <alpha-value>)',
+          'destructive-dark': 'hsl(var(--semantic-destructive-dark) / <alpha-value>)',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+        xl: 'calc(var(--radius) + 4px)',
+        '2xl': 'calc(var(--radius) + 8px)',
+      },
+      boxShadow: {
+        sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+        DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+        md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+        lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+        xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+        '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
+        inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: '0' },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+      },
+    },
+  },
+};