@0xsquid/ui 0.13.6 → 0.13.8

package/dist/index.css

@@ -836,10 +836,6 @@ video {
   margin-top: 0.25rem;
 }
 
-.tw-inline-block {
-  display: inline-block;
-}
-
 .tw-flex {
   display: flex;
 }
@@ -1385,45 +1381,38 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.tw-rotate-90 {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 @keyframes tw-blur-in {
   0% {
     -webkit-backdrop-filter: blur(0px) saturate(0%);
             backdrop-filter: blur(0px) saturate(0%);
-    opacity: 0;
   }
 
   100% {
     -webkit-backdrop-filter: blur(20px) saturate(150%);
             backdrop-filter: blur(20px) saturate(150%);
-    opacity: 1;
+    background-color: var(--squid-theme-material-dark-average);
   }
 }
 
 .tw-animate-blur-in {
-  animation: tw-blur-in 0.2s ease-out both;
+  animation: tw-blur-in var(--squid-animation-blur-in-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
 }
 
 @keyframes tw-blur-out {
   0% {
     -webkit-backdrop-filter: blur(20px) saturate(150%);
             backdrop-filter: blur(20px) saturate(150%);
-    opacity: 1;
+    background-color: var(--squid-theme-material-dark-average);
   }
 
   100% {
     -webkit-backdrop-filter: blur(0px) saturate(0%);
             backdrop-filter: blur(0px) saturate(0%);
-    opacity: 0;
   }
 }
 
 .tw-animate-blur-out {
-  animation: tw-blur-out 0.2s ease-out both;
+  animation: tw-blur-out var(--squid-animation-blur-out-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
 }
 
 @keyframes tw-collapse-route {
@@ -1536,34 +1525,30 @@ video {
 
 @keyframes tw-slide-to-bottom {
   0% {
-    transform: translateY(0);
-    opacity: 1;
+    transform: translate3d(0, 0, 0);
   }
 
   100% {
-    transform: translateY(120px);
-    opacity: 0;
+    transform: translate3d(0, 650px, 0);
   }
 }
 
 .tw-animate-slide-to-bottom {
-  animation: tw-slide-to-bottom 0.2s ease-out both;
+  animation: tw-slide-to-bottom var(--squid-animation-slide-to-bottom-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
 }
 
 @keyframes tw-slide-to-top {
   0% {
-    transform: translateY(120px);
-    opacity: 0;
+    transform: translate3d(0, 650px, 0);
   }
 
   100% {
-    transform: translateY(0);
-    opacity: 1;
+    transform: translate3d(0, 0, 0);
   }
 }
 
 .tw-animate-slide-to-top {
-  animation: tw-slide-to-top 0.35s ease-out both;
+  animation: tw-slide-to-top var(--squid-animation-slide-to-top-duration, 0s) cubic-bezier(.165,.84,.44,1) both;
 }
 
 .tw-cursor-help {
@@ -1883,10 +1868,6 @@ video {
   background-color: inherit;
 }
 
-.tw-bg-material-dark-average {
-  background-color: var(--squid-theme-material-dark-average);
-}
-
 .tw-bg-material-dark-thick {
   background-color: var(--squid-theme-material-dark-thick);
 }

package/dist/index.d.ts

@@ -61,22 +61,20 @@ type SwapStep = {
     descriptionBlocks: SwapStepDescriptionBlock[];
     chipContent: React.ReactNode;
     link?: string;
-    status: TransactionStatus;
+    status: SwapState;
 };
+declare enum SwapState {
+    CONFIRM = 0,
+    PROGRESS = 1,
+    COMPLETED = 2,
+    ERROR = 3,
+    PARTIAL_SUCCESS = 4,
+    CONFIRMATION_TOO_LONG = 5,
+    CONFIRMATION_REJECTED = 6,
+    NEEDS_GAS = 7
+}
 type ThemeType = 'light' | 'dark';
 type SwapStepItemStatus = 'executed' | 'progress' | 'pending';
-declare enum TransactionStatus {
-    SUCCESS = "success",
-    NEEDS_GAS = "needs_gas",
-    ONGOING = "ongoing",
-    PARTIAL_SUCCESS = "partial_success",
-    NOT_FOUND = "not_found",
-    INITIAL_LOADING = "initialLoading",
-    ERROR = "error",
-    WARNING = "warning",
-    PENDING = "pending",
-    REJECTED = "rejected"
-}
 
 interface BoostButtonProps {
     boostMode: BoostMode;
@@ -493,7 +491,7 @@ type Token = {
     logoUrl: string;
     bgColor: string;
 };
-declare function SwapProgressView({ steps, isOpen, handleClose, socialLink, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, txStatus, }: {
+declare function SwapProgressView({ steps, isOpen, handleClose, socialLink, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, }: {
     steps: SwapStep[];
     handleClose?: () => void;
     isOpen?: boolean;
@@ -507,7 +505,8 @@ declare function SwapProgressView({ steps, isOpen, handleClose, socialLink, supp
     toChain: ChainData;
     fromAddressFormatted: string;
     toAddressFormatted: string;
-    txStatus: TransactionStatus;
+    swapState: SwapState;
+    estimatedTimeToComplete?: string;
 }): react_jsx_runtime.JSX.Element;
 
 type SquidTheme = {
@@ -549,4 +548,4 @@ declare function useDropdownMenu(props?: {
     openDropdownButtonRef: React.RefObject<HTMLButtonElement>;
 };
 
-export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, BorderedContainer, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, InfoBox, Input, ListItem, LoadingSkeleton, Menu, MenuItem, Modal, ModalContent, ModalContentDivider, NavigationBar, NumericInput, ProductCard, ProfileHeaderBackground, SectionTitle, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressView, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, UsdAmount, useDropdownMenu };
+export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, BorderedContainer, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, InfoBox, Input, ListItem, LoadingSkeleton, Menu, MenuItem, Modal, ModalContent, ModalContentDivider, NavigationBar, NumericInput, ProductCard, ProfileHeaderBackground, SectionTitle, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressView, SwapProgressViewHeader, SwapState, type SwapStep, SwapStepItem, SwapStepsCollapsed, Switch, type ThemeType, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, UsdAmount, useDropdownMenu };

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "0.13.6",
+  "version": "0.13.8",
   "author": "",
   "license": "MIT",
   "resolutions": {