@juspay/blend-design-system 0.0.1

package/dist/context/useComponentToken.d.ts

@@ -0,0 +1,29 @@
+import { SearchInputTokensType } from '../components/Inputs/SearchInput/searchInput.tokens';
+import { TextAreaTokensType } from '../components/Inputs/TextArea/textarea.token';
+import { ResponsiveTagTokens } from '../components/Tags/tag.tokens';
+import { ResponsiveRadioTokens } from '../components/Radio/radio.token';
+import { ResponsiveSwitchTokens } from '../components/Switch/switch.token';
+import { ResponsiveCheckboxTokens } from '../components/Checkbox/checkbox.token';
+import { TabsTokensType } from '../components/Tabs/tabs.token';
+import { ComponentTokenType } from './ThemeContext';
+import { TextInputTokensType } from '../components/Inputs/TextInput/textInput.tokens';
+import { NumberInputTokensType } from '../components/Inputs/NumberInput/numberInput.tokens';
+import { ResponsiveAlertTokens } from '../components/Alert/alert.tokens';
+import { OTPInputTokensType } from '../components/Inputs/OTPInput/otpInput.tokens';
+import { TooltipTokensType } from '../components/Tooltip/tooltip.tokens';
+import { UnitInputTokensType } from '../components/Inputs/UnitInput/unitInput.tokens';
+import { MultiValueInputTokensType } from '../components/Inputs/MultiValueInput/multiValueInput.tokens';
+import { DropdownInputTokensType } from '../components/Inputs/DropdownInput/dropdownInput.tokens';
+import { ResponsiveButtonTokens } from '../components/Button/button.tokens';
+import { ModalTokensType } from '../components/Modal/modal.tokens';
+import { ResponsiveBreadcrumbTokens } from '../components/Breadcrumb/breadcrumb.tokens';
+import { PopoverTokenType } from '../components/Popover/popover.tokens';
+import { ResponsiveMenuTokensType } from '../components/Menu/menu.tokens';
+import { MultiSelectTokensType } from '../components/MultiSelect/multiSelect.tokens';
+import { TableTokenType } from '../components/DataTable/dataTable.tokens';
+import { CalendarTokenType } from '../components/DateRangePicker/dateRangePicker.tokens';
+import { AccordionTokenType } from '../components/Accordion/accordion.tokens';
+import { StatCardTokenType } from '../components/StatCard/statcard.tokens';
+import { ProgressBarTokenType } from '../components/ProgressBar/progressbar.tokens';
+import { DrawerTokensType } from '../components/Drawer/drawer.tokens';
+export declare const useComponentToken: (component: keyof ComponentTokenType) => SearchInputTokensType | ResponsiveTagTokens | TextAreaTokensType | TextInputTokensType | NumberInputTokensType | ResponsiveAlertTokens | ResponsiveRadioTokens | OTPInputTokensType | UnitInputTokensType | MultiValueInputTokensType | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | TabsTokensType | TooltipTokensType | DropdownInputTokensType | ResponsiveButtonTokens | ModalTokensType | ResponsiveBreadcrumbTokens | PopoverTokenType | ResponsiveMenuTokensType | MultiSelectTokensType | TableTokenType | CalendarTokenType | AccordionTokenType | StatCardTokenType | ProgressBarTokenType | DrawerTokensType;

package/dist/foundationToken.d.ts

@@ -0,0 +1,214 @@
+declare const foundationToken: {
+    colors: {
+        gray: {
+            0: string;
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        primary: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        purple: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        yellow: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+    };
+    fontSize: {
+        displayXL: string;
+        displayLG: string;
+        displayMD: string;
+        displaySM: string;
+        heading2XL: string;
+        headingXL: string;
+        headingLG: string;
+        headingMD: string;
+        headingSM: string;
+        bodyLG: string;
+        bodyMD: string;
+        bodySM: string;
+        bodyXS: string;
+        codeLG: string;
+        codeMD: string;
+        codeSM: string;
+    };
+    fontWeight: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    lineHeight: {
+        0: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        26: string;
+        32: string;
+        38: string;
+        42: string;
+        46: string;
+        48: string;
+        56: string;
+        64: string;
+        70: string;
+        78: string;
+    };
+    boxShadow: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+    wordBreak: {
+        wordBreak: string;
+    };
+    borderRadius: {
+        0: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        full: string;
+    };
+    spacing: {
+        0: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        auto: string;
+    };
+    borderWidth: {
+        0: string;
+        1: string;
+        1.5: string;
+        2: string;
+        3: string;
+        4: string;
+    };
+    opacity: {
+        0: string;
+        5: string;
+        10: string;
+        20: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+};
+export { foundationToken };

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useClickOutside } from './useClickOutside';
+export { default as useScrollLock } from './useScrollLock';

package/dist/hooks/useBreakPoints.d.ts

@@ -0,0 +1,4 @@
+export declare function useBreakpoints(breakpoints?: import('../breakpoints/breakPoints').BreakpointType): {
+    innerWidth: number;
+    breakPointLabel: string;
+};

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare function useClickOutside(refs: Array<RefObject<HTMLElement | null>> | RefObject<HTMLElement | null>, callback: () => void): void;
+export default useClickOutside;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <Args extends unknown[]>(fn: (...args: Args) => void, delay: number) => ((...args: Args) => void);

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1 @@
+export declare function useResizeObserver(targetRef: React.RefObject<HTMLElement>, callback: (rect: DOMRectReadOnly) => void): void;

package/dist/hooks/useResponsiveTokens.d.ts

@@ -0,0 +1,2 @@
+import { ComponentTokenType } from '../context/ThemeContext';
+export declare const useResponsiveTokens: <T>(component: keyof ComponentTokenType) => T;

package/dist/hooks/useScrollLock.d.ts

@@ -0,0 +1,2 @@
+declare const useScrollLock: (shouldLock?: boolean) => void;
+export default useScrollLock;

package/dist/main.d.ts

@@ -0,0 +1,34 @@
+export * from './components/Button';
+export * from './components/ButtonGroup';
+export * from './components/Tabs';
+export * from './components/SplitTag';
+export * from './components/Alert';
+export * from './components/Tags';
+export * from './components/Breadcrumb';
+export * from './components/Avatar';
+export * from './components/AvatarGroup';
+export * from './components/Modal';
+export * from './components/Tooltip';
+export * from './components/Accordion';
+export * from './components/Snackbar';
+export * from './components/Popover';
+export * from './components/Checkbox';
+export * from './components/Radio';
+export * from './components/Switch';
+export * from './components/Snackbar';
+export * from './components/Charts';
+export * from './components/DateRangePicker';
+export * from './components/StatCard';
+export * from './components/Inputs';
+export * from './components/Menu';
+export * from './components/DataTable';
+export * from './components/Sidebar';
+export * from './components/MultiSelect';
+export * from './components/SingleSelect';
+export * from './components/Slider';
+export * from './components/ProgressBar';
+export * from './components/Drawer';
+export * from './components/ButtonGroup';
+export * from './components/Button';
+export * from './context';
+export * from './tokens';