@hyperlane-xyz/widgets 1.3.4 → 1.3.5-beta0

package/dist/cjs/color.d.ts

@@ -1,9 +1,13 @@
-export declare enum Color {
+export declare enum ColorPalette {
     Black = "#010101",
     White = "#FFFFFF",
+    Blue = "#2362C0",
+    DarkBlue = "#162A4A",
+    LightBlue = "#82A8E4",
+    Pink = "#CF2FB3",
     Gray = "#6B7280",
-    Blue = "#025AA1",
     Beige = "#F1EDE9",
     Red = "#BF1B15"
 }
+export declare function seedToBgColor(seed?: number): "htw-bg-gray-100" | "htw-bg-blue-100" | "htw-bg-pink-200" | "htw-bg-green-100" | "htw-bg-orange-200" | "htw-bg-violet-200";
 //# sourceMappingURL=color.d.ts.map

package/dist/cjs/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,QAAQ,YAAY;IACpB,SAAS,YAAY;IACrB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB;AAED,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,8HAiB1C"}

package/dist/cjs/color.js

@@ -1,13 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Color = void 0;
-var Color;
-(function (Color) {
-    Color["Black"] = "#010101";
-    Color["White"] = "#FFFFFF";
-    Color["Gray"] = "#6B7280";
-    Color["Blue"] = "#025AA1";
-    Color["Beige"] = "#F1EDE9";
-    Color["Red"] = "#BF1B15";
-})(Color = exports.Color || (exports.Color = {}));
+exports.seedToBgColor = exports.ColorPalette = void 0;
+var ColorPalette;
+(function (ColorPalette) {
+    ColorPalette["Black"] = "#010101";
+    ColorPalette["White"] = "#FFFFFF";
+    ColorPalette["Blue"] = "#2362C0";
+    ColorPalette["DarkBlue"] = "#162A4A";
+    ColorPalette["LightBlue"] = "#82A8E4";
+    ColorPalette["Pink"] = "#CF2FB3";
+    ColorPalette["Gray"] = "#6B7280";
+    ColorPalette["Beige"] = "#F1EDE9";
+    ColorPalette["Red"] = "#BF1B15";
+})(ColorPalette = exports.ColorPalette || (exports.ColorPalette = {}));
+function seedToBgColor(seed) {
+    if (!seed)
+        return 'htw-bg-gray-100';
+    const mod = seed % 5;
+    switch (mod) {
+        case 0:
+            return 'htw-bg-blue-100';
+        case 1:
+            return 'htw-bg-pink-200';
+        case 2:
+            return 'htw-bg-green-100';
+        case 3:
+            return 'htw-bg-orange-200';
+        case 4:
+            return 'htw-bg-violet-200';
+        default:
+            return 'htw-bg-gray-100';
+    }
+}
+exports.seedToBgColor = seedToBgColor;
 //# sourceMappingURL=color.js.map

package/dist/cjs/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":";;;AAAA,IAAY,KAOX;AAPD,WAAY,KAAK;IACf,0BAAiB,CAAA;IACjB,0BAAiB,CAAA;IACjB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,wBAAe,CAAA;AACjB,CAAC,EAPW,KAAK,GAAL,aAAK,KAAL,aAAK,QAOhB"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":";;;AAAA,IAAY,YAUX;AAVD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,gCAAgB,CAAA;IAChB,oCAAoB,CAAA;IACpB,qCAAqB,CAAA;IACrB,gCAAgB,CAAA;IAChB,gCAAgB,CAAA;IAChB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACjB,CAAC,EAVW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAUvB;AAED,SAAgB,aAAa,CAAC,IAAa;IACzC,IAAI,CAAC,IAAI;QAAE,OAAO,iBAAiB,CAAC;IACpC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC;IACrB,QAAQ,GAAG,EAAE;QACX,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,kBAAkB,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B;YACE,OAAO,iBAAiB,CAAC;KAC5B;AACH,CAAC;AAjBD,sCAiBC"}

package/dist/cjs/icons/Airplane.js

@@ -29,7 +29,7 @@ const color_1 = require("../color");
 // Paper airplane shape
 function _AirplaneIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.AirplaneIcon = (0, react_1.memo)(_AirplaneIcon);
 //# sourceMappingURL=Airplane.js.map

package/dist/cjs/icons/Airplane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}

package/dist/cjs/icons/ChainLogo.d.ts

@@ -1,21 +1,18 @@
-import React from 'react';
-type CustomLogo = (props: {
+import React, { ReactElement } from 'react';
+type SvgIcon = (props: {
     width: number;
     height: number;
     title?: string;
-}) => React.ReactElement;
+}) => ReactElement;
 export interface ChainLogoProps {
     chainId?: number;
     chainName?: string;
     size?: number;
     color?: boolean;
     background?: boolean;
-    customLogos?: Record<number, {
-        color: CustomLogo;
-        black: CustomLogo;
-    }>;
+    icon?: SvgIcon;
 }
-declare function _ChainLogo({ chainId, chainName, size, color, background, customLogos, }: ChainLogoProps): JSX.Element;
+declare function _ChainLogo({ chainId, chainName, size, color, background, icon, }: ChainLogoProps): JSX.Element;
 export declare const ChainLogo: React.MemoExoticComponent<typeof _ChainLogo>;
 export {};
 //# sourceMappingURL=ChainLogo.d.ts.map

