@oanda/labs-widget-common 1.0.213 → 1.0.214

package/CHANGELOG.md

@@ -3,6 +3,850 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.214 (2025-08-14)
+
+
+
+## 1.0.213 (2025-08-12)
+
+
+
+## 1.0.212 (2025-08-05)
+
+
+
+## 1.0.211 (2025-08-05)
+
+
+
+## 1.0.210 (2025-07-31)
+
+
+
+## 1.0.209 (2025-07-31)
+
+
+
+## 1.0.208 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+
+
+## 1.0.108 (2024-04-04)
+
+
+
+## 1.0.107 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-widget-common
+
+
+
+
+
 ## 1.0.213 (2025-08-12)
 
 

package/dist/main/components/InstrumentRate/InstrumentRate.js

@@ -25,19 +25,18 @@ const InstrumentRate = _ref => {
   } = (0, _providers.useLayoutProvider)();
   const checkLoading = id => !isError && record?.[id] === undefined;
   const isExpanded = size === 'full' || size === 'fullWithChart';
-  const isCompact = size === 'compact';
   return _react.default.createElement("div", {
     className: (0, _tailwind.cn)('lw-flex lw-flex-col', isExpanded && 'lw-h-full'),
     "data-testid": "instrument-rate-wrapper"
   }, _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-flex lw-gap-x-2', isExpanded && 'lw-h-1/2 lw-pt-3', !slim && isCompact && 'lw-py-3', slim && 'lw-py-1'),
+    className: (0, _tailwind.cn)('lw-flex lw-gap-x-2 lw-text-xl', isExpanded && 'lw-h-1/2', !slim && 'lw-py-2', slim && 'lw-py-1'),
     "data-testid": "instrument-rate-wrapper-label"
   }, _react.default.createElement(_LabelWrapper.LabelWrapper, {
     isError: !!isError,
     isLoading: checkLoading('instrument'),
     size: _LabelWrapper.LabelSize.lg
   }, _react.default.createElement("span", {
-    className: "lw-text-xl lw-font-bold"
+    className: "lw-font-bold"
   }, _react.default.createElement(_Truncate.Truncate, {
     maxWidth: 100,
     text: record.displayName,
@@ -47,12 +46,12 @@ const InstrumentRate = _ref => {
     isLoading: checkLoading('buy'),
     size: _LabelWrapper.LabelSize.lg
   }, _react.default.createElement("div", {
-    className: "lw-text-xl lw-font-bold"
+    className: "lw-font-bold"
   }, _react.default.createElement(_Price.Price, {
     movementIndicator: "text",
     priceMovement: record.buyPriceMovement
   }, _react.default.createElement("span", null, record.buy?.toFixed(record.displayPrecision)))))), isExpanded && _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-py-2.5 lw-pr-2.5', !isDark && 'lw-bg-whiteOpacity', isDark && 'lw-bg-blackOpacity', slim && 'lw-py-1.5'),
+    className: (0, _tailwind.cn)('lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-pr-2.5', !isDark && 'lw-bg-whiteOpacity', isDark && 'lw-bg-blackOpacity', !slim && 'lw-py-1', slim && 'lw-pb-1'),
     "data-testid": "instrument-rate-wrapper-expanded"
   }, _react.default.createElement(_LabelWrapper.LabelWrapper, {
     isError: !!isError,

package/dist/main/components/InstrumentRate/InstrumentRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentRate.js","names":["_react","_interopRequireDefault","require","_providers","_tailwind","_LabelWrapper","_Price","_Truncate","e","__esModule","default","InstrumentRate","_ref","isError","record","tooltipId","size","slim","colorIndicator","indicator","isDark","useLayoutProvider","checkLoading","id","undefined","isExpanded","isCompact","createElement","className","cn","LabelWrapper","isLoading","LabelSize","lg","Truncate","maxWidth","text","displayName","Price","movementIndicator","priceMovement","buyPriceMovement","buy","toFixed","displayPrecision","sm","dailyPercentChange","withoutLoader","dailyPipsChange","exports"],"sources":["../../../../src/components/InstrumentRate/InstrumentRate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { LabelSize, LabelWrapper } from '../LabelWrapper';\nimport { Price } from '../Price';\nimport { Truncate } from '../Truncate';\nimport type { InstrumentRateProps } from './types';\n\nconst InstrumentRate = ({\n  isError,\n  record,\n  tooltipId,\n  size,\n  slim,\n  colorIndicator: indicator,\n}: InstrumentRateProps) => {\n  const { isDark } = useLayoutProvider();\n  const checkLoading = (id: string) => !isError && record?.[id] === undefined;\n  const isExpanded = size === 'full' || size === 'fullWithChart';\n  const isCompact = size === 'compact';\n\n  return (\n    <div\n      className={cn('lw-flex lw-flex-col', isExpanded && 'lw-h-full')}\n      data-testid=\"instrument-rate-wrapper\"\n    >\n      <div\n        className={cn(\n          'lw-flex lw-gap-x-2',\n          isExpanded && 'lw-h-1/2 lw-pt-3',\n          !slim && isCompact && 'lw-py-3',\n          slim && 'lw-py-1'\n        )}\n        data-testid=\"instrument-rate-wrapper-label\"\n      >\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('instrument')}\n          size={LabelSize.lg}\n        >\n          <span className=\"lw-text-xl lw-font-bold\">\n            <Truncate\n              maxWidth={100}\n              text={record.displayName}\n              tooltipId={tooltipId}\n            />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('buy')}\n          size={LabelSize.lg}\n        >\n          <div className=\"lw-text-xl lw-font-bold\">\n            <Price\n              movementIndicator=\"text\"\n              priceMovement={record.buyPriceMovement}\n            >\n              <span>{record.buy?.toFixed(record.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {isExpanded && (\n        <div\n          className={cn(\n            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-py-2.5 lw-pr-2.5',\n            !isDark && 'lw-bg-whiteOpacity',\n            isDark && 'lw-bg-blackOpacity',\n            slim && 'lw-py-1.5'\n          )}\n          data-testid=\"instrument-rate-wrapper-expanded\"\n        >\n          <LabelWrapper\n            isError={!!isError}\n            isLoading={checkLoading('dailyPercentChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {record.dailyPercentChange}\n            </span>\n          </LabelWrapper>\n          <LabelWrapper\n            withoutLoader\n            isError={!!isError}\n            isLoading={checkLoading('dailyPipsChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {`(${record.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InstrumentRate };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InstrumentRate.js","names":["_react","_interopRequireDefault","require","_providers","_tailwind","_LabelWrapper","_Price","_Truncate","e","__esModule","default","InstrumentRate","_ref","isError","record","tooltipId","size","slim","colorIndicator","indicator","isDark","useLayoutProvider","checkLoading","id","undefined","isExpanded","createElement","className","cn","LabelWrapper","isLoading","LabelSize","lg","Truncate","maxWidth","text","displayName","Price","movementIndicator","priceMovement","buyPriceMovement","buy","toFixed","displayPrecision","sm","dailyPercentChange","withoutLoader","dailyPipsChange","exports"],"sources":["../../../../src/components/InstrumentRate/InstrumentRate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { LabelSize, LabelWrapper } from '../LabelWrapper';\nimport { Price } from '../Price';\nimport { Truncate } from '../Truncate';\nimport type { InstrumentRateProps } from './types';\n\nconst InstrumentRate = ({\n  isError,\n  record,\n  tooltipId,\n  size,\n  slim,\n  colorIndicator: indicator,\n}: InstrumentRateProps) => {\n  const { isDark } = useLayoutProvider();\n  const checkLoading = (id: string) => !isError && record?.[id] === undefined;\n  const isExpanded = size === 'full' || size === 'fullWithChart';\n\n  return (\n    <div\n      className={cn('lw-flex lw-flex-col', isExpanded && 'lw-h-full')}\n      data-testid=\"instrument-rate-wrapper\"\n    >\n      <div\n        className={cn(\n          'lw-flex lw-gap-x-2 lw-text-xl',\n          isExpanded && 'lw-h-1/2',\n          !slim && 'lw-py-2',\n          slim && 'lw-py-1'\n        )}\n        data-testid=\"instrument-rate-wrapper-label\"\n      >\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('instrument')}\n          size={LabelSize.lg}\n        >\n          <span className=\"lw-font-bold\">\n            <Truncate\n              maxWidth={100}\n              text={record.displayName}\n              tooltipId={tooltipId}\n            />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('buy')}\n          size={LabelSize.lg}\n        >\n          <div className=\"lw-font-bold\">\n            <Price\n              movementIndicator=\"text\"\n              priceMovement={record.buyPriceMovement}\n            >\n              <span>{record.buy?.toFixed(record.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {isExpanded && (\n        <div\n          className={cn(\n            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-pr-2.5',\n            !isDark && 'lw-bg-whiteOpacity',\n            isDark && 'lw-bg-blackOpacity',\n            !slim && 'lw-py-1',\n            slim && 'lw-pb-1'\n          )}\n          data-testid=\"instrument-rate-wrapper-expanded\"\n        >\n          <LabelWrapper\n            isError={!!isError}\n            isLoading={checkLoading('dailyPercentChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {record.dailyPercentChange}\n            </span>\n          </LabelWrapper>\n          <LabelWrapper\n            withoutLoader\n            isError={!!isError}\n            isLoading={checkLoading('dailyPipsChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {`(${record.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InstrumentRate };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/LabelWrapper/LabelWrapper.js

@@ -20,7 +20,7 @@ const LabelWrapper = _ref => {
     withoutLoader = false
   } = _ref;
   return _react.default.createElement("div", {
-    className: (0, _classnames.default)('lw-h-[inherit] lw-py-0 lw-font-sans', {
+    className: (0, _classnames.default)('lw-flex lw-h-[inherit] lw-min-h-[28px] lw-items-center lw-py-0 lw-font-sans', {
       'lw-min-w-[100px]': size === _types.LabelSize.lg,
       'lw-min-w-[70px]': size === _types.LabelSize.md,
       'lw-min-w-[50px]': size === _types.LabelSize.sm

package/dist/main/components/LabelWrapper/LabelWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelWrapper.js","names":["_classnames","_interopRequireDefault","require","_react","_constant","_Loader","_types","e","__esModule","default","LabelWrapper","_ref","loaderSize","LoaderSize","md","size","LabelSize","children","isError","isLoading","withoutLoader","createElement","className","classnames","lg","sm","Loader","CELL_EMPTY_VALUE","exports"],"sources":["../../../../src/components/LabelWrapper/LabelWrapper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { LabelWrapperProps } from './types';\nimport { LabelSize } from './types';\n\nconst LabelWrapper = ({\n  loaderSize = LoaderSize.md,\n  size = LabelSize.md,\n  children,\n  isError,\n  isLoading,\n  withoutLoader = false,\n}: LabelWrapperProps) => (\n  <div\n    className={classnames('lw-h-[inherit] lw-py-0 lw-font-sans', {\n      'lw-min-w-[100px]': size === LabelSize.lg,\n      'lw-min-w-[70px]': size === LabelSize.md,\n      'lw-min-w-[50px]': size === LabelSize.sm,\n    })}\n    data-testid=\"label-wrapper\"\n  >\n    <div className={classnames('lw-flex lw-h-[inherit] lw-items-center')}>\n      {isLoading && !withoutLoader && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </div>\n);\n\nexport { LabelWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,YAAY,GAAGC,IAAA;EAAA,IAAC;IACpBC,UAAU,GAAGC,kBAAU,CAACC,EAAE;IAC1BC,IAAI,GAAGC,gBAAS,CAACF,EAAE;IACnBG,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,aAAa,GAAG;EACC,CAAC,GAAAT,IAAA;EAAA,OAClBR,MAAA,CAAAM,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAAC,qCAAqC,EAAE;MAC3D,kBAAkB,EAAER,IAAI,KAAKC,gBAAS,CAACQ,EAAE;MACzC,iBAAiB,EAAET,IAAI,KAAKC,gBAAS,CAACF,EAAE;MACxC,iBAAiB,EAAEC,IAAI,KAAKC,gBAAS,CAACS;IACxC,CAAC,CAAE;IACH,eAAY;EAAe,GAE3BtB,MAAA,CAAAM,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,wCAAwC;EAAE,GAClEJ,SAAS,IAAI,CAACC,aAAa,IAAIjB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAChB,OAAA,CAAAqB,MAAM;IAACX,IAAI,EAAEH;EAAW,CAAE,CAAC,EAC3D,CAACO,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIf,MAAA,CAAAM,OAAA,CAAAY,aAAA,eAAOM,0BAAuB,CACrD,CACF,CAAC;AAAA,CACP;AAACC,OAAA,CAAAlB,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"LabelWrapper.js","names":["_classnames","_interopRequireDefault","require","_react","_constant","_Loader","_types","e","__esModule","default","LabelWrapper","_ref","loaderSize","LoaderSize","md","size","LabelSize","children","isError","isLoading","withoutLoader","createElement","className","classnames","lg","sm","Loader","CELL_EMPTY_VALUE","exports"],"sources":["../../../../src/components/LabelWrapper/LabelWrapper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { LabelWrapperProps } from './types';\nimport { LabelSize } from './types';\n\nconst LabelWrapper = ({\n  loaderSize = LoaderSize.md,\n  size = LabelSize.md,\n  children,\n  isError,\n  isLoading,\n  withoutLoader = false,\n}: LabelWrapperProps) => (\n  <div\n    className={classnames(\n      'lw-flex lw-h-[inherit] lw-min-h-[28px] lw-items-center lw-py-0 lw-font-sans',\n      {\n        'lw-min-w-[100px]': size === LabelSize.lg,\n        'lw-min-w-[70px]': size === LabelSize.md,\n        'lw-min-w-[50px]': size === LabelSize.sm,\n      }\n    )}\n    data-testid=\"label-wrapper\"\n  >\n    <div className={classnames('lw-flex lw-h-[inherit] lw-items-center')}>\n      {isLoading && !withoutLoader && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </div>\n);\n\nexport { LabelWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,YAAY,GAAGC,IAAA;EAAA,IAAC;IACpBC,UAAU,GAAGC,kBAAU,CAACC,EAAE;IAC1BC,IAAI,GAAGC,gBAAS,CAACF,EAAE;IACnBG,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,aAAa,GAAG;EACC,CAAC,GAAAT,IAAA;EAAA,OAClBR,MAAA,CAAAM,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,kBAAkB,EAAER,IAAI,KAAKC,gBAAS,CAACQ,EAAE;MACzC,iBAAiB,EAAET,IAAI,KAAKC,gBAAS,CAACF,EAAE;MACxC,iBAAiB,EAAEC,IAAI,KAAKC,gBAAS,CAACS;IACxC,CACF,CAAE;IACF,eAAY;EAAe,GAE3BtB,MAAA,CAAAM,OAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,wCAAwC;EAAE,GAClEJ,SAAS,IAAI,CAACC,aAAa,IAAIjB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAChB,OAAA,CAAAqB,MAAM;IAACX,IAAI,EAAEH;EAAW,CAAE,CAAC,EAC3D,CAACO,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIf,MAAA,CAAAM,OAAA,CAAAY,aAAA,eAAOM,0BAAuB,CACrD,CACF,CAAC;AAAA,CACP;AAACC,OAAA,CAAAlB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/components/Truncate/Truncate.js

@@ -29,17 +29,16 @@ const Truncate = exports.Truncate = (0, _react.memo)(_ref => {
     ref,
     onResize
   });
-  return (_react.default.createElement("a", {
-      ref: ref,
-      className: (0, _classnames.default)('lw-block lw-w-max lw-truncate', className),
-      "data-testid": "truncate",
-      "data-tooltip-content": text,
-      "data-tooltip-id": isTruncated ? tooltipId : undefined,
-      style: {
-        maxWidth: `${maxWidth}px`
-      }
-    }, text)
-  );
+  return _react.default.createElement("span", {
+    ref: ref,
+    className: (0, _classnames.default)('lw-block lw-w-max lw-truncate', className),
+    "data-testid": "truncate",
+    "data-tooltip-content": text,
+    "data-tooltip-id": isTruncated ? tooltipId : undefined,
+    style: {
+      maxWidth: `${maxWidth}px`
+    }
+  }, text);
 });
 Truncate.displayName = 'Truncate';
 //# sourceMappingURL=Truncate.js.map

package/dist/main/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Truncate","exports","memo","_ref","maxWidth","text","tooltipId","className","isTruncated","setIsTruncated","useState","ref","useRef","onResize","useDebounceCallback","_ref2","width","useResizeObserver","createElement","classnames","undefined","style","displayName"],"sources":["../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { memo, useRef, useState } from 'react';\nimport { useDebounceCallback, useResizeObserver } from 'usehooks-ts';\n\nimport type { TruncateProps } from './types';\n\nconst Truncate = memo(\n  ({ maxWidth = 150, text, tooltipId, className }: TruncateProps) => {\n    const [isTruncated, setIsTruncated] = useState(false);\n    const ref = useRef<HTMLAnchorElement>(null);\n\n    const onResize = useDebounceCallback(({ width }) => {\n      setIsTruncated(width >= maxWidth);\n    }, 50);\n\n    useResizeObserver({\n      ref,\n      onResize,\n    });\n\n    return (\n      // eslint-disable-next-line jsx-a11y/anchor-is-valid\n      <a\n        ref={ref}\n        className={classnames('lw-block lw-w-max lw-truncate', className)}\n        data-testid=\"truncate\"\n        data-tooltip-content={text}\n        data-tooltip-id={isTruncated ? tooltipId : undefined}\n        style={{ maxWidth: `${maxWidth}px` }}\n      >\n        {text}\n      </a>\n    );\n  }\n);\n\nTruncate.displayName = 'Truncate';\n\nexport { Truncate };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAqE,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAIrE,MAAMmB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,WAAI,EACnBC,IAAA,IAAmE;EAAA,IAAlE;IAAEC,QAAQ,GAAG,GAAG;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAyB,CAAC,GAAAJ,IAAA;EAC5D,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EAE3C,MAAMC,QAAQ,GAAG,IAAAC,+BAAmB,EAACC,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAC7CN,cAAc,CAACO,KAAK,IAAIZ,QAAQ,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAa,6BAAiB,EAAC;IAChBN,GAAG;IACHE;EACF,CAAC,CAAC;EAEF,QAEEpC,MAAA,CAAAS,OAAA,CAAAgC,aAAA;MACEP,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAE,IAAAY,mBAAU,EAAC,+BAA+B,EAAEZ,SAAS,CAAE;MAClE,eAAY,UAAU;MACtB,wBAAsBF,IAAK;MAC3B,mBAAiBG,WAAW,GAAGF,SAAS,GAAGc,SAAU;MACrDC,KAAK,EAAE;QAAEjB,QAAQ,EAAE,GAAGA,QAAQ;MAAK;IAAE,GAEpCC,IACA;EAAC;AAER,CACF,CAAC;AAEDL,QAAQ,CAACsB,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"Truncate.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Truncate","exports","memo","_ref","maxWidth","text","tooltipId","className","isTruncated","setIsTruncated","useState","ref","useRef","onResize","useDebounceCallback","_ref2","width","useResizeObserver","createElement","classnames","undefined","style","displayName"],"sources":["../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { memo, useRef, useState } from 'react';\nimport { useDebounceCallback, useResizeObserver } from 'usehooks-ts';\n\nimport type { TruncateProps } from './types';\n\nconst Truncate = memo(\n  ({ maxWidth = 150, text, tooltipId, className }: TruncateProps) => {\n    const [isTruncated, setIsTruncated] = useState(false);\n    const ref = useRef<HTMLAnchorElement>(null);\n\n    const onResize = useDebounceCallback(({ width }) => {\n      setIsTruncated(width >= maxWidth);\n    }, 50);\n\n    useResizeObserver({\n      ref,\n      onResize,\n    });\n\n    return (\n      <span\n        ref={ref}\n        className={classnames('lw-block lw-w-max lw-truncate', className)}\n        data-testid=\"truncate\"\n        data-tooltip-content={text}\n        data-tooltip-id={isTruncated ? tooltipId : undefined}\n        style={{ maxWidth: `${maxWidth}px` }}\n      >\n        {text}\n      </span>\n    );\n  }\n);\n\nTruncate.displayName = 'Truncate';\n\nexport { Truncate };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAqE,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAIrE,MAAMmB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,WAAI,EACnBC,IAAA,IAAmE;EAAA,IAAlE;IAAEC,QAAQ,GAAG,GAAG;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAyB,CAAC,GAAAJ,IAAA;EAC5D,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EAE3C,MAAMC,QAAQ,GAAG,IAAAC,+BAAmB,EAACC,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAC7CN,cAAc,CAACO,KAAK,IAAIZ,QAAQ,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAa,6BAAiB,EAAC;IAChBN,GAAG;IACHE;EACF,CAAC,CAAC;EAEF,OACEpC,MAAA,CAAAS,OAAA,CAAAgC,aAAA;IACEP,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE,IAAAY,mBAAU,EAAC,+BAA+B,EAAEZ,SAAS,CAAE;IAClE,eAAY,UAAU;IACtB,wBAAsBF,IAAK;IAC3B,mBAAiBG,WAAW,GAAGF,SAAS,GAAGc,SAAU;IACrDC,KAAK,EAAE;MAAEjB,QAAQ,EAAE,GAAGA,QAAQ;IAAK;EAAE,GAEpCC,IACG,CAAC;AAEX,CACF,CAAC;AAEDL,QAAQ,CAACsB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/module/components/InstrumentRate/InstrumentRate.js

@@ -18,19 +18,18 @@ const InstrumentRate = _ref => {
   } = useLayoutProvider();
   const checkLoading = id => !isError && record?.[id] === undefined;
   const isExpanded = size === 'full' || size === 'fullWithChart';
-  const isCompact = size === 'compact';
   return React.createElement("div", {
     className: cn('lw-flex lw-flex-col', isExpanded && 'lw-h-full'),
     "data-testid": "instrument-rate-wrapper"
   }, React.createElement("div", {
-    className: cn('lw-flex lw-gap-x-2', isExpanded && 'lw-h-1/2 lw-pt-3', !slim && isCompact && 'lw-py-3', slim && 'lw-py-1'),
+    className: cn('lw-flex lw-gap-x-2 lw-text-xl', isExpanded && 'lw-h-1/2', !slim && 'lw-py-2', slim && 'lw-py-1'),
     "data-testid": "instrument-rate-wrapper-label"
   }, React.createElement(LabelWrapper, {
     isError: !!isError,
     isLoading: checkLoading('instrument'),
     size: LabelSize.lg
   }, React.createElement("span", {
-    className: "lw-text-xl lw-font-bold"
+    className: "lw-font-bold"
   }, React.createElement(Truncate, {
     maxWidth: 100,
     text: record.displayName,
@@ -40,12 +39,12 @@ const InstrumentRate = _ref => {
     isLoading: checkLoading('buy'),
     size: LabelSize.lg
   }, React.createElement("div", {
-    className: "lw-text-xl lw-font-bold"
+    className: "lw-font-bold"
   }, React.createElement(Price, {
     movementIndicator: "text",
     priceMovement: record.buyPriceMovement
   }, React.createElement("span", null, record.buy?.toFixed(record.displayPrecision)))))), isExpanded && React.createElement("div", {
-    className: cn('lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-py-2.5 lw-pr-2.5', !isDark && 'lw-bg-whiteOpacity', isDark && 'lw-bg-blackOpacity', slim && 'lw-py-1.5'),
+    className: cn('lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-pr-2.5', !isDark && 'lw-bg-whiteOpacity', isDark && 'lw-bg-blackOpacity', !slim && 'lw-py-1', slim && 'lw-pb-1'),
     "data-testid": "instrument-rate-wrapper-expanded"
   }, React.createElement(LabelWrapper, {
     isError: !!isError,

package/dist/module/components/InstrumentRate/InstrumentRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentRate.js","names":["React","useLayoutProvider","cn","LabelSize","LabelWrapper","Price","Truncate","InstrumentRate","_ref","isError","record","tooltipId","size","slim","colorIndicator","indicator","isDark","checkLoading","id","undefined","isExpanded","isCompact","createElement","className","isLoading","lg","maxWidth","text","displayName","movementIndicator","priceMovement","buyPriceMovement","buy","toFixed","displayPrecision","sm","dailyPercentChange","withoutLoader","dailyPipsChange"],"sources":["../../../../src/components/InstrumentRate/InstrumentRate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { LabelSize, LabelWrapper } from '../LabelWrapper';\nimport { Price } from '../Price';\nimport { Truncate } from '../Truncate';\nimport type { InstrumentRateProps } from './types';\n\nconst InstrumentRate = ({\n  isError,\n  record,\n  tooltipId,\n  size,\n  slim,\n  colorIndicator: indicator,\n}: InstrumentRateProps) => {\n  const { isDark } = useLayoutProvider();\n  const checkLoading = (id: string) => !isError && record?.[id] === undefined;\n  const isExpanded = size === 'full' || size === 'fullWithChart';\n  const isCompact = size === 'compact';\n\n  return (\n    <div\n      className={cn('lw-flex lw-flex-col', isExpanded && 'lw-h-full')}\n      data-testid=\"instrument-rate-wrapper\"\n    >\n      <div\n        className={cn(\n          'lw-flex lw-gap-x-2',\n          isExpanded && 'lw-h-1/2 lw-pt-3',\n          !slim && isCompact && 'lw-py-3',\n          slim && 'lw-py-1'\n        )}\n        data-testid=\"instrument-rate-wrapper-label\"\n      >\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('instrument')}\n          size={LabelSize.lg}\n        >\n          <span className=\"lw-text-xl lw-font-bold\">\n            <Truncate\n              maxWidth={100}\n              text={record.displayName}\n              tooltipId={tooltipId}\n            />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('buy')}\n          size={LabelSize.lg}\n        >\n          <div className=\"lw-text-xl lw-font-bold\">\n            <Price\n              movementIndicator=\"text\"\n              priceMovement={record.buyPriceMovement}\n            >\n              <span>{record.buy?.toFixed(record.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {isExpanded && (\n        <div\n          className={cn(\n            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-py-2.5 lw-pr-2.5',\n            !isDark && 'lw-bg-whiteOpacity',\n            isDark && 'lw-bg-blackOpacity',\n            slim && 'lw-py-1.5'\n          )}\n          data-testid=\"instrument-rate-wrapper-expanded\"\n        >\n          <LabelWrapper\n            isError={!!isError}\n            isLoading={checkLoading('dailyPercentChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {record.dailyPercentChange}\n            </span>\n          </LabelWrapper>\n          <LabelWrapper\n            withoutLoader\n            isError={!!isError}\n            isLoading={checkLoading('dailyPipsChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {`(${record.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InstrumentRate };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,EAAE,QAAQ,gBAAgB;AACnC,SAASC,SAAS,EAAEC,YAAY,QAAQ,iBAAiB;AACzD,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,QAAQ,QAAQ,aAAa;AAGtC,MAAMC,cAAc,GAAGC,IAAA,IAOI;EAAA,IAPH;IACtBC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,cAAc,EAAEC;EACG,CAAC,GAAAP,IAAA;EACpB,MAAM;IAAEQ;EAAO,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EACtC,MAAMgB,YAAY,GAAIC,EAAU,IAAK,CAACT,OAAO,IAAIC,MAAM,GAAGQ,EAAE,CAAC,KAAKC,SAAS;EAC3E,MAAMC,UAAU,GAAGR,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,eAAe;EAC9D,MAAMS,SAAS,GAAGT,IAAI,KAAK,SAAS;EAEpC,OACEZ,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,EAAE,CAAC,qBAAqB,EAAEkB,UAAU,IAAI,WAAW,CAAE;IAChE,eAAY;EAAyB,GAErCpB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,EAAE,CACX,oBAAoB,EACpBkB,UAAU,IAAI,kBAAkB,EAChC,CAACP,IAAI,IAAIQ,SAAS,IAAI,SAAS,EAC/BR,IAAI,IAAI,SACV,CAAE;IACF,eAAY;EAA+B,GAE3Cb,KAAA,CAAAsB,aAAA,CAAClB,YAAY;IACXK,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBe,SAAS,EAAEP,YAAY,CAAC,YAAY,CAAE;IACtCL,IAAI,EAAET,SAAS,CAACsB;EAAG,GAEnBzB,KAAA,CAAAsB,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACvCvB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IACPoB,QAAQ,EAAE,GAAI;IACdC,IAAI,EAAEjB,MAAM,CAACkB,WAAY;IACzBjB,SAAS,EAAEA;EAAU,CACtB,CACG,CACM,CAAC,EACfX,KAAA,CAAAsB,aAAA,CAAClB,YAAY;IACXK,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBe,SAAS,EAAEP,YAAY,CAAC,KAAK,CAAE;IAC/BL,IAAI,EAAET,SAAS,CAACsB;EAAG,GAEnBzB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACtCvB,KAAA,CAAAsB,aAAA,CAACjB,KAAK;IACJwB,iBAAiB,EAAC,MAAM;IACxBC,aAAa,EAAEpB,MAAM,CAACqB;EAAiB,GAEvC/B,KAAA,CAAAsB,aAAA,eAAOZ,MAAM,CAACsB,GAAG,EAAEC,OAAO,CAACvB,MAAM,CAACwB,gBAAgB,CAAQ,CACrD,CACJ,CACO,CACX,CAAC,EACLd,UAAU,IACTpB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,EAAE,CACX,0EAA0E,EAC1E,CAACc,MAAM,IAAI,oBAAoB,EAC/BA,MAAM,IAAI,oBAAoB,EAC9BH,IAAI,IAAI,WACV,CAAE;IACF,eAAY;EAAkC,GAE9Cb,KAAA,CAAAsB,aAAA,CAAClB,YAAY;IACXK,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBe,SAAS,EAAEP,YAAY,CAAC,oBAAoB,CAAE;IAC9CL,IAAI,EAAET,SAAS,CAACgC;EAAG,GAEnBnC,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,EAAE,CACX,cAAc,EACda,SAAS,GAAG,CAAC,IAAI,iBAAiB,EAClCA,SAAS,GAAG,CAAC,IAAI,qBAAqB,EACtCA,SAAS,KAAK,CAAC,IAAI,uBACrB;EAAE,GAEDL,MAAM,CAAC0B,kBACJ,CACM,CAAC,EACfpC,KAAA,CAAAsB,aAAA,CAAClB,YAAY;IACXiC,aAAa;IACb5B,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBe,SAAS,EAAEP,YAAY,CAAC,iBAAiB,CAAE;IAC3CL,IAAI,EAAET,SAAS,CAACgC;EAAG,GAEnBnC,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,EAAE,CACX,cAAc,EACda,SAAS,GAAG,CAAC,IAAI,iBAAiB,EAClCA,SAAS,GAAG,CAAC,IAAI,qBAAqB,EACtCA,SAAS,KAAK,CAAC,IAAI,uBACrB;EAAE,GAED,IAAIL,MAAM,CAAC4B,eAAe,GACvB,CACM,CACX,CAEJ,CAAC;AAEV,CAAC;AAED,SAAS/B,cAAc","ignoreList":[]}
+{"version":3,"file":"InstrumentRate.js","names":["React","useLayoutProvider","cn","LabelSize","LabelWrapper","Price","Truncate","InstrumentRate","_ref","isError","record","tooltipId","size","slim","colorIndicator","indicator","isDark","checkLoading","id","undefined","isExpanded","createElement","className","isLoading","lg","maxWidth","text","displayName","movementIndicator","priceMovement","buyPriceMovement","buy","toFixed","displayPrecision","sm","dailyPercentChange","withoutLoader","dailyPipsChange"],"sources":["../../../../src/components/InstrumentRate/InstrumentRate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { LabelSize, LabelWrapper } from '../LabelWrapper';\nimport { Price } from '../Price';\nimport { Truncate } from '../Truncate';\nimport type { InstrumentRateProps } from './types';\n\nconst InstrumentRate = ({\n  isError,\n  record,\n  tooltipId,\n  size,\n  slim,\n  colorIndicator: indicator,\n}: InstrumentRateProps) => {\n  const { isDark } = useLayoutProvider();\n  const checkLoading = (id: string) => !isError && record?.[id] === undefined;\n  const isExpanded = size === 'full' || size === 'fullWithChart';\n\n  return (\n    <div\n      className={cn('lw-flex lw-flex-col', isExpanded && 'lw-h-full')}\n      data-testid=\"instrument-rate-wrapper\"\n    >\n      <div\n        className={cn(\n          'lw-flex lw-gap-x-2 lw-text-xl',\n          isExpanded && 'lw-h-1/2',\n          !slim && 'lw-py-2',\n          slim && 'lw-py-1'\n        )}\n        data-testid=\"instrument-rate-wrapper-label\"\n      >\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('instrument')}\n          size={LabelSize.lg}\n        >\n          <span className=\"lw-font-bold\">\n            <Truncate\n              maxWidth={100}\n              text={record.displayName}\n              tooltipId={tooltipId}\n            />\n          </span>\n        </LabelWrapper>\n        <LabelWrapper\n          isError={!!isError}\n          isLoading={checkLoading('buy')}\n          size={LabelSize.lg}\n        >\n          <div className=\"lw-font-bold\">\n            <Price\n              movementIndicator=\"text\"\n              priceMovement={record.buyPriceMovement}\n            >\n              <span>{record.buy?.toFixed(record.displayPrecision)}</span>\n            </Price>\n          </div>\n        </LabelWrapper>\n      </div>\n      {isExpanded && (\n        <div\n          className={cn(\n            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-pr-2.5',\n            !isDark && 'lw-bg-whiteOpacity',\n            isDark && 'lw-bg-blackOpacity',\n            !slim && 'lw-py-1',\n            slim && 'lw-pb-1'\n          )}\n          data-testid=\"instrument-rate-wrapper-expanded\"\n        >\n          <LabelWrapper\n            isError={!!isError}\n            isLoading={checkLoading('dailyPercentChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {record.dailyPercentChange}\n            </span>\n          </LabelWrapper>\n          <LabelWrapper\n            withoutLoader\n            isError={!!isError}\n            isLoading={checkLoading('dailyPipsChange')}\n            size={LabelSize.sm}\n          >\n            <span\n              className={cn(\n                'lw-font-bold',\n                indicator > 0 && 'lw-text-text-ok',\n                indicator < 0 && 'lw-text-text-danger',\n                indicator === 0 && 'lw-text-text-disabled'\n              )}\n            >\n              {`(${record.dailyPipsChange})`}\n            </span>\n          </LabelWrapper>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InstrumentRate };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/LabelWrapper/LabelWrapper.js

@@ -13,7 +13,7 @@ const LabelWrapper = _ref => {
     withoutLoader = false
   } = _ref;
   return React.createElement("div", {
-    className: classnames('lw-h-[inherit] lw-py-0 lw-font-sans', {
+    className: classnames('lw-flex lw-h-[inherit] lw-min-h-[28px] lw-items-center lw-py-0 lw-font-sans', {
       'lw-min-w-[100px]': size === LabelSize.lg,
       'lw-min-w-[70px]': size === LabelSize.md,
       'lw-min-w-[50px]': size === LabelSize.sm

package/dist/module/components/LabelWrapper/LabelWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelWrapper.js","names":["classnames","React","CELL_EMPTY_VALUE","Loader","LoaderSize","LabelSize","LabelWrapper","_ref","loaderSize","md","size","children","isError","isLoading","withoutLoader","createElement","className","lg","sm"],"sources":["../../../../src/components/LabelWrapper/LabelWrapper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { LabelWrapperProps } from './types';\nimport { LabelSize } from './types';\n\nconst LabelWrapper = ({\n  loaderSize = LoaderSize.md,\n  size = LabelSize.md,\n  children,\n  isError,\n  isLoading,\n  withoutLoader = false,\n}: LabelWrapperProps) => (\n  <div\n    className={classnames('lw-h-[inherit] lw-py-0 lw-font-sans', {\n      'lw-min-w-[100px]': size === LabelSize.lg,\n      'lw-min-w-[70px]': size === LabelSize.md,\n      'lw-min-w-[50px]': size === LabelSize.sm,\n    })}\n    data-testid=\"label-wrapper\"\n  >\n    <div className={classnames('lw-flex lw-h-[inherit] lw-items-center')}>\n      {isLoading && !withoutLoader && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </div>\n);\n\nexport { LabelWrapper };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,MAAM,EAAEC,UAAU,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IACpBC,UAAU,GAAGJ,UAAU,CAACK,EAAE;IAC1BC,IAAI,GAAGL,SAAS,CAACI,EAAE;IACnBE,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,aAAa,GAAG;EACC,CAAC,GAAAP,IAAA;EAAA,OAClBN,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CAAC,qCAAqC,EAAE;MAC3D,kBAAkB,EAAEU,IAAI,KAAKL,SAAS,CAACY,EAAE;MACzC,iBAAiB,EAAEP,IAAI,KAAKL,SAAS,CAACI,EAAE;MACxC,iBAAiB,EAAEC,IAAI,KAAKL,SAAS,CAACa;IACxC,CAAC,CAAE;IACH,eAAY;EAAe,GAE3BjB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEhB,UAAU,CAAC,wCAAwC;EAAE,GAClEa,SAAS,IAAI,CAACC,aAAa,IAAIb,KAAA,CAAAc,aAAA,CAACZ,MAAM;IAACO,IAAI,EAAEF;EAAW,CAAE,CAAC,EAC3D,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIX,KAAA,CAAAc,aAAA,eAAOb,gBAAuB,CACrD,CACF,CAAC;AAAA,CACP;AAED,SAASI,YAAY","ignoreList":[]}
+{"version":3,"file":"LabelWrapper.js","names":["classnames","React","CELL_EMPTY_VALUE","Loader","LoaderSize","LabelSize","LabelWrapper","_ref","loaderSize","md","size","children","isError","isLoading","withoutLoader","createElement","className","lg","sm"],"sources":["../../../../src/components/LabelWrapper/LabelWrapper.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { LabelWrapperProps } from './types';\nimport { LabelSize } from './types';\n\nconst LabelWrapper = ({\n  loaderSize = LoaderSize.md,\n  size = LabelSize.md,\n  children,\n  isError,\n  isLoading,\n  withoutLoader = false,\n}: LabelWrapperProps) => (\n  <div\n    className={classnames(\n      'lw-flex lw-h-[inherit] lw-min-h-[28px] lw-items-center lw-py-0 lw-font-sans',\n      {\n        'lw-min-w-[100px]': size === LabelSize.lg,\n        'lw-min-w-[70px]': size === LabelSize.md,\n        'lw-min-w-[50px]': size === LabelSize.sm,\n      }\n    )}\n    data-testid=\"label-wrapper\"\n  >\n    <div className={classnames('lw-flex lw-h-[inherit] lw-items-center')}>\n      {isLoading && !withoutLoader && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </div>\n);\n\nexport { LabelWrapper };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,MAAM,EAAEC,UAAU,QAAQ,WAAW;AAE9C,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IACpBC,UAAU,GAAGJ,UAAU,CAACK,EAAE;IAC1BC,IAAI,GAAGL,SAAS,CAACI,EAAE;IACnBE,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,aAAa,GAAG;EACC,CAAC,GAAAP,IAAA;EAAA,OAClBN,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CACnB,6EAA6E,EAC7E;MACE,kBAAkB,EAAEU,IAAI,KAAKL,SAAS,CAACY,EAAE;MACzC,iBAAiB,EAAEP,IAAI,KAAKL,SAAS,CAACI,EAAE;MACxC,iBAAiB,EAAEC,IAAI,KAAKL,SAAS,CAACa;IACxC,CACF,CAAE;IACF,eAAY;EAAe,GAE3BjB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEhB,UAAU,CAAC,wCAAwC;EAAE,GAClEa,SAAS,IAAI,CAACC,aAAa,IAAIb,KAAA,CAAAc,aAAA,CAACZ,MAAM;IAACO,IAAI,EAAEF;EAAW,CAAE,CAAC,EAC3D,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIX,KAAA,CAAAc,aAAA,eAAOb,gBAAuB,CACrD,CACF,CAAC;AAAA,CACP;AAED,SAASI,YAAY","ignoreList":[]}

package/dist/module/components/Truncate/Truncate.js

@@ -20,17 +20,16 @@ const Truncate = memo(_ref => {
     ref,
     onResize
   });
-  return (React.createElement("a", {
-      ref: ref,
-      className: classnames('lw-block lw-w-max lw-truncate', className),
-      "data-testid": "truncate",
-      "data-tooltip-content": text,
-      "data-tooltip-id": isTruncated ? tooltipId : undefined,
-      style: {
-        maxWidth: `${maxWidth}px`
-      }
-    }, text)
-  );
+  return React.createElement("span", {
+    ref: ref,
+    className: classnames('lw-block lw-w-max lw-truncate', className),
+    "data-testid": "truncate",
+    "data-tooltip-content": text,
+    "data-tooltip-id": isTruncated ? tooltipId : undefined,
+    style: {
+      maxWidth: `${maxWidth}px`
+    }
+  }, text);
 });
 Truncate.displayName = 'Truncate';
 export { Truncate };

package/dist/module/components/Truncate/Truncate.js.map

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","names":["classnames","React","memo","useRef","useState","useDebounceCallback","useResizeObserver","Truncate","_ref","maxWidth","text","tooltipId","className","isTruncated","setIsTruncated","ref","onResize","_ref2","width","createElement","undefined","style","displayName"],"sources":["../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { memo, useRef, useState } from 'react';\nimport { useDebounceCallback, useResizeObserver } from 'usehooks-ts';\n\nimport type { TruncateProps } from './types';\n\nconst Truncate = memo(\n  ({ maxWidth = 150, text, tooltipId, className }: TruncateProps) => {\n    const [isTruncated, setIsTruncated] = useState(false);\n    const ref = useRef<HTMLAnchorElement>(null);\n\n    const onResize = useDebounceCallback(({ width }) => {\n      setIsTruncated(width >= maxWidth);\n    }, 50);\n\n    useResizeObserver({\n      ref,\n      onResize,\n    });\n\n    return (\n      // eslint-disable-next-line jsx-a11y/anchor-is-valid\n      <a\n        ref={ref}\n        className={classnames('lw-block lw-w-max lw-truncate', className)}\n        data-testid=\"truncate\"\n        data-tooltip-content={text}\n        data-tooltip-id={isTruncated ? tooltipId : undefined}\n        style={{ maxWidth: `${maxWidth}px` }}\n      >\n        {text}\n      </a>\n    );\n  }\n);\n\nTruncate.displayName = 'Truncate';\n\nexport { Truncate };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,aAAa;AAIpE,MAAMC,QAAQ,GAAGL,IAAI,CACnBM,IAAA,IAAmE;EAAA,IAAlE;IAAEC,QAAQ,GAAG,GAAG;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAyB,CAAC,GAAAJ,IAAA;EAC5D,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAMW,GAAG,GAAGZ,MAAM,CAAoB,IAAI,CAAC;EAE3C,MAAMa,QAAQ,GAAGX,mBAAmB,CAACY,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAC7CH,cAAc,CAACI,KAAK,IAAIT,QAAQ,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAENH,iBAAiB,CAAC;IAChBS,GAAG;IACHC;EACF,CAAC,CAAC;EAEF,QAEEf,KAAA,CAAAkB,aAAA;MACEJ,GAAG,EAAEA,GAAI;MACTH,SAAS,EAAEZ,UAAU,CAAC,+BAA+B,EAAEY,SAAS,CAAE;MAClE,eAAY,UAAU;MACtB,wBAAsBF,IAAK;MAC3B,mBAAiBG,WAAW,GAAGF,SAAS,GAAGS,SAAU;MACrDC,KAAK,EAAE;QAAEZ,QAAQ,EAAE,GAAGA,QAAQ;MAAK;IAAE,GAEpCC,IACA;EAAC;AAER,CACF,CAAC;AAEDH,QAAQ,CAACe,WAAW,GAAG,UAAU;AAEjC,SAASf,QAAQ","ignoreList":[]}
+{"version":3,"file":"Truncate.js","names":["classnames","React","memo","useRef","useState","useDebounceCallback","useResizeObserver","Truncate","_ref","maxWidth","text","tooltipId","className","isTruncated","setIsTruncated","ref","onResize","_ref2","width","createElement","undefined","style","displayName"],"sources":["../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { memo, useRef, useState } from 'react';\nimport { useDebounceCallback, useResizeObserver } from 'usehooks-ts';\n\nimport type { TruncateProps } from './types';\n\nconst Truncate = memo(\n  ({ maxWidth = 150, text, tooltipId, className }: TruncateProps) => {\n    const [isTruncated, setIsTruncated] = useState(false);\n    const ref = useRef<HTMLAnchorElement>(null);\n\n    const onResize = useDebounceCallback(({ width }) => {\n      setIsTruncated(width >= maxWidth);\n    }, 50);\n\n    useResizeObserver({\n      ref,\n      onResize,\n    });\n\n    return (\n      <span\n        ref={ref}\n        className={classnames('lw-block lw-w-max lw-truncate', className)}\n        data-testid=\"truncate\"\n        data-tooltip-content={text}\n        data-tooltip-id={isTruncated ? tooltipId : undefined}\n        style={{ maxWidth: `${maxWidth}px` }}\n      >\n        {text}\n      </span>\n    );\n  }\n);\n\nTruncate.displayName = 'Truncate';\n\nexport { Truncate };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,aAAa;AAIpE,MAAMC,QAAQ,GAAGL,IAAI,CACnBM,IAAA,IAAmE;EAAA,IAAlE;IAAEC,QAAQ,GAAG,GAAG;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAyB,CAAC,GAAAJ,IAAA;EAC5D,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAMW,GAAG,GAAGZ,MAAM,CAAoB,IAAI,CAAC;EAE3C,MAAMa,QAAQ,GAAGX,mBAAmB,CAACY,KAAA,IAAe;IAAA,IAAd;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAC7CH,cAAc,CAACI,KAAK,IAAIT,QAAQ,CAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAENH,iBAAiB,CAAC;IAChBS,GAAG;IACHC;EACF,CAAC,CAAC;EAEF,OACEf,KAAA,CAAAkB,aAAA;IACEJ,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEZ,UAAU,CAAC,+BAA+B,EAAEY,SAAS,CAAE;IAClE,eAAY,UAAU;IACtB,wBAAsBF,IAAK;IAC3B,mBAAiBG,WAAW,GAAGF,SAAS,GAAGS,SAAU;IACrDC,KAAK,EAAE;MAAEZ,QAAQ,EAAE,GAAGA,QAAQ;IAAK;EAAE,GAEpCC,IACG,CAAC;AAEX,CACF,CAAC;AAEDH,QAAQ,CAACe,WAAW,GAAG,UAAU;AAEjC,SAASf,QAAQ","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.213",
+  "version": "1.0.214",
   "description": "Labs Widget Common",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -21,5 +21,5 @@
     "tailwind-merge": "2.2.2",
     "usehooks-ts": "3.0.2"
   },
-  "gitHead": "1853da87eb42d5ffb0c4f9c2ecdc98450c068f9c"
+  "gitHead": "a23750aa48956806673092c040ba5df282b4de0d"
 }

package/src/components/InstrumentRate/InstrumentRate.tsx

@@ -18,7 +18,6 @@ const InstrumentRate = ({
   const { isDark } = useLayoutProvider();
   const checkLoading = (id: string) => !isError && record?.[id] === undefined;
   const isExpanded = size === 'full' || size === 'fullWithChart';
-  const isCompact = size === 'compact';
 
   return (
     <div
@@ -27,9 +26,9 @@ const InstrumentRate = ({
     >
       <div
         className={cn(
-          'lw-flex lw-gap-x-2',
-          isExpanded && 'lw-h-1/2 lw-pt-3',
-          !slim && isCompact && 'lw-py-3',
+          'lw-flex lw-gap-x-2 lw-text-xl',
+          isExpanded && 'lw-h-1/2',
+          !slim && 'lw-py-2',
           slim && 'lw-py-1'
         )}
         data-testid="instrument-rate-wrapper-label"
@@ -39,7 +38,7 @@ const InstrumentRate = ({
           isLoading={checkLoading('instrument')}
           size={LabelSize.lg}
         >
-          <span className="lw-text-xl lw-font-bold">
+          <span className="lw-font-bold">
             <Truncate
               maxWidth={100}
               text={record.displayName}
@@ -52,7 +51,7 @@ const InstrumentRate = ({
           isLoading={checkLoading('buy')}
           size={LabelSize.lg}
         >
-          <div className="lw-text-xl lw-font-bold">
+          <div className="lw-font-bold">
             <Price
               movementIndicator="text"
               priceMovement={record.buyPriceMovement}
@@ -65,10 +64,11 @@ const InstrumentRate = ({
       {isExpanded && (
         <div
           className={cn(
-            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-py-2.5 lw-pr-2.5',
+            'lw-flex lw-h-1/2 lw-w-fit lw-items-center lw-gap-x-2 lw-pr-2.5',
             !isDark && 'lw-bg-whiteOpacity',
             isDark && 'lw-bg-blackOpacity',
-            slim && 'lw-py-1.5'
+            !slim && 'lw-py-1',
+            slim && 'lw-pb-1'
           )}
           data-testid="instrument-rate-wrapper-expanded"
         >

package/src/components/LabelWrapper/LabelWrapper.tsx

@@ -15,11 +15,14 @@ const LabelWrapper = ({
   withoutLoader = false,
 }: LabelWrapperProps) => (
   <div
-    className={classnames('lw-h-[inherit] lw-py-0 lw-font-sans', {
-      'lw-min-w-[100px]': size === LabelSize.lg,
-      'lw-min-w-[70px]': size === LabelSize.md,
-      'lw-min-w-[50px]': size === LabelSize.sm,
-    })}
+    className={classnames(
+      'lw-flex lw-h-[inherit] lw-min-h-[28px] lw-items-center lw-py-0 lw-font-sans',
+      {
+        'lw-min-w-[100px]': size === LabelSize.lg,
+        'lw-min-w-[70px]': size === LabelSize.md,
+        'lw-min-w-[50px]': size === LabelSize.sm,
+      }
+    )}
     data-testid="label-wrapper"
   >
     <div className={classnames('lw-flex lw-h-[inherit] lw-items-center')}>

package/src/components/Truncate/Truncate.tsx

@@ -19,8 +19,7 @@ const Truncate = memo(
     });
 
     return (
-      // eslint-disable-next-line jsx-a11y/anchor-is-valid
-      <a
+      <span
         ref={ref}
         className={classnames('lw-block lw-w-max lw-truncate', className)}
         data-testid="truncate"
@@ -29,7 +28,7 @@ const Truncate = memo(
         style={{ maxWidth: `${maxWidth}px` }}
       >
         {text}
-      </a>
+      </span>
     );
   }
 );

package/test/components/InstrumentRate/InstrumentRate.test.tsx

@@ -56,7 +56,7 @@ describe('InstrumentRate components', () => {
     expect(wrapper).toBeInTheDocument();
     expect(wrapper).toHaveClass('lw-flex', 'lw-flex-col');
     expect(wrapper).not.toHaveClass('lw-h-full');
-    expect(getByTestId('instrument-rate-wrapper-label')).toHaveClass('lw-py-3');
+    expect(getByTestId('instrument-rate-wrapper-label')).toHaveClass('lw-py-2');
   });
 
   it('renders with full size', () => {
@@ -66,7 +66,7 @@ describe('InstrumentRate components', () => {
     expect(wrapper).toHaveClass('lw-flex', 'lw-flex-col', 'lw-h-full');
     expect(getByTestId('instrument-rate-wrapper-label')).toHaveClass(
       'lw-h-1/2',
-      'lw-pt-3'
+      'lw-py-2'
     );
   });
 
@@ -77,7 +77,7 @@ describe('InstrumentRate components', () => {
     expect(wrapper).toHaveClass('lw-flex', 'lw-flex-col', 'lw-h-full');
     expect(getByTestId('instrument-rate-wrapper-label')).toHaveClass(
       'lw-h-1/2',
-      'lw-pt-3'
+      'lw-py-2'
     );
   });