@evergis/uilib-gl 1.0.0

package/dist/theme/ITheme.d.ts

@@ -0,0 +1,315 @@
+import { DeepPartial } from "./helpers";
+/**
+ * Color pallete
+ */
+export interface IPalette {
+    primary: string;
+    primaryDark: string;
+    primaryDeep: string;
+    primaryLight: string;
+    secondary: string;
+    secondaryDark: string;
+    secondaryDeep: string;
+    error: string;
+    errorDark: string;
+    errorDeep: string;
+    background: string;
+    element: string;
+    elementDark: string;
+    elementDarkNoAlpha: string;
+    elementDeep: string;
+    textPrimary: string;
+    textSecondary: string;
+    textDisabled: string;
+    textContrast: string;
+    icon: string;
+    iconAccent: string;
+    iconDisabled: string;
+    iconContrast: string;
+}
+export interface IShadows {
+    pressed: string;
+    normal: string;
+    normalExtra: string;
+    raised: string;
+    top: string;
+}
+export interface IFonts {
+    h1: string;
+    h2: string;
+    subtitle: string;
+    standard: string;
+    description: string;
+    small: string;
+    button: string;
+    boldWeight: string;
+}
+export interface IVariants {
+    basic: string;
+    primary: string;
+    secondary: string;
+    error: string;
+}
+export interface IColorOrMono {
+    basic: string;
+    mono: string;
+}
+export interface IFlatButton {
+    color: IVariants;
+    disabledColor: string;
+    backgroundColor: string;
+    hoverBackgroundColor: string;
+    activeBackgroundColor: string;
+}
+export interface IRaisedButton {
+    color: IVariants;
+    backgroundColor: IVariants;
+    hoverBackgroundColor: IVariants;
+    activeBackgroundColor: IVariants;
+    disabledColor: string;
+    disabledBackgroundColor: string;
+    boxShadow: string;
+    activeBoxShadow: string;
+}
+export interface IRadio {
+    circleBorderColor: string;
+    circleHoverBackgroundColor: string;
+    dotCheckedBackgroundColor: string;
+    circleCheckedBorderColor: string;
+    dotDisabledBackgroundColor: string;
+    circleDisabledBorderColor: string;
+    labelColor: string;
+    labelDisabledColor: string;
+}
+export interface ILinearProgress {
+    formBackgroundColor: string;
+    fillBackgroundColor: IColorOrMono;
+}
+export interface ICircularProgress {
+    formBackgroundColor: string;
+    fillBackgroundColor: IColorOrMono;
+}
+export interface IMessageColors {
+    error: string;
+    warning: string;
+    success: string;
+    info: string;
+}
+export interface ILinkStates {
+    primary: string;
+    secondary: string;
+    error: string;
+}
+export interface IMessage {
+    color: IMessageColors;
+    borderColor: IMessageColors;
+    backgroundColor: IMessageColors;
+}
+export interface IIcon {
+    color: IIconColors;
+    disabledColor: string;
+}
+export interface IIconButton {
+    color: IIconColors;
+    hoverColor: IIconColors;
+    activeColor: IIconColors;
+    disabledColor: string;
+}
+export interface IIconColors {
+    primary: string;
+    secondary: string;
+    error: string;
+    basic: string;
+}
+export interface IThemeConstants {
+    palette: IPalette;
+    shadows: IShadows;
+    fonts: IFonts;
+}
+export interface IIconToggle {
+    color: string;
+    hoverColor: string;
+    activeColor: string;
+    disabledColor: string;
+    selectedColor: IToggleStates;
+    selectedHoverColor: IToggleStates;
+    selectedActiveColor: IToggleStates;
+    accentBackground: IToggleStates;
+    accentHoverBackground: IToggleStates;
+    accentActiveBackground: IToggleStates;
+}
+export interface ICheckbox {
+    checkColor: string;
+    boxBorder: string;
+    boxBackground: string;
+    color: string;
+    hoverBoxBackground: string;
+    disabledBoxBorder: string;
+    disabledBoxBackground: string;
+    disabledColor: string;
+    selectedBoxBackground: string;
+    selectedHoverBoxBackground: string;
+    selectedDisabledBoxBackground: string;
+}
+export interface IBlank {
+    backgroundColor: string;
+}
+export interface IInput {
+    labelColor: string;
+    borderColor: string;
+    placeholderColor: string;
+    color: string;
+    helpColor: string;
+    hoverBorderColor: string;
+    disabledBorderColor: string;
+    disabledLabelColor: string;
+    disabledColor: string;
+    disabledHelpColor: string;
+    disabledPlaceholderColor: string;
+    active: string;
+    error: string;
+}
+export interface IDropdown {
+    color: string;
+    selectedBackgroundColor: string;
+    hoverBackgroundColor: string;
+    nullableColor: string;
+}
+export interface IElementsArea {
+    backgroundColor: string;
+}
+export interface ILink {
+    color: ILinkStates;
+    hoverColor: ILinkStates;
+    activeColor: ILinkStates;
+    visitedColor: string;
+}
+export interface ICard {
+    width: string;
+    height: string;
+    borderColor: string;
+}
+export interface INotification {
+    backgroundColor: string;
+    color: IMessageColors;
+    closeButtonColor: string;
+    descriptionColor: string;
+}
+export interface IDialog {
+    backgroundColor: string;
+    titleColor: string;
+    titleBackgroundColor: IVariants;
+    titleCustomColor: string;
+}
+export interface IDivider {
+    color: string;
+}
+export interface IImageLoader {
+    backgroundColor: string;
+    uploadedImageHoverBackground: string;
+}
+export interface IRatioLine {
+    backgroundColor: IVariants;
+}
+export interface ISwitcher {
+    backgroundColorOn: IVariants;
+    backgroundColorOff: string;
+    disabledBackgroundColor: string;
+    hoverBackgroundColorOn: IVariants;
+    hoverBackgroundColorOff: string;
+    activeBackgroundColorOn: IVariants;
+    activeBackgroundColorOff: string;
+    titleColor: string;
+}
+export interface IChip {
+    backgroundColor: IVariants;
+}
+export interface ISlider {
+    backgroundColor: IVariants;
+    hoverBackgroundColor: IVariants;
+    activeBackgroundColor: IVariants;
+    defaultSubstrateBackgroundColor: string;
+    hoverSubstrateBackgroundColor: string;
+    disabledFillBandBackgroundColor: string;
+    disabledUpperHandleLayerBackgroundColor: string;
+    transparencyImageBackground: string;
+    borderColor: string;
+    handleDefaultBorderColor: string;
+}
+export interface IColorButton {
+    background: string;
+    borderColor: string;
+}
+export interface IColorPicker {
+    borderColor: string;
+    hoverBorderColor: string;
+    activeBorderColor: string;
+    errorBorderColor: string;
+}
+export interface IHueMap {
+    borderColor: string;
+    pointerBorderColor: string;
+}
+export interface ITheme extends IThemeConstants {
+    flatButton: IFlatButton;
+    raisedButton: IRaisedButton;
+    radio: IRadio;
+    circularProgress: ICircularProgress;
+    linearProgress: ILinearProgress;
+    message: IMessage;
+    icon: IIcon;
+    iconButton: IIconButton;
+    iconToggle: IIconToggle;
+    checkbox: ICheckbox;
+    input: IInput;
+    dropdown: IDropdown;
+    elementsArea: IElementsArea;
+    blank: IBlank;
+    tab: ITab;
+    card: ICard;
+    link: ILink;
+    notification: INotification;
+    dialog: IDialog;
+    divider: IDivider;
+    imageLoader: IImageLoader;
+    ratioLine: IRatioLine;
+    switcher: ISwitcher;
+    slider: ISlider;
+    chip: IChip;
+    colorButton: IColorButton;
+    hueMap: IHueMap;
+    colorPicker: IColorPicker;
+}
+export interface ITransition {
+    decel: string;
+    accel: string;
+    upDown: string;
+    hover: string;
+    press: string;
+    release: string;
+    show: string;
+    hide: string;
+    toggle: string;
+    collapse: string;
+}
+export interface IToggleStates {
+    accent: string;
+    standard: string;
+    accentSecondary: string;
+    accentError: string;
+    standardSecondary: string;
+    standardError: string;
+}
+export interface ITab {
+    disabledColor: string;
+    hoverColor: string;
+    textColor: string;
+    textSelectColor: string;
+    tabBackground: string;
+    containerBackground: string;
+    lineBackground: string;
+    lineSelected: string;
+}
+export declare type IPartialTheme = DeepPartial<ITheme>;
+export declare type IPartialThemeConstants = DeepPartial<IThemeConstants>;
+export declare type OverrideTheme = (constants: IThemeConstants) => IPartialTheme;

package/dist/theme/darkTheme.d.ts

@@ -0,0 +1 @@
+export declare const theme: import("./ITheme").ITheme;

package/dist/theme/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { ITheme } from "./ITheme";
+export declare const theme: ITheme;

package/dist/theme/defaultThemeConstants.d.ts

@@ -0,0 +1,16 @@
+import { IFonts, IPalette, IShadows, ITransition } from "./ITheme";
+export declare const palette: IPalette;
+export declare const shadows: IShadows;
+export declare const collapseDuration = 500;
+export declare const transition: ITransition;
+export declare const borderRadius = "0.125rem";
+/**
+ * Google font sizes
+ * Thin 100
+ * Light 300
+ * Regular 400
+ * Medium 500
+ * Bold 700
+ * Black 900
+ */
+export declare const fonts: IFonts;

package/dist/theme/getTheme.d.ts

@@ -0,0 +1,2 @@
+import { IPartialThemeConstants, ITheme, OverrideTheme } from "./ITheme";
+export declare const getTheme: ({ palette, fonts, shadows }?: IPartialThemeConstants, overrideTheme?: OverrideTheme | import("./helpers").DeepPartial<ITheme> | undefined) => ITheme;

package/dist/theme/helpers.d.ts

@@ -0,0 +1,53 @@
+import { IColorOrMono, IIconColors, ILinkStates, IMessageColors, IToggleStates, IVariants } from "./ITheme";
+export declare function createVariants(basic: string, primary: string, secondary?: string, error?: string): IVariants;
+interface IVariantsProps {
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+}
+declare type IVariantsKeys = "basic" | "primary" | "secondary" | "error";
+export declare const getVariant: ({ primary, secondary, error }: IVariantsProps) => IVariantsKeys;
+export declare function createColorOrMono(basic: string, mono: string): IColorOrMono;
+interface IColorOrMonoProps {
+    mono?: boolean;
+}
+declare type IColorOrMonoKeys = "basic" | "mono";
+export declare const getColorOrMono: ({ mono }: IColorOrMonoProps) => IColorOrMonoKeys;
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+export declare function createMessageColors(error: string, warning: string, success: string, info: string): IMessageColors;
+interface IMessageColorsProps {
+    error?: boolean;
+    warning?: boolean;
+    success?: boolean;
+}
+declare type IMessageColorsKeys = "error" | "warning" | "success" | "info";
+export declare const getMessageColors: ({ error, warning, success }: IMessageColorsProps) => IMessageColorsKeys;
+export declare function createIconColors(primary: string, secondary: string, error: string, basic: string): IIconColors;
+interface IIconColorsProps {
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+}
+declare type IIconColorsKeys = "error" | "primary" | "secondary" | "basic";
+export declare const getIconColors: ({ error, primary, secondary }: IIconColorsProps) => IIconColorsKeys;
+export declare function createToggleStates(accent: string, standard: string, accentSecondary: string, accentError: string, standardSecondary: string, standardError: string): IToggleStates;
+interface IToggleStatesProps {
+    accent?: boolean;
+    standard?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+}
+declare type IToggleStatesKeys = "accent" | "standard" | "accentSecondary" | "accentError" | "standardSecondary" | "standardError";
+export declare const getToggleStates: ({ accent, secondary, error }: IToggleStatesProps) => IToggleStatesKeys;
+export declare function createLinkStates(primary: string, secondary: string, error: string): ILinkStates;
+interface ILinkStatesProps {
+    primary?: boolean;
+    secondary?: boolean;
+    error?: boolean;
+}
+declare type ILinkStatesKeys = "primary" | "secondary" | "error";
+export declare const getLinkColors: ({ secondary, error }: ILinkStatesProps) => ILinkStatesKeys;
+export {};

package/dist/theme/index.d.ts

@@ -0,0 +1,5 @@
+export { theme as defaultTheme } from "./defaultTheme";
+export { theme as darkTheme } from "./darkTheme";
+export { getTheme } from "./getTheme";
+export * from "./defaultThemeConstants";
+export * from "./helpers";