@wavv/ui 2.2.1 → 2.2.2-alpha.1

package/build/esm/types/theme/ThemeTypes.d.ts

@@ -1,340 +0,0 @@
-import type { IColors } from './core/colors';
-type ButtonSize = {
-    height: number;
-    iconSize: number;
-    font: number;
-    padding: number;
-    iconOnlyPadding: number;
-};
-type LinkColors = {
-    secondaryColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    positiveColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    negativeColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    cautionColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-};
-export type ButtonState = {
-    color: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    outlineColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    background: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    outlineBackground: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    border: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    divider: string;
-};
-export interface ITheme {
-    name: 'light' | 'dark';
-    accent: string;
-    accentShade: string;
-    background0: string;
-    background1: string;
-    background2: string;
-    background3: string;
-    background4: string;
-    background5: string;
-    /** 5% opacity */
-    scale0: string;
-    /** 10% opacity */
-    scale1: string;
-    /** 20% opacity */
-    scale2: string;
-    /** 30% opacity */
-    scale3: string;
-    /** 40% opacity */
-    scale4: string;
-    /** 50% opacity */
-    scale5: string;
-    /** 60% opacity */
-    scale6: string;
-    /** 70% opacity */
-    scale7: string;
-    /** 80% opacity */
-    scale8: string;
-    /** 90% opacity */
-    scale9: string;
-    /** 100% opacity */
-    scale10: string;
-    button: {
-        tiny: ButtonSize;
-        small: ButtonSize;
-        medium: ButtonSize;
-        large: ButtonSize;
-        primary: ButtonState;
-        secondary: ButtonState;
-        negative: ButtonState;
-        positive: ButtonState;
-        caution: ButtonState;
-        subtle: ButtonState & LinkColors;
-        link: ButtonState & LinkColors;
-        disabled: ButtonState;
-        color: {
-            default: string;
-        };
-    };
-    calendar: {
-        background: {
-            container: string;
-            hover: string;
-            active: string;
-            activeHover: string;
-            activeRange: string;
-        };
-        color: {
-            disabled: string;
-            default: string;
-            active: string;
-            current: string;
-            outside: string;
-            weekday: string;
-            monthYear: string;
-            iconDefault: string;
-            iconDisabled: string;
-            iconHover: string;
-        };
-    };
-    color: IColors;
-    defaultBorder: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.05)' */
-    elevation0: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.1)' */
-    elevation1: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.15)' */
-    elevation2: string;
-    /** '0px 4px 8px 2px rgba(0, 0, 0, 0.2)' */
-    elevation3: string;
-    /** '0px 4px 8px 2px rgba(0, 0, 0, 0.25)' */
-    elevation4: string;
-    size: {
-        /** 4px */
-        xs: number;
-        /** 8px */
-        sm: number;
-        /** 16px */
-        md: number;
-        /** 24px */
-        lg: number;
-    };
-    font: {
-        weight: {
-            /** 400 */
-            default: number;
-            /** 500 */
-            medium: number;
-            /** 600 */
-            semiBold: number;
-            /** 700 */
-            bold: number;
-        };
-        size: {
-            /** 10px */
-            xs: number;
-            /** 12px */
-            sm: number;
-            /** 14px */
-            md: number;
-            /** 16px */
-            lg: number;
-            /** 18px */
-            xl: number;
-        };
-        family: {
-            /** "'Roboto', sans-serif" */
-            default: string;
-            /** "'Roboto', sans-serif" */
-            medium: string;
-            /** "'Roboto', sans-serif" */
-            light: string;
-        };
-    };
-    formControl: {
-        color: {
-            default: string;
-            hover: string;
-            active: string;
-            activeHover: string;
-            disabled: string;
-        };
-    };
-    input: {
-        borderRadius: number;
-        background: {
-            default: string;
-            hover: string;
-            focused: string;
-            disabled: string;
-            invalid: string;
-            invalidHover: string;
-        };
-        color: {
-            default: string;
-            disabled: string;
-            placeholder: string;
-            description: string;
-            descriptionError: string;
-        };
-        borderColor: {
-            default: string;
-            hover: string;
-            focused: string;
-            disabled: string;
-            error: string;
-        };
-        labelColor: {
-            default: string;
-            hover: string;
-            filled: string;
-            focused: string;
-            disabled: string;
-        };
-    };
-    menu: {
-        background: string;
-    };
-    menuItem: {
-        borderColor: string;
-        background: {
-            active: string;
-            hover: string;
-            inactive: string;
-        };
-        color: {
-            active: string;
-            hover: string;
-            inactive: string;
-        };
-    };
-    modal: {
-        background: string;
-        color: {
-            header: string;
-            body: string;
-        };
-    };
-    options: {
-        background: string;
-        backdropFilter?: string;
-    };
-    optionItem: {
-        background: {
-            hover: string;
-            active: string;
-            inactive: string;
-        };
-        color: {
-            active: string;
-            inactive: string;
-            accent: string;
-        };
-    };
-    table: {
-        color: {
-            header: string;
-            body: string;
-        };
-        backgroundLevel: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-        };
-        borderColor: string;
-    };
-    tag: {
-        default: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        error: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        success: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        warning: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-    };
-    toast: {
-        color: string;
-        background: {
-            default: string;
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-        border: {
-            default: string;
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-    };
-    toggle: {
-        slider: string;
-    };
-    tooltip: {
-        background: string;
-        color: {
-            default: string;
-            subtext: string;
-        };
-    };
-    editor: {
-        highlight: {
-            yellow: string;
-            blue: string;
-            red: string;
-            green: string;
-            orange: string;
-        };
-    };
-}
-export type ThemeProp = {
-    theme?: ITheme;
-};
-export {};

package/build/esm/types/theme/common/button.d.ts

@@ -1,31 +0,0 @@
-declare const _default: {
-    tiny: {
-        height: number;
-        iconSize: number;
-        font: number;
-        padding: number;
-        iconOnlyPadding: number;
-    };
-    small: {
-        height: number;
-        iconSize: number;
-        font: number;
-        padding: number;
-        iconOnlyPadding: number;
-    };
-    medium: {
-        height: number;
-        iconSize: number;
-        font: number;
-        padding: number;
-        iconOnlyPadding: number;
-    };
-    large: {
-        height: number;
-        iconSize: number;
-        font: number;
-        padding: number;
-        iconOnlyPadding: number;
-    };
-};
-export default _default;

package/build/esm/types/theme/common/common.d.ts

@@ -1,103 +0,0 @@
-declare const _default: {
-    color: {
-        logo1: string;
-        logo2: string;
-        logo3: string;
-        brand: string;
-        brandShade1: string;
-        brandShade2: string;
-        brandDark: string;
-        brandDarkShade1: string;
-        brandTint0: string;
-        brandTint1: string;
-        brandTint2: string;
-        brandTint3: string;
-        brandTint4: string;
-        brandBackground0: string;
-        brandBackground1: string;
-        brandBackground2: string;
-        brandBackground3: string;
-        brandBackground4: string;
-        brandBackground5: string;
-        error: string;
-        errorShade1: string;
-        errorShade2: string;
-        errorTint0: string;
-        errorTint1: string;
-        errorTint2: string;
-        warning: string;
-        warningShade1: string;
-        warningShade2: string;
-        warningTint0: string;
-        warningTint1: string;
-        warningTint2: string;
-        alert: string;
-        alertShade1: string;
-        alertShade2: string;
-        alertTint0: string;
-        alertTint1: string;
-        alertTint2: string;
-        success: string;
-        successShade1: string;
-        successShade2: string;
-        successTint0: string;
-        successTint1: string;
-        successTint2: string;
-        grayscale0: string;
-        grayscale1: string;
-        grayscale2: string;
-        grayscale3: string;
-        grayscale4: string;
-        grayscale5: string;
-        grayscale6: string;
-        grayscale7: string;
-        grayscale8: string;
-        grayscale9: string;
-        grayscale10: string;
-        contrast0: string;
-        contrast1: string;
-        contrast2: string;
-        contrast3: string;
-        contrast4: string;
-        contrast5: string;
-        contrast6: string;
-        contrast7: string;
-        contrast8: string;
-        contrast9: string;
-        contrast10: string;
-    };
-    elevation0: string;
-    elevation1: string;
-    elevation2: string;
-    elevation3: string;
-    elevation4: string;
-    font: {
-        weight: {
-            thin: number;
-            light: number;
-            default: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-        };
-        size: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-        family: {
-            default: string;
-            medium: string;
-            light: string;
-        };
-    };
-    size: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-    };
-};
-export default _default;

