@oanda/labs-widget-common 1.0.219 → 1.0.220

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

@@ -4,64 +4,66 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Disclaimer = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _images = require("../../images");
 var _providers = require("../../providers");
 var _tailwind = require("../../tailwind");
 var _types = require("../../types");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const disclaimerStyles = {
-  dark: {
-    wrapperStyle: 'lw-h-6 lw-bg-[#262F3C]',
-    borderStyle: 'lw-border-[#262F3C]'
-  },
-  light: {
-    wrapperStyle: 'lw-shadow-[0_2px_8px_0_rgba(0,33,74,0.25)]',
-    borderStyle: 'lw-border-[#e6e6e6]'
-  }
-};
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Disclaimer = _ref => {
   let {
     children,
     logoLink,
     brandingSpace,
     fitContent = false,
-    linkArea = 'full'
+    linkArea = 'full',
+    text,
+    isSlim,
+    infoButtonPosition = 'top'
   } = _ref;
   const {
     theme
   } = (0, _providers.useLayoutProvider)();
-  if (!logoLink) {
+  const isDark = theme === _types.Theme.Dark;
+  const [isLogoHovered, setIsLogoHovered] = (0, _react.useState)(false);
+  const [isInfoHovered, setIsInfoHovered] = (0, _react.useState)(false);
+  if (!logoLink && !text) {
     return children;
   }
-  const isDark = theme !== 'light';
   const isClickable = linkArea === 'full';
-  const {
-    wrapperStyle,
-    borderStyle
-  } = disclaimerStyles[theme ?? _types.Theme.Light];
   return _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-relative lw-overflow-hidden', isClickable && 'lw-cursor-pointer', brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-2', !!fitContent && 'lw-w-fit'),
+    className: (0, _tailwind.cn)('lw-relative lw-overflow-hidden', isClickable && 'lw-cursor-pointer', brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0', !!fitContent && 'lw-w-fit'),
     "data-testid": "disclaimer-wrapper",
     role: "presentation",
     onClick: () => isClickable && window.open(logoLink, '_blank')
-  }, children, _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-absolute lw-z-20 lw-bottom-3 lw-right-1 lw-translate-x-[3.7rem] lw-rounded-l-full lw-transition lw-delay-150 lw-duration-300 lw-ease-in-out hover:lw-translate-x-2 [&:hover+div]:lw-translate-x-[3.7rem]', wrapperStyle)
-  }, _react.default.createElement("div", {
-    className: "lw-cursor-pointer",
+  }, 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'),
+    onBlur: () => setIsInfoHovered(false),
+    onMouseOut: () => setIsInfoHovered(false)
+  }, text), _react.default.createElement("div", {
+    className: (0, _tailwind.cn)('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', logoLink && !isLogoHovered && infoButtonPosition === 'left' && 'lw-translate-x-[55px]', isSlim && 'lw-bottom-[6px]', !isSlim && 'lw-bottom-2', infoButtonPosition === 'left' && 'lw-flex-row lw-items-center', infoButtonPosition === 'top' && 'lw-flex-col lw-items-end')
+  }, text && _react.default.createElement("div", {
+    className: (0, _tailwind.cn)('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', isDark && 'lw-bg-dark-blue', !isDark && 'lw-bg-bg-primary', infoButtonPosition === 'top' && 'lw-mr-1', infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3', infoButtonPosition === 'left' && 'lw-mr-2 '),
+    onFocus: () => setIsInfoHovered(true),
+    onMouseOver: () => setIsInfoHovered(true)
+  }, "i"), logoLink && _react.default.createElement("div", {
+    className: (0, _tailwind.cn)('lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic', infoButtonPosition === 'top' && 'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out', !isLogoHovered && infoButtonPosition === 'top' && 'lw-translate-x-[55px]'),
     "data-testid": "disclaimer-wrapper-logo",
     role: "presentation",
+    onBlur: () => setIsLogoHovered(false),
     onClick: e => {
       e.stopPropagation();
       window.open(logoLink, '_blank');
-    }
+    },
+    onFocus: () => setIsLogoHovered(true),
+    onMouseOut: () => setIsLogoHovered(false),
+    onMouseOver: () => setIsLogoHovered(true)
   }, isDark ? _react.default.createElement(_images.OandaLogoDark, {
     "data-testid": "disclaimer-wrapper-logo-dark"
   }) : _react.default.createElement(_images.OandaLogoLight, {
     "data-testid": "disclaimer-wrapper-logo-light"
-  }))), _react.default.createElement("div", {
-    className: (0, _tailwind.cn)('lw-absolute lw-bottom-2.5 lw-right-0 lw-h-7 lw-w-px lw-translate-x-0 lw-transition lw-delay-150 lw-duration-300', borderStyle)
-  }));
+  }))));
 };
 exports.Disclaimer = Disclaimer;
 //# sourceMappingURL=Disclaimer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Disclaimer.js","names":["_react","_interopRequireDefault","require","_images","_providers","_tailwind","_types","e","__esModule","default","disclaimerStyles","dark","wrapperStyle","borderStyle","light","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","theme","useLayoutProvider","isDark","isClickable","Theme","Light","createElement","className","cn","role","onClick","window","open","stopPropagation","OandaLogoDark","OandaLogoLight","exports"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React 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\nconst disclaimerStyles: Record<\n  Theme,\n  { wrapperStyle: string; borderStyle: string }\n> = {\n  dark: {\n    wrapperStyle: 'lw-h-6 lw-bg-[#262F3C]',\n    borderStyle: 'lw-border-[#262F3C]',\n  },\n  light: {\n    wrapperStyle: 'lw-shadow-[0_2px_8px_0_rgba(0,33,74,0.25)]',\n    borderStyle: 'lw-border-[#e6e6e6]',\n  },\n};\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'>;\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n}) => {\n  const { theme } = useLayoutProvider();\n\n  if (!logoLink) {\n    return children;\n  }\n\n  const isDark = theme !== 'light';\n  const isClickable = linkArea === 'full';\n  const { wrapperStyle, borderStyle } = disclaimerStyles[theme ?? Theme.Light];\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-2',\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      <div\n        className={cn(\n          'lw-absolute lw-z-20 lw-bottom-3 lw-right-1 lw-translate-x-[3.7rem] lw-rounded-l-full lw-transition lw-delay-150 lw-duration-300 lw-ease-in-out hover:lw-translate-x-2 [&:hover+div]:lw-translate-x-[3.7rem]',\n          wrapperStyle\n        )}\n      >\n        <div\n          className=\"lw-cursor-pointer\"\n          data-testid=\"disclaimer-wrapper-logo\"\n          role=\"presentation\"\n          onClick={(e) => {\n            e.stopPropagation();\n            window.open(logoLink, '_blank');\n          }}\n        >\n          {isDark ? (\n            <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n          ) : (\n            <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n          )}\n        </div>\n      </div>\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-2.5 lw-right-0 lw-h-7 lw-w-px lw-translate-x-0 lw-transition lw-delay-150 lw-duration-300',\n          borderStyle\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,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,gBAGL,GAAG;EACFC,IAAI,EAAE;IACJC,YAAY,EAAE,wBAAwB;IACtCC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLF,YAAY,EAAE,4CAA4C;IAC1DC,WAAW,EAAE;EACf;AACF,CAAC;AAKM,MAAME,UAA+B,GAAGC,IAAA,IAMzC;EAAA,IAN0C;IAC9CC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAG;EACb,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAM,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAErC,IAAI,CAACL,QAAQ,EAAE;IACb,OAAOD,QAAQ;EACjB;EAEA,MAAMO,MAAM,GAAGF,KAAK,KAAK,OAAO;EAChC,MAAMG,WAAW,GAAGJ,QAAQ,KAAK,MAAM;EACvC,MAAM;IAAET,YAAY;IAAEC;EAAY,CAAC,GAAGH,gBAAgB,CAACY,KAAK,IAAII,YAAK,CAACC,KAAK,CAAC;EAE5E,OACE3B,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,gCAAgC,EAChCL,WAAW,IAAI,mBAAmB,EAClCN,aAAa,IAAIA,aAAa,KAAK,UAAU,GAAG,UAAU,GAAG,SAAS,EACtE,CAAC,CAACC,UAAU,IAAI,UAClB,CAAE;IACF,eAAY,oBAAoB;IAChCW,IAAI,EAAC,cAAc;IACnBC,OAAO,EAAEA,CAAA,KAAMP,WAAW,IAAIQ,MAAM,CAACC,IAAI,CAAChB,QAAQ,EAAE,QAAQ;EAAE,GAE7DD,QAAQ,EACTjB,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,6MAA6M,EAC7MlB,YACF;EAAE,GAEFZ,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACEC,SAAS,EAAC,mBAAmB;IAC7B,eAAY,yBAAyB;IACrCE,IAAI,EAAC,cAAc;IACnBC,OAAO,EAAGzB,CAAC,IAAK;MACdA,CAAC,CAAC4B,eAAe,CAAC,CAAC;MACnBF,MAAM,CAACC,IAAI,CAAChB,QAAQ,EAAE,QAAQ,CAAC;IACjC;EAAE,GAEDM,MAAM,GACLxB,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,OAAA,CAAAiC,aAAa;IAAC,eAAY;EAA8B,CAAE,CAAC,GAE5DpC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,OAAA,CAAAkC,cAAc;IAAC,eAAY;EAA+B,CAAE,CAE5D,CACF,CAAC,EACNrC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACEC,SAAS,EAAE,IAAAC,YAAE,EACX,iHAAiH,EACjHjB,WACF;EAAE,CACH,CACE,CAAC;AAEV,CAAC;AAACyB,OAAA,CAAAvB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"Disclaimer.js","names":["_react","_interopRequireWildcard","require","_images","_providers","_tailwind","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":"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","ignoreList":[]}

