@dhedge/trading-widget 0.1.0 → 1.0.0

package/trading-widget/components/widget/widget-overlay/trading-overlay/trading-summary/trading-summary.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from 'react';
+export declare const TradingSummary: FC;

package/trading-widget/components/widget/widget-settings/widget-settings.d.ts

@@ -1,5 +1,5 @@
-import type { TradingPanelType } from 'core-kit/types';
 import type { FC } from 'react';
+import type { TradingPanelType } from 'core-kit/types';
 interface WidgetSettingsProps {
     tradingType: TradingPanelType;
 }

package/trading-widget/providers/config-provider/config-provider.types.d.ts

@@ -12,6 +12,11 @@ export interface ConfigProviderParams {
     defaultPrecision: number;
     stakingChainId: ChainId;
     termsOfUseAccepted: boolean;
+    standalone: boolean;
+    chainConfig: Partial<Record<ChainId, {
+        name: string;
+        iconPath: string;
+    }>>;
 }
 export interface ConfigProviderActions {
     onConnect: () => void;
@@ -19,8 +24,8 @@ export interface ConfigProviderActions {
 }
 export interface ConfigProviderProps {
     config?: {
-        params: Partial<ConfigProviderParams>;
-        actions: Partial<ConfigProviderActions>;
+        params?: Partial<ConfigProviderParams>;
+        actions?: Partial<ConfigProviderActions>;
     };
 }
 export type ConfigProviderState = {

package/trading-widget/providers/theme-provider/theme-provider.types.d.ts

@@ -17,6 +17,7 @@ export interface ThemeProviderConfigProps {
             colorTextLoading?: string;
             colorTextError?: string;
             colorTextWarning?: string;
+            colorIcon?: string;
         };
         size?: {
             gap?: string;
@@ -29,6 +30,12 @@ export interface ThemeProviderConfigProps {
             lineHeightSm?: string;
             fontSizeLg?: string;
             lineHeightLg?: string;
+            iconSize?: string;
+            iconSizeSm?: string;
+            iconSecondarySize?: string;
+            iconSecondarySizeSm?: string;
+            labelFontSize?: string;
+            labelLineHeight?: string;
         };
         style?: {
             radiusPrimary?: string;
@@ -41,9 +48,169 @@ export interface ThemeProviderConfigProps {
         };
     };
     component?: {
-        color?: object;
-        size?: object;
-        style?: object;
+        popup?: {
+            color?: {
+                colorText?: string;
+                colorBg?: string;
+                colorBorder?: string;
+            };
+            size?: {
+                fontSize?: string;
+            };
+            style?: object;
+        };
+        popupList?: {
+            color?: {
+                itemBgEven?: string;
+                itemBgOdd?: string;
+                headerBg?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+        tabGroup?: {
+            color?: object;
+            size?: {
+                px?: string;
+            };
+            style?: object;
+        };
+        tabContent?: {
+            color?: object;
+            size?: {
+                pt?: string;
+                px?: string;
+                pb?: string;
+                gap?: string;
+            };
+            style?: object;
+        };
+        tab?: {
+            color?: {
+                colorBg?: string;
+                colorText?: string;
+                selectColorText?: string;
+                colorTextHover?: string;
+            };
+            size?: {
+                px?: string;
+                py?: string;
+                fontSize?: string;
+            };
+            style?: {
+                fontWeight?: string;
+                lineHeight?: string;
+            };
+        };
+        balance?: {
+            color?: {
+                colorText?: string;
+                priceColorText?: string;
+            };
+            size?: {
+                px?: string;
+                gap?: string;
+                fontSize?: string;
+                lineHeight?: string;
+                priceFontSize?: string;
+                priceLineHeight?: string;
+            };
+            style?: object;
+        };
+        inputGroup?: {
+            color?: object;
+            size?: {
+                px?: string;
+                gap?: string;
+            };
+            style?: object;
+        };
+        input?: {
+            color?: {
+                textColor?: string;
+                loadingTextColor?: string;
+                bgColor?: string;
+                bgColorFocus?: string;
+                borderColor?: string;
+                borderColorFocus?: string;
+                placeholderColor?: string;
+                buttonBgColor?: string;
+                buttonBorderColor?: string;
+                buttonTextColor?: string;
+            };
+            size?: {
+                px?: string;
+                py?: string;
+                gap?: string;
+                priceGap?: string;
+                iconSize?: string;
+                iconSizeSm?: string;
+                labelFontSize?: string;
+                labelLineHeight?: string;
+                fontSize?: string;
+                lineHeight?: string;
+                fontSizeLg?: string;
+                lineHeightLg?: string;
+                tokenFontSize?: string;
+                tokenLineHeight?: string;
+                tokenFontSizeSm?: string;
+                tokenLineHeightSm?: string;
+                buttonPx?: string;
+                buttonPy?: string;
+                buttonFontSize?: string;
+                buttonLineHeight?: string;
+            };
+            style?: {
+                radius?: string;
+                labelFontWeight?: string;
+                fontWeight?: string;
+                tokenFontWeight?: string;
+                buttonRadius?: string;
+            };
+        };
+        actionButton?: {
+            color?: {
+                colorBgFrom?: string;
+                colorBgTo?: string;
+                colorBgFromHover?: string;
+                colorBgToHover?: string;
+                colorBorder?: string;
+                colorText?: string;
+                outlineColorBorder?: string;
+                outlineColorBorderHover?: string;
+                outlineColorText?: string;
+            };
+            size?: {
+                borderWidth?: string;
+            };
+            style?: object;
+        };
+        meta?: {
+            color?: {
+                linkTextColor?: string;
+                panelBgHover?: string;
+            };
+            size?: {
+                gap?: string;
+                px?: string;
+            };
+            style?: object;
+        };
+        tooltip?: {
+            color?: {
+                colorBg?: string;
+            };
+            size?: object;
+            style?: object;
+        };
+        switch?: {
+            color?: {
+                colorBgChecked?: string;
+                colorBg?: string;
+            };
+            size?: object;
+            style?: object;
+        };
     };
 }
 export interface ThemeProviderProps {

package/trading-widget/providers/translation-provider/translation-provider.types.d.ts

@@ -65,6 +65,14 @@ export type TranslationMap = {
     highSlippageQuoteDiff: string;
     highSlippageRisk: string;
     confirm: string;
+    selectToken: string;
+    sendingOrderToWallet: string;
+    settingUpTx: string;
+    updateSynthetixOracles: string;
+    approveSpending: string;
+    pay: string;
+    multiAssetFractions: string;
+    explorer: string;
     [key: string]: string;
 };
 export interface TranslationProviderProps {

package/trading-widget/types/overlay.types.d.ts

@@ -2,6 +2,9 @@ export declare const OVERLAY: {
     readonly TERMS_OF_USE: "TERMS_OF_USE";
     readonly HIGH_SLIPPAGE: "HIGH_SLIPPAGE";
     readonly FMED_WITHDRAWAL: "FMED_WITHDRAWAL";
+    readonly TOKEN_SELECT: "TOKEN_SELECT";
+    readonly POOL_SELECT: "POOL_SELECT";
+    readonly TRADING: "TRADING";
 };
 export type OverlayType = (typeof OVERLAY)[keyof typeof OVERLAY];
 export interface OverlayProps {