From 91a6bad4360229ded4a42daeb9f3862e4431e598 Mon Sep 17 00:00:00 2001
From: Justin Bennett <git@just-be.dev>
Date: Mon, 31 Oct 2022 17:50:34 -0500
Subject: [PATCH 1/3] Add box shadow tokens to ds

---
 scripts/convert-tokens.ts      | 12 ++++++++++++
 styles/dist/tailwind-tokens.js | 15 +++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/scripts/convert-tokens.ts b/scripts/convert-tokens.ts
index 3ab7aa0a..791e106c 100644
--- a/scripts/convert-tokens.ts
+++ b/scripts/convert-tokens.ts
@@ -191,6 +191,8 @@ StyleDictionary.registerFormat({
     const borderRadius = dictionary.allProperties.filter(
       (prop) => prop.type === 'borderRadius',
     )
+    const boxShadow = dictionary.allProperties.filter((prop) => prop.type === 'boxShadow')
+
     return `
 			/* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
 
@@ -240,6 +242,16 @@ StyleDictionary.registerFormat({
           )
           .join(',')}
 			}
+
+      module.exports.boxShadowTokens = {
+        ${boxShadow.map(
+          ({ name, value }) =>
+            `'.${name}': {
+                'box-shadow': '${value
+                  .map((v) => `${v.x}px ${v.y}px ${v.blur}px ${v.color}`)
+                  .join(', ')}'}`,
+        )}
+      }
 		`
   },
 })
diff --git a/styles/dist/tailwind-tokens.js b/styles/dist/tailwind-tokens.js
index 1a4ff2c5..7ee19076 100644
--- a/styles/dist/tailwind-tokens.js
+++ b/styles/dist/tailwind-tokens.js
@@ -937,3 +937,18 @@ module.exports.borderRadiusTokens = {
   DEFAULT: 'var(--border-radius)',
   full: 'var(--border-radius-full)',
 }
+
+module.exports.boxShadowTokens = {
+  '.elevation-1': {
+    'box-shadow':
+      '0px 0.656px 4.625px #00000021, 0px 3px 13px #00000033, 0px 7.594px 34.875px #00000045, 0px 15px 80px #00000066',
+  },
+  '.elevation-2': {
+    'box-shadow':
+      '0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033, 0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066',
+  },
+  '.elevation-3': {
+    'box-shadow':
+      '0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033, 0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066',
+  },
+}

From 7cfc3ade7926fd66b78da71f79e78d57b8980b8b Mon Sep 17 00:00:00 2001
From: Justin Bennett <git@just-be.dev>
Date: Tue, 1 Nov 2022 11:57:03 -0500
Subject: [PATCH 2/3] Update generator to support elevation-0

---
 scripts/convert-tokens.ts      | 7 +++++--
 styles/dist/tailwind-tokens.js | 3 +++
 styles/src/tokens.json         | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/scripts/convert-tokens.ts b/scripts/convert-tokens.ts
index 791e106c..2df18b4d 100644
--- a/scripts/convert-tokens.ts
+++ b/scripts/convert-tokens.ts
@@ -247,8 +247,11 @@ StyleDictionary.registerFormat({
         ${boxShadow.map(
           ({ name, value }) =>
             `'.${name}': {
-                'box-shadow': '${value
-                  .map((v) => `${v.x}px ${v.y}px ${v.blur}px ${v.color}`)
+                'box-shadow': '${[value]
+                  .flat()
+                  .map((v) =>
+                    typeof v === 'object' ? `${v.x}px ${v.y}px ${v.blur}px ${v.color}` : v,
+                  )
                   .join(', ')}'}`,
         )}
       }
diff --git a/styles/dist/tailwind-tokens.js b/styles/dist/tailwind-tokens.js
index 7ee19076..4bd4a06c 100644
--- a/styles/dist/tailwind-tokens.js
+++ b/styles/dist/tailwind-tokens.js
@@ -939,6 +939,9 @@ module.exports.borderRadiusTokens = {
 }
 
 module.exports.boxShadowTokens = {
+  '.elevation-0': {
+    'box-shadow': 'none',
+  },
   '.elevation-1': {
     'box-shadow':
       '0px 0.656px 4.625px #00000021, 0px 3px 13px #00000033, 0px 7.594px 34.875px #00000045, 0px 15px 80px #00000066',
diff --git a/styles/src/tokens.json b/styles/src/tokens.json
index 42f71e42..c2df98fc 100644
--- a/styles/src/tokens.json
+++ b/styles/src/tokens.json
@@ -2286,4 +2286,4 @@
       "main"
     ]
   }
-}
\ No newline at end of file
+}

From 7a9c6274cd5929e87b48237d3b05b6e8e6b8cc28 Mon Sep 17 00:00:00 2001
From: Justin Bennett <git@just-be.dev>
Date: Tue, 1 Nov 2022 11:58:02 -0500
Subject: [PATCH 3/3] Change name to elevation tokens

---
 scripts/convert-tokens.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/convert-tokens.ts b/scripts/convert-tokens.ts
index 2df18b4d..418f51b4 100644
--- a/scripts/convert-tokens.ts
+++ b/scripts/convert-tokens.ts
@@ -243,7 +243,7 @@ StyleDictionary.registerFormat({
           .join(',')}
 			}
 
-      module.exports.boxShadowTokens = {
+      module.exports.elevationTokens = {
         ${boxShadow.map(
           ({ name, value }) =>
             `'.${name}': {