@loafmarkets/ui 0.1.229 → 0.1.231

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +194 -221
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +194 -221
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8707,124 +8707,90 @@ function PropertyOverview({
8707
8707
  item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
8708
8708
  /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
8709
8709
  ] }, i)) }),
8710
- /* @__PURE__ */ jsxs(StatsColumn, { children: [
8710
+ /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
8711
8711
  /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
8712
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8712
+ /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
8713
8713
  /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8714
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8715
- e.target.style.display = "none";
8716
- } }) }),
8717
- /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8718
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8719
- "Boondabah ",
8720
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8721
- ] }),
8722
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St, Mosman" })
8723
- ] }),
8724
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8725
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$16.07M" }),
8726
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Mar 2022" })
8727
- ] })
8728
- ] }),
8729
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8730
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8731
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8732
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,066 sqm" })
8733
- ] }),
8734
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8735
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8736
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8737
- ] }),
8738
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8739
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8740
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+119%" })
8741
- ] })
8742
- ] }),
8743
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8744
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8745
- e.target.src = "";
8746
- } }) }),
8747
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8748
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8749
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8750
- /* @__PURE__ */ jsx("span", { children: "$7.35M (Sep 2016)" })
8751
- ] }),
8752
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8753
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8754
- /* @__PURE__ */ jsx("span", { children: "6 years" })
8755
- ] }),
8756
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8757
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8758
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~13.8% p.a." })
8759
- ] }),
8760
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8761
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8762
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8763
- ] }),
8764
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8765
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8766
- /* @__PURE__ */ jsx("span", { children: "Same street, heritage estate" })
8714
+ /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
8715
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8716
+ e.target.style.display = "none";
8717
+ } }) }),
8718
+ /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8719
+ /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8720
+ /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
8721
+ e.target.style.display = "none";
8722
+ } }) }),
8723
+ /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8724
+ "Boondabah ",
8725
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8726
+ ] }),
8727
+ /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
8728
+ /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8729
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8730
+ /* @__PURE__ */ jsx("span", { children: "Land" }),
8731
+ /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
8732
+ ] }),
8733
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8734
+ /* @__PURE__ */ jsx("span", { children: "Era" }),
8735
+ /* @__PURE__ */ jsx("span", { children: "c.1905" })
8736
+ ] }),
8737
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8738
+ /* @__PURE__ */ jsx("span", { children: "Growth" }),
8739
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
8740
+ ] }),
8741
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8742
+ /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8743
+ /* @__PURE__ */ jsx("span", { children: "$7,780" })
8744
+ ] })
8745
+ ] })
8767
8746
  ] })
8768
- ] })
8769
- ] })
8770
- ] }),
8771
- /* @__PURE__ */ jsxs(CompAssetCard, { children: [
8772
- /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8773
- /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8774
- e.target.style.display = "none";
8775
- } }) }),
8747
+ ] }),
8776
8748
  /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8777
- /* @__PURE__ */ jsxs(CompAssetName, { children: [
8778
- "Dobroyd ",
8779
- /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8780
- ] }),
8781
- /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd, Mosman" })
8749
+ /* @__PURE__ */ jsx(CompAssetName, { children: "Boondabah" }),
8750
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "200A Raglan St" })
8782
8751
  ] }),
8783
- /* @__PURE__ */ jsxs(CompAssetPriceCol, { children: [
8784
- /* @__PURE__ */ jsx(CompAssetSalePrice, { children: "$27.96M" }),
8785
- /* @__PURE__ */ jsx(CompAssetSaleDate, { children: "Aug 2024" })
8786
- ] })
8752
+ /* @__PURE__ */ jsx(CompAssetPrice, { children: "$16.07M" })
8787
8753
  ] }),
8788
- /* @__PURE__ */ jsxs(CompAssetStatsRow, { children: [
8789
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8790
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Land" }),
8791
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "2,592 sqm" })
8754
+ /* @__PURE__ */ jsxs(CompAssetRow, { children: [
8755
+ /* @__PURE__ */ jsxs(CompAssetThumbWrap, { children: [
8756
+ /* @__PURE__ */ jsx(CompAssetThumb, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8757
+ e.target.style.display = "none";
8758
+ } }) }),
8759
+ /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
8760
+ /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
8761
+ /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
8762
+ e.target.style.display = "none";
8763
+ } }) }),
8764
+ /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
8765
+ "Dobroyd ",
8766
+ /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
8767
+ ] }),
8768
+ /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
8769
+ /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
8770
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8771
+ /* @__PURE__ */ jsx("span", { children: "Land" }),
8772
+ /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
8773
+ ] }),
8774
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8775
+ /* @__PURE__ */ jsx("span", { children: "Era" }),
8776
+ /* @__PURE__ */ jsx("span", { children: "c.1905" })
8777
+ ] }),
8778
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8779
+ /* @__PURE__ */ jsx("span", { children: "Growth" }),
8780
+ /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
8781
+ ] }),
8782
+ /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
8783
+ /* @__PURE__ */ jsx("span", { children: "$/sqm" }),
8784
+ /* @__PURE__ */ jsx("span", { children: "$10,787" })
8785
+ ] })
8786
+ ] })
8787
+ ] })
8792
8788
  ] }),