package/dist/cjs/icons/ChainLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAgDrE,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,eA+BhB;AAsCD,eAAO,MAAM,SAAS,8CAAmB,CAAC"}
+{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAQ,MAAM,OAAO,CAAC;AA0BlD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAyB1F,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,IAAI,GACL,EAAE,cAAc,eA2BhB;AAED,eAAO,MAAM,SAAS,8CAAmB,CAAC"}

package/dist/cjs/icons/ChainLogo.js

@@ -47,6 +47,7 @@ const Gnosis_2 = __importDefault(require("../logos/color/Gnosis"));
 const Moonbeam_2 = __importDefault(require("../logos/color/Moonbeam"));
 const Optimism_2 = __importDefault(require("../logos/color/Optimism"));
 const Polygon_2 = __importDefault(require("../logos/color/Polygon"));
+const Circle_1 = require("./Circle");
 const QuestionMark_1 = require("./QuestionMark");
 // Keep up to date as new chains are added or
 // icon will fallback to default (question mark)
@@ -70,52 +71,21 @@ const CHAIN_TO_LOGO = {
     [sdk_1.chainMetadata.polygon.chainId]: { black: Polygon_1.default, color: Polygon_2.default },
     [sdk_1.chainMetadata.sepolia.chainId]: { black: Ethereum_1.default, color: Ethereum_2.default },
 };
-function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, customLogos = {}, }) {
-    var _a, _b;
+function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, icon, }) {
+    var _a;
     const colorType = color ? 'color' : 'black';
     const title = chainName || (chainId === null || chainId === void 0 ? void 0 : chainId.toString()) || 'Unknown';
     const iconSize = Math.floor(size / 1.9);
-    const ImageSrc = chainId
-        ? ((_a = customLogos[chainId]) === null || _a === void 0 ? void 0 : _a[colorType]) || ((_b = CHAIN_TO_LOGO[chainId]) === null || _b === void 0 ? void 0 : _b[colorType])
-        : null;
-    if (!ImageSrc) {
-        let icon;
-        if (chainName) {
-            icon = react_1.default.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase());
-        }
-        else {
-            icon = react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize });
-        }
-        return (react_1.default.createElement(Circle, { size: size, title: title, classes: getBackgroundColor(chainId) }, icon));
+    const ImageNode = icon !== null && icon !== void 0 ? icon : (chainId ? (_a = CHAIN_TO_LOGO[chainId]) === null || _a === void 0 ? void 0 : _a[colorType] : null);
+    if (!ImageNode) {
+        return (react_1.default.createElement(Circle_1.Circle, { size: size, title: title, bgColorSeed: chainId || 0 }, chainName ? (react_1.default.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (react_1.default.createElement(QuestionMark_1.QuestionMarkIcon, { width: iconSize, height: iconSize }))));
     }
     if (background) {
-        return (react_1.default.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
-            react_1.default.createElement(ImageSrc, { width: iconSize, height: iconSize })));
+        return (react_1.default.createElement(Circle_1.Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
+            react_1.default.createElement(ImageNode, { width: iconSize, height: iconSize })));
     }
     else {
-        return react_1.default.createElement(ImageSrc, { width: size, height: size, title: title });
-    }
-}
-function Circle({ size, title, classes, children, }) {
-    return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all ${classes}`, title: title }, children));
-}
-function getBackgroundColor(chainId) {
-    if (!chainId)
-        return 'htw-bg-gray-100';
-    const mod = chainId % 5;
-    switch (mod) {
-        case 0:
-            return 'htw-bg-blue-100';
-        case 1:
-            return 'htw-bg-pink-200';
-        case 2:
-            return 'htw-bg-green-100';
-        case 3:
-            return 'htw-bg-orange-200';
-        case 4:
-            return 'htw-bg-violet-200';
-        default:
-            return 'htw-bg-gray-100';
+        return react_1.default.createElement(ImageNode, { width: size, height: size, title: title });
     }
 }
 exports.ChainLogo = (0, react_1.memo)(_ChainLogo);

package/dist/cjs/icons/ChainLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/icons/Circle.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export declare function Circle({ size, title, bgColorSeed, classes, children, }: PropsWithChildren<{
+    size: string | number;
+    title: string;
+    bgColorSeed?: number;
+    classes?: string;
+}>): JSX.Element;
+//# sourceMappingURL=Circle.d.ts.map

package/dist/cjs/icons/Circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,eAYD"}

package/dist/cjs/icons/Circle.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Circle = void 0;
+const react_1 = __importDefault(require("react"));
+const color_1 = require("../color");
+function Circle({ size, title, bgColorSeed, classes, children, }) {
+    const bgColor = bgColorSeed === null || bgColorSeed == undefined ? '' : (0, color_1.seedToBgColor)(bgColorSeed);
+    return (react_1.default.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden ${bgColor} ${classes}`, title: title }, children));
+}
+exports.Circle = Circle;
+//# sourceMappingURL=Circle.js.map

package/dist/cjs/icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiD;AAEjD,oCAAyC;AAEzC,SAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GAMR;IACA,MAAM,OAAO,GACX,WAAW,KAAK,IAAI,IAAI,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,WAAW,CAAC,CAAC;IACrF,OAAO,CACL,uCACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,oGAAoG,OAAO,IAAI,OAAO,EAAE,EACnI,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAvBD,wBAuBC"}

package/dist/cjs/icons/Envelope.js

@@ -29,8 +29,8 @@ const color_1 = require("../color");
 // Envelope with checkmark
 function _EnvelopeIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || color_1.Color.Blue }),
-        react_1.default.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || color_1.ColorPalette.Blue }),
+        react_1.default.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.EnvelopeIcon = (0, react_1.memo)(_EnvelopeIcon);
 //# sourceMappingURL=Envelope.js.map

package/dist/cjs/icons/Envelope.js.map

@@ -1 +1 @@
-{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB;QACF,wCACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC;QACF,wCACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,aAAa,CAAC,CAAC"}

package/dist/cjs/icons/Lock.js

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const color_1 = require("../color");
 function _LockIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 15 18", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.LockIcon = (0, react_1.memo)(_LockIcon);
 //# sourceMappingURL=Lock.js.map

package/dist/cjs/icons/Lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,QAAQ,GAAG,IAAA,YAAI,EAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,QAAQ,GAAG,IAAA,YAAI,EAAC,SAAS,CAAC,CAAC"}

package/dist/cjs/icons/QuestionMark.js

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const color_1 = require("../color");
 function _QuestionMarkIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "13.7 6 20.65 38", className: classes },
-        react_1.default.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || color_1.Color.Black })));
+        react_1.default.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || color_1.ColorPalette.Black })));
 }
 exports.QuestionMarkIcon = (0, react_1.memo)(_QuestionMarkIcon);
 //# sourceMappingURL=QuestionMark.js.map

