@alveole/theme 0.4.0

package/dist/constants/Typography.d.ts

@@ -0,0 +1,189 @@
+export declare const CustomTypography: {
+    readonly 'Titres alternatifs': {
+        readonly XS: {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 48;
+            readonly lineHeight: 56;
+            readonly letterSpacing: 0;
+        };
+        readonly SM: {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 56;
+            readonly lineHeight: 64;
+            readonly letterSpacing: 0;
+        };
+        readonly MD: {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 64;
+            readonly lineHeight: 72;
+            readonly letterSpacing: 0;
+        };
+        readonly LG: {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 72;
+            readonly lineHeight: 80;
+            readonly letterSpacing: 0;
+        };
+        readonly XL: {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 80;
+            readonly lineHeight: 88;
+            readonly letterSpacing: 0;
+        };
+    };
+    /** Les titres sont de tailles distinctes selon la platform (Mobile/Web) - Pas de React ici */
+    readonly Titres: {
+        /** Font size: 18/20 */
+        readonly 'H6 - XXS': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 18 | 20;
+            readonly lineHeight: 24 | 28;
+            readonly letterSpacing: 0;
+        };
+        /** Font size: 20/22 */
+        readonly 'H5 - XS': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 20 | 22;
+            readonly lineHeight: 28;
+            readonly letterSpacing: 0;
+        };
+        /** Font size: 22/24 */
+        readonly 'H4 - SM': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 24 | 22;
+            readonly lineHeight: 28 | 32;
+            readonly letterSpacing: 0;
+        };
+        /** Font size: 24/28 */
+        readonly 'H3 - MD': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 24 | 28;
+            readonly lineHeight: 36 | 32;
+            readonly letterSpacing: 0;
+        };
+        /** Font size: 28/32 */
+        readonly 'H2 - LG': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 28 | 32;
+            readonly lineHeight: 36 | 32;
+            readonly letterSpacing: 0;
+        };
+        /** Font size: 40/48 */
+        readonly 'H1 - XL': {
+            readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            readonly fontSize: 48 | 40;
+            readonly lineHeight: 48 | 56;
+            readonly letterSpacing: 0;
+        };
+    };
+    readonly 'Corps de texte': {
+        readonly XS: {
+            readonly Regular: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 12;
+                readonly lineHeight: 20;
+                readonly letterSpacing: 0;
+            };
+            readonly Caps: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 12;
+                readonly lineHeight: 20;
+                readonly letterSpacing: 0;
+                readonly textTransform: "uppercase";
+            };
+            readonly CapsBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 12;
+                readonly lineHeight: 20;
+                readonly letterSpacing: 0;
+                readonly textTransform: "uppercase";
+            };
+            readonly SemiBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 12;
+                readonly lineHeight: 20;
+                readonly letterSpacing: 0;
+            };
+        };
+        readonly SM: {
+            readonly Regular: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 14;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly Medium: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 14;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly SemiBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 14;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly Bold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 14;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly CapsBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 14;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+                readonly textTransform: "uppercase";
+            };
+        };
+        readonly MD: {
+            readonly Regular: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly Medium: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly SemiBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+            readonly Bold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly letterSpacing: 0;
+            };
+        };
+        readonly LG: {
+            readonly Regular: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly letterSpacing: 0;
+            };
+            readonly Medium: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly letterSpacing: 0;
+            };
+            readonly SemiBold: {
+                readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly letterSpacing: 0;
+            };
+        };
+    };
+};
+//# sourceMappingURL=Typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/constants/Typography.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkC3B,8FAA8F;;QAE5F,uBAAuB;;;;;;;QAOvB,uBAAuB;;;;;;;QAOvB,uBAAuB;;;;;;;QAOvB,uBAAuB;;;;;;;QAOvB,uBAAuB;;;;;;;QAOvB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHjB,CAAC"}

package/dist/constants/Typography.js

