@aleph-alpha/config-css 0.21.1 → 0.22.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aleph-alpha/config-css",
   "license": "Apache-2.0",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "prettier": "@aleph-alpha/prettier-config-frontend",

package/src/index.ts

@@ -2,11 +2,11 @@ import { definePreset, Preset, presetTypography, presetWind } from 'unocss';
 import { presetAnimations } from 'unocss-preset-animations';
 import presetTheme from 'unocss-preset-theme';
 import presetLegacyCompat from '@unocss/preset-legacy-compat';
-import boxShadowsSet from '../sd-output/box-shadows.json';
-import darkModeSet from '../sd-output/dark-mode.json';
-import lightModeSet from '../sd-output/light-mode.json';
-import spacingsSet from '../sd-output/spacings.json';
-import typographySet from '../sd-output/typography.json';
+import boxShadowsSet from '#sd-output/box-shadows.json';
+import darkModeSet from '#sd-output/dark-mode.json';
+import lightModeSet from '#sd-output/light-mode.json';
+import spacingsSet from '#sd-output/spacings.json';
+import typographySet from '#sd-output/typography.json';
 import { presetWebFontsAlephAlpha } from './presetWebFontsAlephAlpha';
 
 type Theme = {

package/src/presetWebFontsAlephAlpha.ts

@@ -12,11 +12,21 @@ import { inter500 } from './assets/fonts/inter500.woff2';
 import { inter600 } from './assets/fonts/inter600.woff2';
 import { inter700 } from './assets/fonts/inter700.woff2';
 
-const LEGACY_DATA_URI_PREFIX = 'data:@file/octet-stream;base64,';
-
 const normalizeEmbeddedFontDataUri = (fontDataUri: string, mimeType = 'font/woff2') => {
-  if (!fontDataUri.startsWith(LEGACY_DATA_URI_PREFIX)) return fontDataUri;
-  return `data:${mimeType};base64,${fontDataUri.slice(LEGACY_DATA_URI_PREFIX.length)}`;
+  const normalizedUri = fontDataUri.trim();
+  const legacyPrefixes = [
+    'data:@file/octet-stream;base64,',
+    'data:@file/binary;base64,',
+    'data:%40file/octet-stream;base64,',
+    'data:%40file/binary;base64,',
+  ];
+
+  const matchedPrefix = legacyPrefixes.find((prefix) => normalizedUri.startsWith(prefix));
+  if (matchedPrefix) {
+    return `data:${mimeType};base64,${normalizedUri.slice(matchedPrefix.length)}`;
+  }
+
+  return normalizedUri;
 };
 
 export const presetWebFontsAlephAlpha = (): Preset => ({
@@ -46,9 +56,6 @@ export const presetWebFontsAlephAlpha = (): Preset => ({
         const inter700Src = normalizeEmbeddedFontDataUri(inter700);
 
         return `
-          :root {
-            --custom-font-family: Raleway;
-          }
 
           /* Raleway fonts (legacy support) */
           @font-face {

package/tsconfig.json

@@ -7,7 +7,10 @@
     "lib": ["ES2021.String"],
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "paths": {
+      "#sd-output/*": ["sd-output/*"]
+    }
   },
   "exclude": ["node_modules"],
   "include": ["src/**/*.ts"]

package/vite.config.ts

@@ -1,7 +1,16 @@
+import { resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 
+const dirname = fileURLToPath(new URL('.', import.meta.url));
+
 export default defineConfig({
+  resolve: {
+    alias: {
+      '#sd-output': resolve(dirname, 'sd-output'),
+    },
+  },
   build: {
     lib: {
       entry: './src/index.ts',
@@ -12,5 +21,7 @@ export default defineConfig({
       external: ['unocss', 'unocss-preset-theme', 'unocss/preset-uno'],
     },
   },
-  plugins: [dts({ rollupTypes: true })],
+  // Use tsconfig `paths` for token JSON (not `../sd-output/`) so `rollupTypes` + API
+  // Extractor do not fail (see vite-plugin-dts FAQ: baseUrl + non-standard imports).
+  plugins: [dts({ rollupTypes: true, tsconfigPath: './tsconfig.json' })],
 });