@juspay/blend-design-system 0.0.37-beta.4 → 0.0.37-beta.6

package/dist/components/SidebarV2/sidebarV2.tokens.types.d.ts

@@ -0,0 +1,103 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type SidebarV2ItemInteractionStates = 'default' | 'hover' | 'active';
+export type SidebarV2TokensType = {
+    container: {
+        zIndex: CSSObject['zIndex'];
+        backgroundColor: CSSObject['backgroundColor'];
+        borderRight: CSSObject['borderRight'];
+        hoverPreview: {
+            boxShadow: CSSObject['boxShadow'];
+        };
+        maxWidth: {
+            withLeftPanel: CSSObject['maxWidth'];
+            withoutLeftPanel: CSSObject['maxWidth'];
+            iconOnly: CSSObject['maxWidth'];
+        };
+    };
+    leftPanel: {
+        width: CSSObject['width'];
+        backgroundColor: CSSObject['backgroundColor'];
+        borderRight: CSSObject['borderRight'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        gap: CSSObject['gap'];
+        item: {
+            width: CSSObject['width'];
+            borderRadius: CSSObject['borderRadius'];
+            border: {
+                [key in SidebarV2ItemInteractionStates]: CSSObject['border'];
+            };
+            backgroundColor: {
+                [key in SidebarV2ItemInteractionStates]: CSSObject['backgroundColor'];
+            };
+        };
+    };
+    header: {
+        zIndex: CSSObject['zIndex'];
+        backgroundColor: CSSObject['backgroundColor'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        gap: CSSObject['gap'];
+        borderBottom: CSSObject['borderBottom'];
+        borderBottomWidth: CSSObject['borderWidth'];
+        scrolledBorderColor: CSSObject['color'];
+        toggleButton: {
+            borderRadius: CSSObject['borderRadius'];
+            padding: CSSObject['padding'];
+            backgroundColor: {
+                [key in SidebarV2ItemInteractionStates]: CSSObject['backgroundColor'];
+            };
+            width: CSSObject['width'];
+            iconColor: CSSObject['color'];
+        };
+    };
+    directory: {
+        gap: CSSObject['gap'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+    };
+    footer: {
+        zIndex: CSSObject['zIndex'];
+        backgroundColor: CSSObject['backgroundColor'];
+        gap: CSSObject['gap'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        borderTop: CSSObject['borderTop'];
+    };
+    primarySidebar: {
+        width: CSSObject['width'];
+    };
+    secondarySidebar: {
+        width: CSSObject['width'];
+        borderRight: CSSObject['borderRight'];
+        backgroundColor: CSSObject['backgroundColor'];
+        gap: CSSObject['gap'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        item: {
+            width: CSSObject['width'];
+            height: CSSObject['height'];
+            borderRadius: CSSObject['borderRadius'];
+            border: {
+                [key in SidebarV2ItemInteractionStates]: CSSObject['border'];
+            };
+            backgroundColor: {
+                [key in SidebarV2ItemInteractionStates]: CSSObject['backgroundColor'];
+            };
+        };
+    };
+};
+export type ResponsiveSidebarV2Tokens = {
+    [key in keyof BreakpointType]: SidebarV2TokensType;
+};

package/dist/components/SidebarV2/types.d.ts

@@ -1,6 +1,8 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { DirectoryData } from '../Directory/types';
 import { MerchantInfo } from '../Topbar/types';
+import { TenantBadge } from '../Sidebar/types';
+export type { TenantBadge } from '../Sidebar/types';
 export declare enum SidebarV2StateChange {
     COLLAPSED = "collapsed",
     EXPANDED = "expanded",
@@ -11,6 +13,7 @@ export type SecondarySidebarItem = {
     label: string;
     value: string;
     icon: ReactNode;
+    badge?: TenantBadge;
 };
 export type SecondarySidebarInfo = {
     items: SecondarySidebarItem[];

package/dist/components/SingleSelect/types.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 import { TooltipSide, TooltipAlign, TooltipSize } from '../Tooltip/types';
 export declare enum SelectMenuAlignment {
     START = "start",

package/dist/components/SingleSelectV2/singleSelectV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveSingleSelectV2Tokens } from './singleSelectV2.tokens';
+import { ResponsiveSingleSelectV2Tokens } from './singleSelectV2.tokens.types';
 export declare const getSingleSelectV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveSingleSelectV2Tokens;

package/dist/components/SingleSelectV2/singleSelectV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveSingleSelectV2Tokens } from './singleSelectV2.tokens';
+import { ResponsiveSingleSelectV2Tokens } from './singleSelectV2.tokens.types';
 export declare const getSingleSelectV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveSingleSelectV2Tokens;

package/dist/components/SingleSelectV2/singleSelectV2.tokens.d.ts

@@ -1,162 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { SingleSelectV2Size, SingleSelectV2Variant } from './singleSelectV2.types';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
-import { SelectV2ItemStates, SelectV2TriggerStates } from '../SelectV2/selectV2.tokenStates';
-export type SingleSelectV2ItemStates = SelectV2ItemStates;
-export type SingleSelectV2TriggerStates = SelectV2TriggerStates;
-type StateToken<T> = Record<SingleSelectV2ItemStates, T>;
-type TriggerStateToken<T> = Record<SingleSelectV2TriggerStates, T>;
-type VariantToken<T> = Record<SingleSelectV2Variant, T>;
-type SizeToken<T> = Record<SingleSelectV2Size, T>;
-type SubmenuTriggerStateToken<T> = Record<'default' | 'hover' | 'focus', T>;
-export type SingleSelectV2TokensType = {
-    gap: CSSObject['gap'];
-    label: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: StateToken<CSSObject['color']>;
-    };
-    subLabel: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: StateToken<CSSObject['color']>;
-    };
-    hintText: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: StateToken<CSSObject['color']>;
-    };
-    errorMessage: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: CSSObject['color'];
-    };
-    required: {
-        color: CSSObject['color'];
-    };
-    trigger: {
-        height: SizeToken<VariantToken<CSSObject['height']>>;
-        padding: SizeToken<VariantToken<{
-            top: CSSObject['paddingTop'];
-            right: CSSObject['paddingRight'];
-            bottom: CSSObject['paddingBottom'];
-            left: CSSObject['paddingLeft'];
-        }>>;
-        borderRadius: SizeToken<VariantToken<CSSObject['borderRadius']>>;
-        boxShadow: VariantToken<CSSObject['boxShadow']>;
-        backgroundColor: VariantToken<TriggerStateToken<CSSObject['backgroundColor']>>;
-        outline: VariantToken<TriggerStateToken<CSSObject['outline']>>;
-        slot: {
-            gap: CSSObject['gap'];
-            width: CSSObject['width'];
-        };
-        placeholder: {
-            color: CSSObject['color'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-        };
-        selectedValue: {
-            color: CSSObject['color'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-        };
-    };
-    menu: {
-        content: {
-            backgroundColor: CSSObject['backgroundColor'];
-            border: CSSObject['border'];
-            borderRadius: CSSObject['borderRadius'];
-            boxShadow: CSSObject['boxShadow'];
-        };
-        padding: SizeToken<VariantToken<{
-            top: CSSObject['paddingTop'];
-            right: CSSObject['paddingRight'];
-            bottom: CSSObject['paddingBottom'];
-            left: CSSObject['paddingLeft'];
-        }>>;
-        groupLabel: {
-            margin: CSSObject['margin'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-            color: StateToken<CSSObject['color']>;
-        };
-        item: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            margin: CSSObject['margin'];
-            borderRadius: CSSObject['borderRadius'];
-            gap: CSSObject['gap'];
-            backgroundColor: StateToken<CSSObject['backgroundColor']>;
-            groupLabelText: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-            };
-            option: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-            };
-            description: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-            };
-            separator: {
-                color: CSSObject['color'];
-                height: CSSObject['height'];
-                margin: CSSObject['margin'];
-            };
-        };
-        submenu: {
-            trigger: {
-                paddingTop: CSSObject['paddingTop'];
-                paddingRight: CSSObject['paddingRight'];
-                paddingBottom: CSSObject['paddingBottom'];
-                paddingLeft: CSSObject['paddingLeft'];
-                margin: CSSObject['margin'];
-                borderRadius: CSSObject['borderRadius'];
-                backgroundColor: SubmenuTriggerStateToken<CSSObject['backgroundColor']>;
-            };
-            content: {
-                backgroundColor: CSSObject['backgroundColor'];
-                border: CSSObject['border'];
-                borderRadius: CSSObject['borderRadius'];
-                paddingTop: CSSObject['paddingTop'];
-                paddingRight: CSSObject['paddingRight'];
-                paddingBottom: CSSObject['paddingBottom'];
-                paddingLeft: CSSObject['paddingLeft'];
-                boxShadow: CSSObject['boxShadow'];
-            };
-            optionText: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: CSSObject['color'];
-            };
-            iconColor: CSSObject['color'];
-        };
-    };
-    mobilePanel: {
-        header: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            borderBottom: CSSObject['borderBottom'];
-        };
-    };
-};
-export type ResponsiveSingleSelectV2Tokens = {
-    [key in keyof BreakpointType]: SingleSelectV2TokensType;
-};
-export type SingleSelectV2MenuItemTokensType = SingleSelectV2TokensType['menu']['item'];
+import { ResponsiveSingleSelectV2Tokens } from './singleSelectV2.tokens.types';
+export type { SingleSelectV2ItemStates, SingleSelectV2TriggerStates, SingleSelectV2TokensType, ResponsiveSingleSelectV2Tokens, SingleSelectV2MenuItemTokensType, } from './singleSelectV2.tokens.types';
 export declare const getSingleSelectV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveSingleSelectV2Tokens;
