@kodiak-finance/orderly-portfolio 2.9.2 → 2.9.3

package/dist/index.js

@@ -209,7 +209,7 @@ var init_assets_ui = __esm({
                     visible: props.visible,
                     unit: "USDC",
                     style: { "--oui-gradient-angle": "45deg" },
-                    unitClassName: "oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ml-1",
+                    unitClassName: "oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ms-1",
                     className: orderlyUi.gradientTextVariants({
                       className: "oui-font-bold oui-text-3xl",
                       color: "brand"
@@ -704,8 +704,8 @@ var init_assetHistory_ui_mobile = __esm({
         const itemColor = isDeposit ? "buy" : "sell";
         const amountView = /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { className: "oui-text-xs", children: [
           /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: itemColor, children: formattedAmount }),
-          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-ml-1", intensity: 80, children: item.token }),
-          isWeb3Wallet && /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Badge, { color: itemColor, className: "oui-ml-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
+          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { className: "oui-ms-1", intensity: 80, children: item.token }),
+          isWeb3Wallet && /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Badge, { color: itemColor, className: "oui-ms-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
         ] });
         const statusView = /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: isWeb3Wallet ? 80 : 36, size: "xs", children: getStatusText(item) });
         const timeView = /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.formatted, { rule: "date", intensity: 36, size: "2xs", children: item.created_time });
@@ -820,7 +820,7 @@ var init_assetHistory_ui_mobile = __esm({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           orderlyUi.ArrowRightShortIcon,
                           {
-                            className: "oui-ml-0.5 oui-size-4 oui-text-primary oui-opacity-100",
+                            className: "oui-ms-0.5 oui-size-4 oui-text-primary oui-opacity-100",
                             color: "primary",
                             size: 16,
                             opacity: 100
@@ -1064,7 +1064,7 @@ var init_fundingHistory_ui_mobile = __esm({
                   orderlyUi.Text.formatted,
                   {
                     rule: "symbol",
-                    className: "oui-text-base-contrast oui-mr-1 oui-text-sm",
+                    className: "oui-text-base-contrast oui-me-1 oui-text-sm",
                     children: item.symbol
                   }
                 ),
@@ -1073,7 +1073,7 @@ var init_fundingHistory_ui_mobile = __esm({
                   orderlyUi.Text.formatted,
                   {
                     rule: "date",
-                    className: "oui-text-base-contrast-36 oui-text-2xs oui-ml-auto",
+                    className: "oui-text-base-contrast-36 oui-text-2xs oui-ms-auto",
                     children: item.created_time
                   }
                 )
@@ -3306,7 +3306,7 @@ var init_convert_ui_mobile = __esm({
         statusOptions
       ]);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1 oui-px-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.ScrollIndicator, { className: "oui-pr-5", children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { direction: "row", children: dataFilter }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.ScrollIndicator, { className: "oui-pe-5", children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { direction: "row", children: dataFilter }) }),
         convertState.dataSource.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           ConvertMobileItem,
           {
@@ -3360,7 +3360,7 @@ var init_convert_ui_mobile = __esm({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "oui-ml-2 oui-text-primary",
+                className: "oui-ms-2 oui-text-primary",
                 onClick: () => {
                   orderlyUi.modal.show(ConverHistoryItemDetailsDialog, {
                     item,
@@ -3730,7 +3730,7 @@ var init_vaults_ui_mobile = __esm({
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("common.type") }),
               /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: typeColor, className: "oui-text-xs", children: typeText })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-end", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("common.amount") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-text-base-contrast-80", children: amountText })
             ] })
@@ -3944,7 +3944,7 @@ var init_historyDataGroup_ui_mobile = __esm({
           size: "lg",
           classNames: {
             tabsList: "oui-px-3 oui-py-2",
-            scrollIndicator: "oui-pr-3"
+            scrollIndicator: "oui-pe-3"
           },
           showScrollIndicator: true,
           children: [
@@ -5740,7 +5740,7 @@ var init_createApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -6132,7 +6132,7 @@ var init_editApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -7466,7 +7466,7 @@ var EVMChains = () => {
         className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-start-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsxRuntime.jsx(EVMChainPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(
         MoreIcon,
         {
@@ -7651,7 +7651,7 @@ var AffiliateCardMobile = (props) => {
             {
               size: 18,
               color: "white",
-              className: "oui-ml-auto",
+              className: "oui-ms-auto",
               onClick: () => {
                 routerAdapter?.onRouteChange({
                   href: "/rewards/affiliate?tab=affiliate",
@@ -7876,7 +7876,7 @@ var PortfolioValueMobile = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "oui-absolute oui-right-0 oui-top-0 oui-flex oui-h-full oui-items-center oui-justify-center oui-px-4",
+            className: "oui-absolute oui-end-0 oui-top-0 oui-flex oui-h-full oui-items-center oui-justify-center oui-px-4",
             onClick: () => props.routerAdapter?.onRouteChange({
               href: "/portfolio/assets" /* Assets */,
               name: "Assets"
@@ -7921,7 +7921,7 @@ var SettingRouterMobile = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           orderlyUi.ChevronRightIcon,
           {
-            className: "oui-ml-auto",
+            className: "oui-ms-auto",
             size: 18,
             opacity: 0.36,
             color: "white"
@@ -7981,7 +7981,7 @@ var TraderCardMobile = (props) => {
                 {
                   size: 18,
                   color: "white",
-                  className: "oui-ml-auto",
+                  className: "oui-ms-auto",
                   onClick: () => {
                     routerAdapter?.onRouteChange({
                       href: "/rewards/affiliate?tab=trader",
@@ -8318,8 +8318,8 @@ var FeeTierTable = (props) => {
       if (active) {
         return {
           className: orderlyUi.cn(
-            isFirstColumn && "oui-rounded-l-lg",
-            isLastColumn && "oui-rounded-r-lg"
+            isFirstColumn && "oui-rounded-s-lg",
+            isLastColumn && "oui-rounded-e-lg"
           ),
           ...config.active
         };
@@ -8986,7 +8986,7 @@ var PositionsPage = (props) => {
 };
 var LiquidationTab = () => {
   const { t } = orderlyI18n.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-space-x-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-gap-x-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("positions.liquidation") }),
     /* @__PURE__ */ jsxRuntime.jsx(
       orderlyUi.Tooltip,
@@ -9036,7 +9036,7 @@ var OrdersPage = (props) => {
           /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "lg", children: t("common.orders") }),
           /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Tooltip, { content: t("orders.download.tooltip"), children: /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Button, { color: "gray", size: "sm", className: "oui-bg-base-4", disabled: true, children: [
             t("common.download"),
-            /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ml-[5px]" })
+            /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ms-[5px]" })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Divider, { className: "oui-w-full" }),
@@ -9527,7 +9527,7 @@ var SettingMobile = (props) => {
                 size: "base",
                 weight: "semibold",
                 intensity: 80,
-                className: "oui-ml-2",
+                className: "oui-ms-2",
                 children: t("languageSwitcher.language")
               }
             ),
@@ -9535,7 +9535,7 @@ var SettingMobile = (props) => {
               orderlyUi.ChevronRightIcon,
               {
                 size: 18,
-                className: "oui-ml-auto oui-text-base-contrast-36"
+                className: "oui-ms-auto oui-text-base-contrast-36"
               }
             )
           ]
@@ -11000,7 +11000,7 @@ var PnLRankingChart = ({
                   size: "sm",
                   weight: "semibold",
                   className: orderlyUi.cn(
-                    "oui-relative oui-z-10 oui-ml-2",
+                    "oui-relative oui-z-10 oui-ms-2",
                     isPositive ? "oui-text-profit-500" : "oui-text-loss-500"
                   ),
                   children: [
@@ -11798,7 +11798,7 @@ var PnLRankingChartMobile = ({
                   size: "xs",
                   weight: "semibold",
                   className: orderlyUi.cn(
-                    "oui-relative oui-z-10 oui-ml-2",
+                    "oui-relative oui-z-10 oui-ms-2",
                     isPositive ? "oui-text-profit-500" : "oui-text-loss-500"
                   ),
                   children: [