@alveole/theme 0.4.0

package/dist/constants/Color.js

@@ -0,0 +1,352 @@
+export const Colors = {
+    VertPrairie: {
+        50: '#F3FDE7',
+        100: '#E3FBC8',
+        200: '#C5F59A',
+        300: '#9EED61',
+        400: '#85E23F',
+        'sun-475-hover': '#28571D',
+        'sun-475': '#3E7F2E',
+        'main-646': '#60BB46',
+        850: '#BEE2B0',
+        925: '#D7EED0',
+        950: '#E6F4E1',
+        975: '#F3FAF1',
+    },
+    Mandarine: {
+        50: '#FEF9EE',
+        100: '#FDF2D7',
+        200: '#FBE0AD',
+        300: '#F8C979',
+        400: '#F4A843',
+        500: '#F19023',
+        600: '#E27414',
+        700: '#BB5813',
+        800: '#954517',
+        900: '#783B16',
+        950: '#411C09',
+    },
+    Lilas: {
+        50: '#F6F5FD',
+        100: '#EFECFB',
+        200: '#E0DCF8',
+        300: '#C9BFF3',
+        400: '#AD9BEA',
+        500: '#8C6CDF',
+        600: '#8053D4',
+        700: '#7041C0',
+        800: '#5D36A1',
+        900: '#4E2E84',
+        950: '#301C59',
+    },
+    Shakespeare: {
+        50: '#EEFBFD',
+        100: '#D3F3FA',
+        200: '#ADE6F4',
+        300: '#75D3EB',
+        400: '#31B5DA',
+        500: '#1999C1',
+        600: '#187BA2',
+        700: '#1A6484',
+        800: '#1E526C',
+        900: '#1D465C',
+        950: '#0E2D3E',
+    },
+    Cerise: {
+        50: '#FDF2F8',
+        100: '#FCE7F3',
+        200: '#FBCFE8',
+        300: '#FAA7D5',
+        400: '#F571B7',
+        500: '#EE469A',
+        600: '#DA2275',
+        700: '#C0165E',
+        800: '#9E164E',
+        900: '#841744',
+        950: '#510624',
+    },
+    Pacifika: {
+        50: '#FFFDE4',
+        100: '#FFFDC5',
+        200: '#FFFF92',
+        300: '#F9FF53',
+        400: '#EEFB20',
+        500: '#D1E200',
+        600: '#A2B500',
+        700: '#738102',
+        800: '#5F6B09',
+        900: '#505A0D',
+        950: '#2A3300',
+    },
+    GoldenFizz: {
+        50: '#FFFEE5',
+        100: '#FEFFC7',
+        200: '#FCFF95',
+        300: '#F4FE58',
+        400: '#E4F40E',
+        500: '#C9DC06',
+        600: '#9DB000',
+        700: '#758506',
+        800: '#5D690B',
+        900: '#4D580F',
+        950: '#293102',
+    },
+    GrisPolaire: {
+        50: '#F4F6FA',
+        100: '#E6EBF3',
+        200: '#D3DBEA',
+        300: '#B4C3DC',
+        400: '#90A4CA',
+        500: '#7589BC',
+        600: '#6372AD',
+        700: '#57639E',
+        800: '#4B5282',
+        900: '#404668',
+        950: '#2A2D41',
+    },
+    ButteryWhite: {
+        50: '#FFFBEA',
+        100: '#FEF4C7',
+        200: '#FDE78A',
+        300: '#FCD54D',
+        400: '#FBC124',
+        500: '#F5A00B',
+        600: '#D97906',
+        700: '#B45509',
+        800: '#92410E',
+        900: '#78360F',
+        950: '#451B03',
+    },
+    CoralRed: {
+        50: '#FEF2F2',
+        100: '#FEE2E2',
+        200: '#FECACA',
+        300: '#FCA5A5',
+        400: '#F77272',
+        500: '#EF4E4E',
+        600: '#DB2727',
+        700: '#B81D1D',
+        800: '#981C1C',
+        900: '#7F1D1D',
+        950: '#450A0A',
+    },
+    Lochmara: {
+        50: '#F1F8FE',
+        100: '#E2F1FC',
+        200: '#BFE2F8',
+        300: '#87CCF2',
+        400: '#47B0E9',
+        500: '#1F97D8',
+        600: '#1177B6',
+        700: '#0F5F95',
+        800: '#11527B',
+        900: '#144566',
+        950: '#0D2C44',
+    },
+    BigStone: {
+        50: '#F2F8FD',
+        100: '#E4EFFA',
+        200: '#C2DFF5',
+        300: '#8CC5ED',
+        400: '#4EA7E2',
+        500: '#288CCF',
+        600: '#196FB0',
+        700: '#16598E',
+        800: '#164C76',
+        900: '#174063',
+        950: '#102A43',
+    },
+    PinkVivid: {
+        50: '#FFF5F8',
+        100: '#FFB8D2',
+        200: '#FF8CBA',
+        300: '#F364A2',
+        400: '#E8368F',
+        500: '#D9127C',
+        600: '#BC0A6F',
+        700: '#A30664',
+        800: '#870557',
+        900: '#620042',
+    },
+    LimeGreen: {
+        50: '#F6FCE9',
+        100: '#EAF7D0',
+        200: '#D7F0A6',
+        300: '#BBE472',
+        400: '#A1D447',
+        500: '#7BB026',
+        600: '#7BB026',
+        700: '#4D711A',
+        800: '#3F5A1A',
+        900: '#374D1A',
+        950: '#1A2A09',
+    },
+    Purple: {
+        50: '#EAE2F8',
+        100: '#CFBCF2',
+        200: '#A081D9',
+        300: '#8662C7',
+        400: '#724BB7',
+        500: '#653CAD',
+        600: '#51279B',
+        700: '#421987',
+        800: '#34126F',
+        900: '#240754',
+    },
+    RougeErreur: {
+        975: '#FEF5F4',
+        950: '#FDEAE8',
+        925: '#FCDFDC',
+        850: '#FAC0BB',
+        'main-525': '#E62C1C',
+        425: '#C62416',
+    },
+    Mariner: {
+        50: '#F1F7FE',
+        100: '#E2EEFC',
+        200: '#BEDDF9',
+        300: '#85C0F4',
+        400: '#44A0EC',
+        500: '#1C85DB',
+        600: '#1070CA',
+        700: '#0D5297',
+        800: '#0F477D',
+        900: '#123C68',
+        950: '#0C2645',
+    },
+    MountainMeadow: {
+        50: '#EFFAF4',
+        100: '#D7F4E1',
+        200: '#B3E7C9',
+        300: '#81D4A9',
+        400: '#47B881',
+        500: '#2A9F6A',
+        600: '#1C7F54',
+        700: '#166645',
+        800: '#145139',
+        900: '#114330',
+        950: '#09251C',
+    },
+    Watusi: {
+        50: '#FEF5F2',
+        100: '#FFE9E1',
+        200: '#FFD6C7',
+        300: '#FEBBA3',
+        400: '#FB946E',
+        500: '#F27041',
+        600: '#E05522',
+        700: '#BA461C',
+        800: '#9B3C19',
+        900: '#81361B',
+        950: '#461909',
+    },
+    Sunshade: {
+        50: '#FDF9E9',
+        100: '#FBF2C6',
+        200: '#F9E18F',
+        300: '#F5C94F',
+        400: '#F0B429',
+        500: '#DF9913',
+        600: '#C1750D',
+        700: '#9A530E',
+        800: '#7F4214',
+        900: '#6D3616',
+        950: '#3F1B09',
+    },
+    BleuCiel: {
+        975: '#EDFAFE',
+        950: '#DBF6FD',
+        925: '#C5F0FC',
+        850: '#7CDEF9',
+        'main-686': '#31B5DA',
+        525: '#1288A7',
+        425: '#076D8A',
+        'sun-335': '#04566D',
+        200: '#123F4B',
+        125: '#0B2E38',
+        100: '#082932',
+        75: '#072128',
+    },
+    Monza: {
+        50: '#FFF0F2',
+        100: '#FFE5E9',
+        200: '#FFC1C9',
+        300: '#FF95A2',
+        400: '#FF596E',
+        500: '#FF2641',
+        600: '#FC0624',
+        700: '#D60019',
+        800: '#AF051A',
+        900: '#900C1C',
+        950: '#50000A',
+    },
+    SlateGrey: {
+        50: '#F4F8F9',
+        100: '#EBF2F4',
+        200: '#DBE7EA',
+        300: '#C5D6DC',
+        400: '#ADC2CC',
+        500: '#98ADBC',
+        600: '#8197AA',
+        700: '#66788A',
+        800: '#5B6B78',
+        900: '#4D5862',
+        950: '#2D3339',
+    },
+    Neutre: {
+        50: '#151617',
+        75: '#1D1E20',
+        100: '#232427',
+        125: '#282A2D',
+        150: '#2D2F32',
+        175: '#323439',
+        200: '#373A3F',
+        425: '#5F6571',
+        525: '#747E91',
+        625: '#8D97AC',
+        850: '#CED5E1',
+        900: '#DEE3EC',
+        925: '#E6EAF1',
+        950: '#EFF1F6',
+        975: '#F4F6FA',
+        1000: '#FFFFFF',
+    },
+    BleuCaptive: {
+        975: '#F2F9FF',
+        950: '#E5F1FE',
+        925: '#D2E8FE',
+        850: '#B4D9FE',
+        625: '#2591FE',
+        'main-525': '#0379EF',
+        200: '#033B72',
+        125: '#012B53',
+        'sun-100': '#012448',
+        75: '#011E3A',
+    },
+    VertSuccess: {
+        975: '#EEFBF3',
+        950: '#B9FDD5',
+        925: '#87FCB8',
+        850: '#3EEA86',
+        625: '#27A65C',
+        'main-525': '#238C4F',
+        425: '#1B7440',
+        200: '#1E412D',
+        125: '#1B2F23',
+        100: '#18271E',
+        75: '#16221B',
+    },
+    LightBlueVivid: {
+        50: '#F0FBFF',
+        100: '#D6F3FD',
+        200: '#A8E4FA',
+        300: '#79D1F4',
+        400: '#4ABDE9',
+        500: '#2FA4DC',
+        600: '#1177B6',
+        700: '#0E6398',
+        800: '#0C507B',
+        900: '#093E60',
+        950: '#072C45',
+    },
+};

