@particle-network/ui-react 0.1.3 → 0.1.4-beta.10

package/dist/hooks/useLang.d.ts

@@ -0,0 +1,3 @@
+type Language = 'zh' | 'en';
+export declare function useLang(): Language;
+export {};

package/dist/hooks/useLang.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+const STORAGE_KEY = 'ux-preference-language';
+function useLang() {
+    const [lang, setLang] = useState(()=>{
+        if ('undefined' != typeof window) {
+            const value = localStorage.getItem(STORAGE_KEY) ?? 'en';
+            return value;
+        }
+        return 'en';
+    });
+    useEffect(()=>{
+        const handleStorageChange = (e)=>{
+            if (e.key === STORAGE_KEY) setLang(e.newValue);
+        };
+        const handleCustomStorageChange = ()=>{
+            setLang(localStorage.getItem(STORAGE_KEY));
+        };
+        window.addEventListener('storage', handleStorageChange);
+        window.addEventListener('ux-lang-change', handleCustomStorageChange);
+        return ()=>{
+            window.removeEventListener('storage', handleStorageChange);
+            window.removeEventListener('ux-lang-change', handleCustomStorageChange);
+        };
+    }, []);
+    return lang;
+}
+export { useLang };

package/dist/icons/index.d.ts

@@ -8,3 +8,7 @@ export type IconProps = SVGProps<SVGSVGElement> & {
 export declare const CloseIcon: React.FC<IconProps>;
 export declare const ChevronDownIcon: React.FC<IconProps>;
 export declare const CircleQuestionIcon: React.FC<IconProps>;
+export declare const EmptyIcon: React.FC<IconProps>;
+export declare const ChevronRightIcon: React.FC<IconProps>;
+export declare const ChevronLeftIcon: React.FC<IconProps>;
+export declare const CalendarIcon: React.FC<IconProps>;

package/dist/icons/index.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
 const getColor = (color)=>{
@@ -40,4 +40,70 @@ const CircleQuestionIcon = ({ size = 16, color = 'currentColor', ...props })=>/*
             fill: getColor(color)
         })
     });
-export { ChevronDownIcon, CircleQuestionIcon, CloseIcon };
+const EmptyIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsxs("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                opacity: "0.1",
+                d: "M2.2417 20.723C2.2417 21.4283 6.81537 21.9999 12.4573 21.9999C18.0992 21.9999 22.6729 21.4283 22.6729 20.723C22.6729 20.0177 18.0992 19.446 12.4573 19.446C6.81537 19.446 2.2417 20.0177 2.2417 20.723Z",
+                fill: getColor(color)
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M2 8.57303C2 8.79011 2.166 8.95612 2.38308 8.95612C2.60017 8.95612 2.76617 8.79011 2.76617 8.57303C2.76617 8.35596 2.60017 8.18995 2.38308 8.18995C2.17877 8.18995 2 8.36872 2 8.57303ZM22.7999 19.1269C22.3147 19.2548 22.2127 19.3568 22.0976 19.8292C21.9697 19.344 21.8677 19.242 21.3951 19.1269C21.8675 18.999 21.9825 18.8971 22.0976 18.4246C22.2125 18.8971 22.3147 19.012 22.7999 19.1269ZM4.13251 7.23225C3.5068 7.39825 3.37911 7.52595 3.2131 8.15165C3.0471 7.52595 2.9194 7.39825 2.2937 7.23225C2.9194 7.06625 3.0471 6.92579 3.2131 6.31286C3.36634 6.93856 3.5068 7.06625 4.13251 7.23225ZM20.653 5.43496C20.27 5.53712 20.1931 5.61373 20.0912 5.99681C19.989 5.61373 19.9124 5.53712 19.5293 5.43496C19.9126 5.33281 19.9892 5.25619 20.0912 4.87311C20.1806 5.25619 20.27 5.33281 20.653 5.43496ZM22.3003 3.46848C21.3043 3.72387 21.1 3.94094 20.832 4.93696C20.5764 3.94094 20.3593 3.73663 19.3635 3.46848C20.3593 3.21309 20.5639 2.99601 20.832 2C21.0872 2.98324 21.3043 3.20032 22.3003 3.46848ZM21.1399 12.9402V12.9144C21.1399 12.8891 21.1273 12.8763 21.1273 12.8508V12.838L18.3815 6.87152C18.19 6.28087 17.8161 5.76615 17.3137 5.40134C16.8112 5.03653 16.2061 4.84041 15.5851 4.84119H9.34087C8.06392 4.84119 6.9402 5.65843 6.54434 6.87152L3.7989 12.838V12.8506C3.78613 12.8761 3.78613 12.8889 3.78613 12.9142V18.0732C3.78613 19.6948 5.10139 20.2119 6.72312 20.2119H18.2155C19.8374 20.2119 21.1526 19.6948 21.1526 18.0732V12.9657C21.1399 12.9531 21.1399 12.9531 21.1399 12.9402ZM7.25944 7.13967C7.25944 7.13967 7.25944 7.1269 7.27221 7.1269C7.55314 6.20751 8.39592 5.60735 9.34087 5.60735H15.5724C16.5171 5.60735 17.3601 6.20751 17.6538 7.11413C17.6538 7.11413 17.6538 7.1269 17.6664 7.1269L20.2075 12.57H14.372C14.155 12.57 13.989 12.736 13.989 12.9531C13.989 13.7957 13.2996 14.4855 12.4566 14.4855C11.6138 14.4855 10.9243 13.7957 10.9243 12.9531C10.9243 12.736 10.7583 12.57 10.5412 12.57H4.71831L7.25944 7.13967ZM20.3737 18.0736C20.3737 19.274 19.4034 19.4462 18.2029 19.4462H6.71035C5.51002 19.4462 4.53953 19.274 4.53953 18.0736V13.3488H10.1964C10.3752 14.4342 11.3201 15.2644 12.4566 15.2644C13.5929 15.2644 14.5381 14.4344 14.7168 13.3488H20.3737V18.0736Z",
+                fill: getColor(color)
+            }),
+            /*#__PURE__*/ jsx("path", {
+                opacity: "0.2",
+                d: "M12.4562 13.6042C12.3721 13.605 12.2887 13.5891 12.2109 13.5573C12.133 13.5255 12.0623 13.4785 12.0029 13.419C11.9434 13.3596 11.8964 13.2889 11.8646 13.211C11.8328 13.1332 11.8169 13.0498 11.8177 12.9657V11.6888H6.00757L8.10177 7.42061L8.11454 7.39508C8.29331 6.85876 8.77855 6.50122 9.34041 6.50122H15.5719C16.1336 6.50122 16.6188 6.85876 16.7978 7.39508L16.8106 7.42061L18.9048 11.6888H13.0946V12.9657C13.0946 13.3233 12.8137 13.6042 12.4562 13.6042Z",
+                fill: getColor(color)
+            })
+        ]
+    });
+const ChevronRightIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M16.4334 11.0992C16.668 11.3338 16.7998 11.652 16.7998 11.9838C16.7998 12.3157 16.668 12.6339 16.4334 12.8685L9.35475 19.9472C9.23932 20.0667 9.10125 20.1621 8.94858 20.2276C8.79592 20.2932 8.63172 20.3277 8.46557 20.3292C8.29942 20.3306 8.13465 20.299 7.98087 20.236C7.82708 20.1731 7.68737 20.0802 7.56988 19.9627C7.45239 19.8452 7.35948 19.7055 7.29656 19.5517C7.23365 19.398 7.20199 19.2332 7.20343 19.067C7.20487 18.9009 7.23939 18.7367 7.30497 18.584C7.37055 18.4314 7.46588 18.2933 7.58539 18.1779L13.7794 11.9838L7.58539 5.78984C7.35745 5.55384 7.23133 5.23776 7.23418 4.90967C7.23703 4.58158 7.36863 4.26773 7.60063 4.03573C7.83264 3.80372 8.14648 3.67212 8.47457 3.66927C8.80266 3.66642 9.11875 3.79255 9.35475 4.02048L16.4334 11.0992Z",
+            fill: getColor(color)
+        })
+    });
+const ChevronLeftIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsx("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M7.56656 12.9008C7.33198 12.6662 7.2002 12.348 7.2002 12.0162C7.2002 11.6843 7.33198 11.3661 7.56656 11.1315L14.6452 4.05279C14.7607 3.93327 14.8988 3.83795 15.0514 3.77237C15.2041 3.70679 15.3683 3.67227 15.5344 3.67082C15.7006 3.66938 15.8654 3.70104 16.0191 3.76396C16.1729 3.82687 16.3126 3.91979 16.4301 4.03728C16.5476 4.15477 16.6405 4.29448 16.7034 4.44826C16.7664 4.60204 16.798 4.76682 16.7966 4.93296C16.7951 5.09911 16.7606 5.26331 16.695 5.41597C16.6294 5.56864 16.5341 5.70672 16.4146 5.82215L10.2206 12.0162L16.4146 18.2102C16.6425 18.4462 16.7687 18.7622 16.7658 19.0903C16.763 19.4184 16.6314 19.7323 16.3994 19.9643C16.1674 20.1963 15.8535 20.3279 15.5254 20.3307C15.1973 20.3336 14.8812 20.2075 14.6452 19.9795L7.56656 12.9008Z",
+            fill: getColor(color)
+        })
+    });
+const CalendarIcon = ({ size = 16, color = 'currentColor', ...props })=>/*#__PURE__*/ jsxs("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M16.5557 2C16.895 2 17.1698 2.28823 17.1699 2.64355V3.86914H19.0664C20.0829 3.86914 20.9099 4.73498 20.9102 5.7998V18.6689C20.9102 19.7338 20.0829 20.5996 19.0664 20.5996H4.93359C3.91709 20.5996 3.08984 19.7338 3.08984 18.6689V5.7998C3.08992 4.73498 3.91714 3.86914 4.93359 3.86914H6.83008V2.64355C6.83018 2.28823 7.10497 2 7.44434 2C7.78365 2.00007 8.05849 2.28828 8.05859 2.64355V3.86914H15.9414V2.64355C15.9415 2.28828 16.2164 2.00008 16.5557 2ZM4.31934 10.2148V18.6689C4.31944 19.0238 4.59468 19.3125 4.93359 19.3125H19.0664C19.4051 19.3125 19.6808 19.0238 19.6807 18.6689V10.2148H4.31934ZM15.0254 14.0654C15.3784 14.0655 15.6648 14.3652 15.665 14.7354C15.665 15.1056 15.3787 15.4061 15.0254 15.4062H8.97461C8.62121 15.4062 8.33496 15.1056 8.33496 14.7354C8.33516 14.3652 8.62133 14.0655 8.97461 14.0654H15.0254ZM4.93359 5.15625C4.59488 5.15625 4.31941 5.44468 4.31934 5.7998V8.92676H19.6807V5.7998C19.6806 5.44468 19.4053 5.15625 19.0664 5.15625H17.1699V6.2959C17.1699 6.65154 16.8951 6.94043 16.5557 6.94043C16.2163 6.94035 15.9414 6.65126 15.9414 6.2959V5.15625H8.05859V6.2959C8.05859 6.65149 7.78371 6.94036 7.44434 6.94043C7.1049 6.94043 6.83008 6.65131 6.83008 6.2959V5.15625H4.93359Z",
+                fill: getColor(color)
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16.5557 2V1.9H16.5556L16.5557 2ZM17.1699 2.64355H17.2699V2.64353L17.1699 2.64355ZM17.1699 3.86914H17.0699V3.96914H17.1699V3.86914ZM20.9102 5.7998H21.0102V5.79978L20.9102 5.7998ZM3.08984 5.7998L2.98984 5.7998V5.7998H3.08984ZM6.83008 3.86914V3.96914H6.93008V3.86914H6.83008ZM6.83008 2.64355L6.73008 2.64353V2.64355H6.83008ZM7.44434 2L7.44436 1.9H7.44434V2ZM8.05859 2.64355H8.15859V2.64353L8.05859 2.64355ZM8.05859 3.86914H7.95859V3.96914H8.05859V3.86914ZM15.9414 3.86914V3.96914H16.0414V3.86914H15.9414ZM15.9414 2.64355L15.8414 2.64353V2.64355H15.9414ZM4.31934 10.2148V10.1148H4.21934V10.2148H4.31934ZM4.31934 18.6689H4.21934V18.669L4.31934 18.6689ZM19.6807 18.6689H19.5807V18.669L19.6807 18.6689ZM19.6807 10.2148H19.7807V10.1148H19.6807V10.2148ZM15.0254 14.0654L15.0254 13.9654H15.0254V14.0654ZM15.665 14.7354H15.765V14.7353L15.665 14.7354ZM15.0254 15.4062V15.5063H15.0254L15.0254 15.4062ZM8.97461 15.4062L8.9746 15.5063H8.97461V15.4062ZM8.33496 14.7354L8.23496 14.7353V14.7354H8.33496ZM8.97461 14.0654V13.9654H8.9746L8.97461 14.0654ZM4.31934 5.7998L4.21934 5.79978V5.7998H4.31934ZM4.31934 8.92676H4.21934V9.02676H4.31934V8.92676ZM19.6807 8.92676V9.02676H19.7807V8.92676H19.6807ZM19.6807 5.7998H19.7807V5.79978L19.6807 5.7998ZM17.1699 5.15625V5.05625H17.0699V5.15625H17.1699ZM16.5557 6.94043L16.5556 7.04043H16.5557V6.94043ZM15.9414 5.15625H16.0414V5.05625H15.9414V5.15625ZM8.05859 5.15625V5.05625H7.95859V5.15625H8.05859ZM7.44434 6.94043V7.04043H7.44436L7.44434 6.94043ZM6.83008 5.15625H6.93008V5.05625H6.83008V5.15625ZM16.5557 2V2.1C16.8354 2.1 17.0698 2.33897 17.0699 2.64358L17.1699 2.64355L17.2699 2.64353C17.2698 2.23749 16.9547 1.9 16.5557 1.9V2ZM17.1699 2.64355H17.0699V3.86914H17.1699H17.2699V2.64355H17.1699ZM17.1699 3.86914V3.96914H19.0664V3.86914V3.76914H17.1699V3.86914ZM19.0664 3.86914V3.96914C20.0233 3.96914 20.8099 4.78581 20.8102 5.79983L20.9102 5.7998L21.0102 5.79978C21.0098 4.68414 20.1424 3.76914 19.0664 3.76914V3.86914ZM20.9102 5.7998H20.8102V18.6689H20.9102H21.0102V5.7998H20.9102ZM20.9102 18.6689H20.8102C20.8102 19.683 20.0234 20.4996 19.0664 20.4996V20.5996V20.6996C20.1424 20.6996 21.0102 19.7847 21.0102 18.6689H20.9102ZM19.0664 20.5996V20.4996H4.93359V20.5996V20.6996H19.0664V20.5996ZM4.93359 20.5996V20.4996C3.9766 20.4996 3.18984 19.683 3.18984 18.6689H3.08984H2.98984C2.98984 19.7847 3.85759 20.6996 4.93359 20.6996V20.5996ZM3.08984 18.6689H3.18984V5.7998H3.08984H2.98984V18.6689H3.08984ZM3.08984 5.7998L3.18984 5.79981C3.18992 4.78582 3.97665 3.96914 4.93359 3.96914V3.86914V3.76914C3.85763 3.76914 2.98992 4.68413 2.98984 5.7998L3.08984 5.7998ZM4.93359 3.86914V3.96914H6.83008V3.86914V3.76914H4.93359V3.86914ZM6.83008 3.86914H6.93008V2.64355H6.83008H6.73008V3.86914H6.83008ZM6.83008 2.64355L6.93008 2.64358C6.93017 2.33897 7.16458 2.1 7.44434 2.1V2V1.9C7.04535 1.9 6.7302 2.23749 6.73008 2.64353L6.83008 2.64355ZM7.44434 2L7.44431 2.1C7.72405 2.10006 7.95851 2.33904 7.95859 2.64358L8.05859 2.64355L8.15859 2.64353C8.15848 2.23751 7.84325 1.90008 7.44436 1.9L7.44434 2ZM8.05859 2.64355H7.95859V3.86914H8.05859H8.15859V2.64355H8.05859ZM8.05859 3.86914V3.96914H15.9414V3.86914V3.76914H8.05859V3.86914ZM15.9414 3.86914H16.0414V2.64355H15.9414H15.8414V3.86914H15.9414ZM15.9414 2.64355L16.0414 2.64358C16.0415 2.33905 16.276 2.10007 16.5557 2.1L16.5557 2L16.5556 1.9C16.1568 1.9001 15.8415 2.23751 15.8414 2.64353L15.9414 2.64355ZM4.31934 10.2148H4.21934V18.6689H4.31934H4.41934V10.2148H4.31934ZM4.31934 18.6689L4.21934 18.669C4.21946 19.0746 4.53506 19.4125 4.93359 19.4125V19.3125V19.2125C4.65429 19.2125 4.41943 18.9731 4.41934 18.6689L4.31934 18.6689ZM4.93359 19.3125V19.4125H19.0664V19.3125V19.2125H4.93359V19.3125ZM19.0664 19.3125V19.4125C19.4646 19.4125 19.7808 19.0746 19.7807 18.6689L19.6807 18.6689L19.5807 18.669C19.5808 18.973 19.3456 19.2125 19.0664 19.2125V19.3125ZM19.6807 18.6689H19.7807V10.2148H19.6807H19.5807V18.6689H19.6807ZM19.6807 10.2148V10.1148H4.31934V10.2148V10.3148H19.6807V10.2148ZM15.0254 14.0654L15.0254 14.1654C15.3189 14.1655 15.5649 14.4161 15.565 14.7354L15.665 14.7354L15.765 14.7353C15.7648 14.3144 15.438 13.9655 15.0254 13.9654L15.0254 14.0654ZM15.665 14.7354H15.565C15.565 15.0549 15.319 15.3061 15.0253 15.3062L15.0254 15.4062L15.0254 15.5063C15.4384 15.506 15.765 15.1562 15.765 14.7354H15.665ZM15.0254 15.4062V15.3062H8.97461V15.4062V15.5063H15.0254V15.4062ZM8.97461 15.4062L8.97462 15.3062C8.6809 15.3062 8.43496 15.055 8.43496 14.7354H8.33496H8.23496C8.23496 15.1563 8.56151 15.5062 8.9746 15.5063L8.97461 15.4062ZM8.33496 14.7354L8.43496 14.7354C8.43513 14.416 8.6809 14.1655 8.97462 14.1654L8.97461 14.0654L8.9746 13.9654C8.56176 13.9655 8.23519 14.3144 8.23496 14.7353L8.33496 14.7354ZM8.97461 14.0654V14.1654H15.0254V14.0654V13.9654H8.97461V14.0654ZM4.93359 5.15625V5.05625C4.53532 5.05625 4.21942 5.39388 4.21934 5.79978L4.31934 5.7998L4.41934 5.79983C4.4194 5.49548 4.65444 5.25625 4.93359 5.25625V5.15625ZM4.31934 5.7998H4.21934V8.92676H4.31934H4.41934V5.7998H4.31934ZM4.31934 8.92676V9.02676H19.6807V8.92676V8.82676H4.31934V8.92676ZM19.6807 8.92676H19.7807V5.7998H19.6807H19.5807V8.92676H19.6807ZM19.6807 5.7998L19.7807 5.79978C19.7806 5.39391 19.4649 5.05625 19.0664 5.05625V5.15625V5.25625C19.3458 5.25625 19.5806 5.49546 19.5807 5.79983L19.6807 5.7998ZM19.0664 5.15625V5.05625H17.1699V5.15625V5.25625H19.0664V5.15625ZM17.1699 5.15625H17.0699V6.2959H17.1699H17.2699V5.15625H17.1699ZM17.1699 6.2959H17.0699C17.0699 6.60095 16.8353 6.84043 16.5557 6.84043V6.94043V7.04043C16.9549 7.04043 17.2699 6.70213 17.2699 6.2959H17.1699ZM16.5557 6.94043L16.5557 6.84043C16.2761 6.84036 16.0414 6.60068 16.0414 6.2959H15.9414H15.8414C15.8414 6.70185 16.1565 7.04033 16.5556 7.04043L16.5557 6.94043ZM15.9414 6.2959H16.0414V5.15625H15.9414H15.8414V6.2959H15.9414ZM15.9414 5.15625V5.05625H8.05859V5.15625V5.25625H15.9414V5.15625ZM8.05859 5.15625H7.95859V6.2959H8.05859H8.15859V5.15625H8.05859ZM8.05859 6.2959H7.95859C7.95859 6.60089 7.72397 6.84037 7.44431 6.84043L7.44434 6.94043L7.44436 7.04043C7.84345 7.04035 8.15859 6.7021 8.15859 6.2959H8.05859ZM7.44434 6.94043V6.84043C7.16468 6.84043 6.93008 6.60075 6.93008 6.2959H6.83008H6.73008C6.73008 6.70188 7.04512 7.04043 7.44434 7.04043V6.94043ZM6.83008 6.2959H6.93008V5.15625H6.83008H6.73008V6.2959H6.83008ZM6.83008 5.15625V5.05625H4.93359V5.15625V5.25625H6.83008V5.15625Z",
+                fill: getColor(color)
+            })
+        ]
+    });
+export { CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CircleQuestionIcon, CloseIcon, EmptyIcon };

