@juspay/blend-design-system 0.0.16 → 0.0.17-beta

package/dist/components/Inputs/TextInput/TextInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from './types';
-declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, cursor, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/dist/components/Inputs/TextInput/types.d.ts

@@ -24,4 +24,5 @@ export type TextInputProps = {
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    cursor?: 'text' | 'pointer' | 'default' | 'not-allowed';
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'style' | 'className' | 'onBlur' | 'onFocus'>;

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, minWidth, maxWidth, maxHeight, alignment, side, sideOffset, alignOffset, inline, onBlur, onFocus, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, }: 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, onBlur, onFocus, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, }: 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, minWidth, maxWidth, maxHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, }: 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, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectMenu;

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

@@ -76,9 +76,9 @@ export type MultiSelectProps = {
     maxSelections?: number;
     customTrigger?: React.ReactNode;
     useDrawerOnMobile?: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     alignment?: MultiSelectMenuAlignment;
     side?: MultiSelectMenuSide;
     sideOffset?: number;
@@ -103,15 +103,16 @@ export type MultiSelectProps = {
     };
     showItemDividers?: boolean;
     showHeaderBorder?: boolean;
+    fullWidth?: boolean;
 };
 export type MultiSelectMenuProps = {
     items: MultiSelectMenuGroupType[];
     selected: string[];
     onSelect: (value: string) => void;
     trigger: React.ReactNode;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     disabled?: boolean;
     enableSearch?: boolean;
     searchPlaceholder?: string;

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, minWidth, maxWidth, maxHeight, onBlur, onFocus, inline, }: 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, onBlur, onFocus, inline, fullWidth, }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelect;

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

@@ -5,9 +5,9 @@ type SingleSelectMenuProps = {
     selected: string;
     onSelect: (value: string) => void;
     trigger: React.ReactNode;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     enableSearch?: boolean;
     searchPlaceholder?: string;
     disabled?: boolean;
@@ -18,5 +18,5 @@ type SingleSelectMenuProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
 };
-declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minWidth, maxWidth, maxHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, open, onOpenChange, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, open, onOpenChange, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectMenu;

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

@@ -86,12 +86,13 @@ export type SingleSelectProps = {
     side?: SelectMenuSide;
     sideOffset?: number;
     alignOffset?: number;
-    minWidth?: number;
-    maxWidth?: number;
-    maxHeight?: number;
+    minMenuWidth?: number;
+    maxMenuWidth?: number;
+    maxMenuHeight?: number;
     inline?: boolean;
     onBlur?: () => void;
     onFocus?: () => void;
     error?: boolean;
     errorMessage?: string;
+    fullWidth?: boolean;
 };

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, maxWidth, xAxis, yAxis, valueFormatter, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, value, valueTooltip, change, subtitle, variant, chartData, progressValue, titleIcon, actionIcon, helpIconText, dropdownProps, maxWidth, xAxis, yAxis, valueFormatter, height, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default StatCard;

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

@@ -45,4 +45,5 @@ export type StatCardProps = {
     xAxis?: StatCardAxisConfig;
     yAxis?: StatCardAxisConfig;
     valueFormatter?: AxisType;
+    height?: string;
 };

package/dist/main.d.ts

@@ -30,6 +30,7 @@ export * from './components/Slider';
 export * from './components/ProgressBar';
 export * from './components/Drawer';
 export * from './components/Skeleton';
+export * from './components/KeyValuePair';
 export * from './components/ButtonGroup';
 export * from './components/Button';
 export * from './context';