fix: resolve design token source imports

Author: blove

libs/design-tokens/src/index.ts

@@ -1,26 +1,26 @@
-export { typography } from './lib/typography.js';
-export type { Typography } from './lib/typography.js';
-export { space } from './lib/space.js';
-export type { Space } from './lib/space.js';
-export { radius } from './lib/radius.js';
-export type { Radius } from './lib/radius.js';
-export { shadows } from './lib/shadows.js';
-export type { Shadows } from './lib/shadows.js';
-export { colors } from './lib/colors.js';
-export type { Colors } from './lib/colors.js';
-export { surfaces } from './lib/surfaces.js';
-export type { Surfaces } from './lib/surfaces.js';
-export { tokens } from './lib/tokens.js';
-export type { Tokens } from './lib/tokens.js';
+export { typography } from './lib/typography.ts';
+export type { Typography } from './lib/typography.ts';
+export { space } from './lib/space.ts';
+export type { Space } from './lib/space.ts';
+export { radius } from './lib/radius.ts';
+export type { Radius } from './lib/radius.ts';
+export { shadows } from './lib/shadows.ts';
+export type { Shadows } from './lib/shadows.ts';
+export { colors } from './lib/colors.ts';
+export type { Colors } from './lib/colors.ts';
+export { surfaces } from './lib/surfaces.ts';
+export type { Surfaces } from './lib/surfaces.ts';
+export { tokens } from './lib/tokens.ts';
+export type { Tokens } from './lib/tokens.ts';
 
 // New theme-aware exports
-export { baseTokens } from './lib/base.js';
-export type { BaseTokens } from './lib/base.js';
-export { lightOverrides } from './lib/light.js';
-export type { LightOverrides } from './lib/light.js';
-export { darkOverrides } from './lib/dark.js';
-export type { DarkOverrides } from './lib/dark.js';
-export type { Theme } from './lib/theme.js';
+export { baseTokens } from './lib/base.ts';
+export type { BaseTokens } from './lib/base.ts';
+export { lightOverrides } from './lib/light.ts';
+export type { LightOverrides } from './lib/light.ts';
+export { darkOverrides } from './lib/dark.ts';
+export type { DarkOverrides } from './lib/dark.ts';
+export type { Theme } from './lib/theme.ts';
 
-export { cssVars } from './lib/css-vars.js';
-export type { CssVars } from './lib/css-vars.js';
+export { cssVars } from './lib/css-vars.ts';
+export type { CssVars } from './lib/css-vars.ts';

libs/design-tokens/src/lib/base.ts

@@ -1,7 +1,7 @@
-import { typography } from './typography.js';
-import { space } from './space.js';
-import { radius } from './radius.js';
-import { shadows } from './shadows.js';
+import { typography } from './typography.ts';
+import { space } from './space.ts';
+import { radius } from './radius.ts';
+import { shadows } from './shadows.ts';
 
 /**
  * Theme-invariant tokens. Same values in light and dark.

libs/design-tokens/src/lib/colors.ts

@@ -8,8 +8,8 @@
  * resolved values from `lightOverrides`. Existing website consumers
  * (which are light-only) continue to work without modification.
  */
-import { baseTokens } from './base.js';
-import { lightOverrides } from './light.js';
+import { baseTokens } from './base.ts';
+import { lightOverrides } from './light.ts';
 
 export const colors = Object.freeze({
   // Theme-invariant brand identity

libs/design-tokens/src/lib/css-vars.ts

@@ -1,7 +1,7 @@
-import { baseTokens } from './base.js';
-import { lightOverrides } from './light.js';
-import { darkOverrides } from './dark.js';
-import type { Theme } from './theme.js';
+import { baseTokens } from './base.ts';
+import { lightOverrides } from './light.ts';
+import { darkOverrides } from './dark.ts';
+import type { Theme } from './theme.ts';
 
 const overridesByTheme = {
   light: lightOverrides,

libs/design-tokens/src/lib/dark.ts

@@ -1,4 +1,4 @@
-import { baseTokens } from './base.js';
+import { baseTokens } from './base.ts';
 
 /**
  * Theme-variant tokens resolved for the dark theme.

libs/design-tokens/src/lib/light.ts

@@ -1,4 +1,4 @@
-import { baseTokens } from './base.js';
+import { baseTokens } from './base.ts';
 
 /**
  * Theme-variant tokens resolved for the light theme.

libs/design-tokens/src/lib/surfaces.ts

@@ -7,7 +7,7 @@
  * light-theme resolved values. Existing website consumers (light-only)
  * continue to work without modification.
  */
-import { lightOverrides } from './light.js';
+import { lightOverrides } from './light.ts';
 
 export const surfaces = Object.freeze({
   canvas: lightOverrides.canvas,

libs/design-tokens/src/lib/tokens.ts

@@ -1,8 +1,8 @@
-import { baseTokens } from './base.js';
-import { lightOverrides } from './light.js';
-import { darkOverrides } from './dark.js';
-import { colors } from './colors.js';
-import { surfaces } from './surfaces.js';
+import { baseTokens } from './base.ts';
+import { lightOverrides } from './light.ts';
+import { darkOverrides } from './dark.ts';
+import { colors } from './colors.ts';
+import { surfaces } from './surfaces.ts';
 
 /**
  * Combined token shape. Consumers that need theme resolution should
@@ -23,6 +23,6 @@ export const tokens = Object.freeze({
 
 export type Tokens = typeof tokens;
 
-export { baseTokens } from './base.js';
-export { lightOverrides } from './light.js';
-export { darkOverrides } from './dark.js';
+export { baseTokens } from './base.ts';
+export { lightOverrides } from './light.ts';
+export { darkOverrides } from './dark.ts';

libs/design-tokens/tsconfig.lib.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "declaration": true,
-    "emitDeclarationOnly": false
+    "emitDeclarationOnly": false,
+    "rewriteRelativeImportExtensions": true
   },
   "include": ["src/**/*.ts"],
   "exclude": ["src/**/*.spec.ts"]

tsconfig.base.json

@@ -8,6 +8,8 @@
     "lib": ["es2022"],
     "module": "ES2022",
     "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "rewriteRelativeImportExtensions": true,
     "noEmitOnError": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitOverride": true,