@j2-health/design-system 0.1.0

package/dist/tailwind.cjs

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const colors = require("tailwindcss/colors.js");
+const tailwindPreset = {
+  theme: {
+    colors: {
+      transparent: colors.transparent,
+      current: colors.current,
+      white: colors.white,
+      black: colors.black,
+      j2: {
+        // Generic color definitions
+        "blue-1": "var(--j2-blue-1)",
+        "blue-2": "var(--j2-blue-2)",
+        "blue-3": "var(--j2-blue-3)",
+        "blue-4": "var(--j2-blue-4)",
+        "blue-5": "var(--j2-blue-5)",
+        "blue-6": "var(--j2-blue-6)",
+        "blue-7": "var(--j2-blue-7)",
+        "blue-8": "var(--j2-blue-8)",
+        "blue-9": "var(--j2-blue-9)",
+        "blue-10": "var(--j2-blue-10)",
+        "blue-11": "var(--j2-blue-11)",
+        "blue-12": "var(--j2-blue-12)",
+        "gray-1": "var(--j2-gray-1)",
+        "gray-2": "var(--j2-gray-2)",
+        "gray-3": "var(--j2-gray-3)",
+        "gray-4": "var(--j2-gray-4)",
+        "gray-5": "var(--j2-gray-5)",
+        "gray-6": "var(--j2-gray-6)",
+        "gray-7": "var(--j2-gray-7)",
+        "gray-8": "var(--j2-gray-8)",
+        "gray-9": "var(--j2-gray-9)",
+        "gray-10": "var(--j2-gray-10)",
+        "gray-11": "var(--j2-gray-11)",
+        "gray-12": "var(--j2-gray-12)",
+        "green-1": "var(--j2-green-1)",
+        "green-2": "var(--j2-green-2)",
+        "green-3": "var(--j2-green-3)",
+        "green-4": "var(--j2-green-4)",
+        "green-5": "var(--j2-green-5)",
+        "green-6": "var(--j2-green-6)",
+        "green-7": "var(--j2-green-7)",
+        "green-8": "var(--j2-green-8)",
+        "green-9": "var(--j2-green-9)",
+        "green-10": "var(--j2-green-10)",
+        "green-11": "var(--j2-green-11)",
+        "green-12": "var(--j2-green-12)",
+        "gold-1": "var(--j2-gold-1)",
+        "gold-2": "var(--j2-gold-2)",
+        "gold-3": "var(--j2-gold-3)",
+        "gold-4": "var(--j2-gold-4)",
+        "gold-5": "var(--j2-gold-5)",
+        "gold-6": "var(--j2-gold-6)",
+        "gold-7": "var(--j2-gold-7)",
+        "gold-8": "var(--j2-gold-8)",
+        "gold-9": "var(--j2-gold-9)",
+        "gold-10": "var(--j2-gold-10)",
+        "gold-11": "var(--j2-gold-11)",
+        "gold-12": "var(--j2-gold-12)",
+        "red-1": "var(--j2-red-1)",
+        "red-2": "var(--j2-red-2)",
+        "red-3": "var(--j2-red-3)",
+        "red-4": "var(--j2-red-4)",
+        "red-5": "var(--j2-red-5)",
+        "red-6": "var(--j2-red-6)",
+        "red-7": "var(--j2-red-7)",
+        "red-8": "var(--j2-red-8)",
+        "red-9": "var(--j2-red-9)",
+        "red-10": "var(--j2-red-10)",
+        "red-11": "var(--j2-red-11)",
+        "red-12": "var(--j2-red-12)",
+        // Primary color tokens
+        primary: "var(--j2-color-primary)",
+        "primary-hover": "var(--j2-color-primary-hover)",
+        "primary-active": "var(--j2-color-primary-active)",
+        "primary-bg": "var(--j2-color-primary-bg)",
+        "primary-bg-hover": "var(--j2-color-primary-bg-hover)",
+        "primary-border": "var(--j2-color-primary-border)",
+        "primary-border-hover": "var(--j2-color-primary-border-hover)",
+        "primary-text": "var(--j2-color-primary-text)",
+        "primary-text-hover": "var(--j2-color-primary-text-hover)",
+        "primary-text-active": "var(--j2-color-primary-text-active)",
+        // Text color tokens
+        text: "var(--j2-color-text)",
+        "text-secondary": "var(--j2-color-text-secondary)",
+        "text-tertiary": "var(--j2-color-text-tertiary)",
+        "text-quaternary": "var(--j2-color-text-quaternary)",
+        "text-heading": "var(--j2-color-text-heading)",
+        "text-label": "var(--j2-color-text-label)",
+        "text-description": "var(--j2-color-text-description)",
+        "text-disabled": "var(--j2-color-text-disabled)",
+        "text-placeholder": "var(--j2-color-text-placeholder)",
+        // Border color tokens
+        border: "var(--j2-color-border)",
+        "border-secondary": "var(--j2-color-border-secondary)",
+        // Background color tokens
+        "bg-layout": "var(--j2-color-bg-layout)",
+        "bg-elevated": "var(--j2-color-bg-elevated)",
+        "bg-mask": "var(--j2-color-bg-mask)",
+        "bg-spotlight": "var(--j2-color-bg-spotlight)",
+        // Status colors
+        success: "var(--j2-color-success)",
+        "success-bg": "var(--j2-color-success-bg)",
+        "success-bg-hover": "var(--j2-color-success-bg-hover)",
+        "success-border": "var(--j2-color-success-border)",
+        warning: "var(--j2-color-warning)",
+        "warning-bg": "var(--j2-color-warning-bg)",
+        "warning-bg-hover": "var(--j2-color-warning-bg-hover)",
+        "warning-border": "var(--j2-color-warning-border)",
+        error: "var(--j2-color-error)",
+        "error-bg": "var(--j2-color-error-bg)",
+        "error-bg-hover": "var(--j2-color-error-bg-hover)",
+        "error-border": "var(--j2-color-error-border)",
+        info: "var(--j2-color-info)",
+        "info-bg": "var(--j2-color-info-bg)",
+        "info-bg-hover": "var(--j2-color-info-bg-hover)",
+        "info-border": "var(--j2-color-info-border)",
+        // Icon colors
+        icon: "var(--j2-color-icon)",
+        "icon-hover": "var(--j2-color-icon-hover)"
+      }
+    },
+    extend: {
+      borderColor: {
+        DEFAULT: "var(--j2-color-border)"
+      },
+      fontWeight: {
+        normal: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "600"
+      },
+      borderWidth: {
+        j2: "var(--j2-line-width)",
+        "j2-bold": "var(--j2-line-width-bold)",
+        "j2-focus": "var(--j2-line-width-focus)"
+      },
+      borderRadius: {
+        j2: "var(--j2-border-radius)",
+        "j2-lg": "var(--j2-border-radius-lg)",
+        "j2-sm": "var(--j2-border-radius-sm)",
+        "j2-xs": "var(--j2-border-radius-xs)"
+      },
+      fontSize: {
+        "j2-xs": [
+          "var(--j2-font-size-xs)",
+          { lineHeight: "var(--j2-line-height-xs)" }
+        ]
+      },
+      spacing: {
+        j2: "var(--j2-size)",
+        "j2-xs": "var(--j2-size-xs)",
+        "j2-sm": "var(--j2-size-sm)",
+        "j2-md": "var(--j2-size-md)",
+        "j2-lg": "var(--j2-size-lg)",
+        "j2-xl": "var(--j2-size-xl)",
+        "j2-xxl": "var(--j2-size-xxl)"
+      }
+    }
+  }
+};
+const tailwind_config = {
+  ...tailwindPreset,
+  content: ["./src/**/*.{ts,tsx,mdx}"],
+  plugins: []
+};
+exports.default = tailwind_config;
+exports.tailwindPreset = tailwindPreset;
+//# sourceMappingURL=tailwind.cjs.map

