@mailstep/design-system 0.7.16-beta.3 → 0.7.16-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.16-beta.3",
+  "version": "0.7.16-beta.4",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/styles.js

@@ -10,7 +10,7 @@ var FooterHeight = {
     desktop: '60px'
 };
 var HeaderHeight = '75px';
-export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"])), FooterHeight.mobile, FooterHeight.desktop);
+export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: transparent;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n    background-color: bgLightGray;\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: transparent;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n    background-color: bgLightGray;\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"])), FooterHeight.mobile, FooterHeight.desktop);
 export var ContentContainer = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"])));
 export var CommonGridWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"], ["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"])), FooterHeight.mobile, FooterHeight.desktop);
 export var StyledButtonStrip = styled(x.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  padding: 18px 20px;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: ", ";\n  flex-wrap: wrap;\n  z-index: 2;\n"], ["\n  position: relative;\n  padding: 18px 20px;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: ", ";\n  flex-wrap: wrap;\n  z-index: 2;\n"])), HeaderHeight);

package/ui/index.es.js

@@ -43131,7 +43131,7 @@ const JTe = (e = {}, t) => bxe(e, (r) => {
   left: 0;
   width: 100%;
   height: ${W1.mobile};
-  background-color: bgLightGray;
+  background-color: transparent;
 
   @media (min-width: 1024px) {
     position: relative;
@@ -43139,6 +43139,7 @@ const JTe = (e = {}, t) => bxe(e, (r) => {
     padding-bottom: 11px;
     margin-bottom: 0;
     height: ${W1.desktop};
+    background-color: bgLightGray;
   }
 
   & > * {

package/ui/index.umd.js

@@ -2975,7 +2975,7 @@ Avoid returning a new reference inside your input selector, e.g.
   left: 0;
   width: 100%;
   height: ${Q2.mobile};
-  background-color: bgLightGray;
+  background-color: transparent;
 
   @media (min-width: 1024px) {
     position: relative;
@@ -2983,6 +2983,7 @@ Avoid returning a new reference inside your input selector, e.g.
     padding-bottom: 11px;
     margin-bottom: 0;
     height: ${Q2.desktop};
+    background-color: bgLightGray;
   }
 
   & > * {