package/dist/cjs/icons/QuestionMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,KAAK,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,wCACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,KAAK,GACjC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAC,iBAAiB,CAAC,CAAC"}

package/dist/cjs/icons/Shield.js

@@ -29,7 +29,7 @@ const color_1 = require("../color");
 // Shield with checkmark
 function _ShieldIcon({ width, height, color, classes }) {
     return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || color_1.Color.Blue })));
+        react_1.default.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || color_1.ColorPalette.Blue })));
 }
 exports.ShieldIcon = (0, react_1.memo)(_ShieldIcon);
 //# sourceMappingURL=Shield.js.map

package/dist/cjs/icons/Shield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,YAAI,EAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AASxC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,wCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAEY,QAAA,UAAU,GAAG,IAAA,YAAI,EAAC,WAAW,CAAC,CAAC"}

package/dist/cjs/icons/WideChevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eA6C5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}
+{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eAgD5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}

package/dist/cjs/icons/WideChevron.js

@@ -45,12 +45,12 @@ function _WideChevron({ width, height, direction, color, rounded, classes }) {
             throw new Error(`Invalid chevron direction ${direction}`);
     }
     if (rounded) {
-        return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || color_1.Color.Blue, className: `${directionClass} ${classes}` },
+        return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || color_1.ColorPalette.Blue, className: `${directionClass} ${classes}` },
             react_1.default.createElement("path", { d: "M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z" })));
     }
     else {
         return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 27", width: width, height: height, className: `${directionClass} ${classes}` },
-            react_1.default.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || color_1.Color.Blue })));
+            react_1.default.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || color_1.ColorPalette.Blue })));
     }
 }
 exports.WideChevron = (0, react_1.memo)(_WideChevron);

package/dist/cjs/icons/WideChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAiC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,EACzB,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,sDAAsD,EAAC,IAAI,EAAE,KAAK,IAAI,aAAK,CAAC,IAAI,GAAI,CACxF,CACP,CAAC;KACH;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,oCAAwC;AAWxC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,EAChC,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,wCACE,CAAC,EAAC,sDAAsD,EACxD,IAAI,EAAE,KAAK,IAAI,oBAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;KACH;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,YAAI,EAAC,YAAY,CAAC,CAAC"}

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
-export { Color } from './color';
+export { ColorPalette, seedToBgColor } from './color';
 export * from './consts';
 export { ChainLogo } from './icons/ChainLogo';
+export { Circle } from './icons/Circle';
 export { WideChevron } from './icons/WideChevron';
 export * as BlackLogos from './logos/black';
 export * as ColorLogos from './logos/color';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtD,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/cjs/index.js

@@ -26,12 +26,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMessageTimeline = exports.useMessageStage = exports.useMessage = exports.MessageStatus = exports.MessageStage = exports.MessageTimeline = exports.ColorLogos = exports.BlackLogos = exports.WideChevron = exports.ChainLogo = exports.Color = void 0;
+exports.useMessageTimeline = exports.useMessageStage = exports.useMessage = exports.MessageStatus = exports.MessageStage = exports.MessageTimeline = exports.ColorLogos = exports.BlackLogos = exports.WideChevron = exports.Circle = exports.ChainLogo = exports.seedToBgColor = exports.ColorPalette = void 0;
 var color_1 = require("./color");
-Object.defineProperty(exports, "Color", { enumerable: true, get: function () { return color_1.Color; } });
+Object.defineProperty(exports, "ColorPalette", { enumerable: true, get: function () { return color_1.ColorPalette; } });
+Object.defineProperty(exports, "seedToBgColor", { enumerable: true, get: function () { return color_1.seedToBgColor; } });
 __exportStar(require("./consts"), exports);
 var ChainLogo_1 = require("./icons/ChainLogo");
 Object.defineProperty(exports, "ChainLogo", { enumerable: true, get: function () { return ChainLogo_1.ChainLogo; } });
+var Circle_1 = require("./icons/Circle");
+Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return Circle_1.Circle; } });
 var WideChevron_1 = require("./icons/WideChevron");
 Object.defineProperty(exports, "WideChevron", { enumerable: true, get: function () { return WideChevron_1.WideChevron; } });
 exports.BlackLogos = __importStar(require("./logos/black"));

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyB;AACzB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,4DAA4C;AAC5C,4DAA4C;AAC5C,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,0CAAmG;AAA1F,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,oDAAmD;AAA1C,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,oEAAmE;AAA1D,wHAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsD;AAA7C,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,2CAAyB;AACzB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,4DAA4C;AAC5C,4DAA4C;AAC5C,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,0CAAmG;AAA1F,qGAAA,YAAY,OAAA;AAAE,sGAAA,aAAa,OAAA;AACpC,oDAAmD;AAA1C,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,oEAAmE;AAA1D,wHAAA,kBAAkB,OAAA"}

package/dist/cjs/messages/MessageTimeline.js

@@ -19,7 +19,7 @@ function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDe
     const timeSentStr = timeSent
         ? `${timeSent.toLocaleDateString()} ${timeSent.toLocaleTimeString()}`
         : null;
