@particle-network/ui-react 0.5.1-beta.1 → 0.5.1-beta.10

package/tailwind-preset.js

@@ -8,6 +8,9 @@ module.exports = {
     extend: {
       colors: {
         brand: '#D745FF',
+        blue: '#0ea5e9',
+        'blue-foreground': '#000000',
+        'background-pure': 'var(--background-pure)',
       },
       gap: {
         xs: '0.125rem', // 2px
@@ -79,8 +82,8 @@ module.exports = {
   plugins: [
     heroui({
       addCommonColors: true,
-      defaultTheme: 'ux-purple-gold-dark',
-      defaultExtendTheme: 'ux-purple-gold-dark',
+      defaultTheme: 'ux-classic-dark',
+      defaultExtendTheme: 'ux-classic-dark',
       layout: {
         radius: {
           small: '6px', // rounded-small
@@ -98,7 +101,7 @@ module.exports = {
         hoverOpacity: 0.7,
       },
       themes: {
-        'ux-purple-gold-dark': {
+        'ux-classic-dark': {
           extend: 'dark',
           colors: {
             content1: {
@@ -117,7 +120,7 @@ module.exports = {
               DEFAULT: '#000000',
             },
             foreground: {
-              100: '#4E4E56',
+              100: '#75757E',
               300: '#A1A1AA',
               500: '#FFFFFF',
               DEFAULT: '#FFFFFF',
@@ -144,6 +147,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#75757E',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
@@ -156,7 +163,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -167,10 +174,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
@@ -181,7 +184,7 @@ module.exports = {
             },
           },
         },
-        'ux-purple-gold-light': {
+        'ux-classic-light': {
           extend: 'light',
           colors: {
             content1: {
@@ -200,7 +203,7 @@ module.exports = {
               DEFAULT: '#F8F8FA',
             },
             foreground: {
-              100: '#D8D8DE',
+              100: '#83878D',
               300: '#61656B',
               500: '#0C0C0F',
               DEFAULT: '#0C0C0F',
@@ -227,6 +230,10 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             tertiary: {
+              DEFAULT: '#83878D',
+              foreground: '#FFFFFF',
+            },
+            cursor: {
               DEFAULT: '#D8D8DE',
               foreground: '#000000',
             },
@@ -239,7 +246,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -250,10 +257,6 @@ module.exports = {
               DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#F38300',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
@@ -283,7 +286,7 @@ module.exports = {
               DEFAULT: '#000000',
             },
             foreground: {
-              100: '#4E4E56',
+              100: '#75757E',
               300: '#A1A1AA',
               500: '#FFFFFF',
               DEFAULT: '#FFFFFF',
@@ -310,6 +313,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#75757E',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
@@ -322,7 +329,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -333,10 +340,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#45B167',
               foreground: '#FFFFFF',
@@ -366,8 +369,8 @@ module.exports = {
               DEFAULT: '#F8F8FA',
             },
             foreground: {
-              100: '#D8D8DE',
-              300: '#767A80',
+              100: '#83878D',
+              300: '#61656B',
               500: '#000000',
               DEFAULT: '#000000',
             },
@@ -389,10 +392,14 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             secondary: {
-              DEFAULT: '#767A80',
+              DEFAULT: '#61656B',
               foreground: '#FFFFFF',
             },
             tertiary: {
+              DEFAULT: '#83878D',
+              foreground: '#FFFFFF',
+            },
+            cursor: {
               DEFAULT: '#D8D8DE',
               foreground: '#000000',
             },
@@ -405,7 +412,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#FF9821',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -416,10 +423,6 @@ module.exports = {
               DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#F38300',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#2E9F4A',
               foreground: '#FFFFFF',
@@ -430,7 +433,7 @@ module.exports = {
             },
           },
         },
-        'ux-green-red-soft-dark': {
+        'ux-dark': {
           extend: 'dark',
           colors: {
             content1: {
@@ -442,14 +445,14 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             background: {
-              200: '#2A2A30',
+              200: '#282930',
               300: '#1F2025',
-              400: '#171517',
+              400: '#151517',
               500: '#100E11',
               DEFAULT: '#100E11',
             },
             foreground: {
-              100: '#4E4E56',
+              100: '#888891',
               300: '#BBBBC4',
               500: '#FDFDFE',
               DEFAULT: '#FDFDFE',
@@ -476,6 +479,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#888891',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#4E4E56',
               foreground: '#FFFFFF',
             },
@@ -488,7 +495,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#F8BF63',
+              DEFAULT: '#FFB800',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -499,10 +506,6 @@ module.exports = {
               DEFAULT: '#F37A39',
               foreground: '#FFFFFF',
             },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#FFFFFF',
-            },
             bullish: {
               DEFAULT: '#19AB5E',
               foreground: '#FFFFFF',
@@ -513,7 +516,7 @@ module.exports = {
             },
           },
         },
-        'ux-green-red-soft-light': {
+        'ux-light': {
           extend: 'light',
           colors: {
             content1: {
@@ -525,14 +528,14 @@ module.exports = {
               foreground: '#000000',
             },
             background: {
-              200: '#E9E7EE',
+              200: '#EFEDF5',
               300: '#F6F6F6',
               400: '#FFFFFF',
               500: '#F6F6F6',
               DEFAULT: '#F6F6F6',
             },
             foreground: {
-              100: '#CFCFD7',
+              100: '#7A7E84',
               300: '#55585C',
               500: '#000000',
               DEFAULT: '#000000',
@@ -559,6 +562,10 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             tertiary: {
+              DEFAULT: '#7A7E84',
+              foreground: '#FFFFFF',
+            },
+            cursor: {
               DEFAULT: '#CFCFD7',
               foreground: '#000000',
             },
@@ -571,7 +578,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#F6932B',
+              DEFAULT: '#F38300',
               foreground: '#FFFFFF',
             },
             divider: {
@@ -579,11 +586,7 @@ module.exports = {
               foreground: '#000000',
             },
             alert: {
-              DEFAULT: '#F07939',
-              foreground: '#FFFFFF',
-            },
-            gold: {
-              DEFAULT: '#FFB800',
+              DEFAULT: '#E65E16',
               foreground: '#FFFFFF',
             },
             bullish: {
@@ -615,7 +618,7 @@ module.exports = {
               DEFAULT: '#0C0C0F',
             },
             foreground: {
-              100: '#5D6466',
+              100: '#757E80',
               300: '#C4CCCC',
               500: '#F0F5F5',
               DEFAULT: '#F0F5F5',
@@ -642,6 +645,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#757E80',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#5D6466',
               foreground: '#FFFFFF',
             },
@@ -654,7 +661,7 @@ module.exports = {
               foreground: '#000000',
             },
             warning: {
-              DEFAULT: '#F2C366',
+              DEFAULT: '#F5DA54',
               foreground: '#000000',
             },
             divider: {
@@ -665,10 +672,6 @@ module.exports = {
               DEFAULT: '#F55832',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#F5DA54',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#86D99F',
               foreground: '#000000',
@@ -698,7 +701,7 @@ module.exports = {
               DEFAULT: '#0C0C0F',
             },
             foreground: {
-              100: '#4A4D5E',
+              100: '#777A8C',
               300: '#C8C9D1',
               500: '#FCFCFC',
               DEFAULT: '#FCFCFC',
@@ -725,6 +728,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#777A8C',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#4A4D5E',
               foreground: '#FFFFFF',
             },
@@ -748,10 +755,6 @@ module.exports = {
               DEFAULT: '#F57733',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#F7931A',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2FE3AC',
               foreground: '#000000',
@@ -781,7 +784,7 @@ module.exports = {
               DEFAULT: '#0A1318',
             },
             foreground: {
-              100: '#5D6466',
+              100: '#949E9C',
               300: '#D1D4DC',
               500: '#F6FEFD',
               DEFAULT: '#F6FEFD',
@@ -808,6 +811,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#949E9C',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#5D6466',
               foreground: '#FFFFFF',
             },
@@ -831,10 +838,6 @@ module.exports = {
               DEFAULT: '#EF8F50',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#FFB648',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#50D2C1',
               foreground: '#000000',
@@ -864,7 +867,7 @@ module.exports = {
               DEFAULT: '#13121A',
             },
             foreground: {
-              100: '#54515E',
+              100: '#717373',
               300: '#999999',
               500: '#FFFFFF',
               DEFAULT: '#FFFFFF',
@@ -891,6 +894,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#717373',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#54515E',
               foreground: '#FFFFFF',
             },
@@ -903,7 +910,7 @@ module.exports = {
               foreground: '#000000',
             },
             warning: {
-              DEFAULT: '#FFE629',
+              DEFAULT: '#FFD13F',
               foreground: '#000000',
             },
             divider: {
@@ -914,10 +921,6 @@ module.exports = {
               DEFAULT: '#FF9C3F',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#FFD13F',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2EC08B',
               foreground: '#000000',
@@ -947,7 +950,7 @@ module.exports = {
               DEFAULT: '#0B0E11',
             },
             foreground: {
-              100: '#444A56',
+              100: '#707A8A',
               300: '#929AA5',
               500: '#EAECEF',
               DEFAULT: '#EAECEF',
@@ -974,6 +977,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#707A8A',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#444A56',
               foreground: '#FFFFFF',
             },
@@ -997,10 +1004,6 @@ module.exports = {
               DEFAULT: '#FF693D',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#2DBD85',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#2EBD85',
               foreground: '#000000',
@@ -1030,7 +1033,7 @@ module.exports = {
               DEFAULT: '#09090B',
             },
             foreground: {
-              100: '#4B4D51',
+              100: '#686A6D',
               300: '#98989B',
               500: '#E9E9E9',
               DEFAULT: '#E9E9E9',
@@ -1057,6 +1060,10 @@ module.exports = {
               foreground: '#000000',
             },
             tertiary: {
+              DEFAULT: '#686A6D',
+              foreground: '#000000',
+            },
+            cursor: {
               DEFAULT: '#4B4D51',
               foreground: '#FFFFFF',
             },
@@ -1069,7 +1076,7 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             warning: {
-              DEFAULT: '#DCC161',
+              DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
             divider: {
@@ -1080,10 +1087,6 @@ module.exports = {
               DEFAULT: '#E9BF52',
               foreground: '#000000',
             },
-            gold: {
-              DEFAULT: '#E9BF52',
-              foreground: '#000000',
-            },
             bullish: {
               DEFAULT: '#459C6E',
               foreground: '#FFFFFF',
@@ -1094,85 +1097,6 @@ module.exports = {
             },
           },
         },
-        'product-test': {
-          extend: 'dark',
-          colors: {
-            default: {
-              DEFAULT: '#222D33',
-              foreground: '#F6FEFD',
-            },
-            secondary: {
-              DEFAULT: '#D1D4DC',
-              foreground: '#000000',
-            },
-            tertiary: {
-              DEFAULT: '#949E9C',
-              foreground: '#000000',
-            },
-            primary: {
-              100: '#EFF5F5',
-              200: '#CEE6E4',
-              300: '#A8DBD6',
-              400: '#7ED4CB',
-              500: '#50D2C1',
-              600: '#34B9A5',
-              700: '#2B8C7C',
-              800: '#206255',
-              900: '#143831',
-              DEFAULT: '#50D2C1',
-              foreground: '#000000',
-            },
-            success: {
-              DEFAULT: '#19AB5E',
-              foreground: '#000000',
-            },
-            danger: {
-              DEFAULT: '#E84A5A',
-              foreground: '#000000',
-            },
-            alert: {
-              DEFAULT: '#F57733',
-              foreground: '#000000',
-            },
-            warning: {
-              DEFAULT: '#FFD13F',
-              foreground: '#000000',
-            },
-            gold: {
-              DEFAULT: '#FFB800',
-              foreground: '#000000',
-            },
-            overlay: {
-              DEFAULT: '#1B2429',
-              foreground: '#FFFFFF',
-            },
-            divider: {
-              DEFAULT: '#394145',
-              foreground: '#FFFFFF',
-            },
-            bullish: {
-              DEFAULT: '#D745FF',
-              foreground: '#000000',
-            },
-            bearish: {
-              DEFAULT: '#F38300',
-              foreground: '#000000',
-            },
-            background: {
-              200: '#222D33',
-              300: '#1B2429',
-              400: '#0F1A1F',
-              500: '#0A1318',
-              DEFAULT: '#0A1318',
-            },
-            foreground: {
-              100: '#949E9C',
-              300: '#D1D4DC',
-              500: '#F6FEFD',
-              DEFAULT: '#F6FEFD',
-            },
-          },
-        },
       },
       function({ addVariant, addComponents }) {
         addVariant('child', '& > *');