@kodiak-finance/orderly-trading 2.8.21-alpha.0 → 2.8.21-beta.3

package/dist/index.js

@@ -3331,7 +3331,7 @@ var init_fundingRate_ui = __esm({
           }
         ),
         predFundingRate === null ? "--" : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "orderly-flex orderly-gap-1 oui-text-2xs oui-text-base-contrast-36", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { coloring: true, suffix: "%", dp: 4, children: predFundingRate ?? "--" }),
+          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.numeral, { suffix: "%", dp: 4, intensity: 80, children: predFundingRate ?? "--" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: " in" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: " " + countDown })
         ] })
@@ -3438,30 +3438,54 @@ var init_fundingRateModal_ui = __esm({
           return null;
         }
         return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { justify: "between", itemAlign: "center", width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: 54, children: annualizedValue ? `${label}/ ${t("trading.fundingRate.annualized")}` : label }),
-          /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { itemAlign: "end", gap: 1, className: "oui-text-base-contrast-80", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: 80, children: value }),
-            annualizedValue && " / ",
-            annualizedValue && annualizedValue
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            orderlyUi.Text,
+            {
+              size: "xs",
+              intensity: 54,
+              className: "oui-whitespace-nowrap",
+              children: annualizedValue ? `${label}/ ${t("trading.fundingRate.annualized")}` : label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            orderlyUi.Flex,
+            {
+              itemAlign: "end",
+              gap: 1,
+              className: "oui-text-base-contrast-80",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", intensity: 80, className: "oui-font-semibold", children: value }),
+                annualizedValue && " / ",
+                annualizedValue && /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", intensity: 80, className: "oui-font-semibold", children: annualizedValue })
+              ]
+            }
+          )
         ] });
       };
       return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { width: "100%", itemAlign: "center", direction: "column", gap: 1, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { justify: "between", itemAlign: "center", width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: 54, children: t("trading.fundingRate.predFundingRate.interval") }),
-          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: 80, children: fundingPeriod })
+          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", intensity: 54, className: "oui-flex-shrink-0", children: t("trading.fundingRate.predFundingRate.interval") }),
+          /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { size: "xs", intensity: 80, className: "oui-flex-shrink-0", children: fundingPeriod })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { justify: "between", itemAlign: "center", width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { intensity: 54, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { size: "xs", intensity: 54, className: "oui-flex-shrink-0", children: [
             t("trading.fundingRate.predFundingRate.cap"),
             " /",
             t("trading.fundingRate.predFundingRate.floor")
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Text, { intensity: 80, children: [
-            capFunding,
-            " / ",
-            floorFunding
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            orderlyUi.Text,
+            {
+              size: "xs",
+              intensity: 80,
+              className: "oui-flex-shrink-0 oui-font-semibold oui-whitespace-nowrap",
+              children: [
+                capFunding,
+                " / ",
+                floorFunding
+              ]
+            }
+          )
         ] }),
         renderRow(
           t("trading.fundingRate.lastFundingRate"),
@@ -3475,7 +3499,7 @@ var init_fundingRateModal_ui = __esm({
         ),
         renderRow(t("trading.fundingRate.estimatedFundingFee"), estFundingFee),
         /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Divider, { my: 4, className: "oui-w-full", intensity: 8 }),
-        t("markets.symbolInfoBar.predFundingRate.tooltip")
+        /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text, { intensity: 54, children: t("markets.symbolInfoBar.predFundingRate.tooltip") })
       ] });
     };
   }
@@ -5243,8 +5267,8 @@ var init_tradingview_ui = __esm({
                 mode: 3,
                 scriptSRC: props.tradingViewConfig?.scriptSRC,
                 customCssUrl: props.tradingViewConfig?.customCssUrl,
-                showVolumeInSamePane: true,
-                ...props.tradingViewConfig
+                ...props.tradingViewConfig,
+                showVolumeInSamePane: true
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5612,7 +5636,13 @@ var init_orderBookAndEntry_ui = __esm({
                 ) })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-rounded-xl oui-bg-base-9 oui-p-2", children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUiOrderEntry.OrderEntryWidget, { symbol: props.symbol, containerRef: divRef }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-rounded-xl oui-bg-base-9 oui-p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              orderlyUiOrderEntry.OrderEntryWidget,
+              {
+                symbol: props.symbol,
+                containerRef: divRef
+              }
+            ) })
           ]
         }
       );