package/dist/tailwind.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.cjs","sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport colors from 'tailwindcss/colors.js'\n\n// Export as a preset for consuming apps\nexport const tailwindPreset = {\n  theme: {\n    colors: {\n      transparent: colors.transparent,\n      current: colors.current,\n      white: colors.white,\n      black: colors.black,\n      j2: {\n        // Generic color definitions\n        'blue-1': 'var(--j2-blue-1)',\n        'blue-2': 'var(--j2-blue-2)',\n        'blue-3': 'var(--j2-blue-3)',\n        'blue-4': 'var(--j2-blue-4)',\n        'blue-5': 'var(--j2-blue-5)',\n        'blue-6': 'var(--j2-blue-6)',\n        'blue-7': 'var(--j2-blue-7)',\n        'blue-8': 'var(--j2-blue-8)',\n        'blue-9': 'var(--j2-blue-9)',\n        'blue-10': 'var(--j2-blue-10)',\n        'blue-11': 'var(--j2-blue-11)',\n        'blue-12': 'var(--j2-blue-12)',\n        'gray-1': 'var(--j2-gray-1)',\n        'gray-2': 'var(--j2-gray-2)',\n        'gray-3': 'var(--j2-gray-3)',\n        'gray-4': 'var(--j2-gray-4)',\n        'gray-5': 'var(--j2-gray-5)',\n        'gray-6': 'var(--j2-gray-6)',\n        'gray-7': 'var(--j2-gray-7)',\n        'gray-8': 'var(--j2-gray-8)',\n        'gray-9': 'var(--j2-gray-9)',\n        'gray-10': 'var(--j2-gray-10)',\n        'gray-11': 'var(--j2-gray-11)',\n        'gray-12': 'var(--j2-gray-12)',\n        'green-1': 'var(--j2-green-1)',\n        'green-2': 'var(--j2-green-2)',\n        'green-3': 'var(--j2-green-3)',\n        'green-4': 'var(--j2-green-4)',\n        'green-5': 'var(--j2-green-5)',\n        'green-6': 'var(--j2-green-6)',\n        'green-7': 'var(--j2-green-7)',\n        'green-8': 'var(--j2-green-8)',\n        'green-9': 'var(--j2-green-9)',\n        'green-10': 'var(--j2-green-10)',\n        'green-11': 'var(--j2-green-11)',\n        'green-12': 'var(--j2-green-12)',\n        'gold-1': 'var(--j2-gold-1)',\n        'gold-2': 'var(--j2-gold-2)',\n        'gold-3': 'var(--j2-gold-3)',\n        'gold-4': 'var(--j2-gold-4)',\n        'gold-5': 'var(--j2-gold-5)',\n        'gold-6': 'var(--j2-gold-6)',\n        'gold-7': 'var(--j2-gold-7)',\n        'gold-8': 'var(--j2-gold-8)',\n        'gold-9': 'var(--j2-gold-9)',\n        'gold-10': 'var(--j2-gold-10)',\n        'gold-11': 'var(--j2-gold-11)',\n        'gold-12': 'var(--j2-gold-12)',\n        'red-1': 'var(--j2-red-1)',\n        'red-2': 'var(--j2-red-2)',\n        'red-3': 'var(--j2-red-3)',\n        'red-4': 'var(--j2-red-4)',\n        'red-5': 'var(--j2-red-5)',\n        'red-6': 'var(--j2-red-6)',\n        'red-7': 'var(--j2-red-7)',\n        'red-8': 'var(--j2-red-8)',\n        'red-9': 'var(--j2-red-9)',\n        'red-10': 'var(--j2-red-10)',\n        'red-11': 'var(--j2-red-11)',\n        'red-12': 'var(--j2-red-12)',\n\n        // Primary color tokens\n        primary: 'var(--j2-color-primary)',\n        'primary-hover': 'var(--j2-color-primary-hover)',\n        'primary-active': 'var(--j2-color-primary-active)',\n        'primary-bg': 'var(--j2-color-primary-bg)',\n        'primary-bg-hover': 'var(--j2-color-primary-bg-hover)',\n        'primary-border': 'var(--j2-color-primary-border)',\n        'primary-border-hover': 'var(--j2-color-primary-border-hover)',\n        'primary-text': 'var(--j2-color-primary-text)',\n        'primary-text-hover': 'var(--j2-color-primary-text-hover)',\n        'primary-text-active': 'var(--j2-color-primary-text-active)',\n\n        // Text color tokens\n        text: 'var(--j2-color-text)',\n        'text-secondary': 'var(--j2-color-text-secondary)',\n        'text-tertiary': 'var(--j2-color-text-tertiary)',\n        'text-quaternary': 'var(--j2-color-text-quaternary)',\n        'text-heading': 'var(--j2-color-text-heading)',\n        'text-label': 'var(--j2-color-text-label)',\n        'text-description': 'var(--j2-color-text-description)',\n        'text-disabled': 'var(--j2-color-text-disabled)',\n        'text-placeholder': 'var(--j2-color-text-placeholder)',\n\n        // Border color tokens\n        border: 'var(--j2-color-border)',\n        'border-secondary': 'var(--j2-color-border-secondary)',\n\n        // Background color tokens\n        'bg-layout': 'var(--j2-color-bg-layout)',\n        'bg-elevated': 'var(--j2-color-bg-elevated)',\n        'bg-mask': 'var(--j2-color-bg-mask)',\n        'bg-spotlight': 'var(--j2-color-bg-spotlight)',\n\n        // Status colors\n        success: 'var(--j2-color-success)',\n        'success-bg': 'var(--j2-color-success-bg)',\n        'success-bg-hover': 'var(--j2-color-success-bg-hover)',\n        'success-border': 'var(--j2-color-success-border)',\n        warning: 'var(--j2-color-warning)',\n        'warning-bg': 'var(--j2-color-warning-bg)',\n        'warning-bg-hover': 'var(--j2-color-warning-bg-hover)',\n        'warning-border': 'var(--j2-color-warning-border)',\n        error: 'var(--j2-color-error)',\n        'error-bg': 'var(--j2-color-error-bg)',\n        'error-bg-hover': 'var(--j2-color-error-bg-hover)',\n        'error-border': 'var(--j2-color-error-border)',\n        info: 'var(--j2-color-info)',\n        'info-bg': 'var(--j2-color-info-bg)',\n        'info-bg-hover': 'var(--j2-color-info-bg-hover)',\n        'info-border': 'var(--j2-color-info-border)',\n\n        // Icon colors\n        icon: 'var(--j2-color-icon)',\n        'icon-hover': 'var(--j2-color-icon-hover)',\n      },\n    },\n    extend: {\n      borderColor: {\n        DEFAULT: 'var(--j2-color-border)',\n      },\n      fontWeight: {\n        normal: '400',\n        medium: '500',\n        semibold: '600',\n        bold: '600',\n      },\n      borderWidth: {\n        j2: 'var(--j2-line-width)',\n        'j2-bold': 'var(--j2-line-width-bold)',\n        'j2-focus': 'var(--j2-line-width-focus)',\n      },\n      borderRadius: {\n        j2: 'var(--j2-border-radius)',\n        'j2-lg': 'var(--j2-border-radius-lg)',\n        'j2-sm': 'var(--j2-border-radius-sm)',\n        'j2-xs': 'var(--j2-border-radius-xs)',\n      },\n      fontSize: {\n        'j2-xs': [\n          'var(--j2-font-size-xs)',\n          { lineHeight: 'var(--j2-line-height-xs)' },\n        ] as [string, { lineHeight: string }],\n      },\n      spacing: {\n        j2: 'var(--j2-size)',\n        'j2-xs': 'var(--j2-size-xs)',\n        'j2-sm': 'var(--j2-size-sm)',\n        'j2-md': 'var(--j2-size-md)',\n        'j2-lg': 'var(--j2-size-lg)',\n        'j2-xl': 'var(--j2-size-xl)',\n        'j2-xxl': 'var(--j2-size-xxl)',\n      },\n    },\n  },\n}\n\n// Default export for this project's own Tailwind config\nexport default {\n  ...tailwindPreset,\n  content: ['./src/**/*.{ts,tsx,mdx}'],\n  plugins: [],\n} satisfies Config\n"],"names":[],"mappings":"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"}