-export {};

package/dist/components/SingleSelectV2/singleSelectV2.tokens.types.d.ts

@@ -0,0 +1,159 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { SelectV2Size as SingleSelectV2Size, SelectV2Variant as SingleSelectV2Variant } from '../SelectV2/selectV2.shared.types';
+import { SelectV2ItemStates, SelectV2TriggerStates } from '../SelectV2/selectV2.tokenStates';
+export type SingleSelectV2ItemStates = SelectV2ItemStates;
+export type SingleSelectV2TriggerStates = SelectV2TriggerStates;
+type StateToken<T> = Record<SingleSelectV2ItemStates, T>;
+type TriggerStateToken<T> = Record<SingleSelectV2TriggerStates, T>;
+type VariantToken<T> = Record<SingleSelectV2Variant, T>;
+type SizeToken<T> = Record<SingleSelectV2Size, T>;
+type SubmenuTriggerStateToken<T> = Record<'default' | 'hover' | 'focus', T>;
+export type SingleSelectV2TokensType = {
+    gap: CSSObject['gap'];
+    label: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: StateToken<CSSObject['color']>;
+    };
+    subLabel: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: StateToken<CSSObject['color']>;
+    };
+    hintText: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: StateToken<CSSObject['color']>;
+    };
+    errorMessage: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: CSSObject['color'];
+    };
+    required: {
+        color: CSSObject['color'];
+    };
+    trigger: {
+        height: SizeToken<VariantToken<CSSObject['height']>>;
+        padding: SizeToken<VariantToken<{
+            top: CSSObject['paddingTop'];
+            right: CSSObject['paddingRight'];
+            bottom: CSSObject['paddingBottom'];
+            left: CSSObject['paddingLeft'];
+        }>>;
+        borderRadius: SizeToken<VariantToken<CSSObject['borderRadius']>>;
+        boxShadow: VariantToken<CSSObject['boxShadow']>;
+        backgroundColor: VariantToken<TriggerStateToken<CSSObject['backgroundColor']>>;
+        outline: VariantToken<TriggerStateToken<CSSObject['outline']>>;
+        slot: {
+            gap: CSSObject['gap'];
+            width: CSSObject['width'];
+        };
+        placeholder: {
+            color: CSSObject['color'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+        };
+        selectedValue: {
+            color: CSSObject['color'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+        };
+    };
+    menu: {
+        content: {
+            backgroundColor: CSSObject['backgroundColor'];
+            border: CSSObject['border'];
+            borderRadius: CSSObject['borderRadius'];
+            boxShadow: CSSObject['boxShadow'];
+        };
+        padding: SizeToken<VariantToken<{
+            top: CSSObject['paddingTop'];
+            right: CSSObject['paddingRight'];
+            bottom: CSSObject['paddingBottom'];
+            left: CSSObject['paddingLeft'];
+        }>>;
+        groupLabel: {
+            margin: CSSObject['margin'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+            color: StateToken<CSSObject['color']>;
+        };
+        item: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            margin: CSSObject['margin'];
+            borderRadius: CSSObject['borderRadius'];
+            gap: CSSObject['gap'];
+            backgroundColor: StateToken<CSSObject['backgroundColor']>;
+            groupLabelText: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+            };
+            option: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+            };
+            description: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+            };
+            separator: {
+                color: CSSObject['color'];
+                height: CSSObject['height'];
+                margin: CSSObject['margin'];
+            };
+        };
+        submenu: {
+            trigger: {
+                paddingTop: CSSObject['paddingTop'];
+                paddingRight: CSSObject['paddingRight'];
+                paddingBottom: CSSObject['paddingBottom'];
+                paddingLeft: CSSObject['paddingLeft'];
+                margin: CSSObject['margin'];
+                borderRadius: CSSObject['borderRadius'];
+                backgroundColor: SubmenuTriggerStateToken<CSSObject['backgroundColor']>;
+            };
+            content: {
+                backgroundColor: CSSObject['backgroundColor'];
+                border: CSSObject['border'];
+                borderRadius: CSSObject['borderRadius'];
+                paddingTop: CSSObject['paddingTop'];
+                paddingRight: CSSObject['paddingRight'];
+                paddingBottom: CSSObject['paddingBottom'];
+                paddingLeft: CSSObject['paddingLeft'];
+                boxShadow: CSSObject['boxShadow'];
+            };
+            optionText: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: CSSObject['color'];
+            };
+            iconColor: CSSObject['color'];
+        };
+    };
+    mobilePanel: {
+        header: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            borderBottom: CSSObject['borderBottom'];
+        };
+    };
+};
+export type ResponsiveSingleSelectV2Tokens = {
+    [key in keyof BreakpointType]: SingleSelectV2TokensType;
+};
+export type SingleSelectV2MenuItemTokensType = SingleSelectV2TokensType['menu']['item'];
+export {};