-    return (react_1.default.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex" },
+    return (react_1.default.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex htw-w-full" },
         react_1.default.createElement("div", { className: styles.stageContainer },
             react_1.default.createElement("div", { className: `${styles.stageBar} htw-rounded-l ${getStageOpacityClass(types_1.MessageStage.Sent, stage, status)}` },
                 react_1.default.createElement("div", { className: styles.stageHole }),
@@ -67,7 +67,7 @@ function MessageTimeline({ status, stage: _stage, timings, timestampSent, hideDe
 exports.MessageTimeline = MessageTimeline;
 function StageIcon({ Icon, size }) {
     return (react_1.default.createElement("div", { className: "htw-h-9 htw-w-9 htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-blue-500" },
-        react_1.default.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: color_1.Color.White })));
+        react_1.default.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: color_1.ColorPalette.White })));
 }
 function ChevronWhite() {
     return (react_1.default.createElement("div", { className: "htw-absolute htw--left-3 htw-top-0 htw-h-6" },

package/dist/cjs/messages/MessageTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oCAAwC;AACxC,gDAAiD;AACjD,gDAAiD;AACjD,wCAAyC;AACzC,4CAA6C;AAC7C,sDAAmD;AAEnD,mCAA6E;AAU7E,SAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,EACP,aAAa,EACb,gBAAgB,GACV;IACN,kDAAkD;IAClD,MAAM,KAAK,GAAG,MAAM,KAAK,qBAAa,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,IAAI,QAAQ,CAAC,kBAAkB,EAAE,EAAE;QACrE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,uCAAK,SAAS,EAAC,wCAAwC;QACrD,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,kBAAkB,oBAAoB,CACjE,oBAAK,CAAC,IAAI,EACV,KAAK,EACL,MAAM,CACP,EAAE;gBAEH,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,uBAAY,GAAI;oBACjC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,cAAc,CAAC,oBAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAM;YAC3F,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,IAC3B,WAAW;gBACV,CAAC,CAAC,8BAA8B,WAAW,EAAE;gBAC7C,CAAC,CAAC,gCAAgC,CAClC,CACL,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,oBAAoB,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;gBAEvF,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,eAAQ,EAAE,IAAI,EAAE,EAAE,GAAI;oBACvC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG;gBAChB,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACrD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,sDAAqD,CACpF,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,oBAAoB,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;gBAEvF,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,mBAAU,GAAI;oBAC/B,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG;gBAChB,8BAAC,WAAW,OAAG,CACX;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACrD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,gDAA+C,CAC9E,CACG;QACN,uCAAK,SAAS,EAAE,MAAM,CAAC,WAAW,GAAQ;QAC1C,uCAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YACnC,uCACE,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,kBAAkB,oBAAoB,CACjE,oBAAK,CAAC,OAAO,EACb,KAAK,EACL,MAAM,CACP,EAAE;gBAEH,uCAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ;gBACxC,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;oBACvC,8BAAC,SAAS,IAAC,IAAI,EAAE,uBAAY,GAAI;oBACjC,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAQ,CAC1C;gBACN,8BAAC,YAAY,OAAG,CACZ;YACN,sCAAI,SAAS,EAAE,MAAM,CAAC,WAAW,IAC9B,cAAc,CAAC,oBAAK,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CACnD;YACJ,CAAC,gBAAgB,IAAI,CACpB,qCAAG,SAAS,EAAE,MAAM,CAAC,SAAS,iDAAgD,CAC/E,CACG,CACF,CACP,CAAC;AACJ,CAAC;AA1GD,0CA0GC;AAED,SAAS,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAgC;IAC7D,OAAO,CACL,uCAAK,SAAS,EAAC,+FAA+F;QAC5G,8BAAC,IAAI,IAAC,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,oBAAY,CAAC,KAAK,GAAI,CAC7E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,4CAA4C;QACzD,8BAAC,yBAAW,IAAC,SAAS,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,CACpE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,uCAAK,SAAS,EAAC,6CAA6C;QAC1D,8BAAC,yBAAW,IAAC,SAAS,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CACpD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,WAAkB,EAClB,YAAmB,EACnB,OAAqB,EACrB,MAAqB;IAErB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,WAAW,KAAK,oBAAK,CAAC,SAAS,EAAE;QACnC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;KAClE;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,SAAS,EAAE;QAC1C,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;KAClE;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,OAAO,EAAE;QACxC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;KAC9D;SAAM,IAAI,WAAW,KAAK,oBAAK,CAAC,IAAI,EAAE;QACrC,KAAK,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;KAC1D;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,MAAM,KAAK,qBAAa,CAAC,OAAO,EAAE;QACpC,IAAI,WAAW,KAAK,YAAY,GAAG,CAAC;YAAE,OAAO,GAAG,KAAK,UAAU,CAAC;QAChE,IAAI,WAAW,GAAG,YAAY,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;KAClD;IACD,IAAI,MAAM;QAAE,OAAO,GAAG,KAAK,KAAK,MAAM,MAAM,CAAC;;QACxC,OAAO,KAAK,CAAC;AACpB,CAAC;AAED,SAAS,oBAAoB,CAC3B,WAAkB,EAClB,YAAmB,EACnB,aAA4B;IAE5B,IAAI,YAAY,IAAI,WAAW;QAAE,OAAO,EAAE,CAAC;IAC3C,IAAI,YAAY,KAAK,WAAW,GAAG,CAAC,IAAI,aAAa,KAAK,qBAAa,CAAC,OAAO;QAC7E,OAAO,wBAAwB,CAAC;IAClC,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,MAAM,MAAM,GAAG;IACb,cAAc,EAAE,mDAAmD;IACnE,WAAW,EAAE,0CAA0C;IACvD,QAAQ,EACN,8FAA8F;IAChG,SAAS,EAAE,+CAA+C;IAC1D,kBAAkB,EAAE,iEAAiE;IACrF,eAAe,EAAE,mCAAmC;IACpD,WAAW,EAAE,0EAA0E;IACvF,SAAS,EAAE,oEAAoE;CAChF,CAAC"}

package/dist/esm/color.d.ts

@@ -1,9 +1,13 @@
-export declare enum Color {
+export declare enum ColorPalette {
     Black = "#010101",
     White = "#FFFFFF",
+    Blue = "#2362C0",
+    DarkBlue = "#162A4A",
+    LightBlue = "#82A8E4",
+    Pink = "#CF2FB3",
     Gray = "#6B7280",
-    Blue = "#025AA1",
     Beige = "#F1EDE9",
     Red = "#BF1B15"
 }
+export declare function seedToBgColor(seed?: number): "htw-bg-gray-100" | "htw-bg-blue-100" | "htw-bg-pink-200" | "htw-bg-green-100" | "htw-bg-orange-200" | "htw-bg-violet-200";
 //# sourceMappingURL=color.d.ts.map

package/dist/esm/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,IAAI,YAAY;IAChB,QAAQ,YAAY;IACpB,SAAS,YAAY;IACrB,IAAI,YAAY;IAChB,IAAI,YAAY;IAChB,KAAK,YAAY;IACjB,GAAG,YAAY;CAChB;AAED,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,8HAiB1C"}

package/dist/esm/color.js

@@ -1,10 +1,32 @@
-export var Color;
-(function (Color) {
-    Color["Black"] = "#010101";
-    Color["White"] = "#FFFFFF";
-    Color["Gray"] = "#6B7280";
-    Color["Blue"] = "#025AA1";
-    Color["Beige"] = "#F1EDE9";
-    Color["Red"] = "#BF1B15";
-})(Color || (Color = {}));
+export var ColorPalette;
+(function (ColorPalette) {
+    ColorPalette["Black"] = "#010101";
+    ColorPalette["White"] = "#FFFFFF";
+    ColorPalette["Blue"] = "#2362C0";
+    ColorPalette["DarkBlue"] = "#162A4A";
+    ColorPalette["LightBlue"] = "#82A8E4";
+    ColorPalette["Pink"] = "#CF2FB3";
+    ColorPalette["Gray"] = "#6B7280";
+    ColorPalette["Beige"] = "#F1EDE9";
+    ColorPalette["Red"] = "#BF1B15";
+})(ColorPalette || (ColorPalette = {}));
+export function seedToBgColor(seed) {
+    if (!seed)
+        return 'htw-bg-gray-100';
+    const mod = seed % 5;
+    switch (mod) {
+        case 0:
+            return 'htw-bg-blue-100';
+        case 1:
+            return 'htw-bg-pink-200';
+        case 2:
+            return 'htw-bg-green-100';
+        case 3:
+            return 'htw-bg-orange-200';
+        case 4:
+            return 'htw-bg-violet-200';
+        default:
+            return 'htw-bg-gray-100';
+    }
+}
 //# sourceMappingURL=color.js.map

package/dist/esm/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAOX;AAPD,WAAY,KAAK;IACf,0BAAiB,CAAA;IACjB,0BAAiB,CAAA;IACjB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,wBAAe,CAAA;AACjB,CAAC,EAPW,KAAK,KAAL,KAAK,QAOhB"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAUX;AAVD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,gCAAgB,CAAA;IAChB,oCAAoB,CAAA;IACpB,qCAAqB,CAAA;IACrB,gCAAgB,CAAA;IAChB,gCAAgB,CAAA;IAChB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACjB,CAAC,EAVW,YAAY,KAAZ,YAAY,QAUvB;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IACzC,IAAI,CAAC,IAAI;QAAE,OAAO,iBAAiB,CAAC;IACpC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,CAAC;IACrB,QAAQ,GAAG,EAAE;QACX,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,kBAAkB,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,mBAAmB,CAAC;QAC7B;YACE,OAAO,iBAAiB,CAAC;KAC5B;AACH,CAAC"}

package/dist/esm/icons/Airplane.js

@@ -1,9 +1,9 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 // Paper airplane shape
 function _AirplaneIcon({ width, height, color, classes }) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        React.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || Color.Blue })));