package/dist/tailwind.config.d.ts

@@ -0,0 +1,305 @@
+export declare const tailwindPreset: {
+    theme: {
+        colors: {
+            transparent: "transparent";
+            current: "currentColor";
+            white: "#fff";
+            black: "#000";
+            j2: {
+                'blue-1': string;
+                'blue-2': string;
+                'blue-3': string;
+                'blue-4': string;
+                'blue-5': string;
+                'blue-6': string;
+                'blue-7': string;
+                'blue-8': string;
+                'blue-9': string;
+                'blue-10': string;
+                'blue-11': string;
+                'blue-12': string;
+                'gray-1': string;
+                'gray-2': string;
+                'gray-3': string;
+                'gray-4': string;
+                'gray-5': string;
+                'gray-6': string;
+                'gray-7': string;
+                'gray-8': string;
+                'gray-9': string;
+                'gray-10': string;
+                'gray-11': string;
+                'gray-12': string;
+                'green-1': string;
+                'green-2': string;
+                'green-3': string;
+                'green-4': string;
+                'green-5': string;
+                'green-6': string;
+                'green-7': string;
+                'green-8': string;
+                'green-9': string;
+                'green-10': string;
+                'green-11': string;
+                'green-12': string;
+                'gold-1': string;
+                'gold-2': string;
+                'gold-3': string;
+                'gold-4': string;
+                'gold-5': string;
+                'gold-6': string;
+                'gold-7': string;
+                'gold-8': string;
+                'gold-9': string;
+                'gold-10': string;
+                'gold-11': string;
+                'gold-12': string;
+                'red-1': string;
+                'red-2': string;
+                'red-3': string;
+                'red-4': string;
+                'red-5': string;
+                'red-6': string;
+                'red-7': string;
+                'red-8': string;
+                'red-9': string;
+                'red-10': string;
+                'red-11': string;
+                'red-12': string;
+                primary: string;
+                'primary-hover': string;
+                'primary-active': string;
+                'primary-bg': string;
+                'primary-bg-hover': string;
+                'primary-border': string;
+                'primary-border-hover': string;
+                'primary-text': string;
+                'primary-text-hover': string;
+                'primary-text-active': string;
+                text: string;
+                'text-secondary': string;
+                'text-tertiary': string;
+                'text-quaternary': string;
+                'text-heading': string;
+                'text-label': string;
+                'text-description': string;
+                'text-disabled': string;
+                'text-placeholder': string;
+                border: string;
+                'border-secondary': string;
+                'bg-layout': string;
+                'bg-elevated': string;
+                'bg-mask': string;
+                'bg-spotlight': string;
+                success: string;
+                'success-bg': string;
+                'success-bg-hover': string;
+                'success-border': string;
+                warning: string;
+                'warning-bg': string;
+                'warning-bg-hover': string;
+                'warning-border': string;
+                error: string;
+                'error-bg': string;
+                'error-bg-hover': string;
+                'error-border': string;
+                info: string;
+                'info-bg': string;
+                'info-bg-hover': string;
+                'info-border': string;
+                icon: string;
+                'icon-hover': string;
+            };
+        };
+        extend: {
+            borderColor: {
+                DEFAULT: string;
+            };
+            fontWeight: {
+                normal: string;
+                medium: string;
+                semibold: string;
+                bold: string;
+            };
+            borderWidth: {
+                j2: string;
+                'j2-bold': string;
+                'j2-focus': string;
+            };
+            borderRadius: {
+                j2: string;
+                'j2-lg': string;
+                'j2-sm': string;
+                'j2-xs': string;
+            };
+            fontSize: {
+                'j2-xs': [string, {
+                    lineHeight: string;
+                }];
+            };
+            spacing: {
+                j2: string;
+                'j2-xs': string;
+                'j2-sm': string;
+                'j2-md': string;
+                'j2-lg': string;
+                'j2-xl': string;
+                'j2-xxl': string;
+            };
+        };
+    };
+};
+declare const _default: {
+    content: string[];
+    plugins: never[];
+    theme: {
+        colors: {
+            transparent: "transparent";
+            current: "currentColor";
+            white: "#fff";
+            black: "#000";
+            j2: {
+                'blue-1': string;
+                'blue-2': string;
+                'blue-3': string;
+                'blue-4': string;
+                'blue-5': string;
+                'blue-6': string;
+                'blue-7': string;
+                'blue-8': string;
+                'blue-9': string;
+                'blue-10': string;
+                'blue-11': string;
+                'blue-12': string;
+                'gray-1': string;
+                'gray-2': string;
+                'gray-3': string;
+                'gray-4': string;
+                'gray-5': string;
+                'gray-6': string;
+                'gray-7': string;
+                'gray-8': string;
+                'gray-9': string;
+                'gray-10': string;
+                'gray-11': string;
+                'gray-12': string;
+                'green-1': string;
+                'green-2': string;
+                'green-3': string;
+                'green-4': string;
+                'green-5': string;
+                'green-6': string;
+                'green-7': string;
+                'green-8': string;
+                'green-9': string;
+                'green-10': string;
+                'green-11': string;
+                'green-12': string;
+                'gold-1': string;
+                'gold-2': string;
+                'gold-3': string;
+                'gold-4': string;
+                'gold-5': string;
+                'gold-6': string;
+                'gold-7': string;
+                'gold-8': string;
+                'gold-9': string;
+                'gold-10': string;
+                'gold-11': string;
+                'gold-12': string;
+                'red-1': string;
+                'red-2': string;
+                'red-3': string;
+                'red-4': string;
+                'red-5': string;
+                'red-6': string;
+                'red-7': string;
+                'red-8': string;
+                'red-9': string;
+                'red-10': string;
+                'red-11': string;
+                'red-12': string;
+                primary: string;
+                'primary-hover': string;
+                'primary-active': string;
+                'primary-bg': string;
+                'primary-bg-hover': string;
+                'primary-border': string;
+                'primary-border-hover': string;
+                'primary-text': string;
+                'primary-text-hover': string;
+                'primary-text-active': string;
+                text: string;
+                'text-secondary': string;
+                'text-tertiary': string;
+                'text-quaternary': string;
+                'text-heading': string;
+                'text-label': string;
+                'text-description': string;
+                'text-disabled': string;
+                'text-placeholder': string;
+                border: string;
+                'border-secondary': string;
+                'bg-layout': string;
+                'bg-elevated': string;
+                'bg-mask': string;
+                'bg-spotlight': string;
+                success: string;
+                'success-bg': string;
+                'success-bg-hover': string;
+                'success-border': string;
+                warning: string;
+                'warning-bg': string;
+                'warning-bg-hover': string;
+                'warning-border': string;
+                error: string;
+                'error-bg': string;
+                'error-bg-hover': string;
+                'error-border': string;
+                info: string;
+                'info-bg': string;
+                'info-bg-hover': string;
+                'info-border': string;
+                icon: string;
+                'icon-hover': string;
+            };
+        };
+        extend: {
+            borderColor: {
+                DEFAULT: string;
+            };
+            fontWeight: {
+                normal: string;
+                medium: string;
+                semibold: string;
+                bold: string;
+            };
+            borderWidth: {
+                j2: string;
+                'j2-bold': string;
+                'j2-focus': string;
+            };
+            borderRadius: {
+                j2: string;
+                'j2-lg': string;
+                'j2-sm': string;
+                'j2-xs': string;
+            };
+            fontSize: {
+                'j2-xs': [string, {
+                    lineHeight: string;
+                }];
+            };
+            spacing: {
+                j2: string;
+                'j2-xs': string;
+                'j2-sm': string;
+                'j2-md': string;
+                'j2-lg': string;
+                'j2-xl': string;
+                'j2-xxl': string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/tailwind.js

@@ -0,0 +1,170 @@
+import colors from "tailwindcss/colors.js";
+const tailwindPreset = {
+  theme: {
+    colors: {
+      transparent: colors.transparent,
+      current: colors.current,
+      white: colors.white,
+      black: colors.black,
+      j2: {
+        // Generic color definitions
+        "blue-1": "var(--j2-blue-1)",
+        "blue-2": "var(--j2-blue-2)",
+        "blue-3": "var(--j2-blue-3)",
+        "blue-4": "var(--j2-blue-4)",
+        "blue-5": "var(--j2-blue-5)",
+        "blue-6": "var(--j2-blue-6)",
+        "blue-7": "var(--j2-blue-7)",
+        "blue-8": "var(--j2-blue-8)",
+        "blue-9": "var(--j2-blue-9)",
+        "blue-10": "var(--j2-blue-10)",
+        "blue-11": "var(--j2-blue-11)",
+        "blue-12": "var(--j2-blue-12)",
+        "gray-1": "var(--j2-gray-1)",
+        "gray-2": "var(--j2-gray-2)",
+        "gray-3": "var(--j2-gray-3)",
+        "gray-4": "var(--j2-gray-4)",
+        "gray-5": "var(--j2-gray-5)",
+        "gray-6": "var(--j2-gray-6)",
+        "gray-7": "var(--j2-gray-7)",
+        "gray-8": "var(--j2-gray-8)",
+        "gray-9": "var(--j2-gray-9)",
+        "gray-10": "var(--j2-gray-10)",
+        "gray-11": "var(--j2-gray-11)",
+        "gray-12": "var(--j2-gray-12)",
+        "green-1": "var(--j2-green-1)",
+        "green-2": "var(--j2-green-2)",
+        "green-3": "var(--j2-green-3)",
+        "green-4": "var(--j2-green-4)",
+        "green-5": "var(--j2-green-5)",
+        "green-6": "var(--j2-green-6)",
+        "green-7": "var(--j2-green-7)",
+        "green-8": "var(--j2-green-8)",
+        "green-9": "var(--j2-green-9)",
+        "green-10": "var(--j2-green-10)",
+        "green-11": "var(--j2-green-11)",
+        "green-12": "var(--j2-green-12)",
+        "gold-1": "var(--j2-gold-1)",
+        "gold-2": "var(--j2-gold-2)",
+        "gold-3": "var(--j2-gold-3)",
+        "gold-4": "var(--j2-gold-4)",
+        "gold-5": "var(--j2-gold-5)",
+        "gold-6": "var(--j2-gold-6)",
+        "gold-7": "var(--j2-gold-7)",
+        "gold-8": "var(--j2-gold-8)",
+        "gold-9": "var(--j2-gold-9)",
+        "gold-10": "var(--j2-gold-10)",
+        "gold-11": "var(--j2-gold-11)",
+        "gold-12": "var(--j2-gold-12)",
+        "red-1": "var(--j2-red-1)",
+        "red-2": "var(--j2-red-2)",
+        "red-3": "var(--j2-red-3)",
+        "red-4": "var(--j2-red-4)",
+        "red-5": "var(--j2-red-5)",
+        "red-6": "var(--j2-red-6)",
+        "red-7": "var(--j2-red-7)",
+        "red-8": "var(--j2-red-8)",
+        "red-9": "var(--j2-red-9)",
+        "red-10": "var(--j2-red-10)",
+        "red-11": "var(--j2-red-11)",
+        "red-12": "var(--j2-red-12)",
+        // Primary color tokens
+        primary: "var(--j2-color-primary)",
+        "primary-hover": "var(--j2-color-primary-hover)",
+        "primary-active": "var(--j2-color-primary-active)",
+        "primary-bg": "var(--j2-color-primary-bg)",
+        "primary-bg-hover": "var(--j2-color-primary-bg-hover)",
+        "primary-border": "var(--j2-color-primary-border)",
+        "primary-border-hover": "var(--j2-color-primary-border-hover)",
+        "primary-text": "var(--j2-color-primary-text)",
+        "primary-text-hover": "var(--j2-color-primary-text-hover)",
+        "primary-text-active": "var(--j2-color-primary-text-active)",
+        // Text color tokens
+        text: "var(--j2-color-text)",
+        "text-secondary": "var(--j2-color-text-secondary)",
+        "text-tertiary": "var(--j2-color-text-tertiary)",
+        "text-quaternary": "var(--j2-color-text-quaternary)",
+        "text-heading": "var(--j2-color-text-heading)",
+        "text-label": "var(--j2-color-text-label)",
+        "text-description": "var(--j2-color-text-description)",
+        "text-disabled": "var(--j2-color-text-disabled)",
+        "text-placeholder": "var(--j2-color-text-placeholder)",
+        // Border color tokens
+        border: "var(--j2-color-border)",
+        "border-secondary": "var(--j2-color-border-secondary)",
+        // Background color tokens
+        "bg-layout": "var(--j2-color-bg-layout)",
+        "bg-elevated": "var(--j2-color-bg-elevated)",
+        "bg-mask": "var(--j2-color-bg-mask)",
+        "bg-spotlight": "var(--j2-color-bg-spotlight)",
+        // Status colors
+        success: "var(--j2-color-success)",
+        "success-bg": "var(--j2-color-success-bg)",
+        "success-bg-hover": "var(--j2-color-success-bg-hover)",
+        "success-border": "var(--j2-color-success-border)",
+        warning: "var(--j2-color-warning)",
+        "warning-bg": "var(--j2-color-warning-bg)",
+        "warning-bg-hover": "var(--j2-color-warning-bg-hover)",
+        "warning-border": "var(--j2-color-warning-border)",
+        error: "var(--j2-color-error)",
+        "error-bg": "var(--j2-color-error-bg)",
+        "error-bg-hover": "var(--j2-color-error-bg-hover)",
+        "error-border": "var(--j2-color-error-border)",
+        info: "var(--j2-color-info)",
+        "info-bg": "var(--j2-color-info-bg)",
+        "info-bg-hover": "var(--j2-color-info-bg-hover)",
+        "info-border": "var(--j2-color-info-border)",
+        // Icon colors
+        icon: "var(--j2-color-icon)",
+        "icon-hover": "var(--j2-color-icon-hover)"
+      }
+    },
+    extend: {
+      borderColor: {
+        DEFAULT: "var(--j2-color-border)"
+      },
+      fontWeight: {
+        normal: "400",
+        medium: "500",
+        semibold: "600",
+        bold: "600"
+      },
+      borderWidth: {
+        j2: "var(--j2-line-width)",
+        "j2-bold": "var(--j2-line-width-bold)",
+        "j2-focus": "var(--j2-line-width-focus)"
+      },
+      borderRadius: {
+        j2: "var(--j2-border-radius)",
+        "j2-lg": "var(--j2-border-radius-lg)",
+        "j2-sm": "var(--j2-border-radius-sm)",
+        "j2-xs": "var(--j2-border-radius-xs)"
+      },
+      fontSize: {
+        "j2-xs": [
+          "var(--j2-font-size-xs)",
+          { lineHeight: "var(--j2-line-height-xs)" }
+        ]
+      },
+      spacing: {
+        j2: "var(--j2-size)",
+        "j2-xs": "var(--j2-size-xs)",
+        "j2-sm": "var(--j2-size-sm)",
+        "j2-md": "var(--j2-size-md)",
+        "j2-lg": "var(--j2-size-lg)",
+        "j2-xl": "var(--j2-size-xl)",
+        "j2-xxl": "var(--j2-size-xxl)"
+      }
+    }
+  }
+};
+const tailwind_config = {
+  ...tailwindPreset,
+  content: ["./src/**/*.{ts,tsx,mdx}"],
+  plugins: []
+};
+export {
+  tailwind_config as default,
+  tailwindPreset
+};
+//# sourceMappingURL=tailwind.js.map