glintly-ui 1.0.0 → 1.0.2

package/dist/glintly-ui.d.ts

@@ -142,9 +142,9 @@ declare interface Breakpoints {
     [key: string]: string;
 }
 
-export declare const Button: default_2.FC<ButtonComponentProps>;
+export declare const Button: default_2.FC<ButtonProps>;
 
-declare interface ButtonComponentProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
+export declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "onSelect"> {
     children?: default_2.ReactNode;
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -237,7 +237,6 @@ export declare const Col: default_2.FC<ColProps>;
 declare interface Colors {
     light: ColorVariant;
     dark: ColorVariant;
-    [key: string]: ColorVariant;
 }
 
 declare type ColorScale = {
@@ -268,10 +267,9 @@ declare interface ColorVariant {
     success: ColorScale;
     warning: ColorScale;
     gray: ColorScale;
+    yellow: ColorScale;
     iconButton: ColorScale;
-    [key: string]: ColorScale | string | {
-        [key: string]: string;
-    };
+    info: ColorScale;
 }
 
 declare type ColProps = {
@@ -666,6 +664,74 @@ declare interface SearchBarProps {
 
 declare type ShadeKey = keyof ColorScale;
 
+export declare const Sidebar: SidebarCompound;
+
+declare interface SidebarCompound extends default_2.FC<SidebarProps> {
+    Header: typeof SidebarHeader;
+    Item: typeof SidebarItem;
+    Footer: typeof SidebarFooter;
+}
+
+declare const SidebarFooter: default_2.FC<SidebarFooterProps>;
+
+declare interface SidebarFooterProps {
+    children?: ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare const SidebarHeader: default_2.FC<SidebarHeaderProps>;
+
+declare interface SidebarHeaderProps {
+    children?: ReactNode;
+    logo?: ReactNode;
+    logoText?: string;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare const SidebarItem: default_2.FC<SidebarItemProps>;
+
+declare interface SidebarItemProps {
+    id: string;
+    label: string;
+    icon?: string;
+    children?: ReactNode;
+    badge?: string | number;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface SidebarProps {
+    children: ReactNode;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    className?: string;
+    style?: default_2.CSSProperties;
+    variant?: "default" | "minimal" | "elevated";
+    width?: string;
+    collapsedWidth?: string;
+}
+
+export declare const Skeleton: default_2.FC<SkeletonProps>;
+
+declare interface SkeletonProps {
+    variant?: SkeletonVariant;
+    size?: SkeletonSize;
+    width?: string | number;
+    height?: string | number;
+    lines?: number;
+    animated?: boolean;
+    className?: string;
+}
+
+declare type SkeletonSize = "xs" | "sm" | "md" | "lg" | "xl";
+
+declare type SkeletonVariant = "text" | "avatar" | "image" | "rectangular" | "circular";
+
 export declare const SortBar: default_2.FC<SortBarProps>;
 
 declare interface SortBarProps {
@@ -839,14 +905,14 @@ declare interface ThemeContextType {
     theme: Theme;
     mode: ModeType;
     toggleMode: () => void;
-    setCustomTheme: (theme: Partial<ThemeSet> | any) => void;
+    setCustomTheme: (theme: Partial<ThemeSet>) => void;
 }
 
-export declare const ThemeProvider: default_2.FC<ThemeProviderProps | any>;
+export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
 
 declare interface ThemeProviderProps {
     children: ReactNode;
-    theme?: Partial<ThemeSet> | any;
+    theme?: Partial<ThemeSet>;
 }
 
 declare interface ThemeSet {
@@ -862,11 +928,7 @@ declare interface ThemeSet {
         dark: {
             [key: string]: string;
         };
-        [key: string]: {
-            [key: string]: string;
-        };
     };
-    [key: string]: any;
 }
 
 export declare const toast: ((content: ReactNode, options?: ToastOptions) => string) & {
@@ -962,6 +1024,12 @@ declare interface TypographyProps extends default_2.HTMLAttributes<HTMLElement>
 
 declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
 
-export declare const useTheme: () => ThemeContextType | any;
+export declare const useTheme: () => ThemeContextType;
 
 export { }
+
+
+
+declare module 'styled-components' {
+  export type DefaultTheme = Theme;
+}