+        React.createElement("path", { d: "M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z", fill: color || ColorPalette.Blue })));
 }
 export const AirplaneIcon = memo(_AirplaneIcon);
 //# sourceMappingURL=Airplane.js.map

package/dist/esm/icons/Airplane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Airplane.js","sourceRoot":"","sources":["../../../src/icons/Airplane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,uBAAuB;AACvB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,kQAAkQ,EACpQ,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/icons/ChainLogo.d.ts

@@ -1,21 +1,18 @@
-import React from 'react';
-type CustomLogo = (props: {
+import React, { ReactElement } from 'react';
+type SvgIcon = (props: {
     width: number;
     height: number;
     title?: string;
-}) => React.ReactElement;
+}) => ReactElement;
 export interface ChainLogoProps {
     chainId?: number;
     chainName?: string;
     size?: number;
     color?: boolean;
     background?: boolean;
-    customLogos?: Record<number, {
-        color: CustomLogo;
-        black: CustomLogo;
-    }>;
+    icon?: SvgIcon;
 }
-declare function _ChainLogo({ chainId, chainName, size, color, background, customLogos, }: ChainLogoProps): JSX.Element;
+declare function _ChainLogo({ chainId, chainName, size, color, background, icon, }: ChainLogoProps): JSX.Element;
 export declare const ChainLogo: React.MemoExoticComponent<typeof _ChainLogo>;
 export {};
 //# sourceMappingURL=ChainLogo.d.ts.map

