From 17e9e3b1719d6c0abef9eee3f960ef960a2e01fc Mon Sep 17 00:00:00 2001
From: HenriqueSSan <hsstudentwork@gmail.com>
Date: Thu, 26 Jan 2023 00:05:11 -0300
Subject: [PATCH] feat(pdp/breadcrumb): added spacing in container

---
 manifest.json                                 |  1 -
 react/Example.tsx                             |  3 --
 react/components/Example/Example.tsx          |  9 -----
 store/blocks/home/home.jsonc                  |  2 --
 store/blocks/pdp/product.jsonc                | 35 ++++++-------------
 styles/css/agenciamagma.store-theme.css       | 18 +---------
 styles/css/vtex.breadcrumb.css                | 14 +++++++-
 .../product/agenciamagma.store-theme.scss     | 14 --------
 .../sass/pages/product/vtex.breadcrumb.scss   | 12 ++++++-
 9 files changed, 36 insertions(+), 72 deletions(-)
 delete mode 100644 react/Example.tsx
 delete mode 100644 react/components/Example/Example.tsx

diff --git a/manifest.json b/manifest.json
index 9ee3cc5..a2cde0d 100644
--- a/manifest.json
+++ b/manifest.json
@@ -15,7 +15,6 @@
     "postreleasy": "vtex publish --verbose"
   },
   "dependencies": {
-    "agenciamagma.store-theme": "5.x",
     "vtex.store": "2.x",
     "vtex.store-header": "2.x",
     "vtex.product-summary": "2.x",
diff --git a/react/Example.tsx b/react/Example.tsx
deleted file mode 100644
index 7d550e5..0000000
--- a/react/Example.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import Example from "./components/Example/Example";
-
-export default Example;
\ No newline at end of file
diff --git a/react/components/Example/Example.tsx b/react/components/Example/Example.tsx
deleted file mode 100644
index d195271..0000000
--- a/react/components/Example/Example.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-const Example = () => {
-  return (
-    <div>Example</div>
-  )
-}
-
-export default Example
\ No newline at end of file
diff --git a/store/blocks/home/home.jsonc b/store/blocks/home/home.jsonc
index a4776bc..df8c1f3 100644
--- a/store/blocks/home/home.jsonc
+++ b/store/blocks/home/home.jsonc
@@ -2,8 +2,6 @@
   "store.home": {
     "blocks": [
       "list-context.image-list#demo",
-      "example-component",      /* You can make references to blocks defined in other files.
-       * For example, `flex-layout.row#deals` is defined in the `deals.json` file. */
       "flex-layout.row#deals",
       "__fold__",
       "rich-text#shelf-title",
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index ebb3d11..f4cc616 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -18,6 +18,14 @@
     },
     "children": ["breadcrumb#pdp-breadcrumb"]
   },
+
+  "breadcrumb#pdp-breadcrumb": {
+    "props": {
+      "homeIconSize": 0,
+      "showOnMobile": true
+    }
+  },
+
   "flex-layout.row#specifications-title": {
     "children": ["rich-text#specifications"]
   },
@@ -87,13 +95,11 @@
   },
   "product-images": {
     "props": {
-      "aspectRatio": {
-        "desktop": "auto",
-        "phone": "16:9"
-      },
+      "aspectRatio": "1:1",
       "displayThumbnailsArrows": true
     }
   },
+
   "flex-layout.col#right-col": {
     "props": {
       "preventVerticalStretch": true,
@@ -113,8 +119,7 @@
       "product-gifts",
       "flex-layout.row#buy-button",
       "availability-subscriber",
-      "shipping-simulator",
-      "share#default"
+      "shipping-simulator"
     ]
   },
 
@@ -170,23 +175,5 @@
       "blockClass": "message-availability"
     },
     "children": ["availability-subscriber"]
-  },
-
-  "share#default": {
-    "props": {
-      "social": {
-        "Facebook": true,
-        "WhatsApp": true,
-        "Twitter": false,
-        "Pinterest": true
-      }
-    }
-  },
-
-  "breadcrumb#pdp-breadcrumb": {
-    "props": {
-      "homeIconSize": 0,
-      "showOnMobile": true
-    }
   }
 }
diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css
index 7dfa27b..34c4328 100644
--- a/styles/css/agenciamagma.store-theme.css
+++ b/styles/css/agenciamagma.store-theme.css
@@ -6,20 +6,4 @@
 1800px + : Big desktop
 */
 /* Media Query M3 */
-/* Grid breakpoints */
-.html--pdp-breadcrumb {
-  width: 100%;
-  padding: 0 40px;
-}
-@media screen and (min-width: 1025px) {
-  .html--pdp-breadcrumb {
-    width: 94.4444444444%;
-    padding: 0;
-    margin: 0 auto;
-  }
-}
-@media screen and (min-width: 1921px) {
-  .html--pdp-breadcrumb {
-    width: 68.75%;
-  }
-}
\ No newline at end of file
+/* Grid breakpoints */
\ No newline at end of file
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 39c43f9..c0a2cc3 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -9,11 +9,23 @@
 /* Grid breakpoints */
 .container {
   width: 100%;
-  display: inline-flex;
+  display: flex;
   flex-wrap: wrap;
   flex-basis: 100%;
   align-items: baseline;
 }
+@media screen and (min-width: 1025px) {
+  .container {
+    width: 94.4444444444%;
+    padding: 0;
+    margin: 0 auto;
+  }
+}
+@media screen and (min-width: 1921px) {
+  .container {
+    width: 68.75%;
+  }
+}
 
 .termArrow {
   padding: 0;
diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss
index 2c3b088..e69de29 100644
--- a/styles/sass/pages/product/agenciamagma.store-theme.scss
+++ b/styles/sass/pages/product/agenciamagma.store-theme.scss
@@ -1,14 +0,0 @@
-.html--pdp-breadcrumb {
-  width: 100%;
-  padding: 0 40px;
-
-  @media screen and (min-width: 1025px) {
-    width: 94.44444444444444%;
-    padding: 0;
-    margin: 0 auto;
-  }
-
-  @media screen and (min-width: 1921px) {
-    width: 68.75%;
-  }
-}
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
index 948bc25..b55cdf6 100644
--- a/styles/sass/pages/product/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -1,9 +1,19 @@
 .container {
   width: 100%;
-  display: inline-flex;
+  display: flex;
   flex-wrap: wrap;
   flex-basis: 100%;
   align-items: baseline;
+
+  @media screen and (min-width: 1025px) {
+    width: 94.44444444444444%;
+    padding: 0;
+    margin: 0 auto;
+  }
+
+  @media screen and (min-width: 1921px) {
+    width: 68.75%;
+  }
 }
 
 .termArrow {