@aleph-alpha/config-css 0.14.2 → 0.14.4

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 0.14.4 (2025-06-06)
+
+### 🩹 Fixes
+
+- **fonts:** add preflight to set antialiasing on fonts
+
+### ❤️ Thank You
+
+- lucas.esperidiao
+
+## 0.14.3 (2025-06-06)
+
+### 🩹 Fixes
+
+- **deps:** update dependency @tokens-studio/sd-transforms to v2
+
+### ❤️ Thank You
+
+- Renovatebot
+
 ## 0.14.2 (2025-05-30)
 
 ### 🩹 Fixes

package/eslint.config.js

@@ -0,0 +1,25 @@
+import mainConfig from '@aleph-alpha/eslint-config-frontend/eslint.config.js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import jsdoc from 'eslint-plugin-jsdoc';
+
+export default [
+  mainConfig.config,
+  ...mainConfig.plugins,
+  {
+    ignores: ['.lintstagedrc.js', 'node_modules/*', 'dist/*', 'test/unit/coverage/*'],
+    rules: {
+      'no-unused-vars': 'off',
+      'sonarjs/todo-tag': 'warn',
+    },
+  },
+  /**
+   * Rules to enforce JSDoc comments on interface, types and enums.
+   * This way we have all interfaces of our components properly documented.
+   */
+  jsdoc.configs['flat/recommended'],
+  {
+    files: ['**/*.ts'],
+    ignores: ['**/*.test.ts', '**/*.stories.ts'],
+  },
+  eslintConfigPrettier,
+];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aleph-alpha/config-css",
   "license": "Apache-2.0",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "prettier": "@aleph-alpha/prettier-config-frontend",
@@ -14,7 +14,7 @@
     ]
   },
   "dependencies": {
-    "@tokens-studio/sd-transforms": "1.3.0",
+    "@tokens-studio/sd-transforms": "2.0.0",
     "@unocss/preset-legacy-compat": "66.1.3",
     "token-transformer": "0.0.33",
     "unocss": "^66.0.0",

package/src/index.ts

@@ -23,6 +23,18 @@ type Theme = {
 const tokenPreset: Preset<Theme> = definePreset<Theme>(() => {
   return {
     name: '@aleph-alpha/uno-css-preset',
+    preflights: [
+      {
+        getCSS() {
+          return `
+          html {
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+          }
+        `;
+        },
+      },
+    ],
     rules: [...Object.entries(typographySet), ['h-screen', { height: '100vh' }]],
     theme: {
       colors: lightModeSet,

package/dist/index.d.ts

@@ -1,47 +0,0 @@
-import { default as default_2 } from '../sd-output/light-mode.json';
-import { default as default_3 } from '../sd-output/spacings.json';
-import { default as default_4 } from '../sd-output/box-shadows.json';
-import { Preset } from 'unocss';
-
-export declare const commonPresets: Preset<Theme>[];
-
-export declare const createPresets: () => Preset<Theme>[];
-
-export declare const getDesignSystemContentPathConfig: (framework: "vue" | "svelte") => {
-    content: {
-        filesystem: string[];
-        pipeline: {
-            include: (string | RegExp)[];
-        };
-    };
-};
-
-/**
- * @deprecated Use `presetsAlephAlpha` instead.
- * preset**S** is misleading since it's not a preset but a function that returns a list of presets.
- */
-export declare const presetAlephAlpha: () => Preset<Theme>[];
-
-/**
- * The Aleph Alpha CSS preset for UnoCSS.
- * It uses the Windi CSS preset for UnoCSS.
- * and adds aleph alpha specific utilities for tokens from the design sysstem.
- */
-declare const presetsAlephAlpha: () => Preset<Theme>[];
-export default presetsAlephAlpha;
-export { presetsAlephAlpha }
-
-export declare type Theme = {
-    colors?: Record<keyof typeof default_2, string>;
-    spacing?: Record<keyof typeof default_3, string>;
-    size?: Record<keyof typeof default_3, string>;
-    boxShadow?: Record<keyof typeof default_4, string>;
-};
-
-/**
- * This preset is used to add the aleph alpha specific utilities for tokens from the design system.
- * Only the dark theme tokens are not included.
- */
-export declare const tokenPreset: Preset<Theme>;
-
-export { }