@oanda/labs-widget-common 1.0.246 → 1.0.247

package/CHANGELOG.md

@@ -3,6 +3,982 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.247 (2026-01-08)
+
+
+
+## 1.0.246 (2026-01-08)
+
+
+
+## 1.0.245 (2026-01-07)
+
+
+
+## 1.0.244 (2026-01-02)
+
+
+
+## 1.0.243 (2025-12-30)
+
+
+
+## 1.0.242 (2025-12-16)
+
+
+
+## 1.0.241 (2025-12-16)
+
+
+
+## 1.0.240 (2025-12-15)
+
+
+
+## 1.0.239 (2025-12-12)
+
+
+
+## 1.0.238 (2025-12-11)
+
+
+
+## 1.0.237 (2025-12-09)
+
+
+
+## 1.0.236 (2025-12-05)
+
+
+
+## 1.0.235 (2025-12-04)
+
+
+
+## 1.0.234 (2025-11-27)
+
+
+
+## 1.0.233 (2025-11-27)
+
+
+
+## 1.0.232 (2025-11-27)
+
+
+
+## 1.0.231 (2025-11-07)
+
+
+
+## 1.0.230 (2025-11-05)
+
+
+
+## 1.0.229 (2025-11-05)
+
+
+
+## 1.0.228 (2025-11-05)
+
+
+
+## 1.0.227 (2025-10-31)
+
+
+
+## 1.0.226 (2025-10-29)
+
+
+
+## 1.0.225 (2025-10-09)
+
+
+
+## 1.0.224 (2025-09-29)
+
+
+
+## 1.0.223 (2025-09-29)
+
+
+
+## 1.0.222 (2025-09-17)
+
+
+
+## 1.0.221 (2025-09-11)
+
+
+
+## 1.0.220 (2025-09-09)
+
+
+
+## 1.0.219 (2025-09-02)
+
+
+
+## 1.0.218 (2025-09-01)
+
+
+
+## 1.0.217 (2025-08-25)
+
+
+
+## 1.0.216 (2025-08-18)
+
+
+
+## 1.0.215 (2025-08-18)
+
+
+
+## 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.246 (2026-01-08)
 
 

package/dist/main/components/Disclaimer/Disclaimer.js

@@ -25,6 +25,10 @@ const Disclaimer = _ref => {
     theme
   } = (0, _providers.useLayoutProvider)();
   const isDark = theme === _types.Theme.Dark;
+  const {
+    size
+  } = (0, _providers.useLayoutProvider)();
+  const isDesktop = size === _types.Size.DESKTOP;
   const [isLogoHovered, setIsLogoHovered] = (0, _react.useState)(false);
   const [isInfoHovered, setIsInfoHovered] = (0, _react.useState)(false);
   if (!logoLink && !text) {
@@ -37,7 +41,7 @@ const Disclaimer = _ref => {
     role: "presentation",
     onClick: () => isClickable && window.open(logoLink, '_blank')
   }, children, text && _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out', isInfoHovered && 'lw-opacity-100', !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'),
