@nationaldesignstudio/react 0.0.13 → 0.0.15

package/dist/tailwind.css

@@ -1,9 +1,23 @@
 /**
  * Tailwind CSS entry point for @nationaldesignstudio/react
- * This file re-exports tokens.css for backwards compatibility.
  *
  * Usage in your app's CSS:
  *   @import "tailwindcss";
  *   @import "@nationaldesignstudio/react/tailwind.css";
  */
+
+/* Scan component source files for Tailwind class usage */
+@source "../src/components/**/*.tsx";
+
+/* Import design tokens (@theme and @utility definitions) */
 @import "./tokens.css";
+
+/* Custom font */
+@font-face {
+	font-family: "PP Neue Montreal";
+	src: url("./assets/fonts/PPNeueMontreal-Variable.woff2")
+		format("woff2-variations");
+	font-weight: 100 900;
+	font-style: normal;
+	font-display: swap;
+}

package/dist/tokens.css

@@ -1,14 +1,8 @@
 /**
- * Design Tokens for Tailwind CSS v4 - @nationaldesignstudio/react
- *
- * Usage in your app's CSS:
- *   @import "tailwindcss";
- *   @import "@nationaldesignstudio/react/tokens.css";
+ * Design Tokens for Tailwind CSS v4
+ * Auto-generated - DO NOT EDIT
+ * Generated from: @nds-design-system/tokens
  */
-
-/* Scan component source files for Tailwind class usage */
-@source "../src/components/**/*.tsx";
-
 :root {
   --breakpoint-lg: 90rem;
   --breakpoint-md: 48rem;
@@ -2513,7 +2507,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-18);
     letter-spacing: var(--tracking-18);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2541,7 +2535,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-16);
     letter-spacing: var(--tracking-16);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2569,7 +2563,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-14);
     letter-spacing: var(--tracking-14);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2597,7 +2591,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-16);
     letter-spacing: var(--tracking-button);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2625,7 +2619,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-14);
     letter-spacing: var(--tracking-button);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2653,7 +2647,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-12);
     letter-spacing: var(--tracking-button);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2681,7 +2675,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-14);
     letter-spacing: var(--tracking-14);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2709,7 +2703,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-12);
     letter-spacing: var(--tracking-12);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2737,7 +2731,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-88);
     letter-spacing: var(--tracking-88);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2765,7 +2759,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-88);
     letter-spacing: var(--tracking-88);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2793,7 +2787,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-88);
     letter-spacing: var(--tracking-88);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2821,7 +2815,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-64);
     letter-spacing: var(--tracking-64);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2849,7 +2843,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-56);
     letter-spacing: var(--tracking-56);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2877,7 +2871,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-48);
     letter-spacing: var(--tracking-48);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2905,7 +2899,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2933,7 +2927,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2961,7 +2955,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -2989,7 +2983,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-64);
     letter-spacing: var(--tracking-64);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3017,7 +3011,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-64);
     letter-spacing: var(--tracking-64);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3045,7 +3039,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-64);
     letter-spacing: var(--tracking-64);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3073,7 +3067,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-42);
     letter-spacing: var(--tracking-42);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3101,7 +3095,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-42);
     letter-spacing: var(--tracking-42);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3129,7 +3123,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-42);
     letter-spacing: var(--tracking-42);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3157,7 +3151,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-32);
     letter-spacing: var(--tracking-32);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3185,7 +3179,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3213,7 +3207,7 @@
     font-weight: var(--font-weight-regular);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3241,7 +3235,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-72);
     letter-spacing: var(--tracking-72);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3269,7 +3263,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-14);
     letter-spacing: var(--tracking-14);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3297,7 +3291,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-12);
     letter-spacing: var(--tracking-12);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3325,7 +3319,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-11);
     letter-spacing: var(--tracking-11);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3353,7 +3347,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-16);
     letter-spacing: var(--tracking-16);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3381,7 +3375,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-14);
     letter-spacing: var(--tracking-14);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3409,7 +3403,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-12);
     letter-spacing: var(--tracking-12);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3437,7 +3431,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-31);
     letter-spacing: var(--tracking-28);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3465,7 +3459,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-31);
     letter-spacing: var(--tracking-28);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3493,7 +3487,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-28);
     letter-spacing: var(--tracking-24);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3521,7 +3515,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-28);
     letter-spacing: var(--tracking-24);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3549,7 +3543,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--leading-22);
     letter-spacing: var(--tracking-18);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3577,7 +3571,7 @@
     font-weight: var(--font-weight-semibold);
     line-height: var(--leading-22);
     letter-spacing: var(--tracking-18);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3605,7 +3599,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-16);
     letter-spacing: var(--tracking-16);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -3633,7 +3627,7 @@
     font-weight: var(--font-weight-medium);
     line-height: var(--text-14);
     letter-spacing: var(--tracking-14);
-}
+
 
   /* Tablet (md breakpoint+) */
   @media (width >= 48rem) {
@@ -24164,13 +24158,4 @@
 @utility stroke-y-surface-card {
   border-top-width: var(--surface-card-stroke);
   border-bottom-width: var(--surface-card-stroke);
-}
-/* Custom font */
-@font-face {
-	font-family: "PP Neue Montreal";
-	src: url("./assets/fonts/PPNeueMontreal-Variable.woff2")
-		format("woff2-variations");
-	font-weight: 100 900;
-	font-style: normal;
-	font-display: swap;
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nationaldesignstudio/react",
-	"version": "0.0.13",
+	"version": "0.0.15",
 	"type": "module",
 	"sideEffects": [
 		"*.css"
@@ -13,14 +13,8 @@
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js"
 		},
-		"./tokens.css": {
-			"style": "./dist/tokens.css",
-			"default": "./dist/tokens.css"
-		},
-		"./tailwind.css": {
-			"style": "./dist/tailwind.css",
-			"default": "./dist/tailwind.css"
-		}
+		"./tokens.css": "./dist/tokens.css",
+		"./tailwind.css": "./dist/tailwind.css"
 	},
 	"files": [
 		"dist"