@alveole/theme 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"removeUnsupportedCSSProperties.d.ts","sourceRoot":"","sources":["../../src/helpers/removeUnsupportedCSSProperties.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAUjG"}

package/dist/helpers/removeUnsupportedCSSProperties.js

@@ -0,0 +1,20 @@
+import { Platform } from 'react-native';
+import { UnsupportedCSSProperties } from '../constants';
+/**
+ * Retire les propriétés CSS non supportées pour une platforme
+ * @param styles Styles appliqués
+ * @returns Les styles sans les propriétés exclues pour la platform
+ */
+export function removeUnsupportedCSSProperties(styles) {
+    const platform = Platform.OS;
+    const blocklist = UnsupportedCSSProperties[platform] ?? [];
+    const cleaned = {};
+    for (const key in styles) {
+        const style = { ...styles[key] };
+        for (const prop of blocklist)
+            if (prop in style)
+                style[prop] = undefined;
+        cleaned[key] = style;
+    }
+    return cleaned;
+}

package/dist/helpers/useThemeBuilder.d.ts

@@ -0,0 +1,9 @@
+import type { Theme } from '../type';
+import { DeepPartial, Palette } from '../constants';
+export type CustomBuilder = {
+    color?: DeepPartial<Palette>;
+};
+export declare function useThemeBuilder(params: CustomBuilder): Theme & {
+    isReady: boolean;
+};
+//# sourceMappingURL=useThemeBuilder.d.ts.map

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

@@ -0,0 +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,EAIX,OAAO,EAGR,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CA4CnF"}

package/dist/helpers/useThemeBuilder.js

@@ -0,0 +1,38 @@
+import { useFonts } from 'expo-font';
+import { useCallback, useMemo } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { breakpointToVariant, Colors, CustomPalette, CustomTypography, Fonts, FontsMap, Heights, Sizes, Spacings, } from '../constants';
+import { RadiusList } from '../constants/Radius';
+import { alpha } from './alphaColor';
+import { deepMerge } from './deepMerge';
+import { elevationStyle } from './elevationStyle';
+export function useThemeBuilder(params) {
+    const { width } = useWindowDimensions();
+    const [loadedFonts] = useFonts(FontsMap);
+    const variant = useMemo(() => breakpointToVariant(width), [width]);
+    const mergedPalette = useMemo(() => deepMerge(CustomPalette, params.color), [params.color]);
+    const isReady = useMemo(() => width != null && variant != null && width > 0 && loadedFonts, [loadedFonts, variant, width]);
+    return {
+        // Spacings
+        spacing: key => Spacings[key],
+        // Radius
+        radius: key => RadiusList[key],
+        // Breakpoints
+        variant,
+        isVariant: useCallback(match => variant === match, [variant]),
+        // Colors
+        color: { _constants: Colors, alpha, ...mergedPalette },
+        // Shadows
+        shadows: elevationStyle,
+        // Typographies
+        text: {
+            ...CustomTypography,
+            fontSize: Sizes,
+            lineHeight: Heights,
+        },
+        // Typographies
+        font: Fonts,
+        // Theme state
+        isReady,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './constants';
+export * from './helpers/isSpacingKey';
+export * from './helpers/makeStyles';
+export * from './ThemeProvider';
+export * from './type';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './helpers/isSpacingKey';
+export * from './helpers/makeStyles';
+export * from './ThemeProvider';
+export * from './type';

package/dist/type/Theme.d.ts

@@ -0,0 +1,21 @@
+import type { Colors, CustomPalette, CustomTypography, Fonts, Spacing, SpacingKey, Variant } from '../constants';
+import { Radius, RadiusKey } from '../constants/Radius';
+import { alpha } from '../helpers/alphaColor';
+import { elevationStyle } from '../helpers/elevationStyle';
+import type { Typography } from './Typography';
+export interface Theme {
+    spacing: (key: SpacingKey) => Spacing;
+    variant: Variant;
+    isVariant: (variant: Variant) => boolean;
+    shadows: typeof elevationStyle;
+    radius: (key: RadiusKey) => Radius;
+    text: Typography & typeof CustomTypography;
+    font: typeof Fonts;
+    color: {
+        /** @deprecated Utiliser la palette */
+        _constants: typeof Colors;
+    } & typeof CustomPalette & {
+        alpha: typeof alpha;
+    };
+}
+//# sourceMappingURL=Theme.d.ts.map

package/dist/type/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/type/Theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjH,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,KAAK;IAEpB,OAAO,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;IAGtC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IAGzC,OAAO,EAAE,OAAO,cAAc,CAAC;IAG/B,MAAM,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC;IAGnC,IAAI,EAAE,UAAU,GAAG,OAAO,gBAAgB,CAAC;IAG3C,IAAI,EAAE,OAAO,KAAK,CAAC;IAGnB,KAAK,EAAE;QACL,sCAAsC;QACtC,UAAU,EAAE,OAAO,MAAM,CAAC;KAC3B,GAAG,OAAO,aAAa,GAAG;QACvB,KAAK,EAAE,OAAO,KAAK,CAAC;KACrB,CAAC;CACL"}

package/dist/type/Theme.js

@@ -0,0 +1 @@
+export {};

package/dist/type/Typography.d.ts

@@ -0,0 +1,8 @@
+import type { TextStyle } from 'react-native';
+import type { Heights, Sizes } from '../constants';
+export type CustomStyle = Pick<TextStyle, 'fontSize' | 'lineHeight' | 'fontWeight' | 'fontFamily'>;
+export interface Typography {
+    fontSize: typeof Sizes;
+    lineHeight: typeof Heights;
+}
+//# sourceMappingURL=Typography.d.ts.map

package/dist/type/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/type/Typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;AAEnG,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,KAAK,CAAC;IACvB,UAAU,EAAE,OAAO,OAAO,CAAC;CAC5B"}

package/dist/type/Typography.js

@@ -0,0 +1 @@
+export {};

package/dist/type/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/type/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/type/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/type/index.js

@@ -0,0 +1 @@
+export * from './Theme';

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@alveole/theme",
+  "version": "0.4.0",
+  "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"
+  },
+  "peerDependencies": {
+    "@tamagui/core": "*",
+    "expo-font": "*",
+    "expo-system-ui": "*",
+    "react": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}