@proximus/lavender-styling-native 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/colors.d.ts

@@ -1,514 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/sizes.d.ts

@@ -1,69 +0,0 @@
-export declare const CommonSizes: {
-    AbsoluteBiggest: number;
-    Big: number;
-    Bigger: number;
-    Biggest: number;
-    Medium: number;
-    Small: number;
-    Smaller: number;
-    Smallest: number;
-};
-export declare const Sizes: {
-    NavigationBarHeight: number;
-    StatusHeight: number;
-    AlertPopupButton: number;
-    AlertPopupText: number;
-    AlertPopupTitle: number;
-    BubbleTitleSize: number;
-    ButtonTitleSize: number;
-    CardText: number;
-    CharLimitTextInput: number;
-    ContentMaxWidth: number;
-    ContentWidth: number;
-    CounterIconTextSize: number;
-    HeaderHeight: number;
-    HeaderSubtitleFontSize: number;
-    HeaderTitleFontSize: number;
-    IconSize: number;
-    InfoViewSize: number;
-    ListHeaderAndroid: number;
-    ListHeaderIOS: number;
-    ListItemInfoSubtitle: number;
-    ListItemInfoTitle: number;
-    ListItemNotificationTitle: number;
-    ListItemSecondSubtitle: number;
-    ListItemSubtitle: number;
-    ListItemSubtitleIOS: number;
-    ListItemTime: number;
-    ListItemTitle: number;
-    ListWithAvatarExplicitText: number;
-    NotificationMessage: number;
-    PromptPopupText: number;
-    PromptPopupTitle: number;
-    PxCompactPriceTextCurrencySize: number;
-    PxCompactPriceTextDigitsSize: number;
-    PxCompactPriceTextDurationSize: number;
-    PxCompactPriceTextUnitsSize: number;
-    PxMobilePricingPlanCardFirstLine: number;
-    PxMobilePricingPlanCardLine: number;
-    PxMobilePricingPlanCardTitle: number;
-    PxPriceButtonTextSize: number;
-    PxPriceTextSize: number;
-    PxPriceTextSizeMultiLine: number;
-    PxTextIconRightIconSize: number;
-    PxTextIconRightTextSize: number;
-    PxOptionCardIcon: number;
-    PxOptionCardSubtitle: number;
-    PxOptionCardTitle: number;
-    PxProgressBarText: number;
-    SmallInformativeSubtitleText: number;
-    SmallInformativeText: number;
-    TabBarIcon: number;
-    TextBodySize: number;
-    TextDisclaimerSize: number;
-    TextHeader2Size: number;
-    TextHeaderSize: number;
-    TopNotification: number;
-    UsageCardHeight: number;
-};
-//# sourceMappingURL=sizes.d.ts.map

package/dist/sizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../src/sizes.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAC"}

package/src/AssetContainer.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-
-export const AssetContainerContext = React.createContext<{
-  size?: number;
-  id?: string;
-}>({});
-
-export function useAssetContainer() {
-  const context = React.useContext(AssetContainerContext);
-
-  if (!context) {
-    throw new Error('useAssetContainer must be used within an AssetContainer');
-  }
-
-  return context;
-}
-
-export function AssetProvider({
-  children,
-  size,
-  id,
-}: {
-  children: React.ReactNode;
-  size?: number;
-  id?: string;
-}) {
-  return (
-    <AssetContainerContext.Provider value={{ size, id }}>
-      {children}
-    </AssetContainerContext.Provider>
-  );
-}