@0xsquid/ui 0.26.0 → 0.27.1

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

@@ -1,15 +1,15 @@
-export type TextSize = 'small' | 'medium' | 'large';
-export type SwitchSize = 'small' | 'large';
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export type ButtonSize = 'md' | 'lg';
-export type SwapDirection = 'from' | 'to';
-export type BoostMode = 'normal' | 'boost';
-export type HistoryItemStatus = 'completed' | 'pending' | 'failed' | 'warning';
+export type TextSize = "small" | "medium" | "large";
+export type SwitchSize = "small" | "large";
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonSize = "md" | "lg";
+export type SwapDirection = "from" | "to";
+export type BoostMode = "normal" | "boost";
+export type HistoryItemStatus = "completed" | "pending" | "failed" | "warning";
 export type DescriptionBlock = {
-    type: 'string';
+    type: "string";
     value: string;
 } | {
-    type: 'image';
+    type: "image";
     value: string;
     rounded?: boolean;
 };
@@ -28,16 +28,17 @@ export declare enum SwapState {
     CONFIRMATION_REJECTED = 6,
     NEEDS_GAS = 7
 }
-export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
-export type ThemeType = 'light' | 'dark';
-export type ActionStatus = 'pending' | 'waiting' | 'ongoing' | 'executed' | 'success' | 'error' | 'warning';
-export type InputMode = 'token' | 'price';
-export type TransactionStateVariant = 'full' | 'compact' | 'small';
-export type TokenPairVariant = 'horizontal' | 'vertical';
-export type TokenPairSize = 'small' | 'medium';
-export type ImageIconVariant = 'square' | 'round' | 'proportional';
-export type ImageIconSize = 'small' | 'medium' | 'large' | 'xlarge';
-export type ChainTypeFilter = 'source' | 'destination';
-export type StatusFilter = 'success' | 'ongoing' | 'error';
-export type AssetsButtonVariant = 'primary' | 'accent';
-export type PropertyListItemSize = 'small' | 'large';
+export type DetailsToolbarState = "full" | "loading" | "empty" | "error";
+export type ThemeType = "light" | "dark";
+export type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning";
+export type InputMode = "token" | "price";
+export type TransactionStateVariant = "full" | "compact" | "small";
+export type TokenPairVariant = "horizontal" | "vertical";
+export type TokenPairSize = "small" | "medium";
+export type ImageVariant = "square" | "round" | "proportional";
+export type ImageSize = "small" | "medium" | "large" | "xlarge";
+export type ChainTypeFilter = "source" | "destination";
+export type StatusFilter = "success" | "ongoing" | "error";
+export type AssetsButtonVariant = "primary" | "accent";
+export type PropertyListItemSize = "small" | "large";
+export type DropdownPosition = "top" | "bottom" | "center";

package/dist/cjs/types/types/config.d.ts

@@ -2,26 +2,26 @@
  * The color format must be of type #FFFFFF
  */
 export type ColorType = `#${string}${string}${string}${string}${string}${string}`;
-declare const INTERNAL_SQUID_THEME_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-700", "status-positive", "status-negative", "status-partial", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "grey-100-005", "material-light-blend-grey-900", "volt-700"];
+declare const INTERNAL_SQUID_THEME_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-700", "status-positive", "status-negative", "status-partial", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "grey-100-005", "material-light-blend-grey-900", "material-light-blend-grey-800", "volt-700"];
 export type InternalSquidTheme = Record<(typeof INTERNAL_SQUID_THEME_KEYS)[number], string>;
 export type SquidTheme = {
-    'content-100': string;
-    'content-200': string;
-    'content-300': string;
-    'content-400': string;
-    'content-500': string;
-    'content-600': string;
-    'content-700': string;
-    'content-800': string;
-    'content-900': string;
-    'accent-300': string;
-    'accent-400': string;
-    'accent-500': string;
-    'accent-700': string;
-    'status-positive': string;
-    'status-negative': string;
-    'status-warning': string;
-    'highlight-700': string;
+    "content-100": string;
+    "content-200": string;
+    "content-300": string;
+    "content-400": string;
+    "content-500": string;
+    "content-600": string;
+    "content-700": string;
+    "content-800": string;
+    "content-900": string;
+    "accent-300": string;
+    "accent-400": string;
+    "accent-500": string;
+    "accent-700": string;
+    "status-positive": string;
+    "status-negative": string;
+    "status-warning": string;
+    "highlight-700": string;
 };
 export declare const SQUID_THEME_CSS_VARIABLE_PREFIX = "--squid-theme-";
 /**

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

@@ -1,2 +1,3 @@
-export type { SquidTheme } from './config';
-export type { SwapState, ThemeType, SwapStep, HistoryItemStatus, ActionStatus, AssetsButtonVariant, } from './components';
+export type { SquidTheme } from "./config";
+export * from "./utils";
+export type { SwapState, ThemeType, SwapStep, HistoryItemStatus, ActionStatus, AssetsButtonVariant, } from "./components";

package/dist/cjs/types/types/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Utility type to allow for a type to be either all of the properties of another type, or none of them
+ * @example
+ * type Person = { age: number } & AllOrNone<{ name: string, lastName: string }>
+ * const person: Person = { age: 30 } // ok
+ * const person: Person = { age: 30, name: "John" } // error, requires lastName
+ * const person: Person = { age: 30, name: "John", lastName: "Doe" } // ok, all properties are present
+ */
+export type AllOrNone<T> = T | {
+    [K in keyof T]?: never;
+};