@avalabs/k2-alpine 1.188.0 → 1.195.0
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/components/Button/SquareButton.d.ts +27 -1
- package/dist/components/Icons/AddImage.d.ts +2 -0
- package/dist/components/Icons/Approve.d.ts +2 -0
- package/dist/components/Icons/AvalancheHorizontal.d.ts +2 -0
- package/dist/components/Icons/ChevronRight.d.ts +2 -0
- package/dist/components/Icons/Coinbase.d.ts +2 -0
- package/dist/components/Icons/ContractCall.d.ts +2 -0
- package/dist/components/Icons/FillOrder.d.ts +2 -0
- package/dist/components/Icons/Hide.d.ts +2 -0
- package/dist/components/Icons/MetaMask.d.ts +2 -0
- package/dist/components/Icons/Rabby.d.ts +2 -0
- package/dist/components/Icons/Refresh.d.ts +2 -0
- package/dist/components/Icons/Transfer.d.ts +2 -0
- package/dist/components/Icons/Unwrap.d.ts +2 -0
- package/dist/components/Icons/Velora.d.ts +2 -0
- package/dist/components/Icons/index.d.ts +45 -0
- package/dist/components/Tilt/Tilt.d.ts +39 -0
- package/dist/components/Toast/Toast.d.ts +1 -0
- package/dist/index.cjs +23 -30
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.js +6466 -1073
- package/dist/index.js.map +1 -0
- package/dist/theme/components/input.d.ts +2 -0
- package/package.json +27 -13
- package/dist/components/Toast/index.d.ts +0 -1
- package/dist/global.d.ts +0 -181
- package/dist/vite-env.d.ts +0 -1
|
@@ -1,6 +1,32 @@
|
|
|
1
1
|
import { ButtonBaseProps } from '@mui/material';
|
|
2
2
|
export type SquareButtonProps = ButtonBaseProps & {
|
|
3
|
+
/**
|
|
4
|
+
* Icon to display in the button
|
|
5
|
+
*/
|
|
3
6
|
icon: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Text label for the button
|
|
9
|
+
*/
|
|
4
10
|
label: string;
|
|
11
|
+
/**
|
|
12
|
+
* Disable the tilt effect
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
disableTilt?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Rotation range for the tilt effect in degrees
|
|
18
|
+
* @default 10
|
|
19
|
+
*/
|
|
20
|
+
rotationRange?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Scale factor to apply on hover
|
|
23
|
+
* @default 1.05
|
|
24
|
+
*/
|
|
25
|
+
scaleOnHover?: number;
|
|
26
|
+
/**
|
|
27
|
+
* We need to support the `to` prop for the `Link` component
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
to?: string;
|
|
5
31
|
};
|
|
6
|
-
export declare const SquareButton: import('react').MemoExoticComponent<({ icon, label, ...squareButtonRestProps }: SquareButtonProps) => import("react/jsx-runtime").JSX.Element>;
|
|
32
|
+
export declare const SquareButton: import('react').MemoExoticComponent<({ icon, label, disableTilt, rotationRange, scaleOnHover, ...squareButtonRestProps }: SquareButtonProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -18,9 +18,18 @@ export declare const TriangleDownIcon: import('react').ComponentType<IconBasePro
|
|
|
18
18
|
export declare const TriangleUpIcon: import('react').ComponentType<IconBaseProps & {
|
|
19
19
|
sx?: SxProps;
|
|
20
20
|
} & import('../..').WithSxProps>;
|
|
21
|
+
export declare const ChevronRightIcon: import('react').ComponentType<IconBaseProps & {
|
|
22
|
+
sx?: SxProps;
|
|
23
|
+
} & import('../..').WithSxProps>;
|
|
21
24
|
export declare const CoreIcon: import('react').ComponentType<IconBaseProps & {
|
|
22
25
|
sx?: SxProps;
|
|
23
26
|
} & import('../..').WithSxProps>;
|
|
27
|
+
export declare const VeloraIcon: import('react').ComponentType<IconBaseProps & {
|
|
28
|
+
sx?: SxProps;
|
|
29
|
+
} & import('../..').WithSxProps>;
|
|
30
|
+
export declare const AvalancheHorizontalIcon: import('react').ComponentType<IconBaseProps & {
|
|
31
|
+
sx?: SxProps;
|
|
32
|
+
} & import('../..').WithSxProps>;
|
|
24
33
|
/**
|
|
25
34
|
* Sidebar Icons
|
|
26
35
|
*/
|
|
@@ -87,6 +96,9 @@ export declare const CloudAlertIcon: import('react').ComponentType<IconBaseProps
|
|
|
87
96
|
export declare const CloudDownloadIcon: import('react').ComponentType<IconBaseProps & {
|
|
88
97
|
sx?: SxProps;
|
|
89
98
|
} & import('../..').WithSxProps>;
|
|
99
|
+
export declare const CoinbaseIcon: import('react').ComponentType<IconBaseProps & {
|
|
100
|
+
sx?: SxProps;
|
|
101
|
+
} & import('../..').WithSxProps>;
|
|
90
102
|
export declare const DeployedCodeIcon: import('react').ComponentType<IconBaseProps & {
|
|
91
103
|
sx?: SxProps;
|
|
92
104
|
} & import('../..').WithSxProps>;
|
|
@@ -108,6 +120,9 @@ export declare const ExportIcon: import('react').ComponentType<IconBaseProps & {
|
|
|
108
120
|
export declare const LandscapeIcon: import('react').ComponentType<IconBaseProps & {
|
|
109
121
|
sx?: SxProps;
|
|
110
122
|
} & import('../..').WithSxProps>;
|
|
123
|
+
export declare const MetaMaskIcon: import('react').ComponentType<IconBaseProps & {
|
|
124
|
+
sx?: SxProps;
|
|
125
|
+
} & import('../..').WithSxProps>;
|
|
111
126
|
export declare const MonitoringIcon: import('react').ComponentType<IconBaseProps & {
|
|
112
127
|
sx?: SxProps;
|
|
113
128
|
} & import('../..').WithSxProps>;
|
|
@@ -117,6 +132,9 @@ export declare const PChainIcon: import('react').ComponentType<IconBaseProps & {
|
|
|
117
132
|
export declare const QrCodeIcon: import('react').ComponentType<IconBaseProps & {
|
|
118
133
|
sx?: SxProps;
|
|
119
134
|
} & import('../..').WithSxProps>;
|
|
135
|
+
export declare const RabbyIcon: import('react').ComponentType<IconBaseProps & {
|
|
136
|
+
sx?: SxProps;
|
|
137
|
+
} & import('../..').WithSxProps>;
|
|
120
138
|
export declare const SignatureIcon: import('react').ComponentType<IconBaseProps & {
|
|
121
139
|
sx?: SxProps;
|
|
122
140
|
} & import('../..').WithSxProps>;
|
|
@@ -144,3 +162,30 @@ export declare const WalletClosedIcon: import('react').ComponentType<IconBasePro
|
|
|
144
162
|
export declare const WalletOpenIcon: import('react').ComponentType<IconBaseProps & {
|
|
145
163
|
sx?: SxProps;
|
|
146
164
|
} & import('../..').WithSxProps>;
|
|
165
|
+
export declare const RefreshIcon: import('react').ComponentType<IconBaseProps & {
|
|
166
|
+
sx?: SxProps;
|
|
167
|
+
} & import('../..').WithSxProps>;
|
|
168
|
+
export declare const HideIcon: import('react').ComponentType<IconBaseProps & {
|
|
169
|
+
sx?: SxProps;
|
|
170
|
+
} & import('../..').WithSxProps>;
|
|
171
|
+
export declare const AddImageIcon: import('react').ComponentType<IconBaseProps & {
|
|
172
|
+
sx?: SxProps;
|
|
173
|
+
} & import('../..').WithSxProps>;
|
|
174
|
+
/**
|
|
175
|
+
* Transaction Icons
|
|
176
|
+
*/
|
|
177
|
+
export declare const ContractCallIcon: import('react').ComponentType<IconBaseProps & {
|
|
178
|
+
sx?: SxProps;
|
|
179
|
+
} & import('../..').WithSxProps>;
|
|
180
|
+
export declare const ApproveIcon: import('react').ComponentType<IconBaseProps & {
|
|
181
|
+
sx?: SxProps;
|
|
182
|
+
} & import('../..').WithSxProps>;
|
|
183
|
+
export declare const FillOrderIcon: import('react').ComponentType<IconBaseProps & {
|
|
184
|
+
sx?: SxProps;
|
|
185
|
+
} & import('../..').WithSxProps>;
|
|
186
|
+
export declare const UnwrapIcon: import('react').ComponentType<IconBaseProps & {
|
|
187
|
+
sx?: SxProps;
|
|
188
|
+
} & import('../..').WithSxProps>;
|
|
189
|
+
export declare const TransferIcon: import('react').ComponentType<IconBaseProps & {
|
|
190
|
+
sx?: SxProps;
|
|
191
|
+
} & import('../..').WithSxProps>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { SxProps, Theme } from '@mui/material';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export interface TiltProps {
|
|
4
|
+
/**
|
|
5
|
+
* Maximum rotation angle in degrees
|
|
6
|
+
* @default 20
|
|
7
|
+
*/
|
|
8
|
+
rotationRange?: number;
|
|
9
|
+
/**
|
|
10
|
+
* Whether to show the sheen effect on tilt
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
showSheen?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Additional CSS styles using MUI's sx prop format
|
|
16
|
+
*/
|
|
17
|
+
sx?: SxProps<Theme>;
|
|
18
|
+
/**
|
|
19
|
+
* Callback for when the element is clicked
|
|
20
|
+
*/
|
|
21
|
+
onClick?: () => void;
|
|
22
|
+
/**
|
|
23
|
+
* Callback for when the mouse enters the element
|
|
24
|
+
*/
|
|
25
|
+
onMouseEnter?: () => void;
|
|
26
|
+
/**
|
|
27
|
+
* Callback for when the mouse leaves the element
|
|
28
|
+
*/
|
|
29
|
+
onMouseLeave?: () => void;
|
|
30
|
+
/**
|
|
31
|
+
* Scale factor to apply on hover. Pass a number greater than 1 for a zoom effect.
|
|
32
|
+
* @default undefined (no scaling)
|
|
33
|
+
*/
|
|
34
|
+
scaleOnHover?: number;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* A wrapper component that adds 3D tilt effect to its children based on mouse position
|
|
38
|
+
*/
|
|
39
|
+
export declare const Tilt: ({ children, rotationRange, showSheen, scaleOnHover, sx, onClick, onMouseEnter, onMouseLeave, }: PropsWithChildren<TiltProps>) => import("react/jsx-runtime").JSX.Element;
|