@juspay/blend-design-system 0.0.37-beta.7 → 0.0.37-beta.8

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

@@ -1,9 +1,29 @@
 import { ReactNode } from 'react';
-import { SupportedLanguage } from '../CodeBlock/types';
 export declare enum CodeEditorVariant {
     DEFAULT = "default",
     NO_GUTTER = "no-gutter"
 }
+/**
+ * Common Monaco language IDs, provided purely for IDE autocomplete on the
+ * `language` prop — NOT a runtime constraint. Every entry is verified against
+ * the language IDs monaco-editor actually registers (Monaco does not export a
+ * static union of its built-in IDs; they are only enumerable at runtime via
+ * `monaco.languages.getLanguages()`). Note Monaco's plain-text ID is
+ * `plaintext` and shell scripts are `shell` (there is no `bash` ID). Monaco
+ * also has no distinct `jsx`/`tsx` IDs — those still work through the open
+ * string arm of {@link CodeEditorLanguage}: the editor maps them onto the
+ * `javascript`/`typescript` tokenizers.
+ */
+export type KnownCodeEditorLanguage = 'javascript' | 'typescript' | 'json' | 'css' | 'scss' | 'less' | 'html' | 'xml' | 'markdown' | 'yaml' | 'ini' | 'graphql' | 'sql' | 'python' | 'rust' | 'go' | 'java' | 'kotlin' | 'swift' | 'c' | 'cpp' | 'csharp' | 'php' | 'ruby' | 'shell' | 'powershell' | 'dockerfile' | 'plaintext';
+/**
+ * Language accepted by {@link CodeEditorProps.language}: autocomplete for
+ * {@link KnownCodeEditorLanguage}, while `(string & {})` keeps the prop open
+ * to every other Monaco language ID (the component forwards to Monaco, whose
+ * own `language` option is a plain `string`). Decoupled from `CodeBlock`'s
+ * `SupportedLanguage`, which is scoped to CodeBlock's hand-rolled tokenizer
+ * rather than Monaco.
+ */
+export type CodeEditorLanguage = KnownCodeEditorLanguage | (string & {});
 export type CodeEditorProps = {
     value: string;
     onChange?: (value: string) => void;
@@ -28,7 +48,7 @@ export type CodeEditorProps = {
      */
     showLeftIcon?: boolean;
     showCopyButton?: boolean;
-    language?: SupportedLanguage;
+    language?: CodeEditorLanguage;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

package/dist/components/CodeEditorV2/CodeEditorV2.d.ts

@@ -11,7 +11,7 @@ declare const CodeEditorV2: import('react').ForwardRefExoticComponent<{
         rightSlot?: import('react').ReactNode;
         showCopyButton?: boolean;
     };
-    language?: import('./codeEditorV2.types').CodeEditorV2SupportedLanguage;
+    language?: import('./codeEditorV2.types').CodeEditorV2Language;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

package/dist/components/CodeEditorV2/codeEditorV2.types.d.ts

@@ -15,7 +15,28 @@ export type CodeEditorV2DiffLine = {
     content: string;
     type: CodeEditorV2DiffLineType;
 };
-export type CodeEditorV2SupportedLanguage = 'javascript' | 'typescript' | 'jsx' | 'tsx' | 'json' | 'css' | 'html' | 'markdown' | 'yaml' | 'python' | 'rust' | 'haskell';
+/**
+ * Common Monaco language IDs, provided purely for IDE autocomplete on the
+ * `language` prop — NOT a runtime constraint. Every entry is verified against
+ * the language IDs monaco-editor actually registers (Monaco does not export a
+ * static union of its built-in IDs; they are only enumerable at runtime via
+ * `monaco.languages.getLanguages()`). Note Monaco's plain-text ID is
+ * `plaintext` and shell scripts are `shell` (there is no `bash` ID). Monaco
+ * also has no distinct `jsx`/`tsx` IDs — those still work through the open
+ * string arm of {@link CodeEditorV2Language}: the editor maps them onto the
+ * `javascript`/`typescript` tokenizers.
+ */
+export type KnownCodeEditorV2Language = 'javascript' | 'typescript' | 'json' | 'css' | 'scss' | 'less' | 'html' | 'xml' | 'markdown' | 'yaml' | 'ini' | 'graphql' | 'sql' | 'python' | 'rust' | 'go' | 'java' | 'kotlin' | 'swift' | 'c' | 'cpp' | 'csharp' | 'php' | 'ruby' | 'shell' | 'powershell' | 'dockerfile' | 'plaintext';
+/**
+ * Language accepted by {@link CodeEditorV2Props.language}: autocomplete for
+ * {@link KnownCodeEditorV2Language}, while `(string & {})` keeps the prop open
+ * to every other Monaco language ID (matching the internal
+ * `MonacoEditorWrapper`'s `language: string` — Monaco itself types the option
+ * as a plain `string`).
+ */
+export type CodeEditorV2Language = KnownCodeEditorV2Language | (string & {});
+/** @deprecated Use {@link CodeEditorV2Language} instead. */
+export type CodeEditorV2SupportedLanguage = CodeEditorV2Language;
 export type CodeEditorV2Dimensions = {
     width?: CSSObject['width'];
     maxWidth?: CSSObject['maxWidth'];
@@ -37,7 +58,7 @@ export type CodeEditorV2Props = {
         rightSlot?: ReactNode;
         showCopyButton?: boolean;
     };
-    language?: CodeEditorV2SupportedLanguage;
+    language?: CodeEditorV2Language;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

package/dist/components/MenuV2/MenuV2Content.d.ts

@@ -9,6 +9,7 @@ export type MenuV2ContentProps = {
     searchPlaceholder: string;
     searchText: string;
     onSearchTextChange: (value: string) => void;
+    onEnter?: () => void;
     maxHeight?: CSSObject['maxHeight'];
     minHeight?: CSSObject['minHeight'];
     minWidth?: CSSObject['minWidth'];

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

@@ -32,6 +32,7 @@ export type MenuV2ItemLabel = {
     text: string;
     leftSlot?: React.ReactElement;
 };
+export type MenuV2SearchSortFn = (items: MenuV2ItemType[], searchText: string) => MenuV2ItemType[];
 export type MenuV2ItemType = {
     id?: string;
     label: MenuV2ItemLabel;
@@ -43,6 +44,8 @@ export type MenuV2ItemType = {
     subMenu?: MenuV2ItemType[];
     enableSubMenuSearch?: boolean;
     subMenuSearchPlaceholder?: string;
+    subMenuSearchSortFn?: MenuV2SearchSortFn;
+    onSubMenuSearchEnter?: (searchText: string, filteredResults: MenuV2ItemType[]) => void;
     tooltip?: string | ReactNode;
     tooltipProps?: MenuV2ItemTooltipProps;
 };
@@ -72,6 +75,8 @@ export type MenuV2Props = {
     dimensions?: MenuV2Dimensions;
     enableSearch?: boolean;
     searchPlaceholder?: string;
+    searchSortFn?: MenuV2SearchSortFn;
+    onEnter?: (searchText: string, filteredGroups: MenuV2GroupType[]) => void;
     enableVirtualScrolling?: boolean;
     virtualScrolling?: MenuV2VirtualScrollingConfig;
     open?: boolean;

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

@@ -1,8 +1,16 @@
 import { ReactNode } from 'react';
-import { MenuV2GroupType, MenuV2ItemType } from './menuV2.types';
+import { MenuV2GroupType, MenuV2ItemType, MenuV2SearchSortFn } from './menuV2.types';
 import { MenuV2TokensType, MenuV2ItemStates } from './menuV2.tokens';
 type MenuV2ItemTokens = MenuV2TokensType['group']['item'];
 export declare const getItemSlots: (item: MenuV2ItemType) => [ReactNode?];
+export declare enum MenuV2MatchRank {
+    EXACT = 0,
+    PREFIX = 1,
+    SUBSTRING = 2,
+    NONE = 3
+}
+export declare const getItemMatchRank: (item: MenuV2ItemType, lower: string) => MenuV2MatchRank;
+export declare const defaultSearchSortFn: MenuV2SearchSortFn;
 export declare const filterMenuV2Item: (item: MenuV2ItemType, lower: string) => MenuV2ItemType | null;
 export declare const getMenuItemBackgroundColor: (state: MenuV2ItemStates, itemTokens: MenuV2ItemTokens, item: MenuV2ItemType) => string | undefined;
 export declare const getMenuItemOptionColor: (state: MenuV2ItemStates, itemTokens: MenuV2ItemTokens, item: MenuV2ItemType) => string | undefined;
@@ -22,5 +30,5 @@ export type MenuV2FlatRow = {
     itemIndex: number;
 };
 export declare const flattenMenuV2Groups: (groups: MenuV2GroupType[]) => MenuV2FlatRow[];
-export declare const filterMenuV2Groups: (groups: MenuV2GroupType[], searchText: string) => MenuV2GroupType[];
+export declare const filterMenuV2Groups: (groups: MenuV2GroupType[], searchText: string, searchSortFn?: MenuV2SearchSortFn) => MenuV2GroupType[];
 export {};

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectProps } from './types';
-declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minMenuWidth, maxMenuWidth, maxMenuHeight, alignment, side, sideOffset, alignOffset, inline, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, itemsToRender, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, ...rest }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minMenuWidth, maxMenuWidth, maxMenuHeight, alignment, side, sideOffset, alignOffset, inline, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, itemsToRender, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, menuFooter, ...rest }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/dist/components/MultiSelect/MultiSelectMenu.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectMenuProps } from './types';
-declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, menuFooter, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectMenu;

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

@@ -126,6 +126,7 @@ export type MultiSelectProps = {
     showClearButton?: boolean;
     onClearAllClick?: () => void;
     multiSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: React.ReactNode;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onChange'>;
 export type MultiSelectMenuProps = {
     items: MultiSelectMenuGroupType[];
@@ -176,4 +177,5 @@ export type MultiSelectMenuProps = {
     customValueLabel?: string;
     menuId?: string;
     collisionBoundary?: Element | null | Array<Element | null>;
+    menuFooter?: React.ReactNode;
 };

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

@@ -1,6 +1,6 @@
 import { MultiSelectV2Props } from './multiSelectV2.types';
 declare const MultiSelectV2: {
-    ({ selectedValues, onChange, items, label, subLabel, helpIconText, required, variant, selectionTagType, slot, hintText, placeholder, size, search, enableSelectAll, selectAllText, maxSelections, customTrigger, usePanelOnMobile, triggerDimensions, menuDimensions, menuPosition, inline, error, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, ...rest }: MultiSelectV2Props): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValues, onChange, items, label, subLabel, helpIconText, required, variant, selectionTagType, slot, hintText, placeholder, size, search, enableSelectAll, selectAllText, maxSelections, customTrigger, usePanelOnMobile, triggerDimensions, menuDimensions, menuPosition, inline, error, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, menuFooter, ...rest }: MultiSelectV2Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MultiSelectV2;

package/dist/components/MultiSelectV2/MultiSelectV2Menu.d.ts

@@ -1,6 +1,6 @@
 import { MultiSelectV2MenuProps } from './multiSelectV2.types';
 declare const MultiSelectV2Menu: {
-    ({ items, selected, onSelect, trigger, menuDimensions, disabled, search, enableSelectAll, selectAllText, maxSelections, onSelectAll, menuPosition, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, }: MultiSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, selected, onSelect, trigger, menuDimensions, disabled, search, enableSelectAll, selectAllText, maxSelections, onSelectAll, menuPosition, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, menuFooter, }: MultiSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MultiSelectV2Menu;

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

@@ -61,6 +61,7 @@ export type MultiSelectV2MenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: ReactNode;
 };
 export type MultiSelectV2MenuRootProps = SelectV2MenuRootPropsBase & {
     onInteractOutside?: (e: Event) => void;
@@ -121,4 +122,5 @@ export type MultiSelectV2Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, '
     showClearButton?: boolean;
     onClearAllClick?: () => void;
     multiSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: ReactNode;
 };

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

@@ -1,3 +1,3 @@
 import { SingleSelectProps } from './types';
-declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minMenuWidth, maxMenuWidth, maxMenuHeight, inline, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, singleSelectGroupPosition, allowDeselect, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minMenuWidth, maxMenuWidth, maxMenuHeight, inline, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, singleSelectGroupPosition, allowDeselect, menuFooter, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelect;

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

@@ -32,6 +32,7 @@ type SingleSelectMenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: React.ReactNode;
 };
-declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, allowCustomValue, customValueLabel, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, allowCustomValue, customValueLabel, menuFooter, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectMenu;

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

@@ -114,4 +114,5 @@ export type SingleSelectProps = {
     customValueLabel?: string;
     singleSelectGroupPosition?: 'center' | 'left' | 'right';
     allowDeselect?: boolean;
+    menuFooter?: React.ReactNode;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onSelect'>;

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

@@ -1,6 +1,6 @@
 import { SingleSelectV2Props } from './singleSelectV2.types';
 declare const SingleSelectV2: {
-    ({ label, subLabel, hintText, required, helpIconText, placeholder, error, size, items, variant, open: controlledOpen, onOpenChange: onControlledOpenChange, selected, onSelect, search, slot, customTrigger, usePanelOnMobile, menuPosition, menuDimensions, triggerDimensions, inline, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, singleSelectGroupPosition, ...rest }: SingleSelectV2Props): import("react/jsx-runtime").JSX.Element;
+    ({ label, subLabel, hintText, required, helpIconText, placeholder, error, size, items, variant, open: controlledOpen, onOpenChange: onControlledOpenChange, selected, onSelect, search, slot, customTrigger, usePanelOnMobile, menuPosition, menuDimensions, triggerDimensions, inline, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, singleSelectGroupPosition, menuFooter, ...rest }: SingleSelectV2Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SingleSelectV2;

package/dist/components/SingleSelectV2/SingleSelectV2Menu.d.ts

@@ -1,6 +1,6 @@
 import { SingleSelectV2MenuProps } from './singleSelectV2.types';
 declare const SingleSelectV2Menu: {
-    ({ items, selected, onSelect, trigger, menuDimensions, search, disabled, menuPosition, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, menuId, }: SingleSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, selected, onSelect, trigger, menuDimensions, search, disabled, menuPosition, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, menuId, menuFooter, }: SingleSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SingleSelectV2Menu;

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

@@ -141,6 +141,14 @@ export type SingleSelectV2TokensType = {
             };
             iconColor: CSSObject['color'];
         };
+        footer: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            backgroundColor: CSSObject['backgroundColor'];
+            borderTop: CSSObject['borderTop'];
+        };
     };
     mobilePanel: {
         header: {

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

@@ -103,6 +103,7 @@ export type SingleSelectV2MenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: ReactNode;
 };
 export type SingleSelectV2PropsBase = {
     label?: string;
@@ -138,5 +139,6 @@ export type SingleSelectV2PropsBase = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     singleSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: ReactNode;
 };
 export type SingleSelectV2Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'className' | 'onSelect' | 'slot'> & SingleSelectV2PropsBase;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AddToastOptions, CustomToastProps, SnackbarProps } from './types';
 export declare const StyledToast: React.FC<CustomToastProps>;
-export declare const addSnackbar: ({ header, description, variant, onClose, actionButton, duration, position, }: AddToastOptions) => string | number;
+export declare const addSnackbar: ({ header, description, variant, onClose, actionButton, duration, position, wrap, }: AddToastOptions) => string | number;
 declare const Snackbar: React.FC<SnackbarProps>;
 export default Snackbar;

package/dist/components/Snackbar/snackbar.tokens.d.ts

@@ -45,6 +45,7 @@ export type SnackbarTokens = Readonly<{
                 };
                 fontSize: CSSObject['fontSize'];
                 fontWeight: CSSObject['fontWeight'];
+                lineHeight: CSSObject['lineHeight'];
             };
             description: {
                 color: {

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

@@ -24,6 +24,7 @@ export type AddToastOptions = {
     };
     duration?: number;
     position?: SnackbarPosition;
+    wrap?: boolean;
 };
 export type CustomToastProps = {
     header: string;
@@ -36,6 +37,7 @@ export type CustomToastProps = {
         autoDismiss?: boolean;
     };
     toastId?: string | number;
+    wrap?: boolean;
 };
 export type SnackbarProps = {
     position?: SnackbarPosition;