@dev-blinq/ui-systems 1.0.67 → 1.0.69

package/dist/buttons.css

@@ -0,0 +1,20 @@
+:root {
+  /* Border Radius */
+  --border-radius-radius-xl: 16px;
+  --border-radius-radius-lg: 12px;
+  --border-radius-radius-md: 12px;
+  --border-radius-radius-sm: 12px;
+
+  /* Spacing */
+  --spacing-spacing-xl: 24px;
+  --spacing-spacing-lg: 20px;
+  --spacing-spacing-md: 16px;
+  --spacing-spacing-sm: 12px;
+  --spacing-spacing-xs: 8px;
+
+  /* gap */
+  --gap-gap-xl: 12px;
+  --gap-gap-lg: 10px;
+  --gap-gap-md: 8px;
+  --gap-gap-sm: 8px;
+}

package/dist/colors.css

@@ -1,8 +1,5 @@
 :root {
-  /* font-family */
-  /* --font-family: "Courier New", sans-serif; */
   --font-family: "Plus Jakarta Sans", sans-serif;
-
   /* Primary Colors */
   --primary-lightest: #f5f7ff;
   --primary-light: #ebeefe;
@@ -66,7 +63,8 @@
   /* Greyscale */
   --color-white: #ffffff;
   --color-grey-5: #fdfdfd;
-  --color-grey-10: #f9f9f9;
+  --color-grey-10: #fdfdfd;
+  --color-grey-15: #e5e7eb;
   --color-grey-20: #f1f1f1;
   --color-grey-30: #ececed;
   --color-grey-40: #e6e6e6;

package/dist/components/CustomInput/CustomInputProps.d.ts

@@ -7,7 +7,6 @@ export interface CustomInputProps {
     label?: string;
     disabled?: boolean;
     errExists?: boolean;
-    errorMsg?: string;
     placeholder: string;
     leftIcon?: any;
     rightIcon?: any;
@@ -20,7 +19,6 @@ export interface InputContext {
     placeholder: string;
     disabled: boolean;
     errExists: boolean;
-    errorMsg?: string;
     style?: CSSProperties;
     leftIcon?: any;
     rightIcon?: any;

package/dist/components/core/iconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from '@mui/material';
+export declare const IconButtonCustom: ({ size, children, sx, ...rest }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/core/iconButton/index.style.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "action" | "loading" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    component?: import('react').ElementType;
+}, {}, {}>;

package/dist/components/core/index.d.ts

@@ -0,0 +1,8 @@
+export * from './iconButton/IconButton';
+export * from './tabs/Tabs';
+export * from './tag/Tag';
+export * from './popper/Popper';
+export * from './tooltip/Tooltip';
+export * from './text/Text';
+export * from './menu/Menu';
+export * from './loading/LinearProgressBar';

package/dist/components/core/loading/LinearProgressBar.d.ts

@@ -0,0 +1 @@
+export declare const LinearProgressBar: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/core/menu/Menu.d.ts

@@ -0,0 +1,11 @@
+interface MenuProps {
+    items: {
+        title: React.ReactNode | string;
+        action: (e: any) => void;
+        disabled?: boolean;
+    }[];
+    handleClose: () => void;
+    anchorEl: HTMLElement | null;
+}
+export declare function CustomMenu({ items, anchorEl, handleClose }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/menu/index.style.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledMenu: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledMenuItem: import('@emotion/styled').StyledComponent<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "selected" | "dense" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider"> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/components/core/popper/Popper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { PopperProps } from '@mui/material';
+interface PopperCustomProps {
+    children: ReactNode;
+    handleClose: () => void;
+}
+export declare function Popper({ children, handleClose, ...rest }: PopperCustomProps & PopperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/popper/index.style.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledPopper: import('@emotion/styled').StyledComponent<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/components/core/tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import { TabsProps as MUITabsprops } from '@mui/material';
+interface TabsProps extends MUITabsprops {
+    tabs: {
+        label: string;
+        value: string;
+        count?: number;
+    }[];
+}
+export declare function Tabs({ value, onChange, tabs }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/tabs/index.style.d.ts

@@ -0,0 +1,20 @@
+export declare const StyledTabs: import('@emotion/styled').StyledComponent<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar" | "slots" | "slotProps"> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledTab: import('@emotion/styled').StyledComponent<import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "value" | "action" | "icon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledTabLabel: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const StyledTabLabelCount: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/components/core/tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type TagType = "default" | "primary" | "secondary" | "success" | "executions";
+interface TagProps {
+    title: string;
+    icon?: ReactNode;
+    type?: TagType;
+    color?: string;
+    bgcolor?: string;
+}
+export declare function Tag({ title, icon, bgcolor, color, type }: TagProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/tag/index.style.d.ts

@@ -0,0 +1,9 @@
+import { TagType } from './Tag';
+export declare const StyledTagWrap: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    type: TagType;
+    bgcolor?: string;
+}, {}, {}>;

package/dist/components/core/text/Text.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '@mui/material';
+type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "heading" | "headingXL";
+type weight = "medium" | "semi" | "bold" | "extra";
+export declare function CustomText({ value, size, weight, ...rest }: {
+    value: string | number | ReactNode;
+    size?: size;
+    weight?: weight;
+} & TypographyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import { TooltipProps } from '@mui/material';
+interface CustomProps {
+    textId?: string;
+}
+export declare function Tooltip(props: TooltipProps & CustomProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/core/tooltip/index.style.d.ts

@@ -0,0 +1 @@
+export declare const StyledTooltip: import('@emotion/styled').StyledComponent<any, {}, {}>;

package/dist/hooks/useTooltipWidthSize.d.ts

@@ -0,0 +1 @@
+export default function useTooltipWidthSize(callback: () => void): void;

package/dist/index.d.ts

@@ -6,4 +6,5 @@ export { default as TypographyCustom } from './components/Typography/Typography'
 export { default as CustomToggleSwitch } from './components/CustomToggler/CustomToggler';
 export { CustomTextArea } from './components/CustomInput/CustomInput';
 export { default as Transitioner } from './components/Transitioner/Transitioner';
+export * from './components/core';
 export { textShortner, isTextLarge } from './functionalities/text-shortner';