@0xsquid/ui 0.2.0 → 1.0.0

package/dist/esm/types/components/index.d.ts

@@ -1,6 +1 @@
-export * from './badges';
 export * from './buttons';
-export * from './controls';
-export * from './layout';
-export * from './lists';
-export * from './typography';

package/dist/esm/types/index.d.ts

@@ -1,2 +1 @@
 export * from './components';
-export * from './providers';

package/dist/esm/types/providers/SquidConfigProvider.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ConfigTheme } from '../types/config';
+export declare function useSquidConfig(): ConfigTheme;
 export declare function SquidConfigProvider({ theme, children, }: {
     theme?: ConfigTheme;
     children?: React.ReactNode;

package/dist/index.d.ts

@@ -1,21 +1,5 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
-
-interface BadgeImageProps {
-    imageUrl?: string;
-    badgeUrl?: string;
-    size?: BadgeSize;
-    extraMarginForBadge?: boolean;
-    rounded?: boolean;
-}
-type BadgeSize = 'sm' | 'md';
-declare function BadgeImage({ imageUrl, badgeUrl, size, extraMarginForBadge, rounded, }: BadgeImageProps): react_jsx_runtime.JSX.Element | null;
-
-interface UsdAmountProps {
-    usdAmount: number;
-}
-declare function UsdAmount({ usdAmount }: UsdAmountProps): react_jsx_runtime.JSX.Element;
 
 interface AddressButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label: string;
@@ -31,18 +15,9 @@ interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
 
-type TextSize = 'small' | 'medium' | 'large';
-type SwitchSize = 'small' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 type ButtonSize = 'md' | 'lg';
-type SwapDirection = 'from' | 'to';
 type BoostMode = 'normal' | 'boost';
-declare enum DetailsToolbarState {
-    FULL = 0,
-    LOADING = 1,
-    EMPTY = 2,
-    ERROR = 3
-}
 
 interface BoostButtonProps {
     boostMode?: BoostMode;
@@ -76,195 +51,4 @@ declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: Dropdo
 
 declare function FeeButton(): react_jsx_runtime.JSX.Element;
 
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    placeholder?: string;
-    showIcon?: boolean;
-    showPasteButton?: boolean;
-    icon?: React.ReactNode;
-}
-declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): react_jsx_runtime.JSX.Element;
-
-interface SwitchProps {
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-    size: SwitchSize;
-}
-declare function Switch({ checked, onChange, size }: SwitchProps): react_jsx_runtime.JSX.Element;
-
-type TooltipWidth = 'max' | 'container';
-type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
-interface TooltipProps {
-    children: React$1.ReactNode;
-    tooltipContent: React$1.ReactNode;
-    threshold?: TooltipThreshold;
-    tooltipWidth?: TooltipWidth;
-    className?: string;
-}
-declare function Tooltip({ children, tooltipContent, tooltipWidth, threshold, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
-
-declare function Boost(): react_jsx_runtime.JSX.Element;
-
-interface DetailsToolbarProps {
-    state?: DetailsToolbarState;
-    errorMessage: string;
-}
-declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
-
-interface MenuProps extends React$1.ComponentProps<'div'> {
-    menuClassName?: string;
-    contentClassName?: string;
-}
-declare function Menu({ children, menuClassName, contentClassName, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-
-interface ModalProps {
-    children: React.ReactNode;
-}
-declare function Modal({ children }: ModalProps): react_jsx_runtime.JSX.Element;
-
-interface NavigationBarProps {
-    title?: string;
-    displayBackButton?: boolean;
-    logoUrl?: string;
-}
-declare function NavigationBar({ title, displayBackButton, logoUrl, }: NavigationBarProps): react_jsx_runtime.JSX.Element;
-
-interface ProductCardProps {
-    children?: React.ReactNode;
-}
-declare function ProductCard({ children }: ProductCardProps): react_jsx_runtime.JSX.Element;
-
-interface SwapConfigurationProps {
-    direction: SwapDirection;
-    priceImpactPercentage?: number;
-    amount?: number;
-    swapAmountUsd?: number;
-    balance?: string;
-    isFetching?: boolean;
-    chain?: {
-        iconUrl: string;
-    };
-    token?: {
-        iconUrl: string;
-        symbol: string;
-    };
-}
-declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
-
-interface WalletAddressProps {
-    ens?: string;
-    address?: string;
-}
-declare function WalletAddress({ address, ens }: WalletAddressProps): react_jsx_runtime.JSX.Element;
-
-interface DropdownMenuItemProps {
-    label: string;
-    imageUrl?: string;
-    icon?: React.ReactNode;
-}
-declare function DropdownMenuItem({ label, imageUrl, icon, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
-
-interface HistoryItemProps {
-    firstImageUrl: string;
-    secondImageUrl: string;
-    isPending?: boolean;
-    fromLabel: string;
-    toLabel: string;
-    pendingLabel?: string;
-    dateCompleted: string;
-    fromAmount: string;
-    toAmount: string;
-}
-declare function HistoryItem({ firstImageUrl, secondImageUrl, isPending, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, pendingLabel, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
-
-interface ListItemProps {
-    title: string | React.ReactNode;
-    mainImageUrl?: string;
-    secondaryImageUrl?: string;
-    subtitle?: string;
-    detail?: string;
-    icon?: React.ReactNode;
-    size?: ListItemSize;
-    mainIcon?: React.ReactNode;
-    className?: string;
-}
-type ListItemSize = 'small' | 'large';
-declare function ListItem({ title, mainImageUrl, subtitle, detail, icon, secondaryImageUrl, size, mainIcon, className, }: ListItemProps): react_jsx_runtime.JSX.Element;
-
-interface MenuItemProps {
-    label: string;
-    imageUrl?: string;
-    icon?: React.ReactNode;
-}
-declare function MenuItem({ label, imageUrl, icon }: MenuItemProps): react_jsx_runtime.JSX.Element;
-
-interface SectionTitleProps {
-    title: string;
-    icon?: React.ReactNode;
-    accessory?: string | null;
-    actionIcon?: React.ReactNode;
-    className?: string;
-}
-declare function SectionTitle({ title, icon, accessory, actionIcon, className, }: SectionTitleProps): react_jsx_runtime.JSX.Element;
-
-interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children: string | undefined;
-    size: TextSize;
-    bold?: boolean;
-}
-declare function BodyText({ size, children, bold, ...props }: BodyTextProps): react_jsx_runtime.JSX.Element;
-
-interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children?: string;
-    bold?: boolean;
-}
-declare function CaptionText({ children, bold, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
-
-interface HeadingTextProps {
-    children: string;
-    size: TextSize;
-    bold?: boolean;
-}
-declare function HeadingText({ children, bold, size }: HeadingTextProps): react_jsx_runtime.JSX.Element;
-
-interface ConfigTheme {
-    'grey-100': string;
-    'grey-200': string;
-    'grey-300': string;
-    'grey-400': string;
-    'grey-500': string;
-    'grey-600': string;
-    'grey-700': string;
-    'grey-800': string;
-    'grey-900': string;
-    'royal-100': string;
-    'royal-200': string;
-    'royal-300': string;
-    'royal-400': string;
-    'royal-500': string;
-    'royal-600': string;
-    'royal-700': string;
-    'royal-800': string;
-    'status-positive': string;
-    'status-negative': string;
-    'material-light-thin': string;
-    'material-light-average': string;
-    'material-light-thick': string;
-    'material-dark-thin': string;
-    'material-dark-average': string;
-    'material-dark-thick': string;
-    'volt-300': string;
-    'volt-400': string;
-    'volt-600': string;
-    'volt-700': string;
-    'volt-800': string;
-    'volt-900': string;
-    'accent-salmon': string;
-    'accent-gold': string;
-}
-
-declare function SquidConfigProvider({ theme, children, }: {
-    theme?: ConfigTheme;
-    children?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { AddressButton, ArrowButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, Dropdown, DropdownMenuItem, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, ProductCard, SectionTitle, SquidConfigProvider, SwapConfiguration, Switch, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, WalletAddress };
+export { AddressButton, ArrowButton, BoostButton, Button, Chip, Dropdown, FeeButton };

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/api-widget.git"
   },
   "description": "Squid's UI components",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -25,6 +25,8 @@
   "dependencies": {
     "clsx": "2.1.0",
     "color": "4.2.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "tailwind-merge": "2.3.0"
   },
   "main": "dist/cjs/index.js",
@@ -71,7 +73,6 @@
     "release-it": "16.3.0",
     "rollup": "^4.17.2",
     "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^8.0.1",
     "tailwindcss": "3.4.1",
     "ts-loader": "9.5.1",
@@ -99,9 +100,5 @@
     "npm": {
       "publish": false
     }
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
   }
 }

package/dist/cjs/types/components/badges/index.d.ts

@@ -1,2 +0,0 @@
-export * from './BadgeImage';
-export * from './UsdAmount';

package/dist/cjs/types/components/controls/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Input';
-export * from './Switch';
-export * from './Tooltip';

package/dist/cjs/types/components/layout/index.d.ts

@@ -1,8 +0,0 @@
-export * from './Boost';
-export * from './DetailsToolbar';
-export * from './Menu';
-export * from './Modal';
-export * from './NavigationBar';
-export * from './ProductCard';
-export * from './SwapConfiguration';
-export * from './WalletAddress';

package/dist/cjs/types/components/lists/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DropdownMenuItem';
-export * from './HistoryItem';
-export * from './ListItem';
-export * from './MenuItem';
-export * from './SectionTitle';

package/dist/cjs/types/components/typography/index.d.ts

@@ -1,3 +0,0 @@
-export * from './BodyText';
-export * from './CaptionText';
-export * from './HeadingText';

package/dist/cjs/types/providers/index.d.ts

@@ -1 +0,0 @@
-export * from './SquidConfigProvider';

package/dist/esm/types/components/badges/index.d.ts

@@ -1,2 +0,0 @@
-export * from './BadgeImage';
-export * from './UsdAmount';

package/dist/esm/types/components/controls/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Input';
-export * from './Switch';
-export * from './Tooltip';

package/dist/esm/types/components/layout/index.d.ts

@@ -1,8 +0,0 @@
-export * from './Boost';
-export * from './DetailsToolbar';
-export * from './Menu';
-export * from './Modal';
-export * from './NavigationBar';
-export * from './ProductCard';
-export * from './SwapConfiguration';
-export * from './WalletAddress';

package/dist/esm/types/components/lists/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DropdownMenuItem';
-export * from './HistoryItem';
-export * from './ListItem';
-export * from './MenuItem';
-export * from './SectionTitle';

package/dist/esm/types/components/typography/index.d.ts

@@ -1,3 +0,0 @@
-export * from './BodyText';
-export * from './CaptionText';
-export * from './HeadingText';

package/dist/esm/types/providers/index.d.ts

@@ -1 +0,0 @@
-export * from './SquidConfigProvider';