@0xsquid/ui 0.27.4 → 0.27.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/types/components/buttons/StopsButton.d.ts +1 -0
  3. package/dist/esm/index.js +1 -1
  4. package/dist/esm/types/components/buttons/StopsButton.d.ts +1 -0
  5. package/dist/index.d.ts +1 -0
  6. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -17797,7 +17797,7 @@ function Providers({ providers }) {
17797
17797
  return (jsxRuntime.jsxs("div", { className: "tw-relative tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-self-stretch tw-rounded-squid-m tw-p-squid-xs", children: [jsxRuntime.jsx(Vector, { className: "tw-absolute -tw-top-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-bl-full tw-rounded-br-full tw-bg-royal-500 tw-bg-gradient-to-t tw-text-grey-500" }), jsxRuntime.jsx("div", { className: "tw-flex tw-h-squid-m tw-w-[44px] tw-max-w-[44px] tw-items-center tw-justify-center", children: providersToDisplay.map((provider, index, self) => (jsxRuntime.jsx("img", { style: {
17798
17798
  transform: `translate(${spacing[self.length][index]}px)`,
17799
17799
  zIndex: self.length - 1 - index,
17800
- }, src: provider.logoUrl, className: "tw-relative tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs tw-border-2 tw-border-grey-900 tw-bg-grey-900" }, provider.logoUrl))) }), jsxRuntime.jsx(Vector, { className: "tw-absolute -tw-bottom-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-tl-full tw-rounded-tr-full tw-bg-royal-500 tw-bg-gradient-to-b tw-text-grey-500" })] }));
17800
+ }, src: provider.logoUrl, className: "tw-relative tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs tw-border-2 tw-border-grey-900 tw-bg-grey-900" }, provider.key))) }), jsxRuntime.jsx(Vector, { className: "tw-absolute -tw-bottom-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-tl-full tw-rounded-tr-full tw-bg-royal-500 tw-bg-gradient-to-b tw-text-grey-500" })] }));
17801
17801
  }
17802
17802
  const Vector = ({ className }) => (jsxRuntime.jsx("div", { className: cn("tw-h-2.5 tw-w-1 tw-from-current tw-to-grey-900 group-hover/stops-button:tw-to-material-light-blend-grey-900", className) }));
17803
17803
 
package/dist/cjs/types/components/buttons/StopsButton.d.ts CHANGED
@@ -9,5 +9,6 @@ export interface StopsProps extends React.ComponentProps<"button"> {
9
9
  export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
10
10
  type Provider = {
11
11
  logoUrl: string;
12
+ key: string;
12
13
  };
13
14
  export {};
package/dist/esm/index.js CHANGED
@@ -17777,7 +17777,7 @@ function Providers({ providers }) {
17777
17777
  return (jsxs("div", { className: "tw-relative tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-1 tw-self-stretch tw-rounded-squid-m tw-p-squid-xs", children: [jsx(Vector, { className: "tw-absolute -tw-top-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-bl-full tw-rounded-br-full tw-bg-royal-500 tw-bg-gradient-to-t tw-text-grey-500" }), jsx("div", { className: "tw-flex tw-h-squid-m tw-w-[44px] tw-max-w-[44px] tw-items-center tw-justify-center", children: providersToDisplay.map((provider, index, self) => (jsx("img", { style: {
17778
17778
  transform: `translate(${spacing[self.length][index]}px)`,
17779
17779
  zIndex: self.length - 1 - index,
17780
- }, src: provider.logoUrl, className: "tw-relative tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs tw-border-2 tw-border-grey-900 tw-bg-grey-900" }, provider.logoUrl))) }), jsx(Vector, { className: "tw-absolute -tw-bottom-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-tl-full tw-rounded-tr-full tw-bg-royal-500 tw-bg-gradient-to-b tw-text-grey-500" })] }));
17780
+ }, src: provider.logoUrl, className: "tw-relative tw-h-squid-m tw-w-squid-m tw-rounded-squid-xxs tw-border-2 tw-border-grey-900 tw-bg-grey-900" }, provider.key))) }), jsx(Vector, { className: "tw-absolute -tw-bottom-0 tw-left-1/2 -tw-translate-x-1/2 tw-rounded-tl-full tw-rounded-tr-full tw-bg-royal-500 tw-bg-gradient-to-b tw-text-grey-500" })] }));
17781
17781
  }
17782
17782
  const Vector = ({ className }) => (jsx("div", { className: cn("tw-h-2.5 tw-w-1 tw-from-current tw-to-grey-900 group-hover/stops-button:tw-to-material-light-blend-grey-900", className) }));
17783
17783
 
package/dist/esm/types/components/buttons/StopsButton.d.ts CHANGED
@@ -9,5 +9,6 @@ export interface StopsProps extends React.ComponentProps<"button"> {
9
9
  export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
10
10
  type Provider = {
11
11
  logoUrl: string;
12
+ key: string;
12
13
  };
13
14
  export {};
package/dist/index.d.ts CHANGED
@@ -1339,6 +1339,7 @@ interface StopsProps extends React.ComponentProps<"button"> {
1339
1339
  }
1340
1340
  type Provider = {
1341
1341
  logoUrl: string;
1342
+ key: string;
1342
1343
  };
1343
1344
 
1344
1345
  interface DetailsToolbarProps {
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "0.27.4",
8
+ "version": "0.27.5",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {