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

package/dist/components/MenuV2/menuV2.tokens.d.ts

@@ -1,92 +1,6 @@
-import { CSSObject } from 'styled-components';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
-import { SelectV2ItemStates } from '../SelectV2/selectV2.tokenStates';
-import { MenuV2ItemActionType, MenuV2ItemVariant } from './menuV2.types';
+import { ResponsiveMenuV2TokensType } from './menuV2.tokens.types';
 export type { SelectV2ItemStates as MenuV2ItemStates } from '../SelectV2/selectV2.tokenStates';
-type StateToken<T> = Record<SelectV2ItemStates, T>;
-type MenuV2VariantToken<T> = {
-    [MenuV2ItemVariant.DEFAULT]: T;
-    [MenuV2ItemVariant.ACTION]: {
-        [MenuV2ItemActionType.PRIMARY]: T;
-        [MenuV2ItemActionType.DANGER]: T;
-    };
-};
-export type MenuV2TokensType = {
-    backgroundColor: CSSObject['backgroundColor'];
-    border: CSSObject['border'];
-    borderRadius: CSSObject['borderRadius'];
-    boxShadow: CSSObject['boxShadow'];
-    zIndex: CSSObject['zIndex'];
-    minWidth: CSSObject['minWidth'];
-    maxWidth: CSSObject['maxWidth'];
-    paddingTop: CSSObject['paddingTop'];
-    paddingRight: CSSObject['paddingRight'];
-    paddingBottom: CSSObject['paddingBottom'];
-    paddingLeft: CSSObject['paddingLeft'];
-    searchIcon: {
-        width: CSSObject['width'];
-    };
-    group: {
-        label: {
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-            lineHeight: CSSObject['lineHeight'];
-            color: CSSObject['color'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            marginTop: CSSObject['marginTop'];
-            marginRight: CSSObject['marginRight'];
-            marginBottom: CSSObject['marginBottom'];
-            marginLeft: CSSObject['marginLeft'];
-        };
-        item: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            marginTop: CSSObject['marginTop'];
-            marginRight: CSSObject['marginRight'];
-            marginBottom: CSSObject['marginBottom'];
-            marginLeft: CSSObject['marginLeft'];
-            gap: CSSObject['gap'];
-            borderRadius: CSSObject['borderRadius'];
-            backgroundColor: MenuV2VariantToken<StateToken<CSSObject['backgroundColor']>>;
-            text: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                lineHeight: CSSObject['lineHeight'];
-                color: MenuV2VariantToken<StateToken<CSSObject['color']>>;
-                subText: {
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    lineHeight: CSSObject['lineHeight'];
-                    color: MenuV2VariantToken<StateToken<CSSObject['color']>>;
-                };
-                leftSlot: {
-                    maxWidth: CSSObject['maxWidth'];
-                    maxHeight: CSSObject['maxHeight'];
-                };
-                rightChevron: {
-                    color: CSSObject['color'];
-                    width: CSSObject['width'];
-                };
-            };
-        };
-    };
-    separator: {
-        color: CSSObject['color'];
-        height: CSSObject['height'];
-        marginTop: CSSObject['marginTop'];
-        marginRight: CSSObject['marginRight'];
-        marginBottom: CSSObject['marginBottom'];
-        marginLeft: CSSObject['marginLeft'];
-    };
-};
-export type ResponsiveMenuV2TokensType = {
-    [key in keyof BreakpointType]: MenuV2TokensType;
-};
+export type { MenuV2TokensType, ResponsiveMenuV2TokensType, } from './menuV2.tokens.types';
 export declare const getMenuV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveMenuV2TokensType;

package/dist/components/MenuV2/menuV2.tokens.types.d.ts

