@alveole/theme 1.8.2 → 1.8.4

package/dist/constants/Font.d.ts

@@ -1,13 +1,13 @@
 import { TextStyle } from 'react-native';
 export declare const FontsMap: {
-    readonly 'Barlow-Light': any;
-    readonly 'Barlow-Regular': any;
-    readonly 'Barlow-Medium': any;
-    readonly 'Barlow-Bold': any;
-    readonly 'Inter-Light': any;
-    readonly 'Inter-Regular': any;
-    readonly 'Inter-Medium': any;
-    readonly 'Inter-Bold': any;
+    readonly 'Barlow-Light': number;
+    readonly 'Barlow-Regular': number;
+    readonly 'Barlow-Medium': number;
+    readonly 'Barlow-Bold': number;
+    readonly 'Inter-Light': number;
+    readonly 'Inter-Regular': number;
+    readonly 'Inter-Medium': number;
+    readonly 'Inter-Bold': number;
 };
 export type Font = keyof typeof FontsMap;
 export declare const Fonts: Record<Font, Font>;

package/dist/constants/Font.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Font.d.ts","sourceRoot":"","sources":["../../src/constants/Font.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,QAAQ;;;;;;;;;CAWX,CAAC;AAGX,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AACzC,eAAO,MAAM,KAAK,EAA0E,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAI/G,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,IAAI,EACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;CAAE,CAU7F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAIhG,CAAC"}
+{"version":3,"file":"Font.d.ts","sourceRoot":"","sources":["../../src/constants/Font.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,QAAQ;;;;;;;;;CAWX,CAAC;AAGX,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AACzC,eAAO,MAAM,KAAK,EAA0E,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAI/G,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,IAAI,EACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;CAAE,CAU7F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAIhG,CAAC"}

package/dist/constants/Font.js

@@ -1,15 +1,23 @@
+import { Barlow_300Light } from '@expo-google-fonts/barlow/300Light';
+import { Barlow_400Regular } from '@expo-google-fonts/barlow/400Regular';
+import { Barlow_500Medium } from '@expo-google-fonts/barlow/500Medium';
+import { Barlow_600SemiBold } from '@expo-google-fonts/barlow/600SemiBold';
+import { Inter_300Light } from '@expo-google-fonts/inter/300Light';
+import { Inter_400Regular } from '@expo-google-fonts/inter/400Regular';
+import { Inter_500Medium } from '@expo-google-fonts/inter/500Medium';
+import { Inter_600SemiBold } from '@expo-google-fonts/inter/600SemiBold';
 import { Platform } from 'react-native';
 export const FontsMap = {
     // Barlow
-    'Barlow-Light': require('../../assets/fonts/Barlow/Barlow-Light.ttf'),
-    'Barlow-Regular': require('../../assets/fonts/Barlow/Barlow-Regular.ttf'),
-    'Barlow-Medium': require('../../assets/fonts/Barlow/Barlow-Medium.ttf'),
-    'Barlow-Bold': require('../../assets/fonts/Barlow/Barlow-SemiBold.ttf'),
+    'Barlow-Light': Barlow_300Light,
+    'Barlow-Regular': Barlow_400Regular,
+    'Barlow-Medium': Barlow_500Medium,
+    'Barlow-Bold': Barlow_600SemiBold,
     // Inter
-    'Inter-Light': require('../../assets/fonts/Inter/Inter-Light.ttf'),
-    'Inter-Regular': require('../../assets/fonts/Inter/Inter-Regular.ttf'),
-    'Inter-Medium': require('../../assets/fonts/Inter/Inter-Medium.ttf'),
-    'Inter-Bold': require('../../assets/fonts/Inter/Inter-SemiBold.ttf'),
+    'Inter-Light': Inter_300Light,
+    'Inter-Regular': Inter_400Regular,
+    'Inter-Medium': Inter_500Medium,
+    'Inter-Bold': Inter_600SemiBold,
 };
 export const Fonts = Object.fromEntries(Object.keys(FontsMap).map(font => [font, font]));
 const SANS_SERIF_FALLBACK = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif";

package/dist/constants/Palette.d.ts

@@ -1,5 +1,6 @@
 export declare const CustomPalette: {
     readonly light: {
+        /** @deprecated Ancienne variable issue du DSFR */
         readonly artwork: {
             readonly 'major-primary': "#033B72";
             readonly 'decorative-primary': "#E5F1FE";

package/dist/constants/Palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"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"}

package/dist/constants/Palette.js

@@ -1,6 +1,7 @@
 import { Colors } from './Color';
 export const CustomPalette = {
     light: {
+        /** @deprecated Ancienne variable issue du DSFR */
         artwork: {
             'major-primary': Colors['BleuCaptive']['200'],
             'decorative-primary': Colors['BleuCaptive']['950'],

package/dist/default.css

@@ -1,51 +1,4 @@
-@font-face {
-  font-family: 'Barlow';
-  src: url('../assets/fonts/Barlow/Barlow-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Barlow';
-  src: url('../assets/fonts/Barlow/Barlow-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Barlow';
-  src: url('../assets/fonts/Barlow/Barlow-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Barlow';
-  src: url('../assets/fonts/Barlow/Barlow-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Inter';
-  src: url('../assets/fonts/Inter/Inter-Light.ttf') format('truetype');
-  font-weight: 300;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Inter';
-  src: url('../assets/fonts/Inter/Inter-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Inter';
-  src: url('../assets/fonts/Inter/Inter-Medium.ttf') format('truetype');
-  font-weight: 500;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Inter';
-  src: url('../assets/fonts/Inter/Inter-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
+@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');
 
 body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
 

package/dist/helpers/injectVariableCSS.d.ts

@@ -1,7 +1,5 @@
 import { Theme } from '../type';
 export declare const generateCSSVariables: (theme: Theme) => string;
-export declare const injectFontFaceCSS: () => void;
-export declare const injectFontSmoothingCSS: () => void;
 export declare const injectVariableCSS: (theme: Theme) => void;
 export declare const generateFontFaceCSS: () => string;
 export declare const generateFontSmoothingCSS: () => string;

package/dist/helpers/injectVariableCSS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injectVariableCSS.d.ts","sourceRoot":"","sources":["../../src/helpers/injectVariableCSS.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA6BhC,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,KAAG,MA+CnD,CAAC;AA8CF,eAAO,MAAM,iBAAiB,YAiB7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,YAYlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,SAY7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,MAMxB,CAAC;AAEhB,eAAO,MAAM,wBAAwB,QAAO,MAC6E,CAAC;AAE1H,eAAO,MAAM,uBAAuB,QAAO,MAM9B,CAAC"}
+{"version":3,"file":"injectVariableCSS.d.ts","sourceRoot":"","sources":["../../src/helpers/injectVariableCSS.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA6BhC,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,KAAG,MA+CnD,CAAC;AA8CF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,SAY7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,MAYtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,MAC6E,CAAC;AAE1H,eAAO,MAAM,uBAAuB,QAAO,MAM9B,CAAC"}

package/dist/helpers/injectVariableCSS.js

@@ -1,6 +1,6 @@
 import { Colors, CustomPalette, Spacings } from '../constants';
 import { Elevations } from '../constants/Elevation';
-import { FontWeightMap, FontsMap } from '../constants/Font';
+import { FontWeightMap } from '../constants/Font';
 import { RadiusList } from '../constants/Radius';
 import { CustomTypography } from '../constants/Typography';
 import { sanitizeCSSKey } from './sanitizeCSSKey';
@@ -101,35 +101,6 @@ const collectTypographyLines = (path, node, fontReverseMap, lines) => {
         collectTypographyLines([...path, key], value, fontReverseMap, lines);
     });
 };
-export const injectFontFaceCSS = () => {
-    if (typeof document === 'undefined')
-        return;
-    const styleId = 'theme-font-faces';
-    if (document.getElementById(styleId))
-        return;
-    const rules = Object.entries(FontsMap)
-        .map(([key, src]) => {
-        const { family, weight } = FontWeightMap[key];
-        return `@font-face {\n  font-family: '${family}';\n  src: url('${src}') format('truetype');\n  font-weight: ${weight};\n  font-style: normal;\n}`;
-    })
-        .join('\n');
-    const styleTag = document.createElement('style');
-    styleTag.id = styleId;
-    styleTag.innerHTML = rules;
-    document.head.appendChild(styleTag);
-};
-export const injectFontSmoothingCSS = () => {
-    if (typeof document === 'undefined')
-        return;
-    const styleId = 'theme-font-smoothing';
-    if (document.getElementById(styleId))
-        return;
-    const styleTag = document.createElement('style');
-    styleTag.id = styleId;
-    styleTag.innerHTML =
-        'body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }';
-    document.head.appendChild(styleTag);
-};
 export const injectVariableCSS = (theme) => {
     if (typeof document === 'undefined')
         return;
@@ -142,12 +113,18 @@ export const injectVariableCSS = (theme) => {
     styleTag.innerHTML = generateCSSVariables(theme);
     document.head.appendChild(styleTag);
 };
-export const generateFontFaceCSS = () => Object.entries(FontsMap)
-    .map(([key, src]) => {
-    const { family, weight } = FontWeightMap[key];
-    return `@font-face {\n  font-family: '${family}';\n  src: url('${src}') format('truetype');\n  font-weight: ${weight};\n  font-style: normal;\n}`;
-})
-    .join('\n');
+export const generateFontFaceCSS = () => {
+    const weightsByFamily = new Map();
+    Object.values(FontWeightMap).forEach(({ family, weight }) => {
+        if (!weightsByFamily.has(family))
+            weightsByFamily.set(family, new Set());
+        weightsByFamily.get(family)?.add(String(weight));
+    });
+    const families = Array.from(weightsByFamily.entries())
+        .map(([family, weights]) => `family=${family.replace(/ /g, '+')}:wght@${Array.from(weights).sort().join(';')}`)
+        .join('&');
+    return `@import url('https://fonts.googleapis.com/css2?${families}&display=swap');`;
+};
 export const generateFontSmoothingCSS = () => 'body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }';
 export const generateDefaultThemeCSS = () => generateCSSVariables({
     color: {

package/dist/helpers/useThemeBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeBuilder.d.ts","sourceRoot":"","sources":["../../src/helpers/useThemeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,OAAO,EAKL,WAAW,EAKX,OAAO,EAGR,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAgDF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAwEnF"}
+{"version":3,"file":"useThemeBuilder.d.ts","sourceRoot":"","sources":["../../src/helpers/useThemeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,OAAO,EAKL,WAAW,EAKX,OAAO,EAGR,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAgDF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CA0EnF"}

package/dist/helpers/useThemeBuilder.js

@@ -51,7 +51,9 @@ const toCSSVarTypography = (node, path = []) => {
 };
 export function useThemeBuilder(params) {
     const { width } = useWindowDimensions();
-    const [loadedFonts] = useFonts(FontsMap);
+    // Sur web, les fonts sont chargées via @font-face (generateFontFaceCSS), pas via expo-font,
+    // pour éviter une double source (fichiers locaux vs Google Fonts) et un chargement redondant.
+    const [loadedFonts] = useFonts(Platform.OS === 'web' ? {} : FontsMap);
     const variant = useMemo(() => breakpointToVariant(width), [width]);
     const rawMergedPalette = useMemo(() => deepMerge(CustomPalette, params.color), [params.color]);
     const mergedPalette = useMemo(() => toCSSVarPalette(rawMergedPalette), [rawMergedPalette]);

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@alveole/theme",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "Shared theme tokens and utilities.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "assets",
     "README.md"
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "tsc -p tsconfig.build.json && rm -rf assets && cp -R src/assets assets && node scripts/build-css.mjs",
+    "build": "tsc -p tsconfig.build.json && node scripts/build-css.mjs",
     "lint": "eslint .",
     "typecheck": "tsc -p tsconfig.build.json --noEmit"
   },
@@ -32,6 +31,8 @@
     "access": "public"
   },
   "dependencies": {
+    "@expo-google-fonts/barlow": "0.4.1",
+    "@expo-google-fonts/inter": "0.4.2",
     "@uiw/react-signature": "1.3.5",
     "react-native-signature-canvas": "5.1.1"
   }