dash-ui-kit 1.0.8 → 1.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/components/bigNumber/index.d.ts +2 -0
- package/dist/react/components/dialog/index.d.ts +8 -0
- package/dist/react/components/icons/index.d.ts +3 -0
- package/dist/react/components/index.d.ts +1 -1
- package/dist/react/components/overlayMenu/index.d.ts +19 -0
- package/dist/react/components/text/index.d.ts +1 -1
- package/dist/react/index.cjs.js +327 -51
- package/dist/react/index.cjs.js.map +1 -1
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.esm.js +325 -52
- package/dist/react/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ export interface BigNumberProps {
|
|
|
7
7
|
variant?: BigNumberVariant;
|
|
8
8
|
/** Extra class names to apply to the wrapper. Use gap-* classes for spacing between groups. */
|
|
9
9
|
className?: string;
|
|
10
|
+
/** Horizontal spacing (in pixels) around the decimal point. Negative values reduce spacing. @default -2 */
|
|
11
|
+
decimalPointSpacing?: number;
|
|
10
12
|
}
|
|
11
13
|
/**
|
|
12
14
|
* Splits a numeric string into groups of three characters for display.
|
|
@@ -10,6 +10,14 @@ export interface DialogProps {
|
|
|
10
10
|
showCloseButton?: boolean;
|
|
11
11
|
/** Dialog size */
|
|
12
12
|
size?: 'sm' | 'md' | 'xl';
|
|
13
|
+
/** Vertical position of the dialog */
|
|
14
|
+
position?: 'center' | 'bottom';
|
|
15
|
+
/** Offset from bottom when position is 'bottom' (in pixels) */
|
|
16
|
+
bottomOffset?: number;
|
|
17
|
+
/** Maximum width of the dialog (e.g., '500px', '50%', '2xl'). Use Tailwind classes like 'sm', 'md', 'lg', 'xl', '2xl', etc. or CSS values */
|
|
18
|
+
maxWidth?: string;
|
|
19
|
+
/** Horizontal margin from screen edges (in pixels) */
|
|
20
|
+
horizontalMargin?: number;
|
|
13
21
|
/** Dialog content */
|
|
14
22
|
children: React.ReactNode;
|
|
15
23
|
/** Additional className for the content container */
|
|
@@ -43,3 +43,6 @@ export declare const SignLockIcon: React.FC<IconProps>;
|
|
|
43
43
|
export declare const LockIcon: React.FC<IconProps>;
|
|
44
44
|
export declare const PendingIcon: React.FC<IconProps>;
|
|
45
45
|
export declare const SearchIcon: React.FC<IconProps>;
|
|
46
|
+
export declare const AirplaneIcon: React.FC<IconProps>;
|
|
47
|
+
export declare const ExternalLinkIcon: React.FC<IconProps>;
|
|
48
|
+
export declare const InfoCircleIcon: React.FC<IconProps>;
|
|
@@ -24,4 +24,4 @@ export { DashLogo, type DashLogoProps } from './dashLogo';
|
|
|
24
24
|
export { Dialog, type DialogProps } from './dialog';
|
|
25
25
|
export { Tabs, type TabsProps, type TabItem } from './tabs';
|
|
26
26
|
export type { TimeDeltaFormat } from '../utils/datetime';
|
|
27
|
-
export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon } from './icons';
|
|
27
|
+
export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon, AirplaneIcon, ExternalLinkIcon, InfoCircleIcon } from './icons';
|
|
@@ -15,8 +15,15 @@ export interface OverlayMenuItem {
|
|
|
15
15
|
onClick?: () => void;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
}
|
|
18
|
+
export interface OverlayMenuPosition {
|
|
19
|
+
top?: number;
|
|
20
|
+
left?: number;
|
|
21
|
+
right?: number;
|
|
22
|
+
bottom?: number;
|
|
23
|
+
}
|
|
18
24
|
export interface OverlayMenuProps extends Omit<OverlayMenuVariants, 'theme' | 'disabled'> {
|
|
19
25
|
className?: string;
|
|
26
|
+
contentClassName?: string;
|
|
20
27
|
error?: boolean;
|
|
21
28
|
success?: boolean;
|
|
22
29
|
border?: boolean;
|
|
@@ -30,10 +37,22 @@ export interface OverlayMenuProps extends Omit<OverlayMenuVariants, 'theme' | 'd
|
|
|
30
37
|
triggerContent?: React.ReactNode;
|
|
31
38
|
placeholder?: string;
|
|
32
39
|
showItemBorders?: boolean;
|
|
40
|
+
variant?: 'dropdown' | 'context-menu';
|
|
41
|
+
headerContent?: React.ReactNode;
|
|
42
|
+
showCloseButton?: boolean;
|
|
43
|
+
position?: OverlayMenuPosition;
|
|
44
|
+
width?: string | number;
|
|
45
|
+
onClose?: () => void;
|
|
33
46
|
}
|
|
34
47
|
/**
|
|
35
48
|
* Overlay menu component that opens above the trigger with overlay positioning.
|
|
36
49
|
* Supports custom content items with onClick handlers.
|
|
50
|
+
*
|
|
51
|
+
* @param variant - 'dropdown' (default) or 'context-menu'
|
|
52
|
+
* @param headerContent - Custom header content (for context-menu variant)
|
|
53
|
+
* @param showCloseButton - Show close button in header
|
|
54
|
+
* @param position - Position object for context-menu variant
|
|
55
|
+
* @param width - Custom width (default: 200px for context-menu)
|
|
37
56
|
*/
|
|
38
57
|
export declare const OverlayMenu: React.FC<OverlayMenuProps>;
|
|
39
58
|
export default OverlayMenu;
|
|
@@ -5,7 +5,7 @@ declare const textStyles: (props?: ({
|
|
|
5
5
|
theme?: "light" | "dark" | null | undefined;
|
|
6
6
|
color?: "default" | "blue" | "red" | "blue-dark" | null | undefined;
|
|
7
7
|
size?: "xs" | "sm" | "xl" | "md" | "lg" | null | undefined;
|
|
8
|
-
weight?: "bold" | "normal" |
|
|
8
|
+
weight?: "bold" | "normal" | "medium" | null | undefined;
|
|
9
9
|
italic?: boolean | null | undefined;
|
|
10
10
|
underline?: boolean | null | undefined;
|
|
11
11
|
lineThrough?: boolean | null | undefined;
|