package/dist/constants/Elevation.d.ts

@@ -0,0 +1,81 @@
+import { ViewStyle } from 'react-native';
+import type { Color } from './Color';
+export declare const Elevations: {
+    0: {
+        web: string;
+        mobile: {
+            shadowColor: Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    1: {
+        web: string;
+        mobile: {
+            shadowColor: Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    2: {
+        web: string;
+        mobile: {
+            shadowColor: Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    3: {
+        web: string;
+        mobile: {
+            shadowColor: Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    4: {
+        web: string;
+        mobile: {
+            shadowColor: Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+};
+export type ElevationKey = number;
+export type Elevation = {
+    web: string;
+    mobile: {
+        shadowColor: Color;
+        shadowOffset: ViewStyle['shadowOffset'];
+        shadowOpacity: ViewStyle['shadowOpacity'];
+        shadowRadius: ViewStyle['shadowRadius'];
+        elevation: ViewStyle['elevation'];
+    };
+};
+//# sourceMappingURL=Elevation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Elevation.d.ts","sourceRoot":"","sources":["../../src/constants/Elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC,eAAO,MAAM,UAAU;;;;yBAIa,KAAK;;;;;;;;;;;;;yBAUd,KAAK;;;;;;;;;;;;;yBAUL,KAAK;;;;;;;;;;;;;yBAUL,KAAK;;;;;;;;;;;;;yBAUL,KAAK;;;;;;;;;;CAOW,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,KAAK,CAAC;QACnB,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;QACxC,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;QAC1C,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;QACxC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;KACnC,CAAC;CACH,CAAC"}

package/dist/constants/Elevation.js

@@ -0,0 +1,53 @@
+const BASE = '#151617';
+export const Elevations = {
+    0: {
+        web: 'none',
+        mobile: {
+            shadowColor: 'transparent',
+            shadowOffset: { width: 0, height: 0 },
+            shadowOpacity: 0,
+            shadowRadius: 0,
+            elevation: 0,
+        },
+    },
+    1: {
+        web: `0px 1px 2px rgba(21,22,23,0.10), 0px 0px 1px rgba(21,22,23,0.04)`,
+        mobile: {
+            shadowColor: BASE,
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.1,
+            shadowRadius: 1,
+            elevation: 1,
+        },
+    },
+    2: {
+        web: `0px 2px 4px rgba(21,22,23,0.10), 0px 1px 2px rgba(21,22,23,0.06)`,
+        mobile: {
+            shadowColor: BASE,
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.12,
+            shadowRadius: 2.5,
+            elevation: 2,
+        },
+    },
+    3: {
+        web: `0px 4px 8px rgba(21,22,23,0.12), 0px 2px 4px rgba(21,22,23,0.07)`,
+        mobile: {
+            shadowColor: BASE,
+            shadowOffset: { width: 0, height: 3 },
+            shadowOpacity: 0.14,
+            shadowRadius: 4.5,
+            elevation: 3,
+        },
+    },
+    4: {
+        web: `0px 6px 12px rgba(21,22,23,0.14), 0px 3px 6px rgba(21,22,23,0.08)`,
+        mobile: {
+            shadowColor: BASE,
+            shadowOffset: { width: 0, height: 4 },
+            shadowOpacity: 0.16,
+            shadowRadius: 6.5,
+            elevation: 4,
+        },
+    },
+};

package/dist/constants/Font.d.ts

@@ -0,0 +1,15 @@
+export declare const FontsMap: {
+    readonly 'Barlow-Light': any;
+    readonly 'Barlow-Regular': any;
+    readonly 'Barlow-Medium': any;
+    readonly 'Barlow-SemiBold': any;
+    readonly 'Barlow-Bold': any;
+    readonly 'Inter-Light': any;
+    readonly 'Inter-Regular': any;
+    readonly 'Inter-Medium': any;
+    readonly 'Inter-SemiBold': any;
+    readonly 'Inter-Bold': any;
+};
+export type Font = keyof typeof FontsMap;
+export declare const Fonts: Record<Font, Font>;
+//# sourceMappingURL=Font.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Font.d.ts","sourceRoot":"","sources":["../../src/constants/Font.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;CAaX,CAAC;AAGX,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,QAAQ,CAAC;AACzC,eAAO,MAAM,KAAK,EAA0E,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC"}

package/dist/constants/Font.js

@@ -0,0 +1,15 @@
+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-SemiBold': require('../../assets/fonts/Barlow/Barlow-SemiBold.ttf'),
+    'Barlow-Bold': require('../../assets/fonts/Barlow/Barlow-Bold.ttf'),
+    // 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-SemiBold': require('../../assets/fonts/Inter/Inter-SemiBold.ttf'),
+    'Inter-Bold': require('../../assets/fonts/Inter/Inter-Bold.ttf'),
+};
+export const Fonts = Object.fromEntries(Object.keys(FontsMap).map(font => [font, font]));