refactor: aplica mudanças no código

react/components/Html/styles.css

@@ -111,6 +111,7 @@
   border-radius: 0;
 
   display: block !important;
+  cursor: pointer;
 }
 [class*="html--product-quantity-cart-button"] button:hover {
   color: #929292;
@@ -134,6 +135,7 @@
 
   position: absolute;
   display: block !important;
+  cursor: pointer;
 }
 [class*="html--shipping-simulator"] button:hover {
   filter: opacity(88%);
@@ -256,7 +258,7 @@
 }
 
 [class*="html--newsletter"] {
-  padding: 64px 0 32px 0;
+  padding: 64px 0 0 0;
   margin-top: 17px;
 }
 @media screen and (max-width: 768px) {
@@ -303,9 +305,6 @@
   [class*="html--newsletter"] button {
     font-size: 14px;
     line-height: 19px;
-    position: absolute;
-    right: 0;
-    top: -31px;
   }
 }
 [class*="html--newsletter"] button:hover {

store/blocks/pdp/product.jsonc

@@ -23,19 +23,23 @@
     "children": ["breadcrumb"]
   },
 
-  //"html#specifications-title": {
+  /*
-  //  "props": {
+  "html#specifications-title": {
-  //    "tag": "div",
+    "props": {
-  //    "blockClass": "specifications-title"
+      "tag": "div",
-  //  },
+      "blockClass": "specifications-title"
-  //  "children": ["rich-text#specifications"]
+    },
-  //},
+    "children": ["rich-text#specifications"]
+  },
+  */
 
-  //"rich-text#specifications": {
+  /*
-  //  "props": {
+  "rich-text#specifications": {
-  //    "text": "##### Product Specifications"
+    "props": {
-  //  }
+      "text": "##### Product Specifications"
-  //},
+    }
+  },
+  */
 
   "product-images#description": {
     "props": {
@@ -112,14 +116,14 @@
     ]
   },
 
-  //"product-specification-badges": {
+  "product-specification-badges": {
-  // "props": {
+   "props": {
-  //    "specificationGroupName": "Group",
+      "specificationGroupName": "Group",
-  //    "specificationName": "On Sale",
+      "specificationName": "On Sale",
-  //   "visibleWhen": "True",
+     "visibleWhen": "True",
-  //    "displayValue": "SPECIFICATION_NAME"
+      "displayValue": "SPECIFICATION_NAME"
-  //  }
+    }
-  //},
+  },
 
   "html#stack": {
     "props": {
@@ -299,6 +303,7 @@
     "children": ["availability-subscriber"]
   },
 
+  /*
   "share#default": {
     "props": {
       "social": {
@@ -309,6 +314,7 @@
       }
     }
   },
+  */
 
   "html#product-description": {
     "props": {
@@ -456,7 +462,8 @@
       "infinite": true,
       "showNavigationArrows": "always",
       "blockClass": "carousel",
-      "showPaginationDots": "always"    }
+      "showPaginationDots": "always"
+    }
   },
 
   "html#slider-layout-shelf": {

styles/css/vtex.breadcrumb.css

@@ -42,10 +42,8 @@
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
-}
-.container .link,
-.container .term {
   color: #929292;
+  cursor: pointer;
 }
 .container .link:hover,
 .container .term:hover {

styles/css/vtex.minicart.css

@@ -12,3 +12,11 @@
   border-radius: 0;
   border: none;
 }
+.minicartCheckoutButton :local(button):hover {
+  background-color: #000000;
+  filter: opacity(88%);
+}
+.minicartCheckoutButton :local(button):active {
+  background-color: #000000;
+  filter: opacity(100%);
+}

styles/css/vtex.store-components.css

@@ -283,14 +283,10 @@
   padding: 0;
   border: none;
 }
-@media screen and (max-width: 1024px) {
-  .shippingTable {
-    margin-top: 32px;
-  }
-}
 @media screen and (max-width: 768px) {
   .shippingTable {
     padding-top: 16px;
+    margin-top: 24px;
   }
 }
 
@@ -519,6 +515,16 @@
 .inputGroup--newsletter-product {
   border-bottom: 1px solid #929292 !important;
 }
+@media screen and (max-width: 639px) {
+  .inputGroup--newsletter-product {
+    justify-content: space-between;
+    display: flex;
+  }
+}
+.inputGroup--newsletter-product :local(label) {
+  display: flex;
+  align-items: center;
+}
 
 .newsletter--newsletter-product .container {
   padding: 16px 0;

styles/css/vtex.store-footer.css

@@ -8,5 +8,5 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .footerLayout {
-  padding: 0 16px !important;
+  padding: 32px 16px 0 16px !important;
 }

styles/css/vtex.telemarketing.css

@@ -11,6 +11,7 @@
   padding: 0 16px !important;
 }
 
-.container {
+.container,
+.wrapper {
   background-color: #000000;
 }

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -32,11 +32,8 @@
     font-weight: 400;
     font-size: 14px;
     line-height: 19px;
-  }
-
-  .link,
-  .term {
     color: #929292;
+    cursor: pointer;
 
     &:hover {
       color: #808080;

styles/sass/pages/product/vtex.minicart.scss

@@ -3,5 +3,15 @@
     background-color: #000000;
     border-radius: 0;
     border: none;
+
+    &:hover {
+      background-color: #000000;
+      filter: opacity(88%);
+    }
+
+    &:active {
+      background-color: #000000;
+      filter: opacity(100%);
+    }
   }
 }

styles/sass/pages/product/vtex.store-components.scss

@@ -298,11 +298,9 @@
   padding: 0;
   border: none;
 
-  @media screen and (max-width: 1024px) {
-    margin-top: 32px;
-  }
   @media screen and (max-width: 768px) {
     padding-top: 16px;
+    margin-top: 24px;
   }
 }
 
@@ -531,6 +529,16 @@
 
 .inputGroup--newsletter-product{
   border-bottom: 1px solid #929292 !important;
+
+  @media screen and (max-width: 639px) {
+    justify-content: space-between;
+    display: flex;
+  }
+
+  :local(label) {
+    display: flex;
+    align-items: center;
+  }
 }
 
 .newsletter--newsletter-product {

styles/sass/pages/product/vtex.store-footer.scss

@@ -1,3 +1,3 @@
 .footerLayout {
-  padding: 0 16px !important;
+  padding: 32px 16px 0 16px!important;
 }

styles/sass/pages/product/vtex.telemarketing.scss

@@ -2,6 +2,7 @@
   padding: 0 16px !important;
 }
 
-.container {
+.container,
+.wrapper {
   background-color: #000000;
 }