+    className: (0, _tailwind.cn)('lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out', !isDesktop && 'lw-leading-[14px] lw-text-[11px] lw-p-[4px]', isInfoHovered && 'lw-opacity-100', !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'),
     onBlur: () => setIsInfoHovered(false),
     onMouseOut: () => setIsInfoHovered(false)
   }, text), _react.default.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Disclaimer.js","names":["_react","_interopRequireWildcard","require","_images","_providers","_tailwind","_types","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","text","isSlim","infoButtonPosition","theme","useLayoutProvider","isDark","Theme","Dark","isLogoHovered","setIsLogoHovered","useState","isInfoHovered","setIsInfoHovered","isClickable","createElement","className","cn","role","onClick","window","open","onBlur","onMouseOut","onFocus","onMouseOver","stopPropagation","OandaLogoDark","OandaLogoLight","exports"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useState } from 'react';\n\nimport { OandaLogoDark, OandaLogoLight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { RenderComponentParams } from '../../types';\nimport { Theme } from '../../types';\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'> & {\n    text?: string;\n    isSlim?: boolean;\n    infoButtonPosition?: 'left' | 'top';\n  };\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n  text,\n  isSlim,\n  infoButtonPosition = 'top',\n}) => {\n  const { theme } = useLayoutProvider();\n  const isDark = theme === Theme.Dark;\n\n  const [isLogoHovered, setIsLogoHovered] = useState(false);\n  const [isInfoHovered, setIsInfoHovered] = useState(false);\n\n  if (!logoLink && !text) {\n    return children;\n  }\n\n  const isClickable = linkArea === 'full';\n\n  return (\n    <div\n      className={cn(\n        'lw-relative lw-overflow-hidden',\n        isClickable && 'lw-cursor-pointer',\n        brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0',\n        !!fitContent && 'lw-w-fit'\n      )}\n      data-testid=\"disclaimer-wrapper\"\n      role=\"presentation\"\n      onClick={() => isClickable && window.open(logoLink, '_blank')}\n    >\n      {children}\n      {text && (\n        <div\n          className={cn(\n            'lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out',\n            isInfoHovered && 'lw-opacity-100',\n            !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'\n          )}\n          onBlur={() => setIsInfoHovered(false)}\n          onMouseOut={() => setIsInfoHovered(false)}\n        >\n          {text}\n        </div>\n      )}\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-3 lw-right-0 lw-z-20 lw-flex lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n          logoLink &&\n            !isLogoHovered &&\n            infoButtonPosition === 'left' &&\n            'lw-translate-x-[55px]',\n          isSlim && 'lw-bottom-[6px]',\n          !isSlim && 'lw-bottom-2',\n          infoButtonPosition === 'left' && 'lw-flex-row lw-items-center',\n          infoButtonPosition === 'top' && 'lw-flex-col lw-items-end'\n        )}\n      >\n        {text && (\n          <div\n            className={cn(\n              'lw-flex lw-h-[20px] lw-w-[20px] lw-items-center lw-justify-center lw-rounded-full lw-border lw-border-border-primary lw-pb-0.5 lw-text-sm lw-font-bold lw-text-text-secondary lw-shadow-basic',\n              isDark && 'lw-bg-dark-blue',\n              !isDark && 'lw-bg-bg-primary',\n              infoButtonPosition === 'top' && 'lw-mr-1',\n              infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3',\n              infoButtonPosition === 'left' && 'lw-mr-2 '\n            )}\n            onFocus={() => setIsInfoHovered(true)}\n            onMouseOver={() => setIsInfoHovered(true)}\n          >\n            i\n          </div>\n        )}\n        {logoLink && (\n          <div\n            className={cn(\n              'lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic',\n              infoButtonPosition === 'top' &&\n                'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n              !isLogoHovered &&\n                infoButtonPosition === 'top' &&\n                'lw-translate-x-[55px]'\n            )}\n            data-testid=\"disclaimer-wrapper-logo\"\n            role=\"presentation\"\n            onBlur={() => setIsLogoHovered(false)}\n            onClick={(e) => {\n              e.stopPropagation();\n              window.open(logoLink, '_blank');\n            }}\n            onFocus={() => setIsLogoHovered(true)}\n            onMouseOut={() => setIsLogoHovered(false)}\n            onMouseOver={() => setIsLogoHovered(true)}\n          >\n            {isDark ? (\n              <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n            ) : (\n              <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS7B,MAAMkB,UAA+B,GAAGC,IAAA,IASzC;EAAA,IAT0C;IAC9CC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAG,MAAM;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB,GAAG;EACvB,CAAC,GAAAR,IAAA;EACC,MAAM;IAAES;EAAM,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACrC,MAAMC,MAAM,GAAGF,KAAK,KAAKG,YAAK,CAACC,IAAI;EAEnC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACzD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEzD,IAAI,CAACd,QAAQ,IAAI,CAACI,IAAI,EAAE;IACtB,OAAOL,QAAQ;EACjB;EAEA,MAAMkB,WAAW,GAAGd,QAAQ,KAAK,MAAM;EAEvC,OACEhC,MAAA,CAAAiB,OAAA,CAAA8B,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,gCAAgC,EAChCH,WAAW,IAAI,mBAAmB,EAClChB,aAAa,IAAIA,aAAa,KAAK,UAAU,GAAG,UAAU,GAAG,SAAS,EACtE,CAAC,CAACC,UAAU,IAAI,UAClB,CAAE;IACF,eAAY,oBAAoB;IAChCmB,IAAI,EAAC,cAAc;IACnBC,OAAO,EAAEA,CAAA,KAAML,WAAW,IAAIM,MAAM,CAACC,IAAI,CAACxB,QAAQ,EAAE,QAAQ;EAAE,GAE7DD,QAAQ,EACRK,IAAI,IACHjC,MAAA,CAAAiB,OAAA,CAAA8B,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,oMAAoM,EACpML,aAAa,IAAI,gBAAgB,EACjC,CAACA,aAAa,IAAI,qCACpB,CAAE;IACFU,MAAM,EAAEA,CAAA,KAAMT,gBAAgB,CAAC,KAAK,CAAE;IACtCU,UAAU,EAAEA,CAAA,KAAMV,gBAAgB,CAAC,KAAK;EAAE,GAEzCZ,IACE,CACN,EACDjC,MAAA,CAAAiB,OAAA,CAAA8B,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,8GAA8G,EAC9GpB,QAAQ,IACN,CAACY,aAAa,IACdN,kBAAkB,KAAK,MAAM,IAC7B,uBAAuB,EACzBD,MAAM,IAAI,iBAAiB,EAC3B,CAACA,MAAM,IAAI,aAAa,EACxBC,kBAAkB,KAAK,MAAM,IAAI,6BAA6B,EAC9DA,kBAAkB,KAAK,KAAK,IAAI,0BAClC;EAAE,GAEDF,IAAI,IACHjC,MAAA,CAAAiB,OAAA,CAAA8B,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,+LAA+L,EAC/LX,MAAM,IAAI,iBAAiB,EAC3B,CAACA,MAAM,IAAI,kBAAkB,EAC7BH,kBAAkB,KAAK,KAAK,IAAI,SAAS,EACzCA,kBAAkB,KAAK,KAAK,IAAI,CAAC,CAACN,QAAQ,IAAI,SAAS,EACvDM,kBAAkB,KAAK,MAAM,IAAI,UACnC,CAAE;IACFqB,OAAO,EAAEA,CAAA,KAAMX,gBAAgB,CAAC,IAAI,CAAE;IACtCY,WAAW,EAAEA,CAAA,KAAMZ,gBAAgB,CAAC,IAAI;EAAE,GAC3C,GAEI,CACN,EACAhB,QAAQ,IACP7B,MAAA,CAAAiB,OAAA,CAAA8B,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,sEAAsE,EACtEd,kBAAkB,KAAK,KAAK,IAC1B,2DAA2D,EAC7D,CAACM,aAAa,IACZN,kBAAkB,KAAK,KAAK,IAC5B,uBACJ,CAAE;IACF,eAAY,yBAAyB;IACrCe,IAAI,EAAC,cAAc;IACnBI,MAAM,EAAEA,CAAA,KAAMZ,gBAAgB,CAAC,KAAK,CAAE;IACtCS,OAAO,EAAG5C,CAAC,IAAK;MACdA,CAAC,CAACmD,eAAe,CAAC,CAAC;MACnBN,MAAM,CAACC,IAAI,CAACxB,QAAQ,EAAE,QAAQ,CAAC;IACjC,CAAE;IACF2B,OAAO,EAAEA,CAAA,KAAMd,gBAAgB,CAAC,IAAI,CAAE;IACtCa,UAAU,EAAEA,CAAA,KAAMb,gBAAgB,CAAC,KAAK,CAAE;IAC1Ce,WAAW,EAAEA,CAAA,KAAMf,gBAAgB,CAAC,IAAI;EAAE,GAEzCJ,MAAM,GACLtC,MAAA,CAAAiB,OAAA,CAAA8B,aAAA,CAAC5C,OAAA,CAAAwD,aAAa;IAAC,eAAY;EAA8B,CAAE,CAAC,GAE5D3D,MAAA,CAAAiB,OAAA,CAAA8B,aAAA,CAAC5C,OAAA,CAAAyD,cAAc;IAAC,eAAY;EAA+B,CAAE,CAE5D,CAEJ,CACF,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAnC,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"Disclaimer.js","names":["_react","_interopRequireWildcard","require","_images","_providers","_tailwind","_types","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","text","isSlim","infoButtonPosition","theme","useLayoutProvider","isDark","Theme","Dark","size","isDesktop","Size","DESKTOP","isLogoHovered","setIsLogoHovered","useState","isInfoHovered","setIsInfoHovered","isClickable","createElement","className","cn","role","onClick","window","open","onBlur","onMouseOut","onFocus","onMouseOver","stopPropagation","OandaLogoDark","OandaLogoLight","exports"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useState } from 'react';\n\nimport { OandaLogoDark, OandaLogoLight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { RenderComponentParams } from '../../types';\nimport { Size, Theme } from '../../types';\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'> & {\n    text?: string;\n    isSlim?: boolean;\n    infoButtonPosition?: 'left' | 'top';\n  };\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n  text,\n  isSlim,\n  infoButtonPosition = 'top',\n}) => {\n  const { theme } = useLayoutProvider();\n  const isDark = theme === Theme.Dark;\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const [isLogoHovered, setIsLogoHovered] = useState(false);\n  const [isInfoHovered, setIsInfoHovered] = useState(false);\n\n  if (!logoLink && !text) {\n    return children;\n  }\n\n  const isClickable = linkArea === 'full';\n\n  return (\n    <div\n      className={cn(\n        'lw-relative lw-overflow-hidden',\n        isClickable && 'lw-cursor-pointer',\n        brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0',\n        !!fitContent && 'lw-w-fit'\n      )}\n      data-testid=\"disclaimer-wrapper\"\n      role=\"presentation\"\n      onClick={() => isClickable && window.open(logoLink, '_blank')}\n    >\n      {children}\n      {text && (\n        <div\n          className={cn(\n            'lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out',\n            !isDesktop && 'lw-leading-[14px] lw-text-[11px] lw-p-[4px]',\n            isInfoHovered && 'lw-opacity-100',\n            !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'\n          )}\n          onBlur={() => setIsInfoHovered(false)}\n          onMouseOut={() => setIsInfoHovered(false)}\n        >\n          {text}\n        </div>\n      )}\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-3 lw-right-0 lw-z-20 lw-flex lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n          logoLink &&\n            !isLogoHovered &&\n            infoButtonPosition === 'left' &&\n            'lw-translate-x-[55px]',\n          isSlim && 'lw-bottom-[6px]',\n          !isSlim && 'lw-bottom-2',\n          infoButtonPosition === 'left' && 'lw-flex-row lw-items-center',\n          infoButtonPosition === 'top' && 'lw-flex-col lw-items-end'\n        )}\n      >\n        {text && (\n          <div\n            className={cn(\n              'lw-flex lw-h-[20px] lw-w-[20px] lw-items-center lw-justify-center lw-rounded-full lw-border lw-border-border-primary lw-pb-0.5 lw-text-sm lw-font-bold lw-text-text-secondary lw-shadow-basic',\n              isDark && 'lw-bg-dark-blue',\n              !isDark && 'lw-bg-bg-primary',\n              infoButtonPosition === 'top' && 'lw-mr-1',\n              infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3',\n              infoButtonPosition === 'left' && 'lw-mr-2 '\n            )}\n            onFocus={() => setIsInfoHovered(true)}\n            onMouseOver={() => setIsInfoHovered(true)}\n          >\n            i\n          </div>\n        )}\n        {logoLink && (\n          <div\n            className={cn(\n              'lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic',\n              infoButtonPosition === 'top' &&\n                'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n              !isLogoHovered &&\n                infoButtonPosition === 'top' &&\n                'lw-translate-x-[55px]'\n            )}\n            data-testid=\"disclaimer-wrapper-logo\"\n            role=\"presentation\"\n            onBlur={() => setIsLogoHovered(false)}\n            onClick={(e) => {\n              e.stopPropagation();\n              window.open(logoLink, '_blank');\n            }}\n            onFocus={() => setIsLogoHovered(true)}\n            onMouseOut={() => setIsLogoHovered(false)}\n            onMouseOver={() => setIsLogoHovered(true)}\n          >\n            {isDark ? (\n              <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n            ) : (\n              <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Disclaimer/Disclaimer.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { OandaLogoDark, OandaLogoLight } from '../../images';
 import { useLayoutProvider } from '../../providers';
 import { cn } from '../../tailwind';
