@functionalui/functionalui 0.2.5 → 0.2.6

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

@@ -0,0 +1,197 @@
+import { BorderWidths, ColorPalettes, FontSizes, Radiuses, Sizings, Spacings } from '../../types.ts';
+export interface SelectOption {
+    id: string | number;
+    text: string;
+    selected: boolean;
+}
+export declare enum SelectStates {
+    Default = 1,
+    Selected = 2,
+    Error = 3,
+    Disabled = 4,
+    ReadOnly = 5,
+    Required = 6
+}
+export declare const SELECT_STATES: {
+    1: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: undefined;
+            labelColor: ColorPalettes;
+        };
+    };
+    2: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: undefined;
+            labelColor: ColorPalettes;
+        };
+    };
+    3: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    4: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    5: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    6: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+};
+/**
+ * border styles - has border | no border - dont include here
+ * dont do too many border styles - its confusing
+ * dropdown styles
+ */
+export declare enum DropdownHeightStyles {
+    Default = 1,
+    AutoHeight = 2
+}
+export declare enum DropdownPositions {
+    Top = 1,
+    Bottom = 2
+}
+export declare enum SelectedValuesStyles {
+    Text = 1,
+    Chip = 2
+}
+/**
+ * border width -- error | none | selected |
+ * border radius
+ * font size
+ * title size -- padding
+ * li sizes -- padding
+ */
+export declare enum SelectSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3
+}
+export declare const SELECT_SIZES: {
+    1: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+    2: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+    3: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+};

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

@@ -0,0 +1,28 @@
+import { AlignSelfs, JustifySelfs } from '../../types.ts';
+import { ReactNode } from 'react';
+export interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+export interface TableHeaderElement {
+    headerId: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickHeaderCell?: (v?: string | number, e?: any) => void;
+    sortable?: boolean;
+}
+export type TableRowCellElement = {
+    cellId?: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickCell?: (v?: string | number, e?: any) => void;
+};
+export type TableRowElement = {
+    rowId: string | number;
+    templateColumns: string[];
+    cells: TableRowCellElement[];
+    hover: boolean;
+    onClickRow?: (v?: string | number, e?: any) => void;
+};

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

@@ -0,0 +1,8 @@
+import { ComponentType, ReactNode } from 'react';
+export interface TabMenu {
+    name: string;
+    menuWrapper?: ComponentType<any>;
+    route?: string;
+    path?: string;
+    element?: ReactNode;
+}

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

@@ -0,0 +1,53 @@
+import { Spacings } from '../../types.ts';
+export declare enum TagColorSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3,
+    Large = 4
+}
+export declare const TAG_SIZE: {
+    1: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    2: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    3: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    4: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+};

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

@@ -0,0 +1,39 @@
+export declare enum ToggleStates {
+    Icon = 1,
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+export declare const TOGGLE_STATE_ICON: {
+    1: null;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export declare enum ToggleSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+type elementSize = {
+    w: number;
+    h: number;
+};
+type ToggleSizeType = {
+    container: elementSize;
+    bg: elementSize;
+    thumb: elementSize;
+    icon: elementSize;
+    bgBorderRadius: string;
+    thumbBR: string;
+};
+interface ToggleSizeLiteral {
+    [key: number]: ToggleSizeType;
+}
+export declare const TOGGLE_SIZE: ToggleSizeLiteral;
+export {};

package/dist/lib/styles/types/values.d.ts

@@ -0,0 +1,18 @@
+export declare const SPACING_VALUES: {
+    [key: number]: string;
+};
+export declare const BOX_SHADOW_VALUES: {
+    [key: number]: string;
+};
+export declare const RADIUS_VALUES: {
+    [key: number]: number;
+};
+export declare const BORDER_STYLE_VALUES: {
+    [key: number]: string;
+};
+export declare const BORDER_WIDTH_VALUES: {
+    [key: number]: number;
+};
+export declare const FONT_SIZE_VALUES: {
+    [key: number]: string;
+};

package/dist/lib/utils/gradientGenerator/gradientGenerator.d.ts

@@ -0,0 +1 @@
+export default function generateGradient(): string;

package/dist/src/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+export {};