8793
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8794
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Era" }),
8795
- /* @__PURE__ */ jsx(CompAssetStatVal, { children: "c.1905" })
8789
+ /* @__PURE__ */ jsxs(CompAssetInfo, { children: [
8790
+ /* @__PURE__ */ jsx(CompAssetName, { children: "Dobroyd" }),
8791
+ /* @__PURE__ */ jsx(CompAssetAddr, { children: "7 Bradleys Head Rd" })
8796
8792
  ] }),
8797
- /* @__PURE__ */ jsxs(CompAssetStat, { children: [
8798
- /* @__PURE__ */ jsx(CompAssetStatLabel, { children: "Growth" }),
8799
- /* @__PURE__ */ jsx(CompAssetStatVal, { style: { color: "#4ade80" }, children: "+617%" })
8800
- ] })
8801
- ] }),
8802
- /* @__PURE__ */ jsxs(CompAssetHoverDetail, { children: [
8803
- /* @__PURE__ */ jsx(CompAssetHoverImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Bradleys Head", onError: (e) => {
8804
- e.target.src = "";
8805
- } }) }),
8806
- /* @__PURE__ */ jsxs(CompAssetHoverStats, { children: [
8807
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8808
- /* @__PURE__ */ jsx("span", { children: "Previous Sale" }),
8809
- /* @__PURE__ */ jsx("span", { children: "$3.9M (2013)" })
8810
- ] }),
8811
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8812
- /* @__PURE__ */ jsx("span", { children: "Hold Period" }),
8813
- /* @__PURE__ */ jsx("span", { children: "11 years" })
8814
- ] }),
8815
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8816
- /* @__PURE__ */ jsx("span", { children: "Annualised Return" }),
8817
- /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "~19.5% p.a." })
8818
- ] }),
8819
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8820
- /* @__PURE__ */ jsx("span", { children: "Style" }),
8821
- /* @__PURE__ */ jsx("span", { children: "Federation, Harbourfront" })
8822
- ] }),
8823
- /* @__PURE__ */ jsxs(CompAssetHoverRow, { children: [
8824
- /* @__PURE__ */ jsx("span", { children: "Similarity" }),
8825
- /* @__PURE__ */ jsx("span", { children: "Heritage harbourside estate" })
8826
- ] })
8827
- ] })
8793
+ /* @__PURE__ */ jsx(CompAssetPrice, { children: "$27.96M" })
8828
8794
  ] })
8829
8795
  ] })
8830
8796
  ] })
@@ -9787,130 +9753,83 @@ var TimelineHoldPeriod = styled9.span`
9787
9753
  color: rgba(255,255,255,0.25);
9788
9754
  font-weight: 400;
9789
9755
  `;
9790
- var CompAssetCard = styled9.div`
9791
- position: relative;
9792
- background: rgba(255,255,255,0.02);
9793
- border: 1px solid rgba(255,255,255,0.06);
9794
- border-radius: 10px;
9795
- padding: 0.75rem;
9796
- margin-bottom: 0.75rem;
9797
- transition: border-color 0.2s, background 0.2s;
9798
- &:last-child { margin-bottom: 0; }
9799
- &:hover {
9800
- border-color: rgba(212,175,55,0.3);
9801
- background: rgba(255,255,255,0.03);
9802
- }
9803
- &:hover > div:last-child {
9804
- max-height: 300px;
9805
- opacity: 1;
9806
- padding-top: 0.75rem;
9807
- margin-top: 0.75rem;
9808
- }
9756
+ var CompAssetsPanel = styled9.div`
9757
+ background: #111111;
9758
+ border: 1px solid rgba(255,255,255,0.1);
9759
+ border-radius: 12px;
9760
+ padding: 1rem 1.25rem;
9761
+ display: flex;
9762
+ flex-direction: column;
9763
+ gap: 0.35rem;
9764
+ `;
9765
+ var CompAssetsGrid = styled9.div`
9766
+ display: flex;
9767
+ flex-direction: column;
9768
+ gap: 0;
9809
9769
  `;
9810
9770
  var CompAssetRow = styled9.div`
9811
9771
  display: flex;
9812
9772
  align-items: center;