-import { Theme } from '../../types';
+import { Size, Theme } from '../../types';
 export const Disclaimer = _ref => {
   let {
     children,
@@ -18,6 +18,10 @@ export const Disclaimer = _ref => {
     theme
   } = useLayoutProvider();
   const isDark = theme === Theme.Dark;
+  const {
+    size
+  } = useLayoutProvider();
+  const isDesktop = size === Size.DESKTOP;
   const [isLogoHovered, setIsLogoHovered] = useState(false);
   const [isInfoHovered, setIsInfoHovered] = useState(false);
   if (!logoLink && !text) {
@@ -30,7 +34,7 @@ export const Disclaimer = _ref => {
     role: "presentation",
     onClick: () => isClickable && window.open(logoLink, '_blank')
   }, children, text && React.createElement("div", {
-    className: cn('lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out', isInfoHovered && 'lw-opacity-100', !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'),
+    className: cn('lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out', !isDesktop && 'lw-leading-[14px] lw-text-[11px] lw-p-[4px]', isInfoHovered && 'lw-opacity-100', !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'),
     onBlur: () => setIsInfoHovered(false),
     onMouseOut: () => setIsInfoHovered(false)
   }, text), React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Disclaimer.js","names":["React","useState","OandaLogoDark","OandaLogoLight","useLayoutProvider","cn","Theme","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","text","isSlim","infoButtonPosition","theme","isDark","Dark","isLogoHovered","setIsLogoHovered","isInfoHovered","setIsInfoHovered","isClickable","createElement","className","role","onClick","window","open","onBlur","onMouseOut","onFocus","onMouseOver","e","stopPropagation"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useState } from 'react';\n\nimport { OandaLogoDark, OandaLogoLight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { RenderComponentParams } from '../../types';\nimport { Theme } from '../../types';\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'> & {\n    text?: string;\n    isSlim?: boolean;\n    infoButtonPosition?: 'left' | 'top';\n  };\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n  text,\n  isSlim,\n  infoButtonPosition = 'top',\n}) => {\n  const { theme } = useLayoutProvider();\n  const isDark = theme === Theme.Dark;\n\n  const [isLogoHovered, setIsLogoHovered] = useState(false);\n  const [isInfoHovered, setIsInfoHovered] = useState(false);\n\n  if (!logoLink && !text) {\n    return children;\n  }\n\n  const isClickable = linkArea === 'full';\n\n  return (\n    <div\n      className={cn(\n        'lw-relative lw-overflow-hidden',\n        isClickable && 'lw-cursor-pointer',\n        brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0',\n        !!fitContent && 'lw-w-fit'\n      )}\n      data-testid=\"disclaimer-wrapper\"\n      role=\"presentation\"\n      onClick={() => isClickable && window.open(logoLink, '_blank')}\n    >\n      {children}\n      {text && (\n        <div\n          className={cn(\n            'lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out',\n            isInfoHovered && 'lw-opacity-100',\n            !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'\n          )}\n          onBlur={() => setIsInfoHovered(false)}\n          onMouseOut={() => setIsInfoHovered(false)}\n        >\n          {text}\n        </div>\n      )}\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-3 lw-right-0 lw-z-20 lw-flex lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n          logoLink &&\n            !isLogoHovered &&\n            infoButtonPosition === 'left' &&\n            'lw-translate-x-[55px]',\n          isSlim && 'lw-bottom-[6px]',\n          !isSlim && 'lw-bottom-2',\n          infoButtonPosition === 'left' && 'lw-flex-row lw-items-center',\n          infoButtonPosition === 'top' && 'lw-flex-col lw-items-end'\n        )}\n      >\n        {text && (\n          <div\n            className={cn(\n              'lw-flex lw-h-[20px] lw-w-[20px] lw-items-center lw-justify-center lw-rounded-full lw-border lw-border-border-primary lw-pb-0.5 lw-text-sm lw-font-bold lw-text-text-secondary lw-shadow-basic',\n              isDark && 'lw-bg-dark-blue',\n              !isDark && 'lw-bg-bg-primary',\n              infoButtonPosition === 'top' && 'lw-mr-1',\n              infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3',\n              infoButtonPosition === 'left' && 'lw-mr-2 '\n            )}\n            onFocus={() => setIsInfoHovered(true)}\n            onMouseOver={() => setIsInfoHovered(true)}\n          >\n            i\n          </div>\n        )}\n        {logoLink && (\n          <div\n            className={cn(\n              'lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic',\n              infoButtonPosition === 'top' &&\n                'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n              !isLogoHovered &&\n                infoButtonPosition === 'top' &&\n                'lw-translate-x-[55px]'\n            )}\n            data-testid=\"disclaimer-wrapper-logo\"\n            role=\"presentation\"\n            onBlur={() => setIsLogoHovered(false)}\n            onClick={(e) => {\n              e.stopPropagation();\n              window.open(logoLink, '_blank');\n            }}\n            onFocus={() => setIsLogoHovered(true)}\n            onMouseOut={() => setIsLogoHovered(false)}\n            onMouseOver={() => setIsLogoHovered(true)}\n          >\n            {isDark ? (\n              <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n            ) : (\n              <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Disclaimer.js","names":["React","useState","OandaLogoDark","OandaLogoLight","useLayoutProvider","cn","Size","Theme","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","text","isSlim","infoButtonPosition","theme","isDark","Dark","size","isDesktop","DESKTOP","isLogoHovered","setIsLogoHovered","isInfoHovered","setIsInfoHovered","isClickable","createElement","className","role","onClick","window","open","onBlur","onMouseOut","onFocus","onMouseOver","e","stopPropagation"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useState } from 'react';\n\nimport { OandaLogoDark, OandaLogoLight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { RenderComponentParams } from '../../types';\nimport { Size, Theme } from '../../types';\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'> & {\n    text?: string;\n    isSlim?: boolean;\n    infoButtonPosition?: 'left' | 'top';\n  };\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n  text,\n  isSlim,\n  infoButtonPosition = 'top',\n}) => {\n  const { theme } = useLayoutProvider();\n  const isDark = theme === Theme.Dark;\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const [isLogoHovered, setIsLogoHovered] = useState(false);\n  const [isInfoHovered, setIsInfoHovered] = useState(false);\n\n  if (!logoLink && !text) {\n    return children;\n  }\n\n  const isClickable = linkArea === 'full';\n\n  return (\n    <div\n      className={cn(\n        'lw-relative lw-overflow-hidden',\n        isClickable && 'lw-cursor-pointer',\n        brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0',\n        !!fitContent && 'lw-w-fit'\n      )}\n      data-testid=\"disclaimer-wrapper\"\n      role=\"presentation\"\n      onClick={() => isClickable && window.open(logoLink, '_blank')}\n    >\n      {children}\n      {text && (\n        <div\n          className={cn(\n            'lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out',\n            !isDesktop && 'lw-leading-[14px] lw-text-[11px] lw-p-[4px]',\n            isInfoHovered && 'lw-opacity-100',\n            !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'\n          )}\n          onBlur={() => setIsInfoHovered(false)}\n          onMouseOut={() => setIsInfoHovered(false)}\n        >\n          {text}\n        </div>\n      )}\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-3 lw-right-0 lw-z-20 lw-flex lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n          logoLink &&\n            !isLogoHovered &&\n            infoButtonPosition === 'left' &&\n            'lw-translate-x-[55px]',\n          isSlim && 'lw-bottom-[6px]',\n          !isSlim && 'lw-bottom-2',\n          infoButtonPosition === 'left' && 'lw-flex-row lw-items-center',\n          infoButtonPosition === 'top' && 'lw-flex-col lw-items-end'\n        )}\n      >\n        {text && (\n          <div\n            className={cn(\n              'lw-flex lw-h-[20px] lw-w-[20px] lw-items-center lw-justify-center lw-rounded-full lw-border lw-border-border-primary lw-pb-0.5 lw-text-sm lw-font-bold lw-text-text-secondary lw-shadow-basic',\n              isDark && 'lw-bg-dark-blue',\n              !isDark && 'lw-bg-bg-primary',\n              infoButtonPosition === 'top' && 'lw-mr-1',\n              infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3',\n              infoButtonPosition === 'left' && 'lw-mr-2 '\n            )}\n            onFocus={() => setIsInfoHovered(true)}\n            onMouseOver={() => setIsInfoHovered(true)}\n          >\n            i\n          </div>\n        )}\n        {logoLink && (\n          <div\n            className={cn(\n              'lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic',\n              infoButtonPosition === 'top' &&\n                'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out',\n              !isLogoHovered &&\n                infoButtonPosition === 'top' &&\n                'lw-translate-x-[55px]'\n            )}\n            data-testid=\"disclaimer-wrapper-logo\"\n            role=\"presentation\"\n            onBlur={() => setIsLogoHovered(false)}\n            onClick={(e) => {\n              e.stopPropagation();\n              window.open(logoLink, '_blank');\n            }}\n            onFocus={() => setIsLogoHovered(true)}\n            onMouseOut={() => setIsLogoHovered(false)}\n            onMouseOver={() => setIsLogoHovered(true)}\n          >\n            {isDark ? (\n              <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n            ) : (\n              <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.246",
+  "version": "1.0.247",
   "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": "aa52e335e64ab47f211df9687ad664d114dd018d"
+  "gitHead": "44e45e92597d1504ca193e866b965b93f8b72dd3"
 }

package/src/components/Disclaimer/Disclaimer.tsx

@@ -5,7 +5,7 @@ import { OandaLogoDark, OandaLogoLight } from '../../images';
 import { useLayoutProvider } from '../../providers';
 import { cn } from '../../tailwind';
 import type { RenderComponentParams } from '../../types';
-import { Theme } from '../../types';
+import { Size, Theme } from '../../types';
 
 type DisclaimerProps = PropsWithChildren &
   Omit<RenderComponentParams, 'Component'> & {
@@ -26,6 +26,8 @@ export const Disclaimer: FC<DisclaimerProps> = ({
 }) => {
   const { theme } = useLayoutProvider();
   const isDark = theme === Theme.Dark;
+  const { size } = useLayoutProvider();
+  const isDesktop = size === Size.DESKTOP;
 
   const [isLogoHovered, setIsLogoHovered] = useState(false);
   const [isInfoHovered, setIsInfoHovered] = useState(false);
@@ -53,6 +55,7 @@ export const Disclaimer: FC<DisclaimerProps> = ({
         <div
           className={cn(
             'lw-absolute lw-right-0 lw-top-0 lw-z-30 lw-flex lw-h-full lw-items-center lw-bg-border-primary lw-bg-opacity-90 lw-p-3 lw-text-sm lw-text-text-primary lw-delay-150 lw-duration-150 lw-ease-in-out',
+            !isDesktop && 'lw-leading-[14px] lw-text-[11px] lw-p-[4px]',
             isInfoHovered && 'lw-opacity-100',
             !isInfoHovered && 'lw-opacity-0 lw-pointer-events-none'
           )}