package/dist/components/SingleSelectV2/singleSelectV2.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ReactElement, RefObject, ButtonHTMLAttributes } from 'react';
 import { CSSObject } from 'styled-components';
-import { SingleSelectV2TokensType } from './singleSelectV2.tokens';
+import { SingleSelectV2TokensType } from './singleSelectV2.tokens.types';
 import { SelectV2Alignment, SelectV2FlattenedItemBase, SelectV2BaseItemType, SelectV2MenuRootPropsBase, SelectV2SkeletonProps, SelectV2Side, SelectV2Size, SelectV2Variant } from '../SelectV2/selectV2.shared.types';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 export { SelectV2Alignment as SingleSelectV2Alignment };

package/dist/components/SnackbarV2/snackbarV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens';
+import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens.types';
 export declare const getSnackbarV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens';
+import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens.types';
 export declare const getSnackbarV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.tokens.d.ts

@@ -1,73 +1,11 @@
-import { CSSObject } from 'styled-components';
-import { SnackbarV2Variant } from './snackbarV2.types';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
+import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens.types';
+export type { ResponsiveSnackbarV2Tokens, SnackbarV2TokensType, } from './snackbarV2.tokens.types';
 export declare enum SnackbarV2PaddingDirection {
     TOP = "top",
     BOTTOM = "bottom",
     LEFT = "left",
     RIGHT = "right"
 }