package/dist/main/components/WidgetWrapper/WidgetWrapper.js

@@ -15,13 +15,18 @@ const WidgetWrapper = _ref => {
     linkArea,
     brandingSpace,
     fitContent,
-    isParamError
+    isParamError,
+    disclaimer,
+    isSlim
   } = _ref;
   return _react.default.createElement(_Disclaimer.Disclaimer, {
     brandingSpace: brandingSpace,
     fitContent: fitContent,
+    infoButtonPosition: disclaimer?.position,
+    isSlim: isSlim,
     linkArea: linkArea,
-    logoLink: logoLink
+    logoLink: logoLink,
+    text: disclaimer?.text
   }, isParamError ? _react.default.createElement(_Error.WidgetError, null) : children);
 };
 exports.WidgetWrapper = WidgetWrapper;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.js","names":["_react","_interopRequireDefault","require","_Disclaimer","_Error","e","__esModule","default","WidgetWrapper","_ref","children","logoLink","linkArea","brandingSpace","fitContent","isParamError","createElement","Disclaimer","WidgetError","exports"],"sources":["../../../../src/components/WidgetWrapper/WidgetWrapper.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { WidgetLink, WidgetStyling } from '../../types';\nimport { Disclaimer } from '../Disclaimer';\nimport { WidgetError } from '../Error';\n\nexport type WidgetWrapperProps = PropsWithChildren &\n  WidgetLink & {\n    isParamError?: boolean | undefined;\n  } & Pick<WidgetStyling, 'brandingSpace' | 'fitContent'>;\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = ({\n  children,\n  logoLink,\n  linkArea,\n  brandingSpace,\n  fitContent,\n  isParamError,\n}) => (\n  <Disclaimer\n    brandingSpace={brandingSpace}\n    fitContent={fitContent}\n    linkArea={linkArea}\n    logoLink={logoLink}\n  >\n    {isParamError ? <WidgetError /> : children}\n  </Disclaimer>\n);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhC,MAAMG,aAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU;IACVC;EACF,CAAC,GAAAN,IAAA;EAAA,OACCT,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,WAAA,CAAAc,UAAU;IACTJ,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBF,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA;EAAS,GAElBI,YAAY,GAAGf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,MAAA,CAAAc,WAAW,MAAE,CAAC,GAAGR,QACxB,CAAC;AAAA,CACd;AAACS,OAAA,CAAAX,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"WidgetWrapper.js","names":["_react","_interopRequireDefault","require","_Disclaimer","_Error","e","__esModule","default","WidgetWrapper","_ref","children","logoLink","linkArea","brandingSpace","fitContent","isParamError","disclaimer","isSlim","createElement","Disclaimer","infoButtonPosition","position","text","WidgetError","exports"],"sources":["../../../../src/components/WidgetWrapper/WidgetWrapper.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { WidgetLink, WidgetStyling } from '../../types';\nimport { Disclaimer } from '../Disclaimer';\nimport { WidgetError } from '../Error';\n\nexport type WidgetWrapperProps = PropsWithChildren &\n  WidgetLink & {\n    isParamError?: boolean | undefined;\n    disclaimer?: {\n      position?: 'left' | 'top';\n      text?: string;\n    };\n    isSlim?: boolean;\n  } & Pick<WidgetStyling, 'brandingSpace' | 'fitContent'>;\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = ({\n  children,\n  logoLink,\n  linkArea,\n  brandingSpace,\n  fitContent,\n  isParamError,\n  disclaimer,\n  isSlim,\n}) => (\n  <Disclaimer\n    brandingSpace={brandingSpace}\n    fitContent={fitContent}\n    infoButtonPosition={disclaimer?.position}\n    isSlim={isSlim}\n    linkArea={linkArea}\n    logoLink={logoLink}\n    text={disclaimer?.text}\n  >\n    {isParamError ? <WidgetError /> : children}\n  </Disclaimer>\n);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYhC,MAAMG,aAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC;EACF,CAAC,GAAAR,IAAA;EAAA,OACCT,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACf,WAAA,CAAAgB,UAAU;IACTN,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBM,kBAAkB,EAAEJ,UAAU,EAAEK,QAAS;IACzCJ,MAAM,EAAEA,MAAO;IACfL,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,QAAS;IACnBW,IAAI,EAAEN,UAAU,EAAEM;EAAK,GAEtBP,YAAY,GAAGf,MAAA,CAAAO,OAAA,CAAAW,aAAA,CAACd,MAAA,CAAAmB,WAAW,MAAE,CAAC,GAAGb,QACxB,CAAC;AAAA,CACd;AAACc,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/tailwind/colors.js

@@ -28,10 +28,12 @@ const colorPalette = exports.colorPalette = {
   white: '#FFFFFF',
   black: '#000000',
   grayLight: '#9EA4AC',
+  grayLight95: 'rgba(158, 164, 172, 0.95)',
   gray: '#7B8085',
   darkGray: '#1C1C1C',
   brightBlue: 'rgba(51, 88, 255, 0)',
-  brightBlue30: 'rgba(51, 88, 255, 0.3)'
+  brightBlue30: 'rgba(51, 88, 255, 0.3)',
+  darkBlue: '#262f3c'
 };
 const twColorPallete = exports.twColorPallete = (0, _utils.toTwConfigKeys)(colorPalette);
 //# sourceMappingURL=colors.js.map

package/dist/main/tailwind/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","brightBlue","brightBlue30","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE;AAChB,CAAC;AAEM,MAAMC,cAAc,GAAA3B,OAAA,CAAA2B,cAAA,GAAG,IAAAC,qBAAc,EAAC7B,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  grayLight95: 'rgba(158, 164, 172, 0.95)',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n  darkBlue: '#262f3c',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAMC,cAAc,GAAA7B,OAAA,CAAA6B,cAAA,GAAG,IAAAC,qBAAc,EAAC/B,YAAY,CAAC","ignoreList":[]}

package/dist/main/tailwind/preset.js

@@ -57,7 +57,8 @@ const sharedPreset = exports.sharedPreset = {
       },
       boxShadow: {
         innerBorder: 'inset 0 0 0 1px',
-        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))'
+        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',
+        basic: '0 2px 8px 0 rgba(0, 33, 74, 0.25)'
       }
     },
     fontFamily: {

package/dist/main/tailwind/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["_colors","require","_themes","sharedPreset","exports","prefix","plugins","themes","theme","extend","colors","twColorPallete","heatmap","empty","negative","neutral","positive","backgroundImage","loader","whiteWithShadow","lightGreyWithShadow","whiteOpacity","blackOpacity","keyframes","spinner","transform","transitionProperty","width","boxShadow","innerBorder","innerBorderBgColor","fontFamily","sans"],"sources":["../../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { twColorPallete } from './colors';\nimport { themes } from './themes';\n\nexport const sharedPreset: Omit<Config, 'content'> = {\n  prefix: 'lw-',\n  plugins: [themes],\n  theme: {\n    extend: {\n      colors: {\n        ...twColorPallete,\n        heatmap: {\n          empty: '#D7D8D9',\n          'strong-negative': '#DA6325',\n          negative: '#EBA463',\n          'weak-negative': '#F6E8C3',\n          neutral: '#F5F5F5',\n          'weak-positive': '#C7EAE5',\n          positive: '#70D2AF',\n          'strong-positive': '#008573',\n        },\n      },\n      backgroundImage: {\n        loader:\n          'linear-gradient(90deg, hsl(var(--twc-border-primary))0%, hsl(var(--twc-border-secondary)) 50%, hsl(var(--twc-border-primary)) 100%);',\n        whiteWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #ffffff 10px)',\n        lightGreyWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #f4f8fa 10px)',\n        whiteOpacity:\n          'linear-gradient(to left, rgba(255,255,255,0.5), white 0.625rem)',\n        blackOpacity:\n          'linear-gradient(to left, rgba(0,0,0,0.5), black 0.625rem)',\n      },\n      keyframes: {\n        spinner: {\n          '0%': { transform: 'rotate(0deg)' },\n          '85%': { transform: 'rotate(360deg)' },\n          '100%': { transform: 'rotate(360deg)' },\n        },\n        loader: {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(100%)' },\n        },\n      },\n      transitionProperty: {\n        width: 'width, transform',\n      },\n      boxShadow: {\n        innerBorder: 'inset 0 0 0 1px',\n        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',\n      },\n    },\n    fontFamily: {\n      sans: ['Sofia W03', 'Helvetica Neue', 'Arial', 'sans-serif'],\n    },\n  },\n};\n"],"mappings":";;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,MAAME,YAAqC,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACnDE,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,CAACC,cAAM,CAAC;EACjBC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,MAAM,EAAE;QACN,GAAGC,sBAAc;QACjBC,OAAO,EAAE;UACPC,KAAK,EAAE,SAAS;UAChB,iBAAiB,EAAE,SAAS;UAC5BC,QAAQ,EAAE,SAAS;UACnB,eAAe,EAAE,SAAS;UAC1BC,OAAO,EAAE,SAAS;UAClB,eAAe,EAAE,SAAS;UAC1BC,QAAQ,EAAE,SAAS;UACnB,iBAAiB,EAAE;QACrB;MACF,CAAC;MACDC,eAAe,EAAE;QACfC,MAAM,EACJ,sIAAsI;QACxIC,eAAe,EACb,kFAAkF;QACpFC,mBAAmB,EACjB,kFAAkF;QACpFC,YAAY,EACV,iEAAiE;QACnEC,YAAY,EACV;MACJ,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE;UACP,IAAI,EAAE;YAAEC,SAAS,EAAE;UAAe,CAAC;UACnC,KAAK,EAAE;YAAEA,SAAS,EAAE;UAAiB,CAAC;UACtC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAiB;QACxC,CAAC;QACDP,MAAM,EAAE;UACN,IAAI,EAAE;YAAEO,SAAS,EAAE;UAAoB,CAAC;UACxC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAmB;QAC1C;MACF,CAAC;MACDC,kBAAkB,EAAE;QAClBC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;QACTC,WAAW,EAAE,iBAAiB;QAC9BC,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY;IAC7D;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"preset.js","names":["_colors","require","_themes","sharedPreset","exports","prefix","plugins","themes","theme","extend","colors","twColorPallete","heatmap","empty","negative","neutral","positive","backgroundImage","loader","whiteWithShadow","lightGreyWithShadow","whiteOpacity","blackOpacity","keyframes","spinner","transform","transitionProperty","width","boxShadow","innerBorder","innerBorderBgColor","basic","fontFamily","sans"],"sources":["../../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { twColorPallete } from './colors';\nimport { themes } from './themes';\n\nexport const sharedPreset: Omit<Config, 'content'> = {\n  prefix: 'lw-',\n  plugins: [themes],\n  theme: {\n    extend: {\n      colors: {\n        ...twColorPallete,\n        heatmap: {\n          empty: '#D7D8D9',\n          'strong-negative': '#DA6325',\n          negative: '#EBA463',\n          'weak-negative': '#F6E8C3',\n          neutral: '#F5F5F5',\n          'weak-positive': '#C7EAE5',\n          positive: '#70D2AF',\n          'strong-positive': '#008573',\n        },\n      },\n      backgroundImage: {\n        loader:\n          'linear-gradient(90deg, hsl(var(--twc-border-primary))0%, hsl(var(--twc-border-secondary)) 50%, hsl(var(--twc-border-primary)) 100%);',\n        whiteWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #ffffff 10px)',\n        lightGreyWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #f4f8fa 10px)',\n        whiteOpacity:\n          'linear-gradient(to left, rgba(255,255,255,0.5), white 0.625rem)',\n        blackOpacity:\n          'linear-gradient(to left, rgba(0,0,0,0.5), black 0.625rem)',\n      },\n      keyframes: {\n        spinner: {\n          '0%': { transform: 'rotate(0deg)' },\n          '85%': { transform: 'rotate(360deg)' },\n          '100%': { transform: 'rotate(360deg)' },\n        },\n        loader: {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(100%)' },\n        },\n      },\n      transitionProperty: {\n        width: 'width, transform',\n      },\n      boxShadow: {\n        innerBorder: 'inset 0 0 0 1px',\n        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',\n        basic: '0 2px 8px 0 rgba(0, 33, 74, 0.25)',\n      },\n    },\n    fontFamily: {\n      sans: ['Sofia W03', 'Helvetica Neue', 'Arial', 'sans-serif'],\n    },\n  },\n};\n"],"mappings":";;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,MAAME,YAAqC,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACnDE,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,CAACC,cAAM,CAAC;EACjBC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,MAAM,EAAE;QACN,GAAGC,sBAAc;QACjBC,OAAO,EAAE;UACPC,KAAK,EAAE,SAAS;UAChB,iBAAiB,EAAE,SAAS;UAC5BC,QAAQ,EAAE,SAAS;UACnB,eAAe,EAAE,SAAS;UAC1BC,OAAO,EAAE,SAAS;UAClB,eAAe,EAAE,SAAS;UAC1BC,QAAQ,EAAE,SAAS;UACnB,iBAAiB,EAAE;QACrB;MACF,CAAC;MACDC,eAAe,EAAE;QACfC,MAAM,EACJ,sIAAsI;QACxIC,eAAe,EACb,kFAAkF;QACpFC,mBAAmB,EACjB,kFAAkF;QACpFC,YAAY,EACV,iEAAiE;QACnEC,YAAY,EACV;MACJ,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE;UACP,IAAI,EAAE;YAAEC,SAAS,EAAE;UAAe,CAAC;UACnC,KAAK,EAAE;YAAEA,SAAS,EAAE;UAAiB,CAAC;UACtC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAiB;QACxC,CAAC;QACDP,MAAM,EAAE;UACN,IAAI,EAAE;YAAEO,SAAS,EAAE;UAAoB,CAAC;UACxC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAmB;QAC1C;MACF,CAAC;MACDC,kBAAkB,EAAE;QAClBC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;QACTC,WAAW,EAAE,iBAAiB;QAC9BC,kBAAkB,EAAE,4CAA4C;QAChEC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY;IAC7D;EACF;AACF,CAAC","ignoreList":[]}

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

@@ -1,59 +1,60 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { OandaLogoDark, OandaLogoLight } from '../../images';
 import { useLayoutProvider } from '../../providers';
 import { cn } from '../../tailwind';
 import { Theme } from '../../types';
-const disclaimerStyles = {
-  dark: {
-    wrapperStyle: 'lw-h-6 lw-bg-[#262F3C]',
-    borderStyle: 'lw-border-[#262F3C]'
-  },
-  light: {
-    wrapperStyle: 'lw-shadow-[0_2px_8px_0_rgba(0,33,74,0.25)]',
-    borderStyle: 'lw-border-[#e6e6e6]'
-  }
-};
 export const Disclaimer = _ref => {
   let {
     children,
     logoLink,
     brandingSpace,
     fitContent = false,
-    linkArea = 'full'
+    linkArea = 'full',
+    text,
+    isSlim,
+    infoButtonPosition = 'top'
   } = _ref;
   const {
     theme
   } = useLayoutProvider();
-  if (!logoLink) {
+  const isDark = theme === Theme.Dark;
+  const [isLogoHovered, setIsLogoHovered] = useState(false);
+  const [isInfoHovered, setIsInfoHovered] = useState(false);
+  if (!logoLink && !text) {
     return children;
   }
-  const isDark = theme !== 'light';
   const isClickable = linkArea === 'full';
-  const {
-    wrapperStyle,
-    borderStyle
-  } = disclaimerStyles[theme ?? Theme.Light];
   return React.createElement("div", {
-    className: cn('lw-relative lw-overflow-hidden', isClickable && 'lw-cursor-pointer', brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-2', !!fitContent && 'lw-w-fit'),
+    className: cn('lw-relative lw-overflow-hidden', isClickable && 'lw-cursor-pointer', brandingSpace && brandingSpace === 'vertical' ? 'lw-pb-12' : 'lw-pb-0', !!fitContent && 'lw-w-fit'),
     "data-testid": "disclaimer-wrapper",
     role: "presentation",
     onClick: () => isClickable && window.open(logoLink, '_blank')
-  }, children, React.createElement("div", {
-    className: cn('lw-absolute lw-z-20 lw-bottom-3 lw-right-1 lw-translate-x-[3.7rem] lw-rounded-l-full lw-transition lw-delay-150 lw-duration-300 lw-ease-in-out hover:lw-translate-x-2 [&:hover+div]:lw-translate-x-[3.7rem]', wrapperStyle)
-  }, React.createElement("div", {
-    className: "lw-cursor-pointer",
+  }, 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'),
+    onBlur: () => setIsInfoHovered(false),
+    onMouseOut: () => setIsInfoHovered(false)
+  }, text), React.createElement("div", {
+    className: cn('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', logoLink && !isLogoHovered && infoButtonPosition === 'left' && 'lw-translate-x-[55px]', isSlim && 'lw-bottom-[6px]', !isSlim && 'lw-bottom-2', infoButtonPosition === 'left' && 'lw-flex-row lw-items-center', infoButtonPosition === 'top' && 'lw-flex-col lw-items-end')
+  }, text && React.createElement("div", {
+    className: cn('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', isDark && 'lw-bg-dark-blue', !isDark && 'lw-bg-bg-primary', infoButtonPosition === 'top' && 'lw-mr-1', infoButtonPosition === 'top' && !!logoLink && 'lw-mb-3', infoButtonPosition === 'left' && 'lw-mr-2 '),
+    onFocus: () => setIsInfoHovered(true),
+    onMouseOver: () => setIsInfoHovered(true)
+  }, "i"), logoLink && React.createElement("div", {
+    className: cn('lw-cursor-pointer lw-rounded-l-full lw-bg-bg-primary lw-shadow-basic', infoButtonPosition === 'top' && 'lw-transition lw-delay-100 lw-duration-300 lw-ease-in-out', !isLogoHovered && infoButtonPosition === 'top' && 'lw-translate-x-[55px]'),
     "data-testid": "disclaimer-wrapper-logo",
     role: "presentation",
+    onBlur: () => setIsLogoHovered(false),
     onClick: e => {
       e.stopPropagation();
       window.open(logoLink, '_blank');
-    }
+    },
+    onFocus: () => setIsLogoHovered(true),
+    onMouseOut: () => setIsLogoHovered(false),
+    onMouseOver: () => setIsLogoHovered(true)
   }, isDark ? React.createElement(OandaLogoDark, {
     "data-testid": "disclaimer-wrapper-logo-dark"
   }) : React.createElement(OandaLogoLight, {
     "data-testid": "disclaimer-wrapper-logo-light"
-  }))), React.createElement("div", {
-    className: cn('lw-absolute lw-bottom-2.5 lw-right-0 lw-h-7 lw-w-px lw-translate-x-0 lw-transition lw-delay-150 lw-duration-300', borderStyle)
-  }));
+  }))));
 };
 //# sourceMappingURL=Disclaimer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Disclaimer.js","names":["React","OandaLogoDark","OandaLogoLight","useLayoutProvider","cn","Theme","disclaimerStyles","dark","wrapperStyle","borderStyle","light","Disclaimer","_ref","children","logoLink","brandingSpace","fitContent","linkArea","theme","isDark","isClickable","Light","createElement","className","role","onClick","window","open","e","stopPropagation"],"sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React 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\nconst disclaimerStyles: Record<\n  Theme,\n  { wrapperStyle: string; borderStyle: string }\n> = {\n  dark: {\n    wrapperStyle: 'lw-h-6 lw-bg-[#262F3C]',\n    borderStyle: 'lw-border-[#262F3C]',\n  },\n  light: {\n    wrapperStyle: 'lw-shadow-[0_2px_8px_0_rgba(0,33,74,0.25)]',\n    borderStyle: 'lw-border-[#e6e6e6]',\n  },\n};\n\ntype DisclaimerProps = PropsWithChildren &\n  Omit<RenderComponentParams, 'Component'>;\n\nexport const Disclaimer: FC<DisclaimerProps> = ({\n  children,\n  logoLink,\n  brandingSpace,\n  fitContent = false,\n  linkArea = 'full',\n}) => {\n  const { theme } = useLayoutProvider();\n\n  if (!logoLink) {\n    return children;\n  }\n\n  const isDark = theme !== 'light';\n  const isClickable = linkArea === 'full';\n  const { wrapperStyle, borderStyle } = disclaimerStyles[theme ?? Theme.Light];\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-2',\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      <div\n        className={cn(\n          'lw-absolute lw-z-20 lw-bottom-3 lw-right-1 lw-translate-x-[3.7rem] lw-rounded-l-full lw-transition lw-delay-150 lw-duration-300 lw-ease-in-out hover:lw-translate-x-2 [&:hover+div]:lw-translate-x-[3.7rem]',\n          wrapperStyle\n        )}\n      >\n        <div\n          className=\"lw-cursor-pointer\"\n          data-testid=\"disclaimer-wrapper-logo\"\n          role=\"presentation\"\n          onClick={(e) => {\n            e.stopPropagation();\n            window.open(logoLink, '_blank');\n          }}\n        >\n          {isDark ? (\n            <OandaLogoDark data-testid=\"disclaimer-wrapper-logo-dark\" />\n          ) : (\n            <OandaLogoLight data-testid=\"disclaimer-wrapper-logo-light\" />\n          )}\n        </div>\n      </div>\n      <div\n        className={cn(\n          'lw-absolute lw-bottom-2.5 lw-right-0 lw-h-7 lw-w-px lw-translate-x-0 lw-transition lw-delay-150 lw-duration-300',\n          borderStyle\n        )}\n      />\n    </div>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,cAAc,QAAQ,cAAc;AAC5D,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,EAAE,QAAQ,gBAAgB;AAEnC,SAASC,KAAK,QAAQ,aAAa;AAEnC,MAAMC,gBAGL,GAAG;EACFC,IAAI,EAAE;IACJC,YAAY,EAAE,wBAAwB;IACtCC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLF,YAAY,EAAE,4CAA4C;IAC1DC,WAAW,EAAE;EACf;AACF,CAAC;AAKD,OAAO,MAAME,UAA+B,GAAGC,IAAA,IAMzC;EAAA,IAN0C;IAC9CC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAG;EACb,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAM,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAErC,IAAI,CAACW,QAAQ,EAAE;IACb,OAAOD,QAAQ;EACjB;EAEA,MAAMM,MAAM,GAAGD,KAAK,KAAK,OAAO;EAChC,MAAME,WAAW,GAAGH,QAAQ,KAAK,MAAM;EACvC,MAAM;IAAET,YAAY;IAAEC;EAAY,CAAC,GAAGH,gBAAgB,CAACY,KAAK,IAAIb,KAAK,CAACgB,KAAK,CAAC;EAE5E,OACErB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEnB,EAAE,CACX,gCAAgC,EAChCgB,WAAW,IAAI,mBAAmB,EAClCL,aAAa,IAAIA,aAAa,KAAK,UAAU,GAAG,UAAU,GAAG,SAAS,EACtE,CAAC,CAACC,UAAU,IAAI,UAClB,CAAE;IACF,eAAY,oBAAoB;IAChCQ,IAAI,EAAC,cAAc;IACnBC,OAAO,EAAEA,CAAA,KAAML,WAAW,IAAIM,MAAM,CAACC,IAAI,CAACb,QAAQ,EAAE,QAAQ;EAAE,GAE7DD,QAAQ,EACTb,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEnB,EAAE,CACX,6MAA6M,EAC7MI,YACF;EAAE,GAEFR,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAC,mBAAmB;IAC7B,eAAY,yBAAyB;IACrCC,IAAI,EAAC,cAAc;IACnBC,OAAO,EAAGG,CAAC,IAAK;MACdA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBH,MAAM,CAACC,IAAI,CAACb,QAAQ,EAAE,QAAQ,CAAC;IACjC;EAAE,GAEDK,MAAM,GACLnB,KAAA,CAAAsB,aAAA,CAACrB,aAAa;IAAC,eAAY;EAA8B,CAAE,CAAC,GAE5DD,KAAA,CAAAsB,aAAA,CAACpB,cAAc;IAAC,eAAY;EAA+B,CAAE,CAE5D,CACF,CAAC,EACNF,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEnB,EAAE,CACX,iHAAiH,EACjHK,WACF;EAAE,CACH,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"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":[]}

package/dist/module/components/WidgetWrapper/WidgetWrapper.js

@@ -8,13 +8,18 @@ export const WidgetWrapper = _ref => {
     linkArea,
     brandingSpace,
     fitContent,
-    isParamError
+    isParamError,
+    disclaimer,
+    isSlim
   } = _ref;
   return React.createElement(Disclaimer, {
     brandingSpace: brandingSpace,
     fitContent: fitContent,
+    infoButtonPosition: disclaimer?.position,
+    isSlim: isSlim,
     linkArea: linkArea,
-    logoLink: logoLink
+    logoLink: logoLink,
+    text: disclaimer?.text
   }, isParamError ? React.createElement(WidgetError, null) : children);
 };
 //# sourceMappingURL=WidgetWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.js","names":["React","Disclaimer","WidgetError","WidgetWrapper","_ref","children","logoLink","linkArea","brandingSpace","fitContent","isParamError","createElement"],"sources":["../../../../src/components/WidgetWrapper/WidgetWrapper.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { WidgetLink, WidgetStyling } from '../../types';\nimport { Disclaimer } from '../Disclaimer';\nimport { WidgetError } from '../Error';\n\nexport type WidgetWrapperProps = PropsWithChildren &\n  WidgetLink & {\n    isParamError?: boolean | undefined;\n  } & Pick<WidgetStyling, 'brandingSpace' | 'fitContent'>;\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = ({\n  children,\n  logoLink,\n  linkArea,\n  brandingSpace,\n  fitContent,\n  isParamError,\n}) => (\n  <Disclaimer\n    brandingSpace={brandingSpace}\n    fitContent={fitContent}\n    linkArea={linkArea}\n    logoLink={logoLink}\n  >\n    {isParamError ? <WidgetError /> : children}\n  </Disclaimer>\n);\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,WAAW,QAAQ,UAAU;AAOtC,OAAO,MAAMC,aAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU;IACVC;EACF,CAAC,GAAAN,IAAA;EAAA,OACCJ,KAAA,CAAAW,aAAA,CAACV,UAAU;IACTO,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBF,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA;EAAS,GAElBI,YAAY,GAAGV,KAAA,CAAAW,aAAA,CAACT,WAAW,MAAE,CAAC,GAAGG,QACxB,CAAC;AAAA,CACd","ignoreList":[]}
