@j2-health/design-system 0.5.0 → 0.5.2

package/dist/tailwind.js

@@ -1,177 +1,156 @@
-const tailwindPreset = {
-  theme: {
-    colors: {
-      // Inlined rather than read from `tailwindcss/colors`: the root export
-      // re-exports this preset, so a runtime import here lands in
-      // dist/index.js and makes tailwindcss — which consumers install as a
-      // devDependency — a runtime dependency of every component import.
-      transparent: "transparent",
-      current: "currentColor",
-      white: "#fff",
-      black: "#000",
-      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)" }
-        ],
-        "j2-lg": [
-          "var(--j2-font-size-lg)",
-          { lineHeight: "var(--j2-line-height-lg)" }
-        ]
-      },
-      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)"
-      }
-    }
-  }
+//#region tailwind.config.ts
+var tailwindPreset = { theme: {
+	colors: {
+		transparent: "transparent",
+		current: "currentColor",
+		white: "#fff",
+		black: "#000",
+		j2: {
+			"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: "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: "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: "var(--j2-color-border)",
+			"border-secondary": "var(--j2-color-border-secondary)",
+			"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)",
+			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: "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)" }],
+			"j2-lg": ["var(--j2-font-size-lg)", { lineHeight: "var(--j2-line-height-lg)" }]
+		},
+		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)"
+		}
+	}
+} };
+var tailwind_config_default = {
+	...tailwindPreset,
+	content: ["./src/**/*.{ts,tsx,mdx}"],
+	plugins: []
 };
-const tailwind_config = {
-  ...tailwindPreset,
-  content: ["./src/**/*.{ts,tsx,mdx}"],
-  plugins: []
-};
-export {
-  tailwind_config as default,
-  tailwindPreset
-};
-//# sourceMappingURL=tailwind.js.map
+//#endregion
+export { tailwind_config_default as default, tailwindPreset };
+
+//# sourceMappingURL=tailwind.js.map

