freemium-ui 1.0.136 → 1.0.140

package/lib/types/theme/index.d.ts

@@ -0,0 +1,352 @@
+export interface FreemiumUIThemesLayout {
+    gap: string;
+    gapNegative: string;
+    gapHalf: string;
+    gapHalfNegative: string;
+    gapQuarter: string;
+    gapQuarterNegative: string;
+    pageMargin: string;
+    pageWidth: string;
+    pageWidthWithMargin: string;
+    radius: string;
+}
+export interface FreemiumUIThemesPalette {
+    jade: string;
+    celery: string;
+    candlelight: string;
+    sunrise: string;
+    scotchMist: string;
+    pearlLusta: string;
+    dodger: string;
+    amethyst: string;
+    permission: string;
+    ferrari: string;
+    mintCream: string;
+    athens: string;
+    smoke: string;
+    porcelain: string;
+    zircon: string;
+    chateau: string;
+    raven: string;
+    elephant: string;
+    rhino: string;
+    jungle: string;
+    azure: string;
+    skylight: string;
+    clara: string;
+    casablanca: string;
+    transparent: string;
+    passion: string;
+    peach: string;
+    babylon: string;
+    coral: string;
+    black: string;
+    white: string;
+    E900: string;
+    E800: string;
+    E700: string;
+    E600: string;
+    E500: string;
+    E400: string;
+    E300: string;
+    S900: string;
+    S800: string;
+    S700: string;
+    S600: string;
+    S500: string;
+    S400: string;
+    S300: string;
+    S200: string;
+    S100: string;
+    S75: string;
+    S50: string;
+    S25: string;
+    S10: string;
+}
+declare type HeadingType = {
+    fontSize: string;
+    lineHeight: string;
+    margin: string;
+};
+declare type FontType = {
+    fontSize?: string;
+    lineHeight?: string;
+    margin?: string;
+    padding?: string;
+    fontWeight?: string | 400 | 500 | 600 | 700 | 800;
+    letterSpacing?: string;
+};
+interface TableType extends FontType {
+    header?: FontType;
+    body?: FontType;
+}
+interface MenuType extends FontType {
+    menuItem?: FontType;
+}
+export interface FreemiumUITypography {
+    fontFamily: string;
+    headings: {
+        h1: HeadingType;
+        h2: HeadingType;
+        h3: HeadingType;
+        h4: HeadingType;
+        h5: HeadingType;
+    };
+    text: {
+        regular: FontType;
+        semiBold: FontType;
+        bold: FontType;
+    };
+    body: {
+        regular: FontType;
+        regularBold: FontType;
+        secondary: FontType;
+        secondaryBold: FontType;
+        dropdown: FontType;
+        label: FontType;
+        anchor: {
+            light: FontType;
+            bold: FontType;
+        };
+        requiredLabel: FontType;
+        tagText: FontType;
+        errorText: {
+            fontSize: string;
+        };
+    };
+    input: {
+        text: FontType;
+        textarea: FontType;
+        disabled: FontType;
+        label: FontType;
+        error: FontType;
+    };
+    tabs: FontType;
+    table: TableType;
+    menu: MenuType;
+}
+declare type DefaultColorsType = {
+    primary: string;
+    secondary: string;
+    hover?: string;
+    disabled?: string;
+    active?: string;
+    selected?: string;
+    error?: string;
+    light?: string;
+};
+declare type GradientColorsType = {
+    from: string;
+    to: string;
+};
+declare type BasicTextType = {
+    color?: string;
+    background?: string;
+};
+declare type ButtonColorsType = {
+    backgroundColor: string;
+    backgroundGradient: GradientColorsType;
+    hover: string;
+    borderColor: string;
+    color: string;
+    disabled: {
+        borderColor: string;
+        backgroundGradient: GradientColorsType;
+        color: string;
+    };
+    active: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+};
+declare type InputColorsType = {
+    borderColor: string;
+    hoverBorderColor: string;
+};
+declare type AppStatesColorType = {
+    error: string;
+    warning: string;
+    info: string;
+    success: string;
+    neutral?: string;
+};
+export interface FreemiumUIAllColors {
+    body: {
+        background: DefaultColorsType;
+    };
+    primary: string;
+    link: string;
+    white: string;
+    black: string;
+    text: {
+        primary: string;
+        secondary: string;
+        light: string;
+        disabled: string;
+        placeholder: string;
+        error: string;
+        success: string;
+        label: string;
+        warning: string;
+        extraLight: string;
+        link: string;
+    };
+    toolTip: {
+        normal: string;
+        success: string;
+        error: string;
+        ferrari: string;
+        black: string;
+    };
+    label: {
+        primary: string;
+    };
+    success: BasicTextType;
+    warning: BasicTextType;
+    info: BasicTextType;
+    error: BasicTextType;
+    icon: DefaultColorsType;
+    border: DefaultColorsType;
+    background: DefaultColorsType;
+    layout: {
+        asidePane: string;
+    };
+    errorText: {
+        primary: string;
+    };
+    components: {
+        menu: {
+            background?: string;
+            color?: string;
+            menuItem: {
+                background?: string;
+                color: string;
+                hover: BasicTextType;
+                selected: BasicTextType;
+                disabled: BasicTextType;
+            };
+        };
+        table: {
+            header: {
+                background: string;
+                text: string;
+            };
+            body: {
+                background: string;
+                text: string;
+                selected: string;
+                hover: string;
+            };
+        };
+        alert: {
+            background: string;
+        };
+        input: {
+            primary: InputColorsType;
+        };
+        toggle: {
+            backgroundColorOn: string;
+            backgroundColorOff: string;
+            borderColor: string;
+        };
+        checkbox: {
+            backgroundColor: string;
+            borderColor: string;
+            hoverBorderColor: string;
+        };
+        radio: {
+            hoverBorderColor: string;
+            backgroundColor: string;
+            borderColor: string;
+        };
+        button: {
+            primary: ButtonColorsType;
+            secondary: ButtonColorsType;
+            danger: ButtonColorsType;
+            link: ButtonColorsType;
+            buttonGroup: {
+                normal: string;
+            };
+        };
+        inlineMessage: AppStatesColorType;
+        inlineBanner: {
+            border: AppStatesColorType;
+            background: AppStatesColorType;
+        };
+        panel: {
+            gradientStart: string;
+            gradientEnd: string;
+            border: string;
+            background: string;
+            level: {
+                warning: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                danger: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+        confirmModal: {
+            background: string;
+            border: string;
+        };
+        modal: {
+            overlayBackground: string;
+        };
+        tag: {
+            background: AppStatesColorType;
+            border: AppStatesColorType;
+            color: AppStatesColorType;
+        };
+        railNavigation: {
+            backgroundColor: string;
+            activeColor: string;
+        };
+        listCard: {
+            borderLeft: string;
+            highlight: string;
+            background: string;
+        };
+        tabs: {
+            selectedBorderColor: string;
+            selectedColor: string;
+            color: string;
+            hoverBg: string;
+            disabledBg: string;
+            disabledColor: string;
+        };
+        tooltip: {
+            backgroundColor: string;
+        };
+        accordion: {
+            header: {
+                borderColor: string;
+            };
+            section: {
+                background: string;
+                borderColor: string;
+            };
+        };
+        toast: {
+            success: string;
+            error: string;
+            loading: string;
+            warning: string;
+        };
+    };
+    pseudo: {
+        focus: string;
+        hover: string;
+        highlight: string;
+    };
+}
+export default interface FreemiumUIThemes {
+    palette: FreemiumUIThemesPalette;
+    colors: FreemiumUIAllColors;
+    layout: FreemiumUIThemesLayout;
+    typography: FreemiumUITypography;
+}
+export {};

package/lib/types/theme/shared.d.ts

@@ -0,0 +1,2 @@
+import { FreemiumUIThemesLayout } from './index';
+export declare const layout: FreemiumUIThemesLayout;

package/lib/types/utils/date.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    isBeforeDay: (aDate: any, anotherDate: any) => boolean;
+    isInclusivelyAfterDay: (aDate: any, anotherDate: any) => boolean;
+    isToday: (millis: any) => boolean | undefined;
+    getCurrentMillis: () => number;
+};
+export default _default;

package/lib/types/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getId: () => string;

package/lib/types/utils/use-current-state.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export declare type CurrentStateType<S> = [S, Dispatch<SetStateAction<S>>, MutableRefObject<S>];
+declare const useCurrentState: <S>(initialState: S | (() => S)) => CurrentStateType<S>;
+export default useCurrentState;

package/lib/types/utils/use-portal.d.ts

@@ -0,0 +1,2 @@
+declare const usePortal: (selectId?: string) => HTMLElement | null;
+export default usePortal;

package/lib/types/utils/use-ssr.d.ts

@@ -0,0 +1,6 @@
+export declare type SSRState = {
+    isBrowser: boolean;
+    isServer: boolean;
+};
+declare const useSSR: () => SSRState;
+export default useSSR;

package/lib/types/utils/use-ui-context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ToastWithID } from '../components/use-toasts/toast-container';
+export declare type UpdateToastsFunction<T> = (fn: (toasts: Array<T>) => Array<T>) => any;
+export interface UiContextParams {
+    toasts: Array<ToastWithID>;
+    toastHovering: boolean;
+    updateToasts: UpdateToastsFunction<ToastWithID>;
+    updateToastHoverStatus: Function;
+}
+export declare const UIContent: React.Context<UiContextParams>;
+export declare const useUIContext: () => UiContextParams;

package/lib/types/utils/with-defaults.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const withDefaults: <P, DP>(component: React.ComponentType<P>, defaultProps: DP) => React.ComponentType<Partial<DP> & Pick<P, Exclude<keyof P, keyof DP>>>;
+export default withDefaults;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "1.0.136",
+  "version": "1.0.140",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
@@ -15,7 +15,8 @@
     "start": "webpack-dev-server --config webpack.config.js",
     "build:dev": "webpack --config webpack.config.js",
     "build": "rollup -c rollup.config.ts",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublishOnly": "yarn run build"
   },
   "repository": {
     "type": "git",
@@ -94,6 +95,7 @@
     "react-docgen-typescript-loader": "3.7.1",
     "react-dom": "^16.13.1",
     "rollup": "2.18.0",
+    "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "0.27.1",
     "style-loader": "^1.2.1",
     "styled-components": "^5.1.1",