buoy-bottom-banner
Advanced tools
Comparing version 1.1.7 to 1.1.8
@@ -13,3 +13,3 @@ "use strict"; | ||
var _templateObject = _taggedTemplateLiteral(["\n flex: 1;\n margin-top: 0;\n ", ";\n ", ";\n max-width: unset;\n -webkit-text-size-adjust: 100%;\n"], ["\n flex: 1;\n margin-top: 0;\n ", ";\n ", ";\n max-width: unset;\n -webkit-text-size-adjust: 100%;\n"]), | ||
_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n width: 100%;\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n width: 100%;\n ", ";\n ", ";\n"]), | ||
_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(80, 80, 80, 0.9);\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n width: 100%;\n ", ";\n ", ";\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(80, 80, 80, 0.9);\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n width: 100%;\n ", ";\n ", ";\n"]), | ||
_templateObject3 = _taggedTemplateLiteral(["\n max-width: 1280px;\n position: relative;\n display: flex;\n ", ";\n ", ";\n ", ";\n justify-content: space-between;\n"], ["\n max-width: 1280px;\n position: relative;\n display: flex;\n ", ";\n ", ";\n ", ";\n justify-content: space-between;\n"]), | ||
@@ -51,3 +51,3 @@ _templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n ", ";\n ", ";\n"], ["\n position: absolute;\n ", ";\n ", ";\n"]), | ||
var Container = _styledComponents2.default.div(_templateObject2, _buoyTheme.colors.neutralDarkest, function (props) { | ||
var Container = _styledComponents2.default.div(_templateObject2, function (props) { | ||
return props.hide && "\n transition: transform 0.3s ease-out;\n transform: translateY(100%);\n "; | ||
@@ -82,3 +82,7 @@ }, function (props) { | ||
null, | ||
_react2.default.createElement(_buoyCloseIcon2.default, { onClick: onClick, hoverColor: "white", color: "neutralLightest" }) | ||
_react2.default.createElement(_buoyCloseIcon2.default, { | ||
onClick: onClick, | ||
hoverColor: "white", | ||
color: "neutralLightest" | ||
}) | ||
), | ||
@@ -102,3 +106,3 @@ _react2.default.createElement( | ||
BottomBanner, | ||
_extends({ buttonText: "Accept", closeable: true }, props), | ||
_extends({ buttonText: "OK", closeable: true }, props), | ||
"We use cookies and similar technologies on our website to improve its performance, as well as to monitor traffic and analyze website usage. To learn more about cookies, including how to disable them, view our", | ||
@@ -105,0 +109,0 @@ " ", |
{ | ||
"name": "buoy-bottom-banner", | ||
"version": "1.1.7", | ||
"version": "1.1.8", | ||
"description": "Buoy fixed bottom banner", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -21,3 +21,3 @@ import React from "react" | ||
justify-content: center; | ||
background-color: ${colors.neutralDarkest}; | ||
background-color: rgba(80, 80, 80, 0.9); | ||
position: fixed; | ||
@@ -90,3 +90,7 @@ bottom: 0; | ||
<CloseIconWrapper> | ||
<CloseIcon onClick={onClick} hoverColor="white" color="neutralLightest" /> | ||
<CloseIcon | ||
onClick={onClick} | ||
hoverColor="white" | ||
color="neutralLightest" | ||
/> | ||
</CloseIconWrapper> | ||
@@ -103,3 +107,3 @@ )} | ||
const CookieBanner = props => ( | ||
<BottomBanner buttonText="Accept" closeable {...props}> | ||
<BottomBanner buttonText="OK" closeable {...props}> | ||
We use cookies and similar technologies on our website to improve its | ||
@@ -106,0 +110,0 @@ performance, as well as to monitor traffic and analyze website usage. To |
12586
263