@skip-go/widget 1.2.5 → 1.2.6-alpha.0

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 StyledPrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const StyledSecondaryButton: 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,3 @@
+/// <reference types="react" />
+export declare const StyledPrimaryDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPrimaryBrandDiv: 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,4 @@
-export declare const SwapWidgetUI: ({ className, style, }: Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'>) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+type SwapWidgetUIProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
+export declare const SwapWidgetUI: ({ className, style }: SwapWidgetUIProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

package/build/ui/theme.d.ts

@@ -0,0 +1,36 @@
+import 'styled-components';
+export declare const defaultTheme: {
+    primary: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        brandColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+};
+type NestedPartial<T> = {
+    [K in keyof T]?: Partial<T[K]>;
+};
+export type PartialTheme = NestedPartial<Theme> | undefined;
+export type Theme = {
+    primary: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+        brandColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+};
+declare module 'styled-components' {
+    interface DefaultTheme extends Theme {
+    }
+}
+export {};

package/build/utils/withStyledComponent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("styled-components").ExecutionProps & import("react").RefAttributes<(props: {
+    [x: string]: any;
+    theme: any;
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element | null>> & {};
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "1.2.5",
+  "version": "1.2.6-alpha.0",
   "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",