-export type SnackbarV2TokensType = {
-    width: CSSObject['width'];
-    maxWidth: CSSObject['maxWidth'];
-    minWidth: CSSObject['minWidth'];
-    backgroundColor: CSSObject['backgroundColor'];
-    borderRadius: CSSObject['borderRadius'];
-    padding: CSSObject['padding'];
-    boxShadow: CSSObject['boxShadow'];
-    gap: CSSObject['gap'];
-    slot: {
-        height: CSSObject['height'];
-        width: CSSObject['width'];
-        color: {
-            [key in SnackbarV2Variant]: CSSObject['color'];
-        };
-    };
-    mainContainer: {
-        gap: CSSObject['gap'];
-        content: {
-            gap: CSSObject['gap'];
-            textContainer: {
-                gap: CSSObject['gap'];
-                header: {
-                    color: {
-                        [key in SnackbarV2Variant]: CSSObject['color'];
-                    };
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-                description: {
-                    color: {
-                        [key in SnackbarV2Variant]: CSSObject['color'];
-                    };
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-            };
-            actionContainer: {
-                primaryAction: {
-                    color: {
-                        [key in SnackbarV2Variant]: CSSObject['color'];
-                    };
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-            };
-        };
-        closeButton: {
-            height: CSSObject['height'];
-            color: {
-                [key in SnackbarV2Variant]: CSSObject['color'];
-            };
-        };
-    };
-};
-export type ResponsiveSnackbarV2Tokens = {
-    [key in keyof BreakpointType]: SnackbarV2TokensType;
-};
 export declare const getSnackbarV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.tokens.types.d.ts

@@ -0,0 +1,64 @@
+import { CSSObject } from 'styled-components';
+import { SnackbarV2Variant } from './snackbarV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type SnackbarV2TokensType = {
+    width: CSSObject['width'];
+    maxWidth: CSSObject['maxWidth'];
+    minWidth: CSSObject['minWidth'];
+    backgroundColor: CSSObject['backgroundColor'];
+    borderRadius: CSSObject['borderRadius'];
+    padding: CSSObject['padding'];
+    boxShadow: CSSObject['boxShadow'];
+    gap: CSSObject['gap'];
+    slot: {
+        height: CSSObject['height'];
+        width: CSSObject['width'];
+        color: {
+            [key in SnackbarV2Variant]: CSSObject['color'];
+        };
+    };
+    mainContainer: {
+        gap: CSSObject['gap'];
+        content: {
+            gap: CSSObject['gap'];
+            textContainer: {
+                gap: CSSObject['gap'];
+                header: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+                description: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+            actionContainer: {
+                primaryAction: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+        };
+        closeButton: {
+            height: CSSObject['height'];
+            color: {
+                [key in SnackbarV2Variant]: CSSObject['color'];
+            };
+        };
+    };
+};
+export type ResponsiveSnackbarV2Tokens = {
+    [key in keyof BreakpointType]: SnackbarV2TokensType;
+};

package/dist/components/SplitTag/types.d.ts

@@ -1,4 +1,4 @@
-import { TagProps, TagShape, TagSize } from '../Tags';
+import { TagProps, TagShape, TagSize } from '../Tags/types';
 export type SplitTagProps = {
     primaryTag: Omit<TagProps, 'splitTagPosition' | 'size' | 'shape'>;
     secondaryTag?: Omit<TagProps, 'splitTagPosition' | 'size' | 'shape'>;

package/dist/components/StatCard/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { SingleSelectProps } from '../SingleSelect';
+import { SingleSelectProps } from '../SingleSelect/types';
 import { AxisType } from '../Charts/types';
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 export type StatCardSkeletonProps = {
     variant: SkeletonVariant;
     show: boolean;

package/dist/components/StatCardV2/StatCardV2.d.ts

@@ -7,6 +7,7 @@ declare const StatCardV2: import('react').ForwardRefExoticComponent<{
     value?: string;
     progressValue?: number;
     helpIconText?: string;
+    valueTooltip?: import('react').ReactNode;
     change?: import('./statcardV2.types').StatCardV2Change;
     subtitle?: string;
     options?: import('../ChartsV2').ChartV2Options;

package/dist/components/StatCardV2/StatCardV2Change.d.ts

@@ -1,3 +1,3 @@
 import { StatCardV2ChangeProps } from './statcardV2.types';
-declare const StatCardV2Change: ({ changeValueText, leftSymbol, rightSymbol, arrowDirection, changeType, tokens, id, }: StatCardV2ChangeProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const StatCardV2Change: ({ changeValueText, leftSymbol, rightSymbol, arrowDirection, changeType, tooltip, tokens, id, }: StatCardV2ChangeProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StatCardV2Change;

package/dist/components/StatCardV2/StatCardV2Title.d.ts

@@ -1,3 +1,3 @@
 import { StatCardV2TitleProps } from './statcardV2.types';
-declare const StatCardV2Title: ({ title, helpIconText, tokens, id, }: StatCardV2TitleProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const StatCardV2Title: ({ title, helpIconText, tokens, id, isSmallScreen, }: StatCardV2TitleProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StatCardV2Title;