package/dist/utils/variants.js

@@ -33,9 +33,9 @@ const bordered = {
     bearish: 'bg-transparent border-bearish text-bearish'
 };
 const flat = {
-    default: 'bg-default/40 text-default-foreground',
+    default: 'bg-background-300 text-default-foreground',
     primary: 'bg-primary/20 text-primary',
-    secondary: 'bg-default/40 text-foreground-300',
+    secondary: 'bg-background-300 text-foreground-300',
     success: 'bg-success/20 text-success',
     warning: 'bg-warning/20 text-warning',
     danger: 'bg-danger/20 text-danger',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.1.3",
+  "version": "0.1.4-beta.10",
   "type": "module",
   "exports": {
     ".": {

package/tailwind-preset.js

@@ -124,6 +124,9 @@ module.exports = {
             content1: {
               DEFAULT: '#FFFFFF',
             },
+            overlay: {
+              DEFAULT: '#FFFFFF',
+            },
             background: {
               200: '#E8E8ED',
               300: '#F0F0F2',
@@ -149,7 +152,11 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#E8E8EB',
+              DEFAULT: '#767A80',
+              foreground: '#FFFFFF',
+            },
+            tertiary: {
+              DEFAULT: '#C0C0C9',
               foreground: '#000000',
             },
             success: {
@@ -175,6 +182,9 @@ module.exports = {
             content1: {
               DEFAULT: '#17171C',
             },
+            overlay: {
+              DEFAULT: '#17171C',
+            },
             background: {
               200: '#1F1F23',
               300: '#17171C',
@@ -200,7 +210,11 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#1F1F23',
+              DEFAULT: '#A1A1AA',
+              foreground: '#FFFFFF',
+            },
+            tertiary: {
+              DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
             success: {