+{"version":3,"file":"WidgetWrapper.js","names":["React","Disclaimer","WidgetError","WidgetWrapper","_ref","children","logoLink","linkArea","brandingSpace","fitContent","isParamError","disclaimer","isSlim","createElement","infoButtonPosition","position","text"],"sources":["../../../../src/components/WidgetWrapper/WidgetWrapper.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { WidgetLink, WidgetStyling } from '../../types';\nimport { Disclaimer } from '../Disclaimer';\nimport { WidgetError } from '../Error';\n\nexport type WidgetWrapperProps = PropsWithChildren &\n  WidgetLink & {\n    isParamError?: boolean | undefined;\n    disclaimer?: {\n      position?: 'left' | 'top';\n      text?: string;\n    };\n    isSlim?: boolean;\n  } & Pick<WidgetStyling, 'brandingSpace' | 'fitContent'>;\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = ({\n  children,\n  logoLink,\n  linkArea,\n  brandingSpace,\n  fitContent,\n  isParamError,\n  disclaimer,\n  isSlim,\n}) => (\n  <Disclaimer\n    brandingSpace={brandingSpace}\n    fitContent={fitContent}\n    infoButtonPosition={disclaimer?.position}\n    isSlim={isSlim}\n    linkArea={linkArea}\n    logoLink={logoLink}\n    text={disclaimer?.text}\n  >\n    {isParamError ? <WidgetError /> : children}\n  </Disclaimer>\n);\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,WAAW,QAAQ,UAAU;AAYtC,OAAO,MAAMC,aAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC;EACF,CAAC,GAAAR,IAAA;EAAA,OACCJ,KAAA,CAAAa,aAAA,CAACZ,UAAU;IACTO,aAAa,EAAEA,aAAc;IAC7BC,UAAU,EAAEA,UAAW;IACvBK,kBAAkB,EAAEH,UAAU,EAAEI,QAAS;IACzCH,MAAM,EAAEA,MAAO;IACfL,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,QAAS;IACnBU,IAAI,EAAEL,UAAU,EAAEK;EAAK,GAEtBN,YAAY,GAAGV,KAAA,CAAAa,aAAA,CAACX,WAAW,MAAE,CAAC,GAAGG,QACxB,CAAC;AAAA,CACd","ignoreList":[]}

package/dist/module/tailwind/colors.js

@@ -22,10 +22,12 @@ export const colorPalette = {
   white: '#FFFFFF',
   black: '#000000',
   grayLight: '#9EA4AC',
+  grayLight95: 'rgba(158, 164, 172, 0.95)',
   gray: '#7B8085',
   darkGray: '#1C1C1C',
   brightBlue: 'rgba(51, 88, 255, 0)',
-  brightBlue30: 'rgba(51, 88, 255, 0.3)'
+  brightBlue30: 'rgba(51, 88, 255, 0.3)',
+  darkBlue: '#262f3c'
 };
 export const twColorPallete = toTwConfigKeys(colorPalette);
 //# sourceMappingURL=colors.js.map

package/dist/module/tailwind/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","gray","darkGray","brightBlue","brightBlue30","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG5B,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n  redDark: '#E41F37',\n  redLight: '#FF5F73',\n  raspberryLight: '#FE005B',\n  raspberryDark: '#E5226E',\n  raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n  greenLight: '#00D37E',\n  greenLight10: 'rgba(0, 211, 126, 0.1)',\n  turquoiseLight: '#309DCC',\n  violetLight: '#C226C9',\n  bottleGreenLight: '#00B89E',\n  bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n  bottleGreenLight75: '#7FDBCE',\n  bottleGreenDark: '#008573',\n  bottleGreenDark120: '#00884E',\n  midnight75Lighter: '#AC82D6',\n  gold: '#FAB313',\n  orange: '#DA6325',\n  orange70: 'rgba(218, 100, 37, 0.7)',\n  navyBlue: '#00214A',\n  white: '#FFFFFF',\n  black: '#000000',\n  grayLight: '#9EA4AC',\n  grayLight95: 'rgba(158, 164, 172, 0.95)',\n  gray: '#7B8085',\n  darkGray: '#1C1C1C',\n  brightBlue: 'rgba(51, 88, 255, 0)',\n  brightBlue30: 'rgba(51, 88, 255, 0.3)',\n  darkBlue: '#262f3c',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG9B,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}

