@commercetools-frontend/cookie-consent 2.4.10 → 2.4.11

package/react/dist/commercetools-frontend-cookie-consent-react.cjs.prod.js

@@ -20,7 +20,6 @@ var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/value
 var CollapsiblePanel = require('@commercetools-uikit/collapsible-panel');
 var designSystem = require('@commercetools-uikit/design-system');
 var Grid = require('@commercetools-uikit/grid');
-var Link = require('@commercetools-uikit/link');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
 var ToggleInput = require('@commercetools-uikit/toggle-input');
@@ -48,7 +47,6 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var CollapsiblePanel__default = /*#__PURE__*/_interopDefault(CollapsiblePanel);
 var Grid__default = /*#__PURE__*/_interopDefault(Grid);
-var Link__default = /*#__PURE__*/_interopDefault(Link);
 var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
 var ToggleInput__default = /*#__PURE__*/_interopDefault(ToggleInput);
@@ -430,52 +428,56 @@ const View = {
 /**
  * The design spec warranted text that _looks_ like a link, but isn't
  */
-const NavigationLink = _ref4 => {
-  let onClick = _ref4.onClick,
-    label = _ref4.label;
-  return jsxRuntime.jsx(Link__default["default"], {
+var _ref4 = {
+  name: "1wbll7q",
+  styles: "text-decoration:underline"
+} ;
+const NavigationLink = _ref5 => {
+  let onClick = _ref5.onClick,
+    label = _ref5.label;
+  const underline = _ref4;
+  return jsxRuntime.jsx("a", {
     onClick: e => {
       e.preventDefault();
       onClick();
     },
-    to: "",
+    href: "",
+    css: underline,
     children: label
   });
 };
 var _ref3 = {
-  name: "1u8ems1",
-  styles: "& svg{display:none;}"
+  name: "1wbll7q",
+  styles: "text-decoration:underline"
 } ;
-const InformationLink = _ref5 => {
-  let to = _ref5.to,
-    label = _ref5.label;
-  const removeDefaultSvg = _ref3;
-  return jsxRuntime.jsx("div", {
-    css: removeDefaultSvg,
-    children: jsxRuntime.jsx(Link__default["default"], {
-      isExternal: true,
-      to: to,
-      children: label
-    })
+const InformationLink = _ref6 => {
+  let to = _ref6.to,
+    label = _ref6.label;
+  const underline = _ref3;
+  return jsxRuntime.jsx("a", {
+    css: underline,
+    href: to,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: label
   });
 };
 var _ref2 = {
-  name: "1u8ems1",
-  styles: "& svg{display:none;}"
+  name: "1wbll7q",
+  styles: "text-decoration:underline"
 } ;
-const DetailLink = _ref6 => {
-  let to = _ref6.to,
-    label = _ref6.label;
-  const removeDefaultSvg = _ref2;
-  return jsxRuntime.jsx("div", {
-    css: removeDefaultSvg,
-    children: jsxRuntime.jsx(Link__default["default"], {
-      isExternal: true,
-      to: to,
-      children: jsxRuntime.jsx(Text__default["default"].Detail, {
-        tone: "primary",
-        children: label
-      })
+const DetailLink = _ref7 => {
+  let to = _ref7.to,
+    label = _ref7.label;
+  const underline = _ref2;
+  return jsxRuntime.jsx("a", {
+    css: underline,
+    href: to,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: jsxRuntime.jsx(Text__default["default"].Detail, {
+      tone: "primary",
+      children: label
     })
   });
 };
@@ -483,14 +485,14 @@ var _ref$1 = {
   name: "qzmnd2",
   styles: "padding-right:10px"
 } ;
-const CookieConsentBodyPrimary = _ref7 => {
-  let togglePerformanceValue = _ref7.togglePerformanceValue,
-    toggleFunctionalValue = _ref7.toggleFunctionalValue,
-    onTogglePerformance = _ref7.onTogglePerformance,
-    onToggleFunctional = _ref7.onToggleFunctional,
-    onChangeView = _ref7.onChangeView,
-    panelState = _ref7.panelState,
-    setPanelState = _ref7.setPanelState;
+const CookieConsentBodyPrimary = _ref8 => {
+  let togglePerformanceValue = _ref8.togglePerformanceValue,
+    toggleFunctionalValue = _ref8.toggleFunctionalValue,
+    onTogglePerformance = _ref8.onTogglePerformance,
+    onToggleFunctional = _ref8.onToggleFunctional,
+    onChangeView = _ref8.onChangeView,
+    panelState = _ref8.panelState,
+    setPanelState = _ref8.setPanelState;
   const _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
 
@@ -562,9 +564,9 @@ const CookieConsentBodyPrimary = _ref7 => {
     })]
   });
 };
-const CookieConsentBodyDetails = _ref8 => {
-  let onChangeView = _ref8.onChangeView,
-    cookieDetails = _ref8.cookieDetails;
+const CookieConsentBodyDetails = _ref9 => {
+  let onChangeView = _ref9.onChangeView,
+    cookieDetails = _ref9.cookieDetails;
   const _useIntl2 = reactIntl.useIntl(),
     formatMessage = _useIntl2.formatMessage;
   const scrollRef = /*#__PURE__*/react.createRef();
@@ -737,6 +739,7 @@ const CookieConsentBanner = bannerProps => {
     functionalCookies: true,
     performanceCookies: true
   });
+  const underline = /*#__PURE__*/react$1.css("text-decoration:underline;color:", designSystem.designTokens.colorPrimary98, ";" + ("" ), "" );
   if (bannerClosed || hasGivenFunctionalCookieConsent || hasGivenPerformanceCookieConsent) return null;
   return (
     // TODO: use lower z-index, prefer ranges per use-case
@@ -745,7 +748,7 @@ const CookieConsentBanner = bannerProps => {
       children: jsxRuntime.jsxs("div", {
         css: /*#__PURE__*/react$1.css("position:sticky;top:calc(100% - ", BANNER_HEIGHT, "px - ", designSystem.designTokens.spacingXl, ");display:flex;flex-direction:column;align-items:center;z-index:9999;width:100%;pointer-events:auto;" + ("" ), "" ),
         children: [jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent10, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:", designSystem.designTokens.shadow8, ";margin:0 ", designSystem.designTokens.spacingXl, ";padding:", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingL, ";width:fit-content;svg{display:none;}" + ("" ), "" ),
+          css: /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent10, ";border-radius:", designSystem.designTokens.borderRadius4, ";box-shadow:", designSystem.designTokens.shadow8, ";margin:0 ", designSystem.designTokens.spacingXl, ";padding:", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingL, ";width:fit-content;" + ("" ), "" ),
           children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
             alignItems: "center",
             scale: "xl",
@@ -753,20 +756,21 @@ const CookieConsentBanner = bannerProps => {
               tone: "inverted",
               children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread(_objectSpread({}, messages.bannerMessage), {}, {
                 values: {
-                  privacyLink: jsxRuntime.jsx(Link__default["default"], {
-                    intlMessage: messages.privacyPolicyLink,
-                    isExternal: true,
-                    to: COOKIE_CONSENT_LINKS.PRIVACY_POLICY,
-                    tone: "inverted"
+                  privacyLink: jsxRuntime.jsx("a", {
+                    css: underline,
+                    href: COOKIE_CONSENT_LINKS.PRIVACY_POLICY,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: formatMessage(messages.privacyPolicyLink)
                   }),
-                  modalLink: jsxRuntime.jsx(Link__default["default"], {
-                    intlMessage: messages.bannerCookiesModalLink,
+                  modalLink: jsxRuntime.jsx("a", {
                     onClick: e => {
                       e.preventDefault();
                       openModal();
                     },
-                    to: "",
-                    tone: "inverted"
+                    css: underline,
+                    href: "",
+                    children: formatMessage(messages.bannerCookiesModalLink)
                   })
                 }
               }))