9813
- gap: 0.75rem;
9773
+ gap: 0.6rem;
9774
+ padding: 0.5rem 0;
9775
+ &:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.04); }
9776
+ `;
9777
+ var CompAssetThumbWrap = styled9.div`
9778
+ position: relative;
9779
+ flex-shrink: 0;
9780
+ &:hover > div:last-child {
9781
+ display: block;
9782
+ }
9814
9783
  `;
9815
9784
  var CompAssetThumb = styled9.div`
9816
- width: 48px;
9817
- height: 48px;
9818
- border-radius: 8px;
9785
+ width: 32px;
9786
+ height: 32px;
9787
+ border-radius: 6px;
9819
9788
  overflow: hidden;
9820
9789
  flex-shrink: 0;
9821
9790
  background: rgba(255,255,255,0.05);
9791
+ cursor: pointer;
9792
+ transition: border-color 0.2s;
9793
+ border: 1px solid rgba(255,255,255,0.06);
9794
+ &:hover { border-color: rgba(212,175,55,0.4); }
9822
9795
  img {
9823
9796
  width: 100%;
9824
9797
  height: 100%;
9825
9798
  object-fit: cover;
9826
9799
  }
9827
9800
  `;
9828
- var CompAssetInfo = styled9.div`
9829
- flex: 1;
9830
- min-width: 0;
9831
- `;
9832
- var CompAssetName = styled9.div`
9833
- font-size: 0.88rem;
9834
- font-weight: 600;
9835
- color: #fff;
9836
- display: flex;
9837
- align-items: center;
9838
- gap: 0.5rem;
9839
- `;
9840
- var CompAssetBadge = styled9.span`
9841
- font-size: 0.58rem;
9842
- font-weight: 600;
9843
- text-transform: uppercase;
9844
- letter-spacing: 0.06em;
9845
- color: #4ade80;
9846
- background: rgba(74,222,128,0.1);
9847
- border: 1px solid rgba(74,222,128,0.2);
9848
- padding: 1px 6px;
9849
- border-radius: 4px;
9850
- white-space: nowrap;
9851
- `;
9852
- var CompAssetAddr = styled9.div`
9853
- font-size: 0.75rem;
9854
- color: rgba(255,255,255,0.4);
9855
- margin-top: 2px;
9856
- `;
9857
- var CompAssetPriceCol = styled9.div`
9858
- text-align: right;
9859
- flex-shrink: 0;
9860
- `;
9861
- var CompAssetSalePrice = styled9.div`
9862
- font-size: 0.92rem;
9863
- font-weight: 600;
9864
- color: #fff;
9865
- font-variant-numeric: tabular-nums;
9866
- `;
9867
- var CompAssetSaleDate = styled9.div`
9868
- font-size: 0.68rem;
9869
- color: rgba(255,255,255,0.3);
9870
- margin-top: 1px;
9871
- `;
9872
- var CompAssetStatsRow = styled9.div`
9873
- display: flex;
9874
- gap: 0;
9875
- margin-top: 0.65rem;
9876
- border-top: 1px solid rgba(255,255,255,0.04);
9877
- padding-top: 0.55rem;
9878
- `;
9879
- var CompAssetStat = styled9.div`
9880
- flex: 1;
9881
- display: flex;
9882
- flex-direction: column;
9883
- align-items: center;
9884
- gap: 2px;
9885
- &:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.04); }
9886
- `;
9887
- var CompAssetStatLabel = styled9.span`
9888
- font-size: 0.6rem;
9889
- color: rgba(255,255,255,0.35);
9890
- text-transform: uppercase;
9891
- letter-spacing: 0.06em;
9892
- `;
9893
- var CompAssetStatVal = styled9.span`
9894
- font-size: 0.8rem;
9895
- font-weight: 500;
9896
- color: #fff;
9897
- font-variant-numeric: tabular-nums;
9801
+ var CompAssetTooltip = styled9.div`
9802
+ display: none;
9803
+ position: absolute;
9804
+ top: calc(100% + 10px);
9805
+ left: 50%;
9806
+ transform: translateX(-50%);
9807
+ width: 260px;
9808
+ background: #1a1d24;
9809
+ border: 1px solid rgba(255,255,255,0.1);
9810
+ border-radius: 8px;
9811
+ padding: 0.75rem;
9812
+ z-index: 100;
9813
+ box-shadow: 0 8px 24px rgba(0,0,0,0.5);
9814
+ pointer-events: none;
9898
9815
  `;
