@proximus/lavender-styling-native 0.1.0-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 0.1.0-alpha.0 (2025-08-13)
+
+### Features
+
+- **BCRI-3651606:** mono repo creation ([d19f852](https://github.com/Pxs-Corporate/react-native-lavender/commit/d19f852a710963ff85b1a9d31d18188217aa23ab))
+- **BCRI-3702949:** tertiary button ([db24455](https://github.com/Pxs-Corporate/react-native-lavender/commit/db24455bd9687d80920be3e42c9e1fc14703a571))
+- **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))
+- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/dist/AssetContainer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const AssetContainerContext: React.Context<{
+    size?: number;
+    id?: string;
+}>;
+export declare function useAssetContainer(): {
+    size?: number;
+    id?: string;
+};
+export declare function AssetProvider({ children, size, id, }: {
+    children: React.ReactNode;
+    size?: number;
+    id?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=AssetContainer.d.ts.map

package/dist/AssetContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetContainer.d.ts","sourceRoot":"","sources":["../src/AssetContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB;WACzB,MAAM;SACR,MAAM;EACP,CAAC;AAEP,wBAAgB,iBAAiB;WAJxB,MAAM;SACR,MAAM;EAWZ;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,IAAI,EACJ,EAAE,GACH,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,qBAMA"}

package/dist/ProximusTheme.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './themes';
+export declare const myProximusTheme: ITheme;
+//# sourceMappingURL=ProximusTheme.d.ts.map

package/dist/ProximusTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProximusTheme.d.ts","sourceRoot":"","sources":["../src/ProximusTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAa,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC"}

package/dist/ScarletTheme.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './themes';
+export declare const scarletTheme: ITheme;
+//# sourceMappingURL=ScarletTheme.d.ts.map

package/dist/ScarletTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScarletTheme.d.ts","sourceRoot":"","sources":["../src/ScarletTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAa,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC"}

package/dist/ThemeContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type IThemeContext } from './themes';
+export declare const ThemeContext: React.Context<IThemeContext>;
+export declare function useTheme(): IThemeContext;
+export declare function useIsThemeScarlet(): boolean;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,UAAU,CAAC;AAGzD,eAAO,MAAM,YAAY,8BAEvB,CAAC;AAEH,wBAAgB,QAAQ,kBAGvB;AAED,wBAAgB,iBAAiB,YAGhC"}

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentType, ReactElement } from 'react';
+import { ITheme } from './themes';
+export declare function ThemeProvider({ theme, children, }: {
+    theme: ITheme;
+    children: ReactElement<any> | ReactElement<any>[];
+}): React.JSX.Element;
+export declare function withTheme<T>(WrappedComponent: ComponentType<T>): (props: T) => React.JSX.Element;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CACnD,qBAaA;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,IACrD,OAAO,CAAC,uBAMjB"}

package/dist/breakpoints.d.ts

@@ -0,0 +1,56 @@
+export declare const IPHONE_SE_WIDTH = 320;
+export declare const IPHONE_SE_HEIGHT = 568;
+export declare const IPHONE_4_WIDTH = 320;
+export declare const IPHONE_4_HEIGHT = 480;
+export declare const IPHONE_8_WIDTH = 375;
+export declare const IPHONE_8_HEIGHT = 667;
+export declare const IPHONE_XS_WIDTH = 375;
+export declare const IPHONE_XS_HEIGHT = 812;
+export declare const IPHONE_XR_WIDTH = 414;
+export declare const IPHONE_XR_HEIGHT = 896;
+export declare const IPHONE_PLUS_WIDTH = 414;
+export declare const IPHONE_PLUS_HEIGHT = 736;
+export declare const IPAD_MINI_WIDTH = 768;
+export declare const IPAD_MINI_HEIGHT = 1024;
+export declare const MDPI_WIDTH = 320;
+export declare const MDPI_HEIGHT = 480;
+export declare const HDPI_WIDTH = 320;
+export declare const HDPI_HEIGHT = 533;
+export declare const XHDPI_WIDTH = 360;
+export declare const XHDPI_HEIGHT = 640;
+export declare const XXHDPI_WIDTH = 320;
+export declare const XXHDPI_HEIGHT = 533;
+export declare const XXXHDPI_WIDTH = 360;
+export declare const XXXHDPI_HEIGHT = 640;
+export declare const GALAXY_S7_WIDTH = 360;
+export declare const GALAXY_S7_HEIGHT = 640;
+export declare const GALAXY_S9_WIDTH = 360;
+export declare const GALAXY_S9_HEIGHT = 740;
+export declare const GALAXY_S9_PLUS_WIDTH = 412;
+export declare const GALAXY_S9_PLUS_HEIGHT = 846;
+export declare function media(width: number, height: number, fun: 'max' | 'min' | ''): string;
+export declare function max(width: number, height: number): string;
+export declare function min(width: number, height: number): string;
+export declare const MIN_IPHONE_SE: string;
+export declare const MIN_IPHONE_4: string;
+export declare const MIN_IPHONE_8: string;
+export declare const MIN_IPHONE_XS: string;
+export declare const MIN_IPHONE_XR: string;
+export declare const MIN_IPHONE_PLUS: string;
+export declare const MIN_IPAD_MINI: string;
+export declare const MIN_MDPI: string;
+export declare const MIN_HDPI: string;
+export declare const MIN_XHDPI: string;
+export declare const MIN_XXHDPI: string;
+export declare const MIN_XXXHDPI: string;
+export declare const MIN_GALAXY_S7: string;
+export declare const MIN_GALAXY_S9: string;
+export declare const MIN_GALAXY_S9_PLUS: string;
+export declare const MEDIA_IPHONE_SE: string;
+export declare const MEDIA_IPHONE_4: string;
+export declare const MEDIA_IPHONE_8: string;
+export declare const MEDIA_IPHONE_XS: string;
+export declare const MEDIA_IPHONE_XR: string;
+export declare const MEDIA_IPHONE_PLUS: string;
+export declare const MEDIA_IPHONE_X_PLUS = "@media (min-device-height: 736)";
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../src/breakpoints.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAIlC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,KAAK,GAAG,EAAE,UAI3E;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAEhD;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAEhD;AAED,eAAO,MAAM,aAAa,QAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,QAAuC,CAAC;AACjE,eAAO,MAAM,YAAY,QAAuC,CAAC;AACjE,eAAO,MAAM,aAAa,QAAyC,CAAC;AACpE,eAAO,MAAM,aAAa,QAAyC,CAAC;AACpE,eAAO,MAAM,eAAe,QAA6C,CAAC;AAC1E,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,QAAQ,QAA+B,CAAC;AACrD,eAAO,MAAM,QAAQ,QAA+B,CAAC;AACrD,eAAO,MAAM,SAAS,QAAiC,CAAC;AACxD,eAAO,MAAM,UAAU,QAAmC,CAAC;AAC3D,eAAO,MAAM,WAAW,QAAqC,CAAC;AAE9D,eAAO,MAAM,aAAa,QAAyC,CAAC;AACpE,eAAO,MAAM,aAAa,QAAyC,CAAC;AACpE,eAAO,MAAM,kBAAkB,QAG9B,CAAC;AAGF,eAAO,MAAM,eAAe,QAAyC,CAAC;AACtE,eAAO,MAAM,cAAc,QAAuC,CAAC;AACnE,eAAO,MAAM,cAAc,QAAuC,CAAC;AACnE,eAAO,MAAM,eAAe,QAA+C,CAAC;AAC5E,eAAO,MAAM,eAAe,QAA+C,CAAC;AAC5E,eAAO,MAAM,iBAAiB,QAI7B,CAAC;AACF,eAAO,MAAM,mBAAmB,oCAAsD,CAAC"}

package/dist/colors.d.ts

@@ -0,0 +1,514 @@
+export declare const Colors: {
+    aquaBlue: string;
+    barbiePink: string;
+    black: string;
+    blackTwo: string;
+    blackTwo80: string;
+    blueberry: string;
+    purple: string;
+    blueberryLight: string;
+    blueberryTransparent: string;
+    brightSkyBlue: string;
+    cerulean: string;
+    cloudyBlue: string;
+    cobalt: string;
+    darkPurple: string;
+    frogGreen: string;
+    grey: string;
+    indigo: string;
+    marigold: string;
+    nastyGreen: string;
+    freshGreen: string;
+    pumpkinOrange: string;
+    red: string;
+    redTwo: string;
+    redPink: string;
+    sandy: string;
+    topaz: string;
+    unnamedBlue: string;
+    unnamedGreen: string;
+    unnamedOrange: string;
+    veryLightPink: string;
+    veryLightPinkTwo: string;
+    warmBlue: string;
+    white: string;
+    whitePure: string;
+    whitePureTransparent: string;
+    unnamedGrey: string;
+    greyLight: string;
+    greyLightTwo: string;
+    whiteThree: string;
+    green: string;
+    blackThree: string;
+    purpleLight: string;
+    greyTwo: string;
+    brand: {
+        purple: string;
+        purple70: string;
+        red: string;
+        pink: string;
+        orange: string;
+        yellow: string;
+        green: string;
+        turquoise: string;
+        blue: string;
+        darkBlue: string;
+        scarletRed: string;
+    };
+    shadesOfGrey: {
+        grey1: string;
+        grey2: string;
+        grey3: string;
+        grey4: string;
+        grey5: string;
+        grey6: string;
+        grey7: string;
+        grey8: string;
+        grey9: string;
+        grey: string;
+        black: string;
+        black4: string;
+        black5: string;
+        black6: string;
+        black7: string;
+        black8: string;
+        black9: string;
+        whiteOpacity8: string;
+        whiteOpacity16: string;
+        blackOpacity6: string;
+        black9Opacity6: string;
+        white: string;
+    };
+    status: {
+        validGreenPos: string;
+        validGreenNeg: string;
+        warningOrangePos: string;
+        warningRedPos: string;
+        success: string;
+        order: string;
+        warning: string;
+        warningText: string;
+        error: string;
+        toastError: string;
+        scarletOrderColor: string;
+    };
+    v7: {
+        promo: string;
+        epicPromo: string;
+        pink: string;
+        status: {
+            info: string;
+            success: string;
+            epicSuccess: string;
+            error: string;
+            epicError: string;
+            warning: string;
+            epicWarning: string;
+        };
+        shadesOfPurple: {
+            purple1: string;
+            purple2: string;
+            purple3: string;
+        };
+        shadesOfRed: {
+            red1: string;
+            red2: string;
+            red3: string;
+        };
+        shadesOfGrey: {
+            black0Opacity4: string;
+            black0Opacity12: string;
+            blackOpacity2: string;
+            blackOpacity44: string;
+            black0Opacity8: string;
+            black0Opacity56: string;
+            black0Opacity16: string;
+            whiteOpacity8: string;
+            whiteOpacity12: string;
+            whiteOpacity16: string;
+            whiteOpacity4: string;
+            whiteOpacity52: string;
+            whiteOpacity64: string;
+            whiteOpacity24: string;
+        };
+    };
+    v8_1: {
+        shadesOfPurple: {
+            purple: string;
+            purpleLight: string;
+        };
+        shadesOfGrey: {
+            dark4: string;
+            dark40: string;
+            dark120: string;
+            dark160: string;
+            dark280: string;
+            dark320: string;
+        };
+        text: {
+            black: string;
+            details: string;
+        };
+        success: string;
+        strokeBlack: string;
+        white: string;
+        black: string;
+    };
+    v8: {
+        shadesOfPurple: {
+            purple: string;
+            purple1: string;
+            purple2: string;
+            purple3: string;
+            purple4: string;
+            purple5: string;
+            purple6: string;
+            purple7: string;
+            purple8: string;
+            purple9: string;
+        };
+        shadesOfGrey: {
+            black: string;
+            black6: string;
+            black7: string;
+            black8: string;
+            black9: string;
+            grey: string;
+            grey1: string;
+            grey2: string;
+            grey4: string;
+            grey6: string;
+        };
+        res: {
+            red: string;
+            magenta: string;
+            orange: string;
+            blue: string;
+            turquoise: string;
+            green: string;
+            red2: string;
+            red1: string;
+            green1: string;
+            green2: string;
+            green4: string;
+        };
+        ebu: {
+            blue: string;
+            blue1: string;
+            blue2: string;
+            blue4: string;
+            turquoise: string;
+            turquoise1: string;
+            turquoise2: string;
+            turquoise4: string;
+        };
+        promo: {
+            backgroundMypx: string;
+            textMypx: string;
+            backgroundEpic: string;
+            textEpic: string;
+        };
+        status: {
+            success: string;
+            epicSuccess: string;
+            error: string;
+            epicError: string;
+            warning: string;
+            epicWarning: string;
+            warningText: string;
+            epicWarningText: string;
+        };
+        theme: {
+            mypxBackground: string;
+            mypxBackground1: string;
+            mypxBackground2: string;
+            mypxBackground3: string;
+            mypxIconBackground: string;
+            mypxIconColor: string;
+            mypxTextDetails: string;
+            mypxTransparentBlurBackground: string;
+            epicBackground: string;
+            epicBackgroundDarkGrey3: string;
+            epicBackground1: string;
+            epicBackground2: string;
+            epicBackground3: string;
+            epicIconBackground: string;
+            epicIconColor: string;
+            epicTextDetails: string;
+            epicTransparentBlurBackground: string;
+            scarletIconBackground: string;
+            scarletIconColor: string;
+            scarletTransparentBlurBackground: string;
+            scarletTextDetails: string;
+            scarletBackground1: string;
+            scarletBackground2: string;
+            scarletBackground3: string;
+        };
+        yellow: string;
+        almond: string;
+        white: string;
+    };
+};
+export declare const ScarletColors: {
+    white: string;
+    shadesOfGrey: {
+        black5: string;
+        black6: string;
+        black7: string;
+        black8: string;
+        black85: string;
+        grey1: string;
+        grey2: string;
+        grey3: string;
+        grey4: string;
+        grey5: string;
+        grey6: string;
+        grey7: string;
+        grey8: string;
+        grey9: string;
+        grey: string;
+        black: string;
+        black4: string;
+        black9: string;
+        whiteOpacity8: string;
+        whiteOpacity16: string;
+        blackOpacity6: string;
+        black9Opacity6: string;
+        white: string;
+    };
+    status: {
+        validGreenNeg: string;
+        warningOrangeNeg: string;
+        warningRedNeg: string;
+        success: string;
+        warning: string;
+        warningText: string;
+        error: string;
+        toastError: string;
+        validGreenPos: string;
+        warningOrangePos: string;
+        warningRedPos: string;
+        order: string;
+        scarletOrderColor: string;
+    };
+    aquaBlue: string;
+    barbiePink: string;
+    black: string;
+    blackTwo: string;
+    blackTwo80: string;
+    blueberry: string;
+    purple: string;
+    blueberryLight: string;
+    blueberryTransparent: string;
+    brightSkyBlue: string;
+    cerulean: string;
+    cloudyBlue: string;
+    cobalt: string;
+    darkPurple: string;
+    frogGreen: string;
+    grey: string;
+    indigo: string;
+    marigold: string;
+    nastyGreen: string;
+    freshGreen: string;
+    pumpkinOrange: string;
+    red: string;
+    redTwo: string;
+    redPink: string;
+    sandy: string;
+    topaz: string;
+    unnamedBlue: string;
+    unnamedGreen: string;
+    unnamedOrange: string;
+    veryLightPink: string;
+    veryLightPinkTwo: string;
+    warmBlue: string;
+    whitePure: string;
+    whitePureTransparent: string;
+    unnamedGrey: string;
+    greyLight: string;
+    greyLightTwo: string;
+    whiteThree: string;
+    green: string;
+    blackThree: string;
+    purpleLight: string;
+    greyTwo: string;
+    brand: {
+        purple: string;
+        purple70: string;
+        red: string;
+        pink: string;
+        orange: string;
+        yellow: string;
+        green: string;
+        turquoise: string;
+        blue: string;
+        darkBlue: string;
+        scarletRed: string;
+    };
+    v7: {
+        promo: string;
+        epicPromo: string;
+        pink: string;
+        status: {
+            info: string;
+            success: string;
+            epicSuccess: string;
+            error: string;
+            epicError: string;
+            warning: string;
+            epicWarning: string;
+        };
+        shadesOfPurple: {
+            purple1: string;
+            purple2: string;
+            purple3: string;
+        };
+        shadesOfRed: {
+            red1: string;
+            red2: string;
+            red3: string;
+        };
+        shadesOfGrey: {
+            black0Opacity4: string;
+            black0Opacity12: string;
+            blackOpacity2: string;
+            blackOpacity44: string;
+            black0Opacity8: string;
+            black0Opacity56: string;
+            black0Opacity16: string;
+            whiteOpacity8: string;
+            whiteOpacity12: string;
+            whiteOpacity16: string;
+            whiteOpacity4: string;
+            whiteOpacity52: string;
+            whiteOpacity64: string;
+            whiteOpacity24: string;
+        };
+    };
+    v8_1: {
+        shadesOfPurple: {
+            purple: string;
+            purpleLight: string;
+        };
+        shadesOfGrey: {
+            dark4: string;
+            dark40: string;
+            dark120: string;
+            dark160: string;
+            dark280: string;
+            dark320: string;
+        };
+        text: {
+            black: string;
+            details: string;
+        };
+        success: string;
+        strokeBlack: string;
+        white: string;
+        black: string;
+    };
+    v8: {
+        shadesOfPurple: {
+            purple: string;
+            purple1: string;
+            purple2: string;
+            purple3: string;
+            purple4: string;
+            purple5: string;
+            purple6: string;
+            purple7: string;
+            purple8: string;
+            purple9: string;
+        };
+        shadesOfGrey: {
+            black: string;
+            black6: string;
+            black7: string;
+            black8: string;
+            black9: string;
+            grey: string;
+            grey1: string;
+            grey2: string;
+            grey4: string;
+            grey6: string;
+        };
+        res: {
+            red: string;
+            magenta: string;
+            orange: string;
+            blue: string;
+            turquoise: string;
+            green: string;
+            red2: string;
+            red1: string;
+            green1: string;
+            green2: string;
+            green4: string;
+        };
+        ebu: {
+            blue: string;
+            blue1: string;
+            blue2: string;
+            blue4: string;
+            turquoise: string;
+            turquoise1: string;
+            turquoise2: string;
+            turquoise4: string;
+        };
+        promo: {
+            backgroundMypx: string;
+            textMypx: string;
+            backgroundEpic: string;
+            textEpic: string;
+        };
+        status: {
+            success: string;
+            epicSuccess: string;
+            error: string;
+            epicError: string;
+            warning: string;
+            epicWarning: string;
+            warningText: string;
+            epicWarningText: string;
+        };
+        theme: {
+            mypxBackground: string;
+            mypxBackground1: string;
+            mypxBackground2: string;
+            mypxBackground3: string;
+            mypxIconBackground: string;
+            mypxIconColor: string;
+            mypxTextDetails: string;
+            mypxTransparentBlurBackground: string;
+            epicBackground: string;
+            epicBackgroundDarkGrey3: string;
+            epicBackground1: string;
+            epicBackground2: string;
+            epicBackground3: string;
+            epicIconBackground: string;
+            epicIconColor: string;
+            epicTextDetails: string;
+            epicTransparentBlurBackground: string;
+            scarletIconBackground: string;
+            scarletIconColor: string;
+            scarletTransparentBlurBackground: string;
+            scarletTextDetails: string;
+            scarletBackground1: string;
+            scarletBackground2: string;
+            scarletBackground3: string;
+        };
+        yellow: string;
+        almond: string;
+        white: string;
+    };
+};
+export declare const Gradients: {
+    red: string[];
+    magenta: string[];
+    orange: string[];
+    blue: string[];
+    turquoise: string[];
+    green: string[];
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+PlB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './colors';
+export * from './breakpoints';
+export * from './sizes';
+export * from './ThemeContext';
+export * from './ThemeProvider';
+export * from './themes';
+export * from './AssetContainer';
+//# 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,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}