package/build/esm/types/theme/common/index.d.ts

@@ -1,3 +0,0 @@
-import common from './common';
-export { default as button } from './button';
-export default common;

package/build/esm/types/theme/core/colors.d.ts

@@ -1,201 +0,0 @@
-declare const colors: {
-    logo1: string;
-    logo2: string;
-    logo3: string;
-    brand: string;
-    brandShade1: string;
-    brandShade2: string;
-    brandDark: string;
-    brandDarkShade1: string;
-    brandTint0: string;
-    brandTint1: string;
-    brandTint2: string;
-    brandTint3: string;
-    brandTint4: string;
-    brandBackground0: string;
-    brandBackground1: string;
-    brandBackground2: string;
-    brandBackground3: string;
-    brandBackground4: string;
-    brandBackground5: string;
-    error: string;
-    errorShade1: string;
-    errorShade2: string;
-    errorTint0: string;
-    errorTint1: string;
-    errorTint2: string;
-    warning: string;
-    warningShade1: string;
-    warningShade2: string;
-    warningTint0: string;
-    warningTint1: string;
-    warningTint2: string;
-    alert: string;
-    alertShade1: string;
-    alertShade2: string;
-    alertTint0: string;
-    alertTint1: string;
-    alertTint2: string;
-    success: string;
-    successShade1: string;
-    successShade2: string;
-    successTint0: string;
-    successTint1: string;
-    successTint2: string;
-    grayscale0: string;
-    grayscale1: string;
-    grayscale2: string;
-    grayscale3: string;
-    grayscale4: string;
-    grayscale5: string;
-    grayscale6: string;
-    grayscale7: string;
-    grayscale8: string;
-    grayscale9: string;
-    grayscale10: string;
-    contrast0: string;
-    contrast1: string;
-    contrast2: string;
-    contrast3: string;
-    contrast4: string;
-    contrast5: string;
-    contrast6: string;
-    contrast7: string;
-    contrast8: string;
-    contrast9: string;
-    contrast10: string;
-};
-export default colors;
-export interface IColors {
-    /** #0074F4 */
-    logo1: string;
-    /** #00A9E2 */
-    logo2: string;
-    /** #67C728 */
-    logo3: string;
-    /** #0074F4 */
-    brand: string;
-    /** #0068DC */
-    brandShade1: string;
-    /** #005DC3 */
-    brandShade2: string;
-    /** #4C9EF7 */
-    brandDark: string;
-    /** #5EA8F8 */
-    brandDarkShade1: string;
-    /** 5% of #0074F4 */
-    brandTint0: string;
-    /** 10% of #0074F4 */
-    brandTint1: string;
-    /** 20% of #0074F4 */
-    brandTint2: string;
-    /** 30% of #0074F4 */
-    brandTint3: string;
-    /** 40% of #0074F4 */
-    brandTint4: string;
-    /** #001828 */
-    brandBackground0: string;
-    /** #0D2433 */
-    brandBackground1: string;
-    /** #192F3D */
-    brandBackground2: string;
-    /** #334653 */
-    brandBackground3: string;
-    /** #475964 */
-    brandBackground4: string;
-    /** #596A74 */
-    brandBackground5: string;
-    /** #FF6068 */
-    error: string;
-    /** #E6565E */
-    errorShade1: string;
-    /** #CC4D53 */
-    errorShade2: string;
-    /** 5% of #FF6068 */
-    errorTint0: string;
-    /** 10% of #FF6068 */
-    errorTint1: string;
-    /** 20% of #FF6068 */
-    errorTint2: string;
-    /** #FF9900 */
-    warning: string;
-    /** #E68A00 */
-    warningShade1: string;
-    /** #CC7A00 */
-    warningShade2: string;
-    /** 5% of #FF9900 */
-    warningTint0: string;
-    /** 10% of #FF9900 */
-    warningTint1: string;
-    /** 20% of #FF9900 */
-    warningTint2: string;
-    /** #F0BB00 */
-    alert: string;
-    /** #E4B200 */
-    alertShade1: string;
-    /** #C09600 */
-    alertShade2: string;
-    /** 5% of #F0BB00 */
-    alertTint0: string;
-    /** 10% of #F0BB00 */
-    alertTint1: string;
-    /** 20% of #F0BB00 */
-    alertTint2: string;
-    /** #00C242 */
-    success: string;
-    /** #00AF3B */
-    successShade1: string;
-    /** #009B35 */
-    successShade2: string;
-    /** 5% of #00C242 */
-    successTint0: string;
-    /** 10% of #00C242 */
-    successTint1: string;
-    /** 20% of #00C242 */
-    successTint2: string;
-    /** 5% of #001D32 */
-    grayscale0: string;
-    /** 10% of #001D32 */
-    grayscale1: string;
-    /** 20% of #001D32 */
-    grayscale2: string;
-    /** 30% of #001D32 */
-    grayscale3: string;
-    /** 40% of #001D32 */
-    grayscale4: string;
-    /** 50% of #001D32 */
-    grayscale5: string;
-    /** 60% of #001D32 */
-    grayscale6: string;
-    /** 70% of #001D32 */
-    grayscale7: string;
-    /** 80% of #001D32 */
-    grayscale8: string;
-    /** 90% of #001D32 */
-    grayscale9: string;
-    /** #001D32 */
-    grayscale10: string;
-    /** 5% of #FFFFFF */
-    contrast0: string;
-    /** 10% of #FFFFFF */
-    contrast1: string;
-    /** 20% of #FFFFFF */
-    contrast2: string;
-    /** 30% of #FFFFFF */
-    contrast3: string;
-    /** 40% of #FFFFFF */
-    contrast4: string;
-    /** 50% of #FFFFFF */
-    contrast5: string;
-    /** 60% of #FFFFFF */
-    contrast6: string;
-    /** 70% of #FFFFFF */
-    contrast7: string;
-    /** 80% of #FFFFFF */
-    contrast8: string;
-    /** 90% of #FFFFFF */
-    contrast9: string;
-    /** #FFFFFF */
-    contrast10: string;
-}
-export type ColorNames = keyof typeof colors;

package/build/esm/types/theme/core/dark/dark.d.ts

@@ -1,3 +0,0 @@
-import type { ITheme } from '../../ThemeTypes';
-declare const dark: ITheme;
-export default dark;

package/build/esm/types/theme/core/dark/darkScale.d.ts

@@ -1,22 +0,0 @@
-declare const darkScale: {
-    scale0: string;
-    scale1: string;
-    scale2: string;
-    scale3: string;
-    scale4: string;
-    scale5: string;
-    scale6: string;
-    scale7: string;
-    scale8: string;
-    scale9: string;
-    scale10: string;
-    accent: string;
-    accentShade: string;
-    background0: string;
-    background1: string;
-    background2: string;
-    background3: string;
-    background4: string;
-    background5: string;
-};
-export default darkScale;

package/build/esm/types/theme/core/light/light.d.ts

@@ -1,3 +0,0 @@
-import type { ITheme } from '../../ThemeTypes';
-declare const light: ITheme;
-export default light;