9899
- var CompAssetHoverDetail = styled9.div`
9900
- max-height: 0;
9901
- opacity: 0;
9902
- overflow: hidden;
9903
- transition: max-height 0.3s ease, opacity 0.25s ease, padding-top 0.3s ease, margin-top 0.3s ease;
9904
- border-top: 1px solid rgba(255,255,255,0.06);
9905
- padding-top: 0;
9906
- margin-top: 0;
9816
+ var CompAssetTooltipArrow = styled9.div`
9817
+ position: absolute;
9818
+ top: -5px;
9819
+ left: 50%;
9820
+ transform: translateX(-50%) rotate(45deg);
9821
+ width: 8px;
9822
+ height: 8px;
9823
+ background: #1a1d24;
9824
+ border-left: 1px solid rgba(255,255,255,0.1);
9825
+ border-top: 1px solid rgba(255,255,255,0.1);
9907
9826
  `;
9908
- var CompAssetHoverImg = styled9.div`
9827
+ var CompAssetTooltipImg = styled9.div`
9909
9828
  width: 100%;
9910
- height: 120px;
9911
- border-radius: 8px;
9829
+ height: 110px;
9830
+ border-radius: 6px;
9912
9831
  overflow: hidden;
9913
- margin-bottom: 0.65rem;
9832
+ margin-bottom: 0.6rem;
9914
9833
  background: rgba(255,255,255,0.03);
9915
9834
  img {
9916
9835
  width: 100%;
@@ -9918,29 +9837,83 @@ var CompAssetHoverImg = styled9.div`
9918
9837
  object-fit: cover;
9919
9838
  }
9920
9839
  `;
9921
- var CompAssetHoverStats = styled9.div`
9840
+ var CompAssetTooltipTitle = styled9.div`
9841
+ font-size: 0.8rem;
9842
+ font-weight: 600;
9843
+ color: #fff;
9844
+ display: flex;
9845
+ align-items: center;
9846
+ gap: 0.4rem;
9847
+ margin-bottom: 2px;
9848
+ `;
9849
+ var CompAssetTooltipAddr = styled9.div`
9850
+ font-size: 0.65rem;
9851
+ color: rgba(255,255,255,0.4);
9852
+ margin-bottom: 0.5rem;
9853
+ `;
9854
+ var CompAssetTooltipStats = styled9.div`
9922
9855
  display: flex;
9923
9856
  flex-direction: column;
9924
9857
  gap: 0;
9925
9858
  `;
9926
- var CompAssetHoverRow = styled9.div`
9859
+ var CompAssetTooltipRow = styled9.div`
9927
9860
  display: flex;
9928
9861
  justify-content: space-between;
9929
9862
  align-items: center;
9930
- padding: 0.35rem 0;
9931
- border-bottom: 1px solid rgba(255,255,255,0.03);
9863
+ padding: 0.3rem 0;
9864
+ border-bottom: 1px solid rgba(255,255,255,0.04);
9932
9865
  &:last-child { border-bottom: none; }
9933
9866
  span:first-child {
9934
- font-size: 0.75rem;
9867
+ font-size: 0.7rem;
9935
9868
  color: rgba(255,255,255,0.4);
9936
9869
  }
9937
9870
  span:last-child {
9938
- font-size: 0.8rem;
9871
+ font-size: 0.75rem;
9939
9872
  font-weight: 500;
9940
9873
  color: #fff;
9941
9874
  font-variant-numeric: tabular-nums;
9942
9875
  }
9943
9876
  `;
9877
+ var CompAssetInfo = styled9.div`
9878
+ flex: 1;
9879
+ min-width: 0;
9880
+ `;
9881
+ var CompAssetName = styled9.div`
9882
+ font-size: 0.78rem;
9883
+ font-weight: 600;
9884
+ color: #fff;
9885
+ white-space: nowrap;
9886
+ `;
9887
+ var CompAssetBadge = styled9.span`
9888
+ font-size: 0.5rem;
9889
+ font-weight: 600;
9890
+ text-transform: uppercase;
9891
+ letter-spacing: 0.06em;
9892
+ color: #4ade80;
9893
+ background: rgba(74,222,128,0.1);
9894
+ border: 1px solid rgba(74,222,128,0.2);
9895
+ padding: 1px 5px;
9896
+ border-radius: 3px;
9897
+ white-space: nowrap;
9898
+ vertical-align: middle;
9899
+ margin-left: 0.3rem;
9900
+ `;
9901
+ var CompAssetAddr = styled9.div`
9902
+ font-size: 0.62rem;
9903
+ color: rgba(255,255,255,0.35);
9904
+ margin-top: 1px;
9905
+ white-space: nowrap;
9906
+ overflow: hidden;
9907
+ text-overflow: ellipsis;
9908
+ `;
9909
+ var CompAssetPrice = styled9.div`
9910
+ font-size: 0.8rem;
9911
+ font-weight: 600;
9912
+ color: #fff;
9913
+ font-variant-numeric: tabular-nums;
9914
+ white-space: nowrap;
9915
+ flex-shrink: 0;
9916
+ `;
9944
9917
  styled9.div`
9945
9918
  font-size: 0.65rem;
9946
9919
  color: rgba(255,255,255,0.35);