package/dist/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\n\n// Export as a preset for consuming apps\nexport const tailwindPreset = {\n  theme: {\n    colors: {\n      // Inlined rather than read from `tailwindcss/colors`: the root export\n      // re-exports this preset, so a runtime import here lands in\n      // dist/index.js and makes tailwindcss — which consumers install as a\n      // devDependency — a runtime dependency of every component import.\n      transparent: 'transparent',\n      current: 'currentColor',\n      white: '#fff',\n      black: '#000',\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        'j2-lg': [\n          'var(--j2-font-size-lg)',\n          { lineHeight: 'var(--j2-line-height-lg)' },\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":"AAGO,MAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA,IACL,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,MAKN,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA;AAAA,QAEF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,QAGV,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,wBAAwB;AAAA,QACxB,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,uBAAuB;AAAA;AAAA,QAGvB,MAAM;AAAA,QACN,kBAAkB;AAAA,QAClB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,QAChB,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,oBAAoB;AAAA;AAAA,QAGpB,QAAQ;AAAA,QACR,oBAAoB;AAAA;AAAA,QAGpB,aAAa;AAAA,QACb,eAAe;AAAA,QACf,WAAW;AAAA,QACX,gBAAgB;AAAA;AAAA,QAGhB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,eAAe;AAAA;AAAA,QAGf,MAAM;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEF,QAAQ;AAAA,MACN,aAAa;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,MAER,aAAa;AAAA,QACX,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,YAAY;AAAA,MAAA;AAAA,MAEd,cAAc;AAAA,QACZ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,UACA,EAAE,YAAY,2BAAA;AAAA,QAA2B;AAAA,QAE3C,SAAS;AAAA,UACP;AAAA,UACA,EAAE,YAAY,2BAAA;AAAA,QAA2B;AAAA,MAC3C;AAAA,MAEF,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF;AAEJ;AAGA,MAAA,kBAAe;AAAA,EACb,GAAG;AAAA,EACH,SAAS,CAAC,yBAAyB;AAAA,EACnC,SAAS,CAAA;AACX;"}
+{"version":3,"file":"tailwind.js","names":[],"sources":["../tailwind.config.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\n\n// Export as a preset for consuming apps\nexport const tailwindPreset = {\n  theme: {\n    colors: {\n      // Inlined rather than read from `tailwindcss/colors`: the root export\n      // re-exports this preset, so a runtime import here lands in\n      // dist/index.js and makes tailwindcss — which consumers install as a\n      // devDependency — a runtime dependency of every component import.\n      transparent: 'transparent',\n      current: 'currentColor',\n      white: '#fff',\n      black: '#000',\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        'j2-lg': [\n          'var(--j2-font-size-lg)',\n          { lineHeight: 'var(--j2-line-height-lg)' },\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"],"mappings":";AAGA,IAAa,iBAAiB,EAC5B,OAAO;CACL,QAAQ;EAKN,aAAa;EACb,SAAS;EACT,OAAO;EACP,OAAO;EACP,IAAI;GAEF,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,WAAW;GACX,WAAW;GACX,WAAW;GACX,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,UAAU;GACV,WAAW;GACX,WAAW;GACX,WAAW;GACX,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,UAAU;GACV,UAAU;GACV,UAAU;GAGV,SAAS;GACT,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACd,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB;GACxB,gBAAgB;GAChB,sBAAsB;GACtB,uBAAuB;GAGvB,MAAM;GACN,kBAAkB;GAClB,iBAAiB;GACjB,mBAAmB;GACnB,gBAAgB;GAChB,cAAc;GACd,oBAAoB;GACpB,iBAAiB;GACjB,oBAAoB;GAGpB,QAAQ;GACR,oBAAoB;GAGpB,aAAa;GACb,eAAe;GACf,WAAW;GACX,gBAAgB;GAGhB,SAAS;GACT,cAAc;GACd,oBAAoB;GACpB,kBAAkB;GAClB,SAAS;GACT,cAAc;GACd,oBAAoB;GACpB,kBAAkB;GAClB,OAAO;GACP,YAAY;GACZ,kBAAkB;GAClB,gBAAgB;GAChB,MAAM;GACN,WAAW;GACX,iBAAiB;GACjB,eAAe;GAGf,MAAM;GACN,cAAc;EAChB;CACF;CACA,QAAQ;EACN,aAAa,EACX,SAAS,yBACX;EACA,YAAY;GACV,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,MAAM;EACR;EACA,aAAa;GACX,IAAI;GACJ,WAAW;GACX,YAAY;EACd;EACA,cAAc;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACT,SAAS;EACX;EACA,UAAU;GACR,SAAS,CACP,0BACA,EAAE,YAAY,2BAA2B,CAC3C;GACA,SAAS,CACP,0BACA,EAAE,YAAY,2BAA2B,CAC3C;EACF;EACA,SAAS;GACP,IAAI;GACJ,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,SAAS;GACT,UAAU;EACZ;CACF;AACF,EACF;AAGA,IAAA,0BAAe;CACb,GAAG;CACH,SAAS,CAAC,yBAAyB;CACnC,SAAS,CAAC;AACZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@j2-health/design-system",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "description": "J2 Health shared React component library",
   "repository": {
@@ -60,7 +60,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@highcharts/react": "^5.0.0",
     "@phosphor-icons/react": "^2.1.7",
-    "antd": "^6.6.3",
+    "antd": "^6.6.5",
     "classnames": "^2.5.1",
     "formik": "^2.4.6",
     "highcharts": "^13.0.1",
@@ -71,7 +71,7 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^6.3.4",
-    "@chromatic-com/storybook": "^5.3.0",
+    "@chromatic-com/storybook": "^5.3.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -79,19 +79,19 @@
     "@eslint/js": "^10.0.1",
     "@highcharts/react": "^5.3.0",
     "@phosphor-icons/react": "^2.1.7",
-    "@storybook/addon-docs": "^10.5.9",
-    "@storybook/addon-links": "^10.3.0",
-    "@storybook/react-vite": "^10.3.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/lodash": "^4.17.14",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
-    "@vitejs/plugin-react": "^4.3.2",
-    "@vitest/coverage-v8": "^4.0.18",
-    "antd": "^6.6.3",
-    "autoprefixer": "^10.4.20",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/coverage-v8": "^5.0.1",
+    "antd": "^6.6.5",
+    "autoprefixer": "^10.6.1",
     "classnames": "^2.5.1",
     "eslint": "^10.11.0",
     "eslint-config-prettier": "^10.1.8",
@@ -100,12 +100,12 @@
     "eslint-plugin-react-refresh": "^0.5.7",
     "eslint-plugin-storybook": "^10.6.0",
     "formik": "^2.4.6",
-    "globals": "^15.9.0",
-    "happy-dom": "^20.9.0",
+    "globals": "^17.12.0",
+    "happy-dom": "^20.14.5",
     "highcharts": "^13.0.1",
     "lodash": "^4.18.1",
     "postcss": "^8.5.28",
-    "prettier": "^3.3.3",
+    "prettier": "^3.9.8",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "semver": "^7.8.5",
@@ -113,15 +113,15 @@
     "tailwindcss": "^4.3.3",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.3",
-    "typescript-eslint": "^8.15.0",
-    "vite": "^6.4.3",
-    "vite-plugin-dts": "^5.0.3",
+    "typescript-eslint": "^8.70.1",
+    "vite": "^8.3.0",
+    "vite-plugin-dts": "^5.1.1",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^4.1.11",
+    "vitest": "^5.0.1",
     "yup": "^1.4.0"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.24.0"
+    "@rollup/rollup-linux-x64-gnu": "^4.63.4"
   },
   "eslintConfig": {
     "extends": [

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}