From f35037492acabcd84d5950bbe6119ae2a87f5874 Mon Sep 17 00:00:00 2001
From: Matthias Goudjil <matthias.goudjil@prestashop.com>
Date: Thu, 9 Nov 2023 15:11:34 +0100
Subject: [PATCH 1/2] feat: [Tokens] add boxshadow and opacity values in
 tailwind-preset

---
 packages/tailwind-preset/theme.js | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/tailwind-preset/theme.js b/packages/tailwind-preset/theme.js
index 5f0c464e..adad9a9d 100644
--- a/packages/tailwind-preset/theme.js
+++ b/packages/tailwind-preset/theme.js
@@ -93,10 +93,21 @@ module.exports = {
     screens: {
       xs: '320px',
     },
-    boxShadow: {
-      overlay: '0px 12px 60px 0px rgba(0, 0, 0, 0.1)',
-      sticky: '0px 6px 12px rgba(0, 0, 0, 0.1)',
-      'pop-modal': '0px 12px 24px rgba(0, 0, 0, 0.1)',
-    },
+  },
+  opacity: {
+    overlay: '0.8',
+  },
+  boxShadow: {
+    DEFAULT: '0px 1px 3px 0px rgba(29, 29, 27, 0.2)',
+    sm: '0px 1px 2px 0px rgba(29, 29, 27, 0.05)',
+    md: '0px 4px 6px -1px rgba(29, 29, 27, 0.2)',
+    lg: '0px 10px 15px -3px rgba(29, 29, 27, 0.2)',
+    xl: '0px 20px 25px -5px rgba(29, 29, 27, 0.2)',
+    '2xl': '0px 25px 60px -12px rgba(29, 29, 27, 0.25)',
+    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+    none: 'none',
+    overlay: '0px 12px 60px 0px rgba(0, 0, 0, 0.1)',
+    sticky: '0px 6px 12px rgba(0, 0, 0, 0.1)',
+    'pop-modal': '0px 12px 24px rgba(0, 0, 0, 0.1)',
   },
 }

From 5b4d914ce7398440cfbd8b80d636224bb96d241d Mon Sep 17 00:00:00 2001
From: Matthias Goudjil <matthias.goudjil@prestashop.com>
Date: Sun, 12 Nov 2023 18:02:08 +0100
Subject: [PATCH 2/2] fix: chromatic deployment error - extend opacity and
 shadow classes

---
 packages/tailwind-preset/theme.js | 32 +++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/tailwind-preset/theme.js b/packages/tailwind-preset/theme.js
index adad9a9d..0d0b162a 100644
--- a/packages/tailwind-preset/theme.js
+++ b/packages/tailwind-preset/theme.js
@@ -93,21 +93,21 @@ module.exports = {
     screens: {
       xs: '320px',
     },
-  },
-  opacity: {
-    overlay: '0.8',
-  },
-  boxShadow: {
-    DEFAULT: '0px 1px 3px 0px rgba(29, 29, 27, 0.2)',
-    sm: '0px 1px 2px 0px rgba(29, 29, 27, 0.05)',
-    md: '0px 4px 6px -1px rgba(29, 29, 27, 0.2)',
-    lg: '0px 10px 15px -3px rgba(29, 29, 27, 0.2)',
-    xl: '0px 20px 25px -5px rgba(29, 29, 27, 0.2)',
-    '2xl': '0px 25px 60px -12px rgba(29, 29, 27, 0.25)',
-    inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
-    none: 'none',
-    overlay: '0px 12px 60px 0px rgba(0, 0, 0, 0.1)',
-    sticky: '0px 6px 12px rgba(0, 0, 0, 0.1)',
-    'pop-modal': '0px 12px 24px rgba(0, 0, 0, 0.1)',
+    opacity: {
+      overlay: '0.8',
+    },
+    boxShadow: {
+      DEFAULT: '0px 1px 3px 0px rgba(29, 29, 27, 0.2)',
+      sm: '0px 1px 2px 0px rgba(29, 29, 27, 0.05)',
+      md: '0px 4px 6px -1px rgba(29, 29, 27, 0.2)',
+      lg: '0px 10px 15px -3px rgba(29, 29, 27, 0.2)',
+      xl: '0px 20px 25px -5px rgba(29, 29, 27, 0.2)',
+      '2xl': '0px 25px 60px -12px rgba(29, 29, 27, 0.25)',
+      inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+      none: 'none',
+      overlay: '0px 12px 60px 0px rgba(0, 0, 0, 0.1)',
+      sticky: '0px 6px 12px rgba(0, 0, 0, 0.1)',
+      'pop-modal': '0px 12px 24px rgba(0, 0, 0, 0.1)',
+    },
   },
 }