@juspay/blend-design-system 0.0.32 → 0.0.33-beta

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

@@ -1,2 +1,3 @@
 export { default as ProgressBar } from './ProgressBar';
+export * from './progressbar.tokens';
 export * from './types';

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

@@ -1,2 +1,3 @@
 export { default as Sidebar } from './Sidebar';
+export * from './sidebar.tokens';
 export * from './types';

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

@@ -1,2 +1,3 @@
 export { default as SingleSelect } from './SingleSelect';
+export * from './singleSelect.tokens';
 export * from './types';

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

@@ -1,3 +1,4 @@
 export { default as Snackbar } from './Snackbar';
 export { addSnackbar } from './Snackbar';
+export * from './snackbar.tokens';
 export * from './types';

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

@@ -1,6 +1,6 @@
 import { StatCardProps } from './types';
 declare const StatCard: {
-    ({ title, value, valueTooltip, change, subtitle, variant, chartData, progressValue, titleIcon, actionIcon, helpIconText, dropdownProps, minWidth, maxWidth, xAxis, yAxis, valueFormatter, height, direction, skeleton, dataDisplay, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, value, valueTooltip, change, subtitle, variant, chartData, progressValue, titleIcon, actionIcon, helpIconText, dropdownProps, minWidth, maxWidth, xAxis, yAxis, valueFormatter, height, direction, skeleton, dataDisplay, showBorder, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default StatCard;

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

@@ -1,2 +1,3 @@
 export { default as StatCard } from './StatCard';
+export * from './statcard.tokens';
 export * from './types';

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

@@ -28,7 +28,7 @@ export type ChartDataPoint = {
     name: string;
 };
 export type StatCardChange = {
-    value: number;
+    value: number | null | undefined;
     valueType: ChangeType;
     arrowDirection?: StatCardArrowDirection;
     tooltip?: ReactNode;
@@ -51,7 +51,7 @@ export type StatCardProps = {
     title: string;
     value: string | number;
     valueTooltip?: ReactNode;
-    change?: StatCardChange;
+    change?: StatCardChange | null | undefined;
     subtitle?: string;
     variant: StatCardVariant;
     chartData?: ChartDataPoint[];
@@ -69,4 +69,5 @@ export type StatCardProps = {
     direction?: StatCardDirection;
     skeleton?: StatCardSkeletonProps;
     dataDisplay?: boolean;
+    showBorder?: boolean;
 };

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

@@ -18,7 +18,7 @@ export declare const calculateChangeFromChartData: (chartData?: ChartDataPoint[]
  * @param chartData - Array of chart data points
  * @returns Effective change object or null
  */
-export declare const getEffectiveChange: (change?: StatCardChange, chartData?: ChartDataPoint[]) => StatCardChange | Pick<StatCardChange, "value" | "valueType"> | null;
+export declare const getEffectiveChange: (change?: StatCardChange | null | undefined, chartData?: ChartDataPoint[]) => StatCardChange | Pick<StatCardChange, "value" | "valueType"> | null;
 /**
  * Determines if decrease color should be shown
  * Uses effectiveChange valueType if available, otherwise falls back to trend calculation

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

@@ -1,2 +1,3 @@
 export { default as Stepper } from './Stepper';
+export * from './stepper.tokens';
 export * from './types';

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

@@ -14,5 +14,6 @@ declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: import('../Skeleton').SkeletonVariant;
+    stickyHeader?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

package/dist/components/Tabs/TabsList.d.ts

@@ -18,5 +18,6 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<import('@radix-ui/r
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: import('../Skeleton').SkeletonVariant;
+    stickyHeader?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export default TabsList;

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

@@ -4,3 +4,4 @@ import { default as TabsTrigger } from './TabsTrigger';
 import { default as TabsContent } from './TabsContent';
 export { Tabs, TabsList, TabsTrigger, TabsContent };
 export * from './types';
+export * from './tabs.token';

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

@@ -15,8 +15,6 @@ export type TabItem = {
     value: string;
     label: string;
     content: ReactNode;
-    closable?: boolean;
-    isDefault?: boolean;
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
@@ -39,6 +37,7 @@ export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
+    stickyHeader?: boolean;
 };
 export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
     variant?: TabsVariant;
@@ -58,6 +57,7 @@ export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
+    stickyHeader?: boolean;
 };
 export type TabsTriggerProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
     value: string;

package/dist/components/TagGroupV2/TagGroupV2.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TagGroupV2Props } from './TagGroupV2.types';
+declare const TagGroupV2: React.ForwardRefExoticComponent<TagGroupV2Props & React.RefAttributes<HTMLDivElement>>;
+export default TagGroupV2;

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { TagV2Props } from '../TagV2/TagV2.types';
+export type TagGroupV2ChildProps = TagV2Props;
+export type TagGroupV2Props = {
+    stacked?: boolean;
+    gap?: string | number;
+    children: ReactElement<TagGroupV2ChildProps> | ReactElement<TagGroupV2ChildProps>[];
+};

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

@@ -0,0 +1,2 @@
+export { default as TagGroupV2 } from '../TagGroupV2/TagGroupV2';
+export * from './TagGroupV2.types';

package/dist/components/TagV2/TagSkeleton.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SkeletonVariant } from '../Skeleton';
+import { TagV2Color, TagV2Size, TagV2SubType, TagV2Type } from './TagV2.types';
+declare const TagSkeleton: ({ showSkeleton, skeletonVariant, text, size, type, subType, color, leftSlot, rightSlot, }: {
+    showSkeleton?: boolean;
+    skeletonVariant?: SkeletonVariant;
+    text?: string;
+    size?: TagV2Size;
+    type?: TagV2Type;
+    subType?: TagV2SubType;
+    color?: TagV2Color;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TagSkeleton;

package/dist/components/TagV2/TagV2.d.ts

@@ -0,0 +1,22 @@
+import { TagV2Color, TagV2Size, TagV2SubType, TagV2Type } from './TagV2.types';
+declare const TagV2: import('react').ForwardRefExoticComponent<{
+    text: string;
+    size?: TagV2Size;
+    type?: TagV2Type;
+    subType?: TagV2SubType;
+    color?: TagV2Color;
+    leftSlot?: {
+        slot: import('react').ReactNode;
+        maxHeight: import('styled-components').CSSObject["maxHeight"];
+    };
+    rightSlot?: {
+        slot: import('react').ReactNode;
+        maxHeight: import('styled-components').CSSObject["maxHeight"];
+    };
+    skeleton?: {
+        showSkeleton?: boolean;
+        skeletonVariant?: import('../Skeleton').SkeletonVariant;
+    };
+    tagGroupPosition?: "center" | "left" | "right";
+} & Omit<import('react').HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "size" | "style" | "className"> & import('react').RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+export default TagV2;

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

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { SkeletonVariant } from '../Skeleton/skeleton.tokens';
+import { CSSObject } from 'styled-components';
+export declare enum TagV2Type {
+    NO_FILL = "noFill",
+    ATTENTIVE = "attentive",
+    SUBTLE = "subtle"
+}
+export declare enum TagV2SubType {
+    ROUNDED = "rounded",
+    SQUARICAL = "squarical"
+}
+export declare enum TagV2Color {
+    NEUTRAL = "neutral",
+    PRIMARY = "primary",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    PURPLE = "purple"
+}
+export declare enum TagV2Size {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export type TagV2Props = {
+    text: string;
+    size?: TagV2Size;
+    type?: TagV2Type;
+    subType?: TagV2SubType;
+    color?: TagV2Color;
+    leftSlot?: {
+        slot: ReactNode;
+        maxHeight: CSSObject['maxHeight'];
+    };
+    rightSlot?: {
+        slot: ReactNode;
+        maxHeight: CSSObject['maxHeight'];
+    };
+    skeleton?: {
+        showSkeleton?: boolean;
+        skeletonVariant?: SkeletonVariant;
+    };
+    tagGroupPosition?: 'center' | 'left' | 'right';
+} & Omit<React.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, 'size' | 'className' | 'style'>;

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

@@ -0,0 +1,2 @@
+export { default as TagV2 } from './TagV2';
+export * from './TagV2.types';

package/dist/components/TagV2/tagV2.dark.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveTagV2Tokens } from './tagV2.tokens';
+export declare const getTagV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveTagV2Tokens;

package/dist/components/TagV2/tagV2.light.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveTagV2Tokens } from './tagV2.tokens';
+export declare const getTagV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveTagV2Tokens;

package/dist/components/TagV2/tagV2.tokens.d.ts

@@ -0,0 +1,62 @@
+import { CSSObject } from 'styled-components';
+import { TagV2Color, TagV2Size, TagV2Type, TagV2SubType } from './TagV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { Theme } from '../../context/theme.enum';
+import { PaddingDirection } from '../ButtonV2';
+export type TagV2TokensType = Readonly<{
+    border: {
+        [key in TagV2Type]: {
+            [key in TagV2Color]: CSSObject['border'];
+        };
+    };
+    borderRadius: {
+        [key in TagV2Size]: {
+            [key in TagV2SubType]: CSSObject['borderRadius'];
+        };
+    };
+    backgroundColor: {
+        [key in TagV2Type]: {
+            [key in TagV2Color]: CSSObject['backgroundColor'];
+        };
+    };
+    height: {
+        [key in TagV2Size]: CSSObject['height'];
+    };
+    padding: {
+        [key in PaddingDirection]: {
+            [key in TagV2Size]: CSSObject['padding'];
+        };
+    };
+    gap: CSSObject['gap'];
+    leftSlot: {
+        maxHeight: {
+            [key in TagV2Size]: CSSObject['maxHeight'];
+        };
+    };
+    rightSlot: {
+        maxHeight: {
+            [key in TagV2Size]: CSSObject['maxHeight'];
+        };
+    };
+    text: {
+        color: {
+            [key in TagV2Type]: {
+                [key in TagV2Color]: CSSObject['color'];
+            };
+        };
+        fontSize: {
+            [key in TagV2Size]: CSSObject['fontSize'];
+        };
+        fontWeight: {
+            [key in TagV2Size]: CSSObject['fontWeight'];
+        };
+        lineHeight: {
+            [key in TagV2Size]: CSSObject['lineHeight'];
+        };
+    };
+}>;
+export type ResponsiveTagV2Tokens = {
+    [key in keyof BreakpointType]: TagV2TokensType;
+};
+export declare const getTagV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveTagV2Tokens;

package/dist/components/TagV2/utils.d.ts

@@ -0,0 +1,6 @@
+import { KeyboardEvent, MouseEvent } from 'react';
+import { TagV2Size, TagV2SubType } from './TagV2.types';
+import { TagV2TokensType } from './tagV2.tokens';
+export declare const getAccessibleName: (text: string, isInteractive: boolean, ariaPressed: boolean | "mixed" | undefined) => string | undefined;
+export declare function getTagBorderRadius(size: TagV2Size, subType: TagV2SubType, tagGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: TagV2TokensType): string;
+export declare const createKeyboardHandler: (isInteractive: boolean, onClick?: (event: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void) => ((event: KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void) | undefined;

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

@@ -1,2 +1,3 @@
 export { default as Tag } from './Tag';
+export * from './tag.tokens';
 export * from './types';

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

@@ -1,2 +1,3 @@
 export { default as Tooltip } from './Tooltip';
+export * from './tooltip.tokens';
 export * from './types';

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

@@ -1,2 +1,3 @@
 export { default as Topbar } from './Topbar';
+export * from './topbar.tokens';
 export type { TopbarProps, MerchantInfo } from './types';

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

@@ -1,2 +1,4 @@
 export { default as Upload } from './Upload';
+export type { UploadTokenType, ResponsiveUploadTokens } from './upload.tokens';
+export { getUploadTokens } from './upload.tokens';
 export * from './types';

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

@@ -53,6 +53,7 @@ export type UploadProps = {
     uploadedFiles?: UploadedFileWithStatus[];
     failedFiles?: UploadedFileWithStatus[];
     enforceFileTypeConsistency?: boolean;
+    progressSpeed?: number;
     value?: UploadFormValue;
     onChange?: (value: UploadFormValue) => void;
     onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[]) => void;
@@ -60,6 +61,19 @@ export type UploadProps = {
     onDropRejected?: (fileRejections: FileRejection[]) => void;
     onFileRemove?: (fileId: string) => void;
     onReplaceFile?: () => void;
+    /**
+     * Callback that provides the current upload state information.
+     * Useful for controlling external submit buttons based on error/success state.
+     * @param stateInfo - Object containing current state, hasError, hasSuccess, etc.
+     */
+    onStateChange?: (stateInfo: {
+        state: UploadState;
+        hasError: boolean;
+        hasSuccess: boolean;
+        hasUploading: boolean;
+        errorFiles: UploadedFileWithStatus[];
+        successfulFiles: UploadedFileWithStatus[];
+    }) => void;
     isDragActive?: boolean;
     isDragAccept?: boolean;
     isDragReject?: boolean;

package/dist/components/Upload/utils.d.ts

@@ -109,6 +109,6 @@ export declare const createUploadManager: () => {
     cancelAllUploads: () => void;
     hasActiveUploads: () => boolean;
 };
-export declare const createComplexDropHandler: (multiple: boolean, maxFiles: number | undefined, disabled: boolean, uploadingFiles: UploadFile[], uploadedFiles: UploadedFileWithStatus[], failedFiles: UploadedFileWithStatus[], setInternalState: (state: UploadState) => void, setInternalUploadingFiles: React.Dispatch<React.SetStateAction<UploadFile[]>>, setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, uploadManager: ReturnType<typeof createUploadManager>) => (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export declare const createComplexDropHandler: (multiple: boolean, maxFiles: number | undefined, disabled: boolean, uploadingFiles: UploadFile[], uploadedFiles: UploadedFileWithStatus[], failedFiles: UploadedFileWithStatus[], setInternalState: (state: UploadState) => void, setInternalUploadingFiles: React.Dispatch<React.SetStateAction<UploadFile[]>>, setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, uploadManager: ReturnType<typeof createUploadManager>, progressSpeed?: number) => (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
 export declare const createFileRemovalHandler: (setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalState: (state: UploadState) => void) => (fileId: string) => void;
 export declare const createFileReplacementHandler: (setInternalState: (state: UploadState) => void, setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>) => () => void;

package/dist/components/common/TruncatedTextWithTooltip.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TooltipSize } from '../Tooltip/types';
-type TruncatedTextWithTooltipProps = {
+export type TruncatedTextWithTooltipProps = {
     text: string;
     style?: React.CSSProperties;
     tooltipSize?: TooltipSize;
@@ -11,4 +11,3 @@ type TruncatedTextWithTooltipProps = {
     [key: `data-${string}`]: string | undefined;
 };
 export declare const TruncatedTextWithTooltip: ({ text, style, tooltipSize, delayDuration, "data-id": dataId, "data-element": dataElement, ...restProps }: TruncatedTextWithTooltipProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/context/ThemeContext.d.ts

@@ -14,6 +14,7 @@ import { ResponsiveDropdownInputTokens } from '../components/Inputs/DropdownInpu
 import { ResponsiveCheckboxTokens } from '../components/Checkbox/checkbox.token';
 import { ResponsiveTabsTokens } from '../components/Tabs/tabs.token';
 import { ResponsiveButtonTokens } from '../components/Button/button.tokens';
+import { ResponsiveButtonV2Tokens } from '../components/ButtonV2/buttonV2.tokens';
 import { ResponsiveModalTokens } from '../components/Modal/modal.tokens';
 import { ResponsiveBreadcrumbTokens } from '../components/Breadcrumb/breadcrumb.tokens';
 import { ResponsivePopoverTokens } from '../components/Popover/popover.tokens';
@@ -44,6 +45,7 @@ import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarM
 import { ResponsiveStepperTokens } from '../components/Stepper/stepper.tokens';
 import { Theme } from './theme.enum';
 import { ResponsiveChatInputTokensType } from '../components/ChatInput/chatInput.tokens';
+import { ResponsiveTagV2Tokens } from '../components/TagV2/tagV2.tokens';
 export type ComponentTokenType = {
     TAGS?: ResponsiveTagTokens;
     SEARCH_INPUT?: ResponsiveSearchInputTokens;
@@ -88,6 +90,8 @@ export type ComponentTokenType = {
     UPLOAD?: ResponsiveUploadTokens;
     CODE_BLOCK?: ResponsiveCodeBlockTokens;
     CHAT_INPUT?: ResponsiveChatInputTokensType;
+    BUTTONV2?: ResponsiveButtonV2Tokens;
+    TAGV2?: ResponsiveTagV2Tokens;
 };
 type ThemeContextType = {
     foundationTokens: ThemeType;

package/dist/context/useComponentToken.d.ts

@@ -14,6 +14,7 @@ import { ResponsiveTooltipTokens } from '../components/Tooltip/tooltip.tokens';
 import { ResponsiveUnitInputTokens } from '../components/Inputs/UnitInput/unitInput.tokens';
 import { ResponsiveMultiValueInputTokens } from '../components/Inputs/MultiValueInput/multiValueInput.tokens';
 import { ResponsiveDropdownInputTokens } from '../components/Inputs/DropdownInput/dropdownInput.tokens';
+import { ResponsiveButtonV2Tokens } from '../components/ButtonV2/buttonV2.tokens';
 import { ResponsiveButtonTokens } from '../components/Button/button.tokens';
 import { ResponsiveModalTokens } from '../components/Modal/modal.tokens';
 import { ResponsiveBreadcrumbTokens } from '../components/Breadcrumb/breadcrumb.tokens';
@@ -42,4 +43,5 @@ import { ResponsiveCodeBlockTokens } from '../components/CodeBlock/codeBlock.tok
 import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarMobile/mobile.tokens';
 import { ResponsiveDirectoryTokens } from '../components/Directory/directory.tokens';
 import { ResponsiveChatInputTokensType } from '../components/ChatInput/chatInput.tokens';
-export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveButtonTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType;
+import { ResponsiveTagV2Tokens } from '../components/TagV2/tagV2.tokens';
+export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType | ResponsiveButtonTokens | ResponsiveButtonV2Tokens | ResponsiveChatInputTokensType | ResponsiveTagV2Tokens;

package/dist/global-utils/GlobalUtils.d.ts

@@ -7,3 +7,4 @@ export declare const getTruncatedText: (text: string, limit?: number) => {
     isTruncated: boolean;
 };
 export declare const formatTextWithLineBreaks: (content: ReactNode | string) => ReactNode;
+export declare const addPxToValue: (value?: number | string) => string;