package/dist/module/tailwind/preset.js

@@ -51,7 +51,8 @@ export const sharedPreset = {
       },
       boxShadow: {
         innerBorder: 'inset 0 0 0 1px',
-        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))'
+        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',
+        basic: '0 2px 8px 0 rgba(0, 33, 74, 0.25)'
       }
     },
     fontFamily: {

package/dist/module/tailwind/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["twColorPallete","themes","sharedPreset","prefix","plugins","theme","extend","colors","heatmap","empty","negative","neutral","positive","backgroundImage","loader","whiteWithShadow","lightGreyWithShadow","whiteOpacity","blackOpacity","keyframes","spinner","transform","transitionProperty","width","boxShadow","innerBorder","innerBorderBgColor","fontFamily","sans"],"sources":["../../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { twColorPallete } from './colors';\nimport { themes } from './themes';\n\nexport const sharedPreset: Omit<Config, 'content'> = {\n  prefix: 'lw-',\n  plugins: [themes],\n  theme: {\n    extend: {\n      colors: {\n        ...twColorPallete,\n        heatmap: {\n          empty: '#D7D8D9',\n          'strong-negative': '#DA6325',\n          negative: '#EBA463',\n          'weak-negative': '#F6E8C3',\n          neutral: '#F5F5F5',\n          'weak-positive': '#C7EAE5',\n          positive: '#70D2AF',\n          'strong-positive': '#008573',\n        },\n      },\n      backgroundImage: {\n        loader:\n          'linear-gradient(90deg, hsl(var(--twc-border-primary))0%, hsl(var(--twc-border-secondary)) 50%, hsl(var(--twc-border-primary)) 100%);',\n        whiteWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #ffffff 10px)',\n        lightGreyWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #f4f8fa 10px)',\n        whiteOpacity:\n          'linear-gradient(to left, rgba(255,255,255,0.5), white 0.625rem)',\n        blackOpacity:\n          'linear-gradient(to left, rgba(0,0,0,0.5), black 0.625rem)',\n      },\n      keyframes: {\n        spinner: {\n          '0%': { transform: 'rotate(0deg)' },\n          '85%': { transform: 'rotate(360deg)' },\n          '100%': { transform: 'rotate(360deg)' },\n        },\n        loader: {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(100%)' },\n        },\n      },\n      transitionProperty: {\n        width: 'width, transform',\n      },\n      boxShadow: {\n        innerBorder: 'inset 0 0 0 1px',\n        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',\n      },\n    },\n    fontFamily: {\n      sans: ['Sofia W03', 'Helvetica Neue', 'Arial', 'sans-serif'],\n    },\n  },\n};\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,YAAqC,GAAG;EACnDC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,CAACH,MAAM,CAAC;EACjBI,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,MAAM,EAAE;QACN,GAAGP,cAAc;QACjBQ,OAAO,EAAE;UACPC,KAAK,EAAE,SAAS;UAChB,iBAAiB,EAAE,SAAS;UAC5BC,QAAQ,EAAE,SAAS;UACnB,eAAe,EAAE,SAAS;UAC1BC,OAAO,EAAE,SAAS;UAClB,eAAe,EAAE,SAAS;UAC1BC,QAAQ,EAAE,SAAS;UACnB,iBAAiB,EAAE;QACrB;MACF,CAAC;MACDC,eAAe,EAAE;QACfC,MAAM,EACJ,sIAAsI;QACxIC,eAAe,EACb,kFAAkF;QACpFC,mBAAmB,EACjB,kFAAkF;QACpFC,YAAY,EACV,iEAAiE;QACnEC,YAAY,EACV;MACJ,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE;UACP,IAAI,EAAE;YAAEC,SAAS,EAAE;UAAe,CAAC;UACnC,KAAK,EAAE;YAAEA,SAAS,EAAE;UAAiB,CAAC;UACtC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAiB;QACxC,CAAC;QACDP,MAAM,EAAE;UACN,IAAI,EAAE;YAAEO,SAAS,EAAE;UAAoB,CAAC;UACxC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAmB;QAC1C;MACF,CAAC;MACDC,kBAAkB,EAAE;QAClBC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;QACTC,WAAW,EAAE,iBAAiB;QAC9BC,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY;IAC7D;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"preset.js","names":["twColorPallete","themes","sharedPreset","prefix","plugins","theme","extend","colors","heatmap","empty","negative","neutral","positive","backgroundImage","loader","whiteWithShadow","lightGreyWithShadow","whiteOpacity","blackOpacity","keyframes","spinner","transform","transitionProperty","width","boxShadow","innerBorder","innerBorderBgColor","basic","fontFamily","sans"],"sources":["../../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { twColorPallete } from './colors';\nimport { themes } from './themes';\n\nexport const sharedPreset: Omit<Config, 'content'> = {\n  prefix: 'lw-',\n  plugins: [themes],\n  theme: {\n    extend: {\n      colors: {\n        ...twColorPallete,\n        heatmap: {\n          empty: '#D7D8D9',\n          'strong-negative': '#DA6325',\n          negative: '#EBA463',\n          'weak-negative': '#F6E8C3',\n          neutral: '#F5F5F5',\n          'weak-positive': '#C7EAE5',\n          positive: '#70D2AF',\n          'strong-positive': '#008573',\n        },\n      },\n      backgroundImage: {\n        loader:\n          'linear-gradient(90deg, hsl(var(--twc-border-primary))0%, hsl(var(--twc-border-secondary)) 50%, hsl(var(--twc-border-primary)) 100%);',\n        whiteWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #ffffff 10px)',\n        lightGreyWithShadow:\n          'linear-gradient(270deg, transparent 0, rgba(215,217,221,0.5) 10px, #f4f8fa 10px)',\n        whiteOpacity:\n          'linear-gradient(to left, rgba(255,255,255,0.5), white 0.625rem)',\n        blackOpacity:\n          'linear-gradient(to left, rgba(0,0,0,0.5), black 0.625rem)',\n      },\n      keyframes: {\n        spinner: {\n          '0%': { transform: 'rotate(0deg)' },\n          '85%': { transform: 'rotate(360deg)' },\n          '100%': { transform: 'rotate(360deg)' },\n        },\n        loader: {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(100%)' },\n        },\n      },\n      transitionProperty: {\n        width: 'width, transform',\n      },\n      boxShadow: {\n        innerBorder: 'inset 0 0 0 1px',\n        innerBorderBgColor: 'inset 0 0 0 2px hsl(var(--twc-bg-primary))',\n        basic: '0 2px 8px 0 rgba(0, 33, 74, 0.25)',\n      },\n    },\n    fontFamily: {\n      sans: ['Sofia W03', 'Helvetica Neue', 'Arial', 'sans-serif'],\n    },\n  },\n};\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,MAAMC,YAAqC,GAAG;EACnDC,MAAM,EAAE,KAAK;EACbC,OAAO,EAAE,CAACH,MAAM,CAAC;EACjBI,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,MAAM,EAAE;QACN,GAAGP,cAAc;QACjBQ,OAAO,EAAE;UACPC,KAAK,EAAE,SAAS;UAChB,iBAAiB,EAAE,SAAS;UAC5BC,QAAQ,EAAE,SAAS;UACnB,eAAe,EAAE,SAAS;UAC1BC,OAAO,EAAE,SAAS;UAClB,eAAe,EAAE,SAAS;UAC1BC,QAAQ,EAAE,SAAS;UACnB,iBAAiB,EAAE;QACrB;MACF,CAAC;MACDC,eAAe,EAAE;QACfC,MAAM,EACJ,sIAAsI;QACxIC,eAAe,EACb,kFAAkF;QACpFC,mBAAmB,EACjB,kFAAkF;QACpFC,YAAY,EACV,iEAAiE;QACnEC,YAAY,EACV;MACJ,CAAC;MACDC,SAAS,EAAE;QACTC,OAAO,EAAE;UACP,IAAI,EAAE;YAAEC,SAAS,EAAE;UAAe,CAAC;UACnC,KAAK,EAAE;YAAEA,SAAS,EAAE;UAAiB,CAAC;UACtC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAiB;QACxC,CAAC;QACDP,MAAM,EAAE;UACN,IAAI,EAAE;YAAEO,SAAS,EAAE;UAAoB,CAAC;UACxC,MAAM,EAAE;YAAEA,SAAS,EAAE;UAAmB;QAC1C;MACF,CAAC;MACDC,kBAAkB,EAAE;QAClBC,KAAK,EAAE;MACT,CAAC;MACDC,SAAS,EAAE;QACTC,WAAW,EAAE,iBAAiB;QAC9BC,kBAAkB,EAAE,4CAA4C;QAChEC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY;IAC7D;EACF;AACF,CAAC","ignoreList":[]}

package/dist/types/components/Disclaimer/Disclaimer.d.ts

@@ -1,5 +1,9 @@
 import type { FC, PropsWithChildren } from 'react';
 import type { RenderComponentParams } from '../../types';
-type DisclaimerProps = PropsWithChildren & Omit<RenderComponentParams, 'Component'>;
+type DisclaimerProps = PropsWithChildren & Omit<RenderComponentParams, 'Component'> & {
+    text?: string;
+    isSlim?: boolean;
+    infoButtonPosition?: 'left' | 'top';
+};
 export declare const Disclaimer: FC<DisclaimerProps>;
 export {};

package/dist/types/components/WidgetWrapper/WidgetWrapper.d.ts

@@ -2,5 +2,10 @@ import type { FC, PropsWithChildren } from 'react';
 import type { WidgetLink, WidgetStyling } from '../../types';
 export type WidgetWrapperProps = PropsWithChildren & WidgetLink & {
     isParamError?: boolean | undefined;
+    disclaimer?: {
+        position?: 'left' | 'top';
+        text?: string;
+    };
+    isSlim?: boolean;
 } & Pick<WidgetStyling, 'brandingSpace' | 'fitContent'>;
 export declare const WidgetWrapper: FC<WidgetWrapperProps>;

package/dist/types/tailwind/colors.d.ts

@@ -22,10 +22,12 @@ export declare const colorPalette: {
     white: string;
     black: string;
     grayLight: string;
+    grayLight95: string;
     gray: string;
     darkGray: string;
     brightBlue: string;
     brightBlue30: string;
+    darkBlue: string;
 };
 export declare const twColorPallete: {
     "red-Dark-": string;
@@ -50,9 +52,11 @@ export declare const twColorPallete: {
     "white-": string;
     "black-": string;
     "gray-Light-": string;
+    "gray-Light-9-5-": string;
     "gray-": string;
     "dark-Gray-": string;
     "bright-Blue-": string;
     "bright-Blue-3-0-": string;
+    "dark-Blue-": string;
 };
 export type ColorCode = ValueOf<typeof colorPalette>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.219",
+  "version": "1.0.220",
   "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": "39a4ba7320ad2596a931ebc3b19cda09da14f9de"
+  "gitHead": "84d9bec88af7893f20ccd2d88fcbc28dd30aec22"
 }