@@ -0,0 +1,190 @@
+import { Platform } from 'react-native';
+import { Fonts } from './Font';
+export const CustomTypography = {
+    'Titres alternatifs': {
+        XS: {
+            fontFamily: Fonts['Barlow-Bold'],
+            fontSize: 48,
+            lineHeight: 56,
+            letterSpacing: 0,
+        },
+        SM: {
+            fontFamily: Fonts['Barlow-Bold'],
+            fontSize: 56,
+            lineHeight: 64,
+            letterSpacing: 0,
+        },
+        MD: {
+            fontFamily: Fonts['Barlow-Bold'],
+            fontSize: 64,
+            lineHeight: 72,
+            letterSpacing: 0,
+        },
+        LG: {
+            fontFamily: Fonts['Barlow-Bold'],
+            fontSize: 72,
+            lineHeight: 80,
+            letterSpacing: 0,
+        },
+        XL: {
+            fontFamily: Fonts['Barlow-Bold'],
+            fontSize: 80,
+            lineHeight: 88,
+            letterSpacing: 0,
+        },
+    },
+    /** Les titres sont de tailles distinctes selon la platform (Mobile/Web) - Pas de React ici */
+    Titres: {
+        /** Font size: 18/20 */
+        'H6 - XXS': {
+            fontFamily: Fonts['Inter-Bold'],
+            fontSize: Platform.OS !== 'web' ? 20 : 18,
+            lineHeight: Platform.OS !== 'web' ? 28 : 24,
+            letterSpacing: 0,
+        },
+        /** Font size: 20/22 */
+        'H5 - XS': {
+            fontFamily: Fonts['Inter-Bold'],
+            fontSize: Platform.OS !== 'web' ? 22 : 20,
+            lineHeight: 28,
+            letterSpacing: 0,
+        },
+        /** Font size: 22/24 */
+        'H4 - SM': {
+            fontFamily: Fonts['Inter-Bold'],
+            fontSize: Platform.OS !== 'web' ? 24 : 22,
+            lineHeight: Platform.OS !== 'web' ? 32 : 28,
+            letterSpacing: 0,
+        },
+        /** Font size: 24/28 */
+        'H3 - MD': {
+            fontFamily: Fonts['Inter-Bold'],
+            fontSize: Platform.OS !== 'web' ? 28 : 24,
+            lineHeight: Platform.OS !== 'web' ? 36 : 32,
+            letterSpacing: 0,
+        },
+        /** Font size: 28/32 */
+        'H2 - LG': {
+            fontFamily: Fonts['Inter-Bold'],
+            fontSize: Platform.OS !== 'web' ? 32 : 28,
+            lineHeight: Platform.OS !== 'web' ? 36 : 32,
+            letterSpacing: 0,
+        },
+        /** Font size: 40/48 */
+        'H1 - XL': {
+            fontFamily: Fonts['Barlow-SemiBold'],
+            fontSize: Platform.OS !== 'web' ? 48 : 40,
+            lineHeight: Platform.OS !== 'web' ? 56 : 48,
+            letterSpacing: 0,
+        },
+    },
+    'Corps de texte': {
+        XS: {
+            Regular: {
+                fontFamily: Fonts['Inter-Regular'],
+                fontSize: 12,
+                lineHeight: 20,
+                letterSpacing: 0,
+            },
+            Caps: {
+                fontFamily: Fonts['Inter-Regular'],
+                fontSize: 12,
+                lineHeight: 20,
+                letterSpacing: 0,
+                textTransform: 'uppercase',
+            },
+            CapsBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 12,
+                lineHeight: 20,
+                letterSpacing: 0,
+                textTransform: 'uppercase',
+            },
+            SemiBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 12,
+                lineHeight: 20,
+                letterSpacing: 0,
+            },
+        },
+        SM: {
+            Regular: {
+                fontFamily: Fonts['Inter-Regular'],
+                fontSize: 14,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            Medium: {
+                fontFamily: Fonts['Inter-Medium'],
+                fontSize: 14,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            SemiBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 14,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            Bold: {
+                fontFamily: Fonts['Inter-Bold'],
+                fontSize: 14,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            CapsBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 14,
+                lineHeight: 24,
+                letterSpacing: 0,
+                textTransform: 'uppercase',
+            },
+        },
+        MD: {
+            Regular: {
+                fontFamily: Fonts['Inter-Regular'],
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            Medium: {
+                fontFamily: Fonts['Inter-Medium'],
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            SemiBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            Bold: {
+                fontFamily: Fonts['Inter-Bold'],
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+        },
+        LG: {
+            Regular: {
+                fontFamily: Fonts['Inter-Regular'],
+                fontSize: 18,
+                lineHeight: 28,
+                letterSpacing: 0,
+            },
+            Medium: {
+                fontFamily: Fonts['Inter-Medium'],
+                fontSize: 18,
+                lineHeight: 28,
+                letterSpacing: 0,
+            },
+            SemiBold: {
+                fontFamily: Fonts['Inter-SemiBold'],
+                fontSize: 18,
+                lineHeight: 28,
+                letterSpacing: 0,
+            },
+        },
+    },
+};

package/dist/constants/UnsupportedCSSProperties.d.ts

@@ -0,0 +1,4 @@
+import type { Platform } from 'react-native';
+import type { StyleValue } from '../helpers/makeStyles';
+export declare const UnsupportedCSSProperties: Partial<Record<typeof Platform.OS, (keyof StyleValue)[]>>;
+//# sourceMappingURL=UnsupportedCSSProperties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnsupportedCSSProperties.d.ts","sourceRoot":"","sources":["../../src/constants/UnsupportedCSSProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,UAAU,CAAC,EAAE,CAAC,CAE9F,CAAC"}

package/dist/constants/UnsupportedCSSProperties.js

@@ -0,0 +1,3 @@
+export const UnsupportedCSSProperties = {
+    ios: ['outlineWidth'],
+};

package/dist/constants/Variant.d.ts

@@ -0,0 +1,8 @@
+export declare const Variants: {
+    readonly Mobile: "mobile";
+    readonly Tablet: "tablet";
+    readonly Desktop: "desktop";
+};
+export type VariantKey = keyof typeof Variants;
+export type Variant = (typeof Variants)[VariantKey];
+//# sourceMappingURL=Variant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Variant.d.ts","sourceRoot":"","sources":["../../src/constants/Variant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAGX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC"}

package/dist/constants/Variant.js

@@ -0,0 +1,5 @@
+export const Variants = {
+    Mobile: 'mobile',
+    Tablet: 'tablet',
+    Desktop: 'desktop',
+};

package/dist/constants/index.d.ts

@@ -0,0 +1,11 @@
+export * from './Breakpoint';
+export * from './Color';
+export * from './Elevation';
+export * from './Font';
+export * from './Palette';
+export * from './Sizes';
+export * from './Spacing';
+export * from './Typography';
+export * from './UnsupportedCSSProperties';
+export * from './Variant';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}

package/dist/constants/index.js

@@ -0,0 +1,10 @@
+export * from './Breakpoint';
+export * from './Color';
+export * from './Elevation';
+export * from './Font';
+export * from './Palette';
+export * from './Sizes';
+export * from './Spacing';
+export * from './Typography';
+export * from './UnsupportedCSSProperties';
+export * from './Variant';

package/dist/helpers/alphaColor.d.ts

@@ -0,0 +1,12 @@
+import { Color } from '../constants';
+type Between0And1 = number;
+type RGBAColor = `rgba${string}`;
+/**
+ * Génère une couleur avec de l’opacité à partir d’une valeur hexadecimal
+ * @param hexadecimalColor - La couleur hexadecimal (Issue du thème ou string)
+ * @param opacity - Entre 0 et 1
+ * @returns La valeur rgba, par exemple: 'rgba(235, 220, 200, 0.5)'
+ */
+export declare const alpha: (hexadecimalColor: Color, opacity: Between0And1) => RGBAColor;
+export {};
+//# sourceMappingURL=alphaColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alphaColor.d.ts","sourceRoot":"","sources":["../../src/helpers/alphaColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,KAAK,YAAY,GAAG,MAAM,CAAC;AAC3B,KAAK,SAAS,GAAG,OAAO,MAAM,EAAE,CAAC;AAEjC;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,kBAAkB,KAAK,EAAE,SAAS,YAAY,KAAG,SAYtE,CAAC"}

package/dist/helpers/alphaColor.js

@@ -0,0 +1,20 @@
+/**
+ * Génère une couleur avec de l’opacité à partir d’une valeur hexadecimal
+ * @param hexadecimalColor - La couleur hexadecimal (Issue du thème ou string)
+ * @param opacity - Entre 0 et 1
+ * @returns La valeur rgba, par exemple: 'rgba(235, 220, 200, 0.5)'
+ */
+export const alpha = (hexadecimalColor, opacity) => {
+    hexadecimalColor = hexadecimalColor.replace(/^#/, '');
+    if (hexadecimalColor.length === 3)
+        hexadecimalColor = hexadecimalColor
+            .split('')
+            .map(c => c + c)
+            .join('');
+    if (hexadecimalColor.length !== 6)
+        throw new Error('Invalid hex color');
+    const r = parseInt(hexadecimalColor.slice(0, 2), 16);
+    const g = parseInt(hexadecimalColor.slice(2, 4), 16);
+    const b = parseInt(hexadecimalColor.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+};

package/dist/helpers/deepMerge.d.ts

@@ -0,0 +1,6 @@
+import { DeepPartial } from '../constants';
+/**
+ * Merge des surchage de theme
+ */
+export declare function deepMerge<T extends object>(base: T, patch?: DeepPartial<T>): T;
+//# sourceMappingURL=deepMerge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/helpers/deepMerge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAY9E"}

package/dist/helpers/deepMerge.js

@@ -0,0 +1,17 @@
+/**
+ * Merge des surchage de theme
+ */
+export function deepMerge(base, patch) {
+    if (!patch)
+        return base;
+    const out = Array.isArray(base) ? [...base] : { ...base };
+    for (const k in patch) {
+        const pv = patch[k];
+        const bv = base[k];
+        out[k] =
+            pv && typeof pv === 'object' && !Array.isArray(pv) && bv && typeof bv === 'object'
+                ? deepMerge(bv, pv)
+                : (pv ?? bv);
+    }
+    return out;
+}

package/dist/helpers/elevationStyle.d.ts

@@ -0,0 +1,19 @@
+import { ElevationKey } from '../constants';
+/**
+ * Transforme les shadow en fonction de la platforme (web ou mobile)
+ * @param level L’élévation
+ * @returns
+ */
+export declare const elevationStyle: (level: ElevationKey) => {
+    shadowColor: import("..").Color;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+} | {
+    boxShadow: string;
+} | undefined;
+//# sourceMappingURL=elevationStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elevationStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/elevationStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAc,MAAM,cAAc,CAAC;AAKxD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY;;;;;;;;;;;aAKjD,CAAC"}

package/dist/helpers/elevationStyle.js

@@ -0,0 +1,16 @@
+import { Platform } from 'react-native';
+import { Elevations } from '../constants';
+const isElevationKey = (key) => Object.prototype.hasOwnProperty.call(Elevations, key);
+/**
+ * Transforme les shadow en fonction de la platforme (web ou mobile)
+ * @param level L’élévation
+ * @returns
+ */
+export const elevationStyle = (level) => {
+    const value = isElevationKey(level) ? Elevations[level] : undefined;
+    if (value == null)
+        return;
+    if (Platform.OS === 'web')
+        return { boxShadow: value.web };
+    return value.mobile;
+};

package/dist/helpers/injectVariableCSS.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../type';
+export declare const injectVariableCSS: (theme: Theme) => void;
+//# sourceMappingURL=injectVariableCSS.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"injectVariableCSS.d.ts","sourceRoot":"","sources":["../../src/helpers/injectVariableCSS.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAoBhC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,SAY7C,CAAC"}

package/dist/helpers/injectVariableCSS.js

@@ -0,0 +1,27 @@
+import { Spacings } from '../constants';
+const generateCSSVariables = (theme) => {
+    const lines = [];
+    // Couleurs
+    Object.entries(theme.color._constants).forEach(([key, colors]) => {
+        Object.entries(colors).forEach(([variant, value]) => {
+            lines.push(`  --color-${key}-${variant}: ${value};`);
+        });
+    });
+    // Spacing
+    Object.entries(Spacings).forEach(([key, value]) => {
+        lines.push(`  --spacing-${key}: ${value}px;`);
+    });
+    return `:root {\n${lines.join('\n')}\n}`;
+};
+export const injectVariableCSS = (theme) => {
+    if (typeof document === 'undefined')
+        return;
+    const styleId = 'theme-css-variables';
+    const oldStyle = document.getElementById(styleId);
+    if (oldStyle)
+        oldStyle.remove();
+    const styleTag = document.createElement('style');
+    styleTag.id = styleId;
+    styleTag.innerHTML = generateCSSVariables(theme);
+    document.head.appendChild(styleTag);
+};

package/dist/helpers/isSpacingKey.d.ts

@@ -0,0 +1,3 @@
+import { SpacingKey } from '../constants';
+export declare const isSpacingKey: (value: unknown) => value is SpacingKey;
+//# sourceMappingURL=isSpacingKey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isSpacingKey.d.ts","sourceRoot":"","sources":["../../src/helpers/isSpacingKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,UACa,CAAC"}

package/dist/helpers/isSpacingKey.js

@@ -0,0 +1,2 @@
+import { Spacings } from '../constants';
+export const isSpacingKey = (value) => typeof value === 'string' && Object.keys(Spacings).includes(value);

package/dist/helpers/makeStyles.d.ts

@@ -0,0 +1,15 @@
+import { TextProps } from '@tamagui/core';
+import { CSSProperties } from 'react';
+import { useTheme } from '../ThemeProvider';
+export type StyleValue = Omit<CSSProperties, 'fontVariant'> & {
+    width?: number | `${string}%`;
+    height?: number | `${string}%`;
+    fontVariant?: TextProps['fontVariant'];
+};
+/**
+ * Génère les styles pour les composants en injectant le theme
+ * @param stylesFn - (theme: Theme) => CSSProperties
+ * @returns Des proprité css avec les valeurs du thème injecté
+ */
+export declare function makeStyles<T extends Record<string, StyleValue>>(stylesFn: (theme: ReturnType<typeof useTheme>) => T): () => T;
+//# sourceMappingURL=makeStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,GAClD,MAAM,CAAC,CAMT"}

package/dist/helpers/makeStyles.js

@@ -0,0 +1,14 @@
+import { useTheme } from '../ThemeProvider';
+import { removeUnsupportedCSSProperties } from './removeUnsupportedCSSProperties';
+/**
+ * Génère les styles pour les composants en injectant le theme
+ * @param stylesFn - (theme: Theme) => CSSProperties
+ * @returns Des proprité css avec les valeurs du thème injecté
+ */
+export function makeStyles(stylesFn) {
+    return () => {
+        const theme = useTheme();
+        const styles = stylesFn(theme);
+        return removeUnsupportedCSSProperties(styles);
+    };
+}

package/dist/helpers/removeUnsupportedCSSProperties.d.ts

@@ -0,0 +1,8 @@
+import type { StyleValue } from './makeStyles';
+/**
+ * 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 declare function removeUnsupportedCSSProperties<T extends Record<string, StyleValue>>(styles: T): T;
+//# sourceMappingURL=removeUnsupportedCSSProperties.d.ts.map