@@ -0,0 +1,89 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { SelectV2ItemStates } from '../SelectV2/selectV2.tokenStates';
+import { MenuV2ItemActionType, MenuV2ItemVariant } from './menuV2.types';
+type StateToken<T> = Record<SelectV2ItemStates, T>;
+type MenuV2VariantToken<T> = {
+    [MenuV2ItemVariant.DEFAULT]: T;
+    [MenuV2ItemVariant.ACTION]: {
+        [MenuV2ItemActionType.PRIMARY]: T;
+        [MenuV2ItemActionType.DANGER]: T;
+    };
+};
+export type MenuV2TokensType = {
+    backgroundColor: CSSObject['backgroundColor'];
+    border: CSSObject['border'];
+    borderRadius: CSSObject['borderRadius'];
+    boxShadow: CSSObject['boxShadow'];
+    zIndex: CSSObject['zIndex'];
+    minWidth: CSSObject['minWidth'];
+    maxWidth: CSSObject['maxWidth'];
+    paddingTop: CSSObject['paddingTop'];
+    paddingRight: CSSObject['paddingRight'];
+    paddingBottom: CSSObject['paddingBottom'];
+    paddingLeft: CSSObject['paddingLeft'];
+    searchIcon: {
+        width: CSSObject['width'];
+    };
+    group: {
+        label: {
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+            lineHeight: CSSObject['lineHeight'];
+            color: CSSObject['color'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            marginTop: CSSObject['marginTop'];
+            marginRight: CSSObject['marginRight'];
+            marginBottom: CSSObject['marginBottom'];
+            marginLeft: CSSObject['marginLeft'];
+        };
+        item: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            marginTop: CSSObject['marginTop'];
+            marginRight: CSSObject['marginRight'];
+            marginBottom: CSSObject['marginBottom'];
+            marginLeft: CSSObject['marginLeft'];
+            gap: CSSObject['gap'];
+            borderRadius: CSSObject['borderRadius'];
+            backgroundColor: MenuV2VariantToken<StateToken<CSSObject['backgroundColor']>>;
+            text: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                lineHeight: CSSObject['lineHeight'];
+                color: MenuV2VariantToken<StateToken<CSSObject['color']>>;
+                subText: {
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                    color: MenuV2VariantToken<StateToken<CSSObject['color']>>;
+                };
+                leftSlot: {
+                    maxWidth: CSSObject['maxWidth'];
+                    maxHeight: CSSObject['maxHeight'];
+                };
+                rightChevron: {
+                    color: CSSObject['color'];
+                    width: CSSObject['width'];
+                };
+            };
+        };
+    };
+    separator: {
+        color: CSSObject['color'];
+        height: CSSObject['height'];
+        marginTop: CSSObject['marginTop'];
+        marginRight: CSSObject['marginRight'];
+        marginBottom: CSSObject['marginBottom'];
+        marginLeft: CSSObject['marginLeft'];
+    };
+};
+export type ResponsiveMenuV2TokensType = {
+    [key in keyof BreakpointType]: MenuV2TokensType;
+};
+export {};

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ButtonProps } from '../Button';
-import { SkeletonVariant } from '../Skeleton';
+import { ButtonProps } from '../Button/types';
+import { SkeletonVariant } from '../Skeleton/types';
 type ModalButtonAction = Omit<ButtonProps, 'buttonGroupPosition'>;
 type BodySkeletonProps = {
     show?: boolean;

package/dist/components/MultiSelect/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 MultiSelectVariant {
     CONTAINER = "container",

package/dist/components/MultiSelectV2/multiSelectV2.dark.tokens.d.ts

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

package/dist/components/MultiSelectV2/multiSelectV2.light.tokens.d.ts

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

package/dist/components/MultiSelectV2/multiSelectV2.tokens.d.ts

@@ -1,216 +1,5 @@
-import { CSSObject } from 'styled-components';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
-import { MultiSelectV2Size, MultiSelectV2SelectionTagType, MultiSelectV2Variant } from './multiSelectV2.types';
 import { Theme } from '../../context/theme.enum';
-import { SelectV2ItemStates, SelectV2TriggerStates } from '../SelectV2/selectV2.tokenStates';
-type StateToken<T> = Record<SelectV2ItemStates, T>;
-type TriggerStateToken<T> = Record<SelectV2TriggerStates, T>;
-type VariantToken<T> = Record<MultiSelectV2Variant, T>;
-type SizeToken<T> = Record<MultiSelectV2Size, T>;
-type SelectionTagTypeToken<T> = Record<MultiSelectV2SelectionTagType, T>;
-export type MultiSelectV2TriggerStates = SelectV2TriggerStates;
-export type MultiSelectV2ItemStates = SelectV2ItemStates;
-export type MultiSelectV2TokensType = {
-    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'];
-        };
-        selectionTag: VariantToken<SelectionTagTypeToken<{
-            color: CSSObject['color'];
-            backgroundColor: CSSObject['backgroundColor'];
-            fontWeight: CSSObject['fontWeight'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-        }>> & {
-            marginLeft: CSSObject['margin'];
-            borderRadius: CSSObject['borderRadius'];
-        };
-        chevron: {
-            gap: CSSObject['gap'];
-            width: CSSObject['width'];
-            height: CSSObject['height'];
-            iconSize?: number;
-        };
-        clearButton?: {
-            backgroundColor: TriggerStateToken<CSSObject['backgroundColor']>;
-            outline: TriggerStateToken<CSSObject['outline']>;
-            color: CSSObject['color'];
-            width?: CSSObject['width'];
-        };
-        floatingLabel: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-        };
-        placeholder: {
-            color: CSSObject['color'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-        };
-        selectedValue: {
-            color: CSSObject['color'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-        };
-    };
-    menu: {
-        backgroundColor: CSSObject['backgroundColor'];
-        border: CSSObject['border'];
-        borderRadius: CSSObject['borderRadius'];
-        padding: SizeToken<VariantToken<{
-            top: CSSObject['paddingTop'];
-            right: CSSObject['paddingRight'];
-            bottom: CSSObject['paddingBottom'];
-            left: CSSObject['paddingLeft'];
-        }>>;
-        minWidth: CSSObject['minWidth'];
-        scroll: {
-            height: CSSObject['height'];
-            maxHeight: CSSObject['maxHeight'];
-        };
-        header: {
-            backgroundColor: CSSObject['backgroundColor'];
-            borderBottom: CSSObject['borderBottom'];
-            selectAllRowPaddingLeft: CSSObject['paddingLeft'];
-            selectAllRowPaddingRight: CSSObject['paddingRight'];
-        };
-        selectAll: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            borderRadius: CSSObject['borderRadius'];
-        };
-        list: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-        };
-        actions: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            gap: CSSObject['gap'];
-            backgroundColor: CSSObject['backgroundColor'];
-            borderTop: CSSObject['borderTop'];
-        };
-        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']>;
-            optionsLabel: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-                paddingTop: CSSObject['paddingTop'];
-                paddingRight: CSSObject['paddingRight'];
-                paddingBottom: CSSObject['paddingBottom'];
-                paddingLeft: CSSObject['paddingLeft'];
-            };
-            option: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-            };
-            description: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                color: StateToken<CSSObject['color']>;
-            };
-            seperator: {
-                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'];
-        };
-        content: {
-            borderRadius: CSSObject['borderRadius'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-        };
-    };
-    drawer: {
-        header: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            borderBottom: CSSObject['borderBottom'];
-        };
-        search: {
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            marginTop: CSSObject['margin'];
-            marginBottom: CSSObject['margin'];
-        };
-        content: {
-            gap: CSSObject['gap'];
-        };
-    };
-};
-export type ResponsiveMultiSelectV2Tokens = {
-    [key in keyof BreakpointType]: MultiSelectV2TokensType;
-};
+import { ResponsiveMultiSelectV2Tokens } from './multiSelectV2.tokens.types';
+export type { MultiSelectV2TriggerStates, MultiSelectV2ItemStates, MultiSelectV2TokensType, ResponsiveMultiSelectV2Tokens, } from './multiSelectV2.tokens.types';
 export declare const getMultiSelectV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveMultiSelectV2Tokens;
-export {};

package/dist/components/MultiSelectV2/multiSelectV2.tokens.types.d.ts

@@ -0,0 +1,213 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { MultiSelectV2Size, MultiSelectV2SelectionTagType, MultiSelectV2Variant } from './multiSelectV2.types';
+import { SelectV2ItemStates, SelectV2TriggerStates } from '../SelectV2/selectV2.tokenStates';
+type StateToken<T> = Record<SelectV2ItemStates, T>;
+type TriggerStateToken<T> = Record<SelectV2TriggerStates, T>;
+type VariantToken<T> = Record<MultiSelectV2Variant, T>;
+type SizeToken<T> = Record<MultiSelectV2Size, T>;
+type SelectionTagTypeToken<T> = Record<MultiSelectV2SelectionTagType, T>;
+export type MultiSelectV2TriggerStates = SelectV2TriggerStates;
+export type MultiSelectV2ItemStates = SelectV2ItemStates;
+export type MultiSelectV2TokensType = {
+    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'];
+        };
+        selectionTag: VariantToken<SelectionTagTypeToken<{
+            color: CSSObject['color'];
+            backgroundColor: CSSObject['backgroundColor'];
+            fontWeight: CSSObject['fontWeight'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+        }>> & {
+            marginLeft: CSSObject['margin'];
+            borderRadius: CSSObject['borderRadius'];
+        };
+        chevron: {
+            gap: CSSObject['gap'];
+            width: CSSObject['width'];
+            height: CSSObject['height'];
+            iconSize?: number;
+        };
+        clearButton?: {
+            backgroundColor: TriggerStateToken<CSSObject['backgroundColor']>;
+            outline: TriggerStateToken<CSSObject['outline']>;
+            color: CSSObject['color'];
+            width?: CSSObject['width'];
+        };
+        floatingLabel: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+        };
+        placeholder: {
+            color: CSSObject['color'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+        };
+        selectedValue: {
+            color: CSSObject['color'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+        };
+    };
+    menu: {
+        backgroundColor: CSSObject['backgroundColor'];
+        border: CSSObject['border'];
+        borderRadius: CSSObject['borderRadius'];
+        padding: SizeToken<VariantToken<{
+            top: CSSObject['paddingTop'];
+            right: CSSObject['paddingRight'];
+            bottom: CSSObject['paddingBottom'];
+            left: CSSObject['paddingLeft'];
+        }>>;
+        minWidth: CSSObject['minWidth'];
+        scroll: {
+            height: CSSObject['height'];
+            maxHeight: CSSObject['maxHeight'];
+        };
+        header: {
+            backgroundColor: CSSObject['backgroundColor'];
+            borderBottom: CSSObject['borderBottom'];
+            selectAllRowPaddingLeft: CSSObject['paddingLeft'];
+            selectAllRowPaddingRight: CSSObject['paddingRight'];
+        };
+        selectAll: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            borderRadius: CSSObject['borderRadius'];
+        };
+        list: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+        };
+        actions: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            gap: CSSObject['gap'];
+            backgroundColor: CSSObject['backgroundColor'];
+            borderTop: CSSObject['borderTop'];
+        };
+        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']>;
+            optionsLabel: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+                paddingTop: CSSObject['paddingTop'];
+                paddingRight: CSSObject['paddingRight'];
+                paddingBottom: CSSObject['paddingBottom'];
+                paddingLeft: CSSObject['paddingLeft'];
+            };
+            option: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+            };
+            description: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                color: StateToken<CSSObject['color']>;
+            };
+            seperator: {
+                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'];
+        };
+        content: {
+            borderRadius: CSSObject['borderRadius'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+        };
+    };
+    drawer: {
+        header: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            borderBottom: CSSObject['borderBottom'];
+        };
+        search: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            marginTop: CSSObject['margin'];
+            marginBottom: CSSObject['margin'];
+        };
+        content: {
+            gap: CSSObject['gap'];
+        };
+    };
+};
+export type ResponsiveMultiSelectV2Tokens = {
+    [key in keyof BreakpointType]: MultiSelectV2TokensType;
+};
+export {};

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

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../Button';
-import { SkeletonVariant } from '../Skeleton';
+import { ButtonProps } from '../Button/types';
+import { SkeletonVariant } from '../Skeleton/types';
 export type PopoverActionType = Omit<ButtonProps, 'buttonGroupPosition' | 'subType'>;
 export declare enum PopoverSize {
     SMALL = "small",

package/dist/components/PopoverV2/popoverV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsivePopoverV2Tokens } from './popoverV2.token';
+import { ResponsivePopoverV2Tokens } from './popoverV2.tokens.types';
 export declare const getPopoverV2DarkToken: (foundationTokens: FoundationTokenType) => ResponsivePopoverV2Tokens;

package/dist/components/PopoverV2/popoverV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsivePopoverV2Tokens } from './popoverV2.token';
+import { ResponsivePopoverV2Tokens } from './popoverV2.tokens.types';
 export declare const getPopoverV2LightToken: (foundationTokens: FoundationTokenType) => ResponsivePopoverV2Tokens;