Updating Tailwind to V3 (#4196)

* Updating dependencies to tailwind v3.3, updating configurations with v3 changes, fixing issues in components following upgrade

* Changing tokens to use tailwind config, refactor for border radius to make more configurable

* Fixing self reference in config, fixing broken index.module.css, fixing B7 issues

* WIP going through tailwind TODOs and changing to tailwind values, fixing index styles, adding more config values to fix TODOs

* Fixing priority issues, adding new theme values, fixing theme and tokens

* Changing all media queries to use config screen sizes, adding new screen sizes to config

* Fixing lint and prettier

* Fixing tailwind review comments, updating tailwind doc

* fix prettier

* Removing checkmo from tests

* fix jest test for accout menu

* fixing visibility priority issues

* PWA-3174::[feature]: Tailwind v3 support

---------

Co-authored-by: arpit khare <[email protected]>
Co-authored-by: Aanchal Pawar <[email protected]>
Co-authored-by: glo82145 <[email protected]>

Author: 3 people

package-lock.json

@@ -46,7 +46,6 @@
     "watch:venia": "yarn venia run watch"
   },
   "dependencies": {
-    "@material-ui/core": "~4.12.4",
     "caniuse-lite": "~1.0.30001335"
   },
   "devDependencies": {
@@ -88,7 +87,7 @@
     "lodash.debounce": "~4.0.8",
     "prettier": "~1.16.4",
     "rimraf": "~2.6.3",
-    "tailwindcss": "~2.2.7"
+    "tailwindcss": "~3.3.0"
   },
   "optionalDependencies": {
     "bundlesize": "~0.18.1",
@@ -116,4 +115,4 @@
       "maxSize": "100 kB"
     }
   ]
-}
+}

package.json

@@ -47,7 +47,6 @@ Array [
       },
       "productType": "ConfigurableProduct",
       "sku": "VSK02",
-      "topLevelSku": "VSK02",
     },
     "quantity": 1,
   },
@@ -83,7 +82,6 @@ Array [
       },
       "productType": "SimpleProduct",
       "sku": "VA17-SI-NA",
-      "topLevelSku": "VA17-SI-NA",
     },
     "quantity": 2,
   },
@@ -132,7 +130,6 @@ Array [
       },
       "productType": "ConfigurableProduct",
       "sku": "VA04",
-      "topLevelSku": "VA04",
     },
     "quantity": 3,
   },

packages/extensions/experience-platform-connector/src/__tests__/__snapshots__/utils.spec.js.snap

@@ -47,7 +47,6 @@ Object {
         },
         "productType": "ConfigurableProduct",
         "sku": "VSK02",
-        "topLevelSku": "VSK02",
       },
       "quantity": 1,
     },
@@ -79,7 +78,6 @@ Object {
         },
         "productType": "SimpleProduct",
         "sku": "VA17-SI-NA",
-        "topLevelSku": "VA17-SI-NA",
       },
       "quantity": 2,
     },
@@ -124,7 +122,6 @@ Object {
         },
         "productType": "ConfigurableProduct",
         "sku": "VA04",
-        "topLevelSku": "VA04",
       },
       "quantity": 3,
     },

packages/extensions/experience-platform-connector/src/handlers/__tests__/__snapshots__/shoppingMiniCartView.spec.js.snap

@@ -81,7 +81,6 @@ describe('handle()', () => {
                     },
                     "productType": "ConfigurableProduct",
                     "sku": "VSK02",
-                    "topLevelSku": "VSK02",
                   },
                   "quantity": 1,
                 },
@@ -117,7 +116,6 @@ describe('handle()', () => {
                     },
                     "productType": "SimpleProduct",
                     "sku": "VA17-SI-NA",
-                    "topLevelSku": "VA17-SI-NA",
                   },
                   "quantity": 2,
                 },
@@ -166,7 +164,6 @@ describe('handle()', () => {
                     },
                     "productType": "ConfigurableProduct",
                     "sku": "VA04",
-                    "topLevelSku": "VA04",
                   },
                   "quantity": 3,
                 },

packages/extensions/experience-platform-connector/src/handlers/__tests__/shoppingCartPageView.spec.js

@@ -96,7 +96,6 @@ describe('handle()', () => {
                     },
                     "productType": "ConfigurableProduct",
                     "sku": "VP08",
-                    "topLevelSku": "VP08",
                   },
                   "quantity": 3,
                 },
@@ -139,7 +138,6 @@ describe('handle()', () => {
                     },
                     "productType": "ConfigurableProduct",
                     "sku": "VA09",
-                    "topLevelSku": "VA09",
                   },
                   "quantity": 1,
                 },
@@ -175,7 +173,6 @@ describe('handle()', () => {
                     },
                     "productType": "SimpleProduct",
                     "sku": "VA22-SI-NA",
-                    "topLevelSku": "VA22-SI-NA",
                   },
                   "quantity": 1,
                 },

packages/extensions/experience-platform-connector/src/handlers/__tests__/startCheckout.spec.js

@@ -82,7 +82,6 @@ export const getFormattedProducts = products => {
                   product: {
                       name: name,
                       sku: sku,
-                      topLevelSku: product.sku,
                       productType: type,
                       pricing: {
                           regularPrice: prices.price.value,

packages/extensions/experience-platform-connector/src/utils.js

@@ -35,7 +35,7 @@
 .payment_type {
 }
 
-@media (max-width: 960px) {
+@media screen(-lg) {
     .edit_text {
         display: none;
     }

packages/extensions/venia-sample-payments-checkmo/src/components/summary.module.css

@@ -3,7 +3,7 @@
 
 @media only screen and (max-width: 768px) {
     .root {
-        background-attachment: scroll !important;
-        flex-basis: 100%;
+        @apply !bg-scroll;
+        @apply basis-full;
     }
 }

packages/pagebuilder/lib/ContentTypes/Column/column.module.css

@@ -1,8 +1,8 @@
-.root:empty {
-    display: none;
+.root {
+    composes: empty_hidden from global;
 }
 
 .root_inline {
     composes: root;
-    display: inline-block;
+    @apply inline-block;
 }