package/dist/esm/icons/ChainLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAgDrE,KAAK,UAAU,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC;AAEnG,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,WAAgB,GACjB,EAAE,cAAc,eA+BhB;AAsCD,eAAO,MAAM,SAAS,8CAAmB,CAAC"}
+{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAQ,MAAM,OAAO,CAAC;AA0BlD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAyB1F,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,SAAS,EACT,IAAS,EACT,KAAY,EACZ,UAAkB,EAClB,IAAI,GACL,EAAE,cAAc,eA2BhB;AAED,eAAO,MAAM,SAAS,8CAAmB,CAAC"}

package/dist/esm/icons/ChainLogo.js

@@ -18,6 +18,7 @@ import GnosisColor from '../logos/color/Gnosis';
 import MoonbeamColor from '../logos/color/Moonbeam';
 import OptimismColor from '../logos/color/Optimism';
 import PolygonColor from '../logos/color/Polygon';
+import { Circle } from './Circle';
 import { QuestionMarkIcon } from './QuestionMark';
 // Keep up to date as new chains are added or
 // icon will fallback to default (question mark)
@@ -41,52 +42,21 @@ const CHAIN_TO_LOGO = {
     [chainMetadata.polygon.chainId]: { black: PolygonBlack, color: PolygonColor },
     [chainMetadata.sepolia.chainId]: { black: EthereumBlack, color: EthereumColor },
 };
-function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, customLogos = {}, }) {
-    var _a, _b;
+function _ChainLogo({ chainId, chainName, size = 32, color = true, background = false, icon, }) {
+    var _a;
     const colorType = color ? 'color' : 'black';
     const title = chainName || (chainId === null || chainId === void 0 ? void 0 : chainId.toString()) || 'Unknown';
     const iconSize = Math.floor(size / 1.9);
-    const ImageSrc = chainId
-        ? ((_a = customLogos[chainId]) === null || _a === void 0 ? void 0 : _a[colorType]) || ((_b = CHAIN_TO_LOGO[chainId]) === null || _b === void 0 ? void 0 : _b[colorType])
-        : null;
-    if (!ImageSrc) {
-        let icon;
-        if (chainName) {
-            icon = React.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase());
-        }
-        else {
-            icon = React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize });
-        }
-        return (React.createElement(Circle, { size: size, title: title, classes: getBackgroundColor(chainId) }, icon));
+    const ImageNode = icon !== null && icon !== void 0 ? icon : (chainId ? (_a = CHAIN_TO_LOGO[chainId]) === null || _a === void 0 ? void 0 : _a[colorType] : null);
+    if (!ImageNode) {
+        return (React.createElement(Circle, { size: size, title: title, bgColorSeed: chainId || 0 }, chainName ? (React.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
     }
     if (background) {
         return (React.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" },
-            React.createElement(ImageSrc, { width: iconSize, height: iconSize })));
+            React.createElement(ImageNode, { width: iconSize, height: iconSize })));
     }
     else {
-        return React.createElement(ImageSrc, { width: size, height: size, title: title });
-    }
-}
-function Circle({ size, title, classes, children, }) {
-    return (React.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all ${classes}`, title: title }, children));
-}
-function getBackgroundColor(chainId) {
-    if (!chainId)
-        return 'htw-bg-gray-100';
-    const mod = chainId % 5;
-    switch (mod) {
-        case 0:
-            return 'htw-bg-blue-100';
-        case 1:
-            return 'htw-bg-pink-200';
-        case 2:
-            return 'htw-bg-green-100';
-        case 3:
-            return 'htw-bg-orange-200';
-        case 4:
-            return 'htw-bg-violet-200';
-        default:
-            return 'htw-bg-gray-100';
+        return React.createElement(ImageNode, { width: size, height: size, title: title });
     }
 }
 export const ChainLogo = memo(_ChainLogo);

package/dist/esm/icons/ChainLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"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"}

package/dist/esm/icons/Circle.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+export declare function Circle({ size, title, bgColorSeed, classes, children, }: PropsWithChildren<{
+    size: string | number;
+    title: string;
+    bgColorSeed?: number;
+    classes?: string;
+}>): JSX.Element;
+//# sourceMappingURL=Circle.d.ts.map

package/dist/esm/icons/Circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.d.ts","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,eAYD"}

package/dist/esm/icons/Circle.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { seedToBgColor } from '../color';
+export function Circle({ size, title, bgColorSeed, classes, children, }) {
+    const bgColor = bgColorSeed === null || bgColorSeed == undefined ? '' : seedToBgColor(bgColorSeed);
+    return (React.createElement("div", { style: { width: `${size}px`, height: `${size}px` }, className: `htw-flex htw-items-center htw-justify-center htw-rounded-full htw-transition-all overflow-hidden ${bgColor} ${classes}`, title: title }, children));
+}
+//# sourceMappingURL=Circle.js.map

package/dist/esm/icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sourceRoot":"","sources":["../../../src/icons/Circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GAMR;IACA,MAAM,OAAO,GACX,WAAW,KAAK,IAAI,IAAI,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACrF,OAAO,CACL,6BACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,oGAAoG,OAAO,IAAI,OAAO,EAAE,EACnI,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/icons/Envelope.js

@@ -1,10 +1,10 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 // Envelope with checkmark
 function _EnvelopeIcon({ width, height, color, classes }) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        React.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || Color.Blue }),
-        React.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || Color.Blue })));
+        React.createElement("path", { d: "M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z", fill: color || ColorPalette.Blue }),
+        React.createElement("path", { d: "M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z", fill: color || ColorPalette.Blue })));
 }
 export const EnvelopeIcon = memo(_EnvelopeIcon);
 //# sourceMappingURL=Envelope.js.map

package/dist/esm/icons/Envelope.js.map

@@ -1 +1 @@
-{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB;QACF,8BACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"Envelope.js","sourceRoot":"","sources":["../../../src/icons/Envelope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,0BAA0B;AAC1B,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC7D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,8TAA8T,EAChU,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC;QACF,8BACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/icons/Lock.js

@@ -1,8 +1,8 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 function _LockIcon({ width, height, color, classes }) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 15 18", width: width, height: height, className: classes },
-        React.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || Color.Blue })));
+        React.createElement("path", { d: "M7.14 1.13c.76 0 1.49.23 2.02.65.54.43.84 1 .84 1.6v4.5H4.29v-4.5c0-.6.3-1.17.83-1.6a3.29 3.29 0 0 1 2.02-.66Zm4.29 6.75v-4.5c0-.9-.45-1.76-1.26-2.4C9.37.37 8.28 0 7.14 0 6.01 0 4.92.36 4.11.99c-.8.63-1.25 1.49-1.25 2.38v4.5c-.76 0-1.49.24-2.02.66-.54.43-.84 1-.84 1.6v5.62c0 .6.3 1.17.84 1.6.53.41 1.26.65 2.02.65h8.57c.76 0 1.48-.24 2.02-.66.53-.42.84-1 .84-1.59v-5.63c0-.6-.3-1.16-.84-1.59a3.29 3.29 0 0 0-2.02-.65Z", fill: color || ColorPalette.Blue })));
 }
 export const LockIcon = memo(_LockIcon);
 //# sourceMappingURL=Lock.js.map

package/dist/esm/icons/Lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC"}
+{"version":3,"file":"Lock.js","sourceRoot":"","sources":["../../../src/icons/Lock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACzD,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,oaAAoa,EACta,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/icons/QuestionMark.js

@@ -1,8 +1,8 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 function _QuestionMarkIcon({ width, height, color, classes }) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "13.7 6 20.65 38", className: classes },
-        React.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || Color.Black })));
+        React.createElement("path", { d: "M21.55 31.5q.05-3.6.82-5.25.78-1.65 2.93-3.6 2.1-1.9 3.23-3.52t1.12-3.48q0-2.25-1.5-3.75t-4.2-1.5q-2.6 0-4 1.48t-2.05 3.07l-4.2-1.85q1.1-2.95 3.73-5.03T23.95 6q5 0 7.7 2.77t2.7 6.68q0 2.4-1.02 4.35-1.03 1.95-3.28 4.1-2.45 2.35-2.95 3.6t-.55 4Zm2.4 12.5q-1.45 0-2.48-1.02-1.02-1.03-1.02-2.48t1.02-2.48Q22.5 37 23.95 37t2.48 1.02q1.02 1.03 1.02 2.48t-1.02 2.48Q25.4 44 23.95 44Z", fill: color || ColorPalette.Black })));
 }
 export const QuestionMarkIcon = memo(_QuestionMarkIcon);
 //# sourceMappingURL=QuestionMark.js.map

package/dist/esm/icons/QuestionMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,GAC1B,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"QuestionMark.js","sourceRoot":"","sources":["../../../src/icons/QuestionMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IACjE,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE,OAAO;QAElB,8BACE,CAAC,EAAC,0XAA0X,EAC5X,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,KAAK,GACjC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/icons/Shield.js

@@ -1,9 +1,9 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 // Shield with checkmark
 function _ShieldIcon({ width, height, color, classes }) {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: width, height: height, className: classes },
-        React.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || Color.Blue })));
+        React.createElement("path", { fillRule: "evenodd", d: "M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z", fill: color || ColorPalette.Blue })));
 }
 export const ShieldIcon = memo(_ShieldIcon);
 //# sourceMappingURL=Shield.js.map

package/dist/esm/icons/Shield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AASjC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../../src/icons/Shield.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,wBAAwB;AACxB,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAS;IAC3D,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ufAAuf,EACzf,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC"}

package/dist/esm/icons/WideChevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eA6C5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}
+{"version":3,"file":"WideChevron.d.ts","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,eAgD5F;AAED,eAAO,MAAM,WAAW,gDAAqB,CAAC"}

package/dist/esm/icons/WideChevron.js

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 function _WideChevron({ width, height, direction, color, rounded, classes }) {
     let directionClass;
     switch (direction) {
@@ -19,12 +19,12 @@ function _WideChevron({ width, height, direction, color, rounded, classes }) {
             throw new Error(`Invalid chevron direction ${direction}`);
     }
     if (rounded) {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || Color.Blue, className: `${directionClass} ${classes}` },
+        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 120.3 190", width: width, height: height, fill: color || ColorPalette.Blue, className: `${directionClass} ${classes}` },
             React.createElement("path", { d: "M4.4 0h53c7.2 0 13.7 3 16.2 7.7l46.5 85.1a2 2 0 0 1 0 2l-.2.5-46.3 87c-2.5 4.6-9 7.7-16.3 7.7h-53c-3 0-5-2-4-4L48 92.9.4 4c-1-2 1-4 4-4Z" })));
     }
     else {
         return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 27", width: width, height: height, className: `${directionClass} ${classes}` },
-            React.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || Color.Blue })));
+            React.createElement("path", { d: "M13.44 13.5 0 27h14.56L28 13.5 14.56 0H0l13.44 13.5Z", fill: color || ColorPalette.Blue })));
     }
 }
 export const WideChevron = memo(_WideChevron);

package/dist/esm/icons/WideChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EACzB,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,sDAAsD,EAAC,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,GAAI,CACxF,CACP,CAAC;KACH;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"WideChevron.js","sourceRoot":"","sources":["../../../src/icons/WideChevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAWxC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAoB;IAC3F,IAAI,cAAc,CAAC;IACnB,QAAQ,SAAS,EAAE;QACjB,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,EAAE,CAAC;YACpB,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,eAAe,CAAC;YACjC,MAAM;QACR,KAAK,GAAG;YACN,cAAc,GAAG,gBAAgB,CAAC;YAClC,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,SAAS,EAAE,CAAC,CAAC;KAC7D;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,EAChC,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BAAM,CAAC,EAAC,0IAA0I,GAAG,CACjJ,CACP,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE;YAEzC,8BACE,CAAC,EAAC,sDAAsD,EACxD,IAAI,EAAE,KAAK,IAAI,YAAY,CAAC,IAAI,GAChC,CACE,CACP,CAAC;KACH;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -1,6 +1,7 @@
-export { Color } from './color';
+export { ColorPalette, seedToBgColor } from './color';
 export * from './consts';
 export { ChainLogo } from './icons/ChainLogo';
+export { Circle } from './icons/Circle';
 export { WideChevron } from './icons/WideChevron';
 export * as BlackLogos from './logos/black';
 export * as ColorLogos from './logos/color';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtD,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/index.js

@@ -1,6 +1,7 @@
-export { Color } from './color';
+export { ColorPalette, seedToBgColor } from './color';
 export * from './consts';
 export { ChainLogo } from './icons/ChainLogo';
+export { Circle } from './icons/Circle';
 export { WideChevron } from './icons/WideChevron';
 export * as BlackLogos from './logos/black';
 export * as ColorLogos from './logos/color';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAsC,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtD,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAsC,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/messages/MessageTimeline.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Color } from '../color';
+import { ColorPalette } from '../color';
 import { AirplaneIcon } from '../icons/Airplane';
 import { EnvelopeIcon } from '../icons/Envelope';
 import { LockIcon } from '../icons/Lock';
@@ -13,7 +13,7 @@ export function MessageTimeline({ status, stage: _stage, timings, timestampSent,
     const timeSentStr = timeSent
         ? `${timeSent.toLocaleDateString()} ${timeSent.toLocaleTimeString()}`
         : null;
-    return (React.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex" },
+    return (React.createElement("div", { className: "htw-pt-14 htw-pb-1 htw-flex htw-w-full" },
         React.createElement("div", { className: styles.stageContainer },
             React.createElement("div", { className: `${styles.stageBar} htw-rounded-l ${getStageOpacityClass(Stage.Sent, stage, status)}` },
                 React.createElement("div", { className: styles.stageHole }),
@@ -60,7 +60,7 @@ export function MessageTimeline({ status, stage: _stage, timings, timestampSent,
 }
 function StageIcon({ Icon, size }) {
     return (React.createElement("div", { className: "htw-h-9 htw-w-9 htw-flex htw-items-center htw-justify-center htw-rounded-full htw-bg-blue-500" },
-        React.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: Color.White })));
+        React.createElement(Icon, { width: size !== null && size !== void 0 ? size : 14, height: size !== null && size !== void 0 ? size : 14, alt: "", color: ColorPalette.White })));
 }
 function ChevronWhite() {
     return (React.createElement("div", { className: "htw-absolute htw--left-3 htw-top-0 htw-h-6" },

package/dist/esm/messages/MessageTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageTimeline.js","sourceRoot":"","sources":["../../../src/messages/MessageTimeline.tsx"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -1 +1 @@
-/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica,Arial,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#025aa180;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-absolute{position:absolute}.htw-relative{position:relative}.htw--left-3{left:-.75rem}.htw-top-0{top:0}.htw--right-3{right:-.75rem}.htw--top-12{top:-3rem}.htw-mt-2\.5{margin-top:.625rem}.htw-mt-2{margin-top:.5rem}.htw-mt-1{margin-top:.25rem}.htw-flex{display:flex}.htw-h-9{height:2.25rem}.htw-h-6{height:1.5rem}.htw-h-3{height:.75rem}.htw-h-4{height:1rem}.htw-w-9{width:2.25rem}.htw-w-1{width:.25rem}.htw-w-full{width:100%}.htw-w-3{width:.75rem}.htw-w-0\.5{width:.125rem}.htw-w-0{width:0}.htw-flex-1{flex:1 1 0%}.htw--rotate-90{--tw-rotate:-90deg}.htw--rotate-90,.htw-rotate-90{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))}.htw-rotate-90{--tw-rotate:90deg}.htw-rotate-180{--tw-rotate:180deg;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 htw-pulse{50%{opacity:.5}}.htw-animate-pulse-slow{animation:htw-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.htw-flex-col{flex-direction:column}.htw-items-center{align-items:center}.htw-justify-center{justify-content:center}.htw-rounded-full{border-radius:9999px}.htw-rounded-l{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.htw-rounded-r{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.htw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.htw-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(204 222 236/var(--tw-bg-opacity))}.htw-bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity))}.htw-bg-green-100{--tw-bg-opacity:1;background-color:rgb(190 213 201/var(--tw-bg-opacity))}.htw-bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.htw-bg-violet-200{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.htw-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(2 90 161/var(--tw-bg-opacity))}.htw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.htw-pt-14{padding-top:3.5rem}.htw-pb-1{padding-bottom:.25rem}.htw-text-center{text-align:center}.htw-text-xs{font-size:.75rem;line-height:1rem}.htw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.htw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.htw-opacity-50{opacity:.5}.htw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:480px){.xs\:htw-w-2{width:.5rem}.xs\:htw-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:htw-w-3{width:.75rem}.sm\:htw-px-4{padding-left:1rem;padding-right:1rem}.sm\:htw-text-base{font-size:1rem;line-height:1.5rem}}
+/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica,Arial,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2362c080;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-absolute{position:absolute}.htw-relative{position:relative}.htw--left-3{left:-.75rem}.htw-top-0{top:0}.htw--right-3{right:-.75rem}.htw--top-12{top:-3rem}.htw-mt-2\.5{margin-top:.625rem}.htw-mt-2{margin-top:.5rem}.htw-mt-1{margin-top:.25rem}.htw-flex{display:flex}.htw-h-9{height:2.25rem}.htw-h-6{height:1.5rem}.htw-h-3{height:.75rem}.htw-h-4{height:1rem}.htw-w-full{width:100%}.htw-w-9{width:2.25rem}.htw-w-1{width:.25rem}.htw-w-3{width:.75rem}.htw-w-0\.5{width:.125rem}.htw-w-0{width:0}.htw-flex-1{flex:1 1 0%}.htw--rotate-90{--tw-rotate:-90deg}.htw--rotate-90,.htw-rotate-90{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))}.htw-rotate-90{--tw-rotate:90deg}.htw-rotate-180{--tw-rotate:180deg;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 htw-pulse{50%{opacity:.5}}.htw-animate-pulse-slow{animation:htw-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.htw-flex-col{flex-direction:column}.htw-items-center{align-items:center}.htw-justify-center{justify-content:center}.htw-rounded-full{border-radius:9999px}.htw-rounded-l{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.htw-rounded-r{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.htw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.htw-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(205 220 244/var(--tw-bg-opacity))}.htw-bg-pink-200{--tw-bg-opacity:1;background-color:rgb(235 171 224/var(--tw-bg-opacity))}.htw-bg-green-100{--tw-bg-opacity:1;background-color:rgb(190 213 201/var(--tw-bg-opacity))}.htw-bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.htw-bg-violet-200{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.htw-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(35 98 192/var(--tw-bg-opacity))}.htw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.htw-pt-14{padding-top:3.5rem}.htw-pb-1{padding-bottom:.25rem}.htw-text-center{text-align:center}.htw-text-xs{font-size:.75rem;line-height:1rem}.htw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.htw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.htw-opacity-50{opacity:.5}.htw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:480px){.xs\:htw-w-2{width:.5rem}.xs\:htw-text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:htw-w-3{width:.75rem}.sm\:htw-px-4{padding-left:1rem;padding-right:1rem}.sm\:htw-text-base{font-size:1rem;line-height:1.5rem}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hyperlane-xyz/widgets",
   "description": "Common react components for Hyperlane projects",
-  "version": "1.3.4",
+  "version": "1.3.5-beta0",
   "author": "J M Rossy",
   "peerDependencies": {
     "@hyperlane-xyz/sdk": "^1.3.4",