chore(dcellar-web-ui): sync dcellar the main branch

apps/dcellar-web-ui/package.json

@@ -18,8 +18,8 @@
     "ahooks": "3.7.7",
     "hash-wasm": "4.9.0",
     "@babel/core": "^7.20.12",
-    "@bnb-chain/greenfield-js-sdk": "0.2.4-alpha.26",
-    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.22",
+    "@bnb-chain/greenfield-js-sdk": "0.2.5-alpha.9",
+    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.23",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@next/bundle-analyzer": "^13.1.6",

apps/dcellar-web-ui/src/base/theme/antd.ts

@@ -10,10 +10,19 @@ export const theme: ThemeConfig = {
     colorText: '#1E2026',
     colorTextHeading: '#76808F',
     fontFamily: 'Inter, sans-serif',
+    colorError: '#EE3911',
+    colorErrorBorderHover: '#FC6E75',
   },
   components: {
     Tooltip: {
       zIndexPopup: 1600,
     },
+    InputNumber: {
+      borderRadius: 2,
+      boxShadow: 'none',
+      colorBorder: '#E6E8EA',
+      fontSize: 14,
+      lineHeight: 1.214,
+    },
   },
 };

apps/dcellar-web-ui/src/base/theme/index.ts

@@ -27,6 +27,9 @@ export const theme = {
           marginLeft: -24,
           padding: '0 24px',
         },
+        '.ui-drawer .ui-drawer-footer': {
+          marginTop: 16,
+        },
       },
     },
   },

apps/dcellar-web-ui/src/components/common/DCButton/buttonConfig.ts

@@ -18,6 +18,7 @@ export const ButtonConfig: TButtonConfig = {
       _disabled: {
         bg: `#AEB4BC`,
         color: 'readable.tertiary',
+        cursor: 'not-allowed',
         _hover: {
           bg: `#AEB4BC`,
         },
@@ -32,6 +33,7 @@ export const ButtonConfig: TButtonConfig = {
       _disabled: {
         bg: `#AEB4BC`,
         color: 'readable.tertiary',
+        cursor: 'not-allowed',
         _hover: {
           bg: `#AEB4BC`,
         },
@@ -46,6 +48,7 @@ export const ButtonConfig: TButtonConfig = {
       _disabled: {
         bg: `#AEB4BC`,
         color: 'readable.tertiary',
+        cursor: 'not-allowed',
         _hover: {
           bg: `#AEB4BC`,
         },
@@ -64,8 +67,10 @@ export const ButtonConfig: TButtonConfig = {
         bg: `#AEB4BC`,
         color: 'readable.tertiary',
         border: '1px solid transparent',
+        cursor: 'not-allowed',
         _hover: {
           bg: `#AEB4BC`,
+          color: 'readable.tertiary'
         },
       },
     },

apps/dcellar-web-ui/src/components/common/DCInputNumber/index.tsx

@@ -0,0 +1,13 @@
+import { ConfigProvider, InputNumber, InputNumberProps } from 'antd';
+import { memo } from 'react';
+import { theme } from '@/base/theme/antd';
+
+interface DCInputNumberProps extends InputNumberProps<number> {}
+
+export const DCInputNumber = memo<DCInputNumberProps>(function DCInputNumber({ ...props }) {
+  return (
+    <ConfigProvider theme={theme}>
+      <InputNumber {...props} />
+    </ConfigProvider>
+  );
+});