@functionalui/functionalui 0.2.5 → 0.2.6

package/dist/lib/styles/types/ui/admonition/types.d.ts

@@ -0,0 +1,117 @@
+import { ColorPalettes, FontSizes, FontWeights, Sizings, Spacings } from '../../types.ts';
+export declare enum AdmonitionLevels {
+    Info = 1,
+    Note = 2,
+    Success = 3,
+    Warning = 4,
+    Attention = 5,
+    Error = 6
+}
+/** colors
+ * types - info, warning, success, error, attention
+ * border color
+ * bg color
+ * title color
+ * icon color
+ * text description color
+ */
+export declare const AdmonitionColors: {
+    1: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    2: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    3: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    4: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    5: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    6: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+};
+export declare const AdmonitionIcons: {
+    1: {
+        titleIcon: string;
+    };
+    2: {
+        titleIcon: string;
+    };
+    3: {
+        titleIcon: string;
+    };
+    4: {
+        titleIcon: string;
+    };
+    5: {
+        titleIcon: string;
+    };
+    6: {
+        titleIcon: string;
+    };
+};
+export declare const AdmonitionTitles: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare enum AdmonitionSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3
+}
+interface AdmoitionSize {
+    title: {
+        padding: Spacings;
+        paddingBottom: Spacings;
+        paddingLeft?: Spacings;
+        paddingRight?: Spacings;
+        fontSize: FontSizes;
+        fontWeight: FontWeights;
+        iconSize: Sizings;
+        iconMargin: Spacings;
+    };
+    content: {
+        padding: Spacings;
+        paddingTop: Spacings;
+        paddingLeft?: Spacings;
+        paddingRight?: Spacings;
+        fontSize: FontSizes;
+    };
+}
+export declare const ADMONITION_SIZE: {
+    [key: number]: AdmoitionSize;
+};
+export {};

package/dist/lib/styles/types/ui/avatar/types.d.ts

@@ -0,0 +1,57 @@
+import { FontSizes } from '../../types.ts';
+import { ReactNode } from 'react';
+export interface FUI__Avatar {
+    children: ReactNode;
+    name?: string;
+    isLoading?: boolean;
+    onClick?: (v?: any) => void;
+}
+export declare enum AvatarSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+export declare const AVATAR_SIZE: {
+    1: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    2: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    3: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    4: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    5: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    6: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    7: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    8: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    9: {
+        image: number;
+        fontSize: FontSizes;
+    };
+};

package/dist/lib/styles/types/ui/button/types.d.ts

@@ -0,0 +1,129 @@
+import { BorderStyles, BorderWidths, BoxShadows, ColorPalettes, FontSizes, Icons, Radiuses, Sizings, Spacings } from '../../types.ts';
+import { Cursors } from '../../generics';
+export declare enum ButtonIconPositions {
+    Left = 1,
+    Right = 2
+}
+export declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+export declare enum ButtonShadows {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+export declare const BUTTON_SHADOWS_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+export declare enum ButtonStates {
+    Icon = 1,// default
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+type ButtonStateType = {
+    icon?: {
+        icon?: Icons | string;
+        iconColor?: ColorPalettes;
+    };
+    color?: {
+        bgColor?: ColorPalettes;
+        borderColor?: ColorPalettes;
+    };
+    text?: {
+        color?: ColorPalettes;
+    };
+    cursor?: Cursors;
+    animation?: boolean;
+};
+export declare const BUTTON_STATE: {
+    [key: number]: ButtonStateType;
+};
+export declare const ButtonStateIcon: {
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export declare enum ButtonColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Blue5 = 4,
+    Green5 = 5,
+    Red5 = 6,
+    Yellow5 = 7,
+    OutlinePrimary5 = 8,
+    OutlineSecondary5 = 9,
+    OutlineGrey5 = 10,
+    OutlineBlue5 = 11,
+    OutlineGreen5 = 12,
+    OutlineRed5 = 13,
+    OutlineYellow5 = 14
+}
+type ButtonColorType = {
+    text: ColorPalettes;
+    icon: ColorPalettes;
+    background: ColorPalettes;
+    outline?: ColorPalettes;
+    shadow?: ColorPalettes;
+    hover?: ColorPalettes;
+    borderColor: ColorPalettes;
+};
+export declare const BUTTON_COLORS: {
+    [key: number]: ButtonColorType;
+};
+export declare enum ButtonSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+type ButtonSizeType = {
+    paddingTop: Spacings;
+    paddingBottom: Spacings;
+    paddingLeft: Spacings;
+    paddingRight: Spacings;
+    icon: Sizings;
+    iconMargin?: Spacings;
+    text: FontSizes;
+    borderRadius: Radiuses;
+};
+export declare const BUTTON_SIZE: {
+    [key: number]: ButtonSizeType;
+};
+export declare enum ButtonStyles {
+    Plain = 1,
+    Gray = 2,
+    Tinted = 3,
+    Outlined = 4,
+    Filled = 5
+}
+type ButtonStyleType = {
+    bgColor?: ColorPalettes;
+    fontColor?: ColorPalettes;
+    border: {
+        borderWidth: BorderWidths;
+        borderColor?: ColorPalettes;
+        borderStyle: BorderStyles;
+    };
+    shadow?: BoxShadows;
+    cursor?: Cursors;
+};
+export declare const BUTTON_STYLE: {
+    [key: number]: ButtonStyleType;
+};
+export {};

package/dist/lib/styles/types/ui/checkbox/types.d.ts

@@ -0,0 +1,99 @@
+import { Radiuses } from '../../types.ts';
+export declare enum CheckboxColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Red5 = 4,
+    Green5 = 5,
+    Blue5 = 6,
+    Yellow5 = 7
+}
+export declare enum CheckboxSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+export declare const CHECKBOX_SIZES: {
+    1: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    2: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    3: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    4: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    5: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+};
+export declare const CHECKBOX_COLORS: {
+    1: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    2: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    3: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    4: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    5: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    6: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    7: {
+        borderColor: string;
+        checkedColor: string;
+    };
+};

package/dist/lib/styles/types/ui/chip/types.d.ts

@@ -0,0 +1,37 @@
+import { BorderStyles, BorderWidths, ColorPalettes, FontSizes, Radiuses, Spacings } from '../../types.ts';
+export declare enum ChipSizes {
+    Tiny = 1,
+    Small = 2,
+    Medium = 3,
+    Big = 4
+}
+interface ChipSize {
+    fontSize: FontSizes;
+    paddingTop: Spacings;
+    paddingBottom: Spacings;
+    paddingLeft: Spacings;
+    paddingRight: Spacings;
+    borderRadius: Radiuses;
+}
+export declare const CHIP_SIZE: {
+    [key: number]: ChipSize;
+};
+export declare enum ChipStyles {
+    Filled = 1,
+    Outlined = 2
+}
+interface ChipStyle {
+    border?: {
+        borderColor: ColorPalettes;
+        borderStyle: BorderStyles;
+        borderWidth: BorderWidths;
+    };
+    bgColor?: ColorPalettes;
+    font: {
+        fontColor?: ColorPalettes;
+    };
+}
+export declare const CHIP_STYLE: {
+    [key: number]: ChipStyle;
+};
+export {};

package/dist/lib/styles/types/ui/inputs/text/types.d.ts

@@ -0,0 +1,42 @@
+export declare const INPUT_TEXT_COLOR: {
+    [key: number]: any;
+};
+/**
+ * text size
+ * label size
+ * padding left right
+ * padding top bottom
+ * border width
+ */
+export declare enum InputTextSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+export declare const INPUT_TEXT_SIZE: {
+    [key: number]: any;
+};
+export declare enum InputTextStyles {
+    Default = 1,// border bottom
+    Outlined = 2,// outline overall
+    Filled = 3
+}
+export declare const INPUT_TEXT_STYLE: {
+    [key: number]: any;
+};
+export declare enum InputTextModes {
+    Default = 1,
+    Error = 2,
+    Disabled = 3,
+    ReadOnly = 4
+}
+export declare enum InputTextTypes {
+    Text = "text",
+    Number = "number",
+    Password = "password"
+}
+export declare enum InputTextLabelStyles {
+    Top = 1,
+    Material = 2
+}

package/dist/lib/styles/types/ui/inputs/textarea/types.d.ts

@@ -0,0 +1,28 @@
+export declare enum TextAreaStyles {
+    Default = 1,// outline
+    Outlined = 2,// outline overall
+    Filled = 3,// border bottom & bg color
+    BorderBottom = 4,
+    Transparent = 5
+}
+export declare const TEXT_AREA_STYLE: {
+    [key: number]: any;
+};
+export declare enum TextAreaSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+export declare const TEXT_AREA_SIZE: {
+    [key: number]: any;
+};
+export declare enum TextAreaModes {
+    Default = 1,
+    Error = 2,
+    Disabled = 3,
+    ReadOnly = 4
+}
+export declare const TEXT_AREA_COLOR: {
+    [key: number]: any;
+};

package/dist/lib/styles/types/ui/insetGroup/types.d.ts

@@ -0,0 +1,5 @@
+export interface InsetGroupOption {
+    id: string | number;
+    text: string;
+    value?: any;
+}

package/dist/lib/styles/types/ui/modal/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum ModalStyles {
+    Default = 1,
+    Nocard = 2
+}

package/dist/lib/styles/types/ui/portal/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum Portals {
+    GlobalEventNotification = 1,
+    Modals = 2
+}