From c9a06914fb7fcf6013379c2e9a6351746de13947 Mon Sep 17 00:00:00 2001
From: marlon passos <marlonpassos@agenciam3.com>
Date: Fri, 20 Jan 2023 14:48:56 -0300
Subject: [PATCH] fix: corrige o prolema do css de componentes custom

---
 manifest.json                                 |  3 +-
 styles/css/agenciamagma.store-theme.css       | 16 ++++++++
 styles/css/contact/vtex.flex-layout.css       | 16 --------
 styles/css/faq/vtex.disclosure-layout.css     | 37 -------------------
 styles/css/faq/vtex.flex-layout.css           |  4 --
 .../vtex.flex-layout.css                      | 20 ----------
 .../vtex.product-specifications.css           |  7 ----
 styles/css/search/vtex.flex-layout.css        | 34 -----------------
 styles/css/search/vtex.product-summary.css    | 31 ----------------
 styles/css/search/vtex.rich-text.css          | 14 -------
 styles/css/search/vtex.store-components.css   | 12 ------
 styles/css/vtex.reviews-and-ratings.css       | 17 ---------
 .../product/agenciamagma.store-theme.scss     |  8 ++++
 13 files changed, 26 insertions(+), 193 deletions(-)
 create mode 100644 styles/css/agenciamagma.store-theme.css
 delete mode 100644 styles/css/contact/vtex.flex-layout.css
 delete mode 100644 styles/css/faq/vtex.disclosure-layout.css
 delete mode 100644 styles/css/faq/vtex.flex-layout.css
 delete mode 100644 styles/css/product-specification-table/vtex.flex-layout.css
 delete mode 100644 styles/css/product-specification-table/vtex.product-specifications.css
 delete mode 100644 styles/css/search/vtex.flex-layout.css
 delete mode 100644 styles/css/search/vtex.product-summary.css
 delete mode 100644 styles/css/search/vtex.rich-text.css
 delete mode 100644 styles/css/search/vtex.store-components.css
 delete mode 100644 styles/css/vtex.reviews-and-ratings.css
 create mode 100644 styles/sass/pages/product/agenciamagma.store-theme.scss

diff --git a/manifest.json b/manifest.json
index 176e8cc..9ee3cc5 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
 {
-  "vendor": "agenciam3",
+  "vendor": "agenciamagma",
   "name": "store-theme",
   "version": "5.1.0",
   "builders": {
@@ -15,6 +15,7 @@
     "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/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css
new file mode 100644
index 0000000..5e37ba5
--- /dev/null
+++ b/styles/css/agenciamagma.store-theme.css
@@ -0,0 +1,16 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.html {
+  background-color: red;
+}
+
+.html--pdp-breadcrumb {
+  background-color: green;
+}
\ No newline at end of file
diff --git a/styles/css/contact/vtex.flex-layout.css b/styles/css/contact/vtex.flex-layout.css
deleted file mode 100644
index 5e01b4f..0000000
--- a/styles/css/contact/vtex.flex-layout.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.flexRowContent--contact {
-  max-width: 700px;
-  margin: auto;
-}
-
-.flexRowContent--contact :global(.vtex-input__label),
-.flexRowContent--contact :global(.vtex-textarea__label) {
-  font-size: 1rem;
-  color: #3f3f40;
-}
-
-.flexRowContent--contact :global(.vtex-input),
-.flexRowContent--contact :global(.vtex-textarea) {
-  display: block;
-  margin-bottom: 1rem;
-}
diff --git a/styles/css/faq/vtex.disclosure-layout.css b/styles/css/faq/vtex.disclosure-layout.css
deleted file mode 100644
index cc09dd4..0000000
--- a/styles/css/faq/vtex.disclosure-layout.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.trigger--question {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  outline: none;
-}
-
-.trigger--question :global(.vtex-rich-text-0-x-paragraph) {
-  font-weight: bold;
-}
-
-.trigger--question:focus,
-.trigger--question:focus :global(.vtex-rich-text-0-x-paragraph) {
-  color: #0F3E99;
-}
-
-.trigger :global(.vtex-store-icons-0-x-caretIcon) {
-  margin-right: 1rem;
-}
-
-.content--answer {
-  transition: opacity 250ms ease-in-out, height 250ms ease-in-out, transform 250ms ease-in-out;
-  opacity: 0;
-  height: 0;
-  transform: translate3d(0, -10%, 0);
-}
-
-.content--answer[data-enter] {
-  opacity: 1;
-  height: fit-content;
-  transform: translate3d(0, 0, 0);
-}
-
-.content--answer[data-leave] {
-  height: 0;
-  overflow: hidden;
-}
diff --git a/styles/css/faq/vtex.flex-layout.css b/styles/css/faq/vtex.flex-layout.css
deleted file mode 100644
index dcc6469..0000000
--- a/styles/css/faq/vtex.flex-layout.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.flexRowContent--faq {
-  max-width: 700px;
-  margin: auto;
-}
diff --git a/styles/css/product-specification-table/vtex.flex-layout.css b/styles/css/product-specification-table/vtex.flex-layout.css
deleted file mode 100644
index 3c101f7..0000000
--- a/styles/css/product-specification-table/vtex.flex-layout.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.flexRow--productSpecificationGroup:not(:first-child) {
-  margin-top: 1.5rem;
-}
-
-.flexRow--productSpecificationGroupName {
-  background-color: #eaeaea;
-  padding: 0.5rem 1rem;
-}
-
-.flexCol--productSpecificationName {
-  padding: 1rem;
-}
-
-.flexCol--productSpecificationValue {
-  padding: 1rem 1rem 1rem 0;
-}
-
-.flexRow--productSpecification:nth-child(even) {
-  background-color: #f9f9f9;
-}
diff --git a/styles/css/product-specification-table/vtex.product-specifications.css b/styles/css/product-specification-table/vtex.product-specifications.css
deleted file mode 100644
index 1dd5567..0000000
--- a/styles/css/product-specification-table/vtex.product-specifications.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.groupName {
-  font-size: 1.25rem;
-}
-
-.specificationName {
-  font-weight: bold;
-}
diff --git a/styles/css/search/vtex.flex-layout.css b/styles/css/search/vtex.flex-layout.css
deleted file mode 100644
index b66758e..0000000
--- a/styles/css/search/vtex.flex-layout.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.flexRow--orderByAndSwitcher {
-  padding-right: 1.5em;
-}
-
-.flexRowContent--savingsSummaryListDesktop {
-  justify-content: flex-start;
-}
-
-.flexCol--summaryRightListDesktop {
-  justify-content: space-around;
-}
-
-.flexRow--buyNowButton :global(.vtex-button) {
-  background: #eef3f7;
-  border-color:#eef3f7;
-  color: #0f3e99;
-}
-
-.flexRow--buyNowButton:hover :global(.vtex-button) {
-  background: #dbe9fd;
-  border-color:#dbe9fd;
-}
-
-.flexCol--productRating {
-  margin-bottom: 3rem;
-}
-
-.flexCol--summaryDetailsListMobile {
-  justify-content: space-between;
-}
-
-.flexCol--summaryUpDetailsListMobile {
-  margin-bottom: 0.25rem
-}
diff --git a/styles/css/search/vtex.product-summary.css b/styles/css/search/vtex.product-summary.css
deleted file mode 100644
index f160eca..0000000
--- a/styles/css/search/vtex.product-summary.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.nameContainer--summaryListDesktop {
-  padding-top: 0.25rem;
-  padding-bottom: 0.75rem;
-  justify-content: start;
-}
-
-.nameContainer--summaryListMobile {
-  padding-top: 0.25rem;
-  padding-bottom: 0.5rem;
-  justify-content: start;
-}
-
-.brandName--summaryListMobile {
-  font-weight: 400;
-  font-size: 0.875rem;
-  color: black;
-}
-
-.container--listLayout {
-  max-width: none !important;
-}
-
-.image--summaryListDesktop {
-  width: 180px !important;
-}
-
-.image--summaryListMobile {
-  width: 140px !important;
-  min-width: 140px;
-  height: inherit !important;
-}
diff --git a/styles/css/search/vtex.rich-text.css b/styles/css/search/vtex.rich-text.css
deleted file mode 100644
index b187dad..0000000
--- a/styles/css/search/vtex.rich-text.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.container--layout-option {
-  margin-left: 0.3em;
-}
-
-.paragraph--layout-option {
-  margin: 0;
-}
-
-.paragraph--summarySpecificationBullet {
-  margin: 0;
-  line-height: initial;
-  font-size: 1.25rem;
-  line-height: 1.15rem;
-}
diff --git a/styles/css/search/vtex.store-components.css b/styles/css/search/vtex.store-components.css
deleted file mode 100644
index f86b614..0000000
--- a/styles/css/search/vtex.store-components.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.productBrandName--summaryListDesktop {
-  text-decoration: none;
-  font-weight: 500;
-  color: #0067C7;
-  font-size: .875rem;
-}
-
-.productBrandName--summaryListMobile {
-  text-decoration: none;
-  color: #0067C7;
-  font-size: .875rem;
-}
diff --git a/styles/css/vtex.reviews-and-ratings.css b/styles/css/vtex.reviews-and-ratings.css
deleted file mode 100644
index 1c7beae..0000000
--- a/styles/css/vtex.reviews-and-ratings.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.container {
-  max-width: 96rem;
-  padding-left: .5rem;
-  padding-right: .5rem;
-}
-
-.inlineContainer {
-  margin-left: 0rem;
-}
-
-.star--filled {
-  color: #FFB100;
-}
-
-.star--empty {
-  color: #FFB100;
-}
diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss
new file mode 100644
index 0000000..ea7d5b9
--- /dev/null
+++ b/styles/sass/pages/product/agenciamagma.store-theme.scss
@@ -0,0 +1,8 @@
+.html {
+  background-color: red;
+}
+
+.html--pdp-breadcrumb {
+  background-color: green;
+}
+