@skip-go/widget 1.3.1 → 2.0.1

package/build/provider/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { SkipRouterOptions } from '@skip-go/core';
-import { ToasterProps } from 'react-hot-toast';
 import { DefaultRouteConfig } from '../hooks/use-swap-widget';
 import { RouteConfig } from '../hooks/use-route';
 interface WalletProviderProps {
@@ -12,7 +11,6 @@ export interface WidgetConfig {
 }
 export interface SwapWidgetProviderProps extends SkipAPIProviderProps {
     children: React.ReactNode;
-    toasterProps?: ToasterProps;
 }
 export interface SkipAPIProviderProps {
     children: React.ReactNode;

package/build/store/swap-widget.d.ts

@@ -2,9 +2,6 @@ import { DefaultRouteConfig } from '../hooks/use-swap-widget';
 import { RouteConfig } from '../hooks/use-route';
 import { PersistOptions } from 'zustand/middleware';
 interface SwapWidgetStore {
-    colors: {
-        primary?: string;
-    };
     onlyTestnet?: boolean;
     defaultRoute?: DefaultRouteConfig;
     routeConfig?: RouteConfig;
@@ -57,12 +54,6 @@ export declare const useSwapWidgetUIStore: import("zustand").UseBoundStore<Omit<
     };
 }>;
 export interface ConfigureSwapWidgetArgs {
-    colors?: {
-        /**
-         * @default '#FF486E'
-         */
-        primary?: string;
-    };
     settings?: {
         /**
          * gas amount for validation

package/build/ui/AssetSelect/AssetSelectContent.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import * as ScrollArea from '@radix-ui/react-scroll-area';
 import { Asset } from '@skip-go/core';
 interface Props {
     assets?: Asset[];
@@ -9,3 +11,6 @@ interface Props {
 }
 declare function AssetSelectContent({ assets, balances, onChange, onClose, showChainInfo, isBalancesLoading, }: Props): import("react/jsx-runtime").JSX.Element;
 export default AssetSelectContent;
+export declare const StyledScrollAreaRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<ScrollArea.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<ScrollArea.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/build/ui/StyledComponents/Buttons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledThemedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const StyledHighlightButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/build/ui/StyledComponents/Input.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/build/ui/StyledComponents/Theme.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledThemedDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBrandDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledBorderDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/build/ui/Widget.d.ts

@@ -1 +1,6 @@
-export declare const SwapWidgetUI: ({ className, style, }: Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'>) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+import { ToasterProps } from 'react-hot-toast';
+export type SwapWidgetUIProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> & {
+    toasterProps?: ToasterProps;
+};
+export declare const SwapWidgetUI: ({ className, style, toasterProps, }: SwapWidgetUIProps) => import("react/jsx-runtime").JSX.Element;

package/build/ui/WithStyledShadowDom.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const WithStyledShadowDom: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/ui/index.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 import { SwapWidgetProviderProps } from '../provider';
 import { ConfigureSwapWidgetArgs } from '../store/swap-widget';
-export type SwapWidgetWithoutProvidersProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'> & ConfigureSwapWidgetArgs;
+import { SwapWidgetUIProps } from './Widget';
+import { PartialTheme } from './theme';
+export type SwapWidgetWithoutProvidersProps = SwapWidgetUIProps & ConfigureSwapWidgetArgs & {
+    theme?: PartialTheme;
+};
 export type SwapWidgetProps = SwapWidgetWithoutProvidersProps & Partial<SwapWidgetProviderProps>;
 export declare const SwapWidgetWithoutProviders: React.FC<SwapWidgetWithoutProvidersProps>;
 export declare const SwapWidget: React.FC<SwapWidgetProps>;

package/build/ui/theme.d.ts

@@ -0,0 +1,20 @@
+import 'styled-components';
+export declare const defaultTheme: {
+    backgroundColor: string;
+    textColor: string;
+    borderColor: string;
+    brandColor: string;
+    highlightColor: string;
+};
+export type PartialTheme = Partial<Theme> | undefined;
+export type Theme = {
+    backgroundColor: string;
+    textColor: string;
+    borderColor: string;
+    brandColor: string;
+    highlightColor: string;
+};
+declare module 'styled-components' {
+    interface DefaultTheme extends Theme {
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "1.3.1",
+  "version": "2.0.1",
   "repository": "https://github.com/skip-mev/widget",
   "type": "module",
   "exports": {
@@ -24,7 +24,9 @@
   ],
   "peerDependencies": {
     "react": "17.x || 18.x",
-    "react-dom": "17.x || 18.x"
+    "react-dom": "17.x || 18.x",
+    "styled-components": "^6.0.0",
+    "stylis": "^4.0.0"
   },
   "resolutions": {
     "@cosmos-kit/cosmostation-extension": "^2.7.10",
@@ -72,7 +74,6 @@
     "match-sorter": "^6.3.4",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^5.2.1",
-    "react-shadow-scope": "^1.0.5",
     "tailwind-merge": "^2.3.0",
     "viem": "2.x",
     "wagmi": "2.x",

package/build/hooks/use-fix-radix-ui-wheel-event.d.ts

@@ -1 +0,0 @@
-export declare const useFixRadixUiWheelEvent: () => void;