From 1ace7555be98e68273359d7bfc0d0f2617613eda Mon Sep 17 00:00:00 2001
From: Brian-Pob <brianpoblete77777@gmail.com>
Date: Thu, 4 Apr 2024 13:57:11 -0400
Subject: [PATCH 1/7] add wobble animation

---
 docsite/index.html       | 10 ++++++++++
 src/props.animations.css |  8 ++++++++
 src/props.animations.js  |  9 +++++++++
 3 files changed, 27 insertions(+)

diff --git a/docsite/index.html b/docsite/index.html
index f61c650e..507bbf73 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -2844,6 +2844,16 @@ <h6>Shake Y</h6>
               </svg>
             </button>
           </div>
+
+          <div class="animation-demo-target" data-animation="wobble">
+            <h6>Wobble</h6>
+            <button class="play-button">
+              <svg viewBox="0 0 20 20">
+                <use href="#play-icon"/>
+                <use href="#pause-icon" class="hidden"/>
+              </svg>
+            </button>
+          </div>
         </div>
       </div>
 
diff --git a/src/props.animations.css b/src/props.animations.css
index a03bddda..8aaa262f 100644
--- a/src/props.animations.css
+++ b/src/props.animations.css
@@ -17,6 +17,7 @@
   --animation-slide-in-left: slide-in-left .5s var(--ease-3);
   --animation-shake-x: shake-x .75s var(--ease-out-5);
   --animation-shake-y: shake-y .75s var(--ease-out-5);
+  --animation-wobble: wobble 1s var(--ease-out-5);
   --animation-spin: spin 2s linear infinite;
   --animation-ping: ping 5s var(--ease-out-3) infinite;
   --animation-blink: blink 1s var(--ease-out-3) infinite;
@@ -85,6 +86,13 @@
   60% { transform: translateY(-5%) }
   80% { transform: translateY(5%) }
 }
+@keyframes wobble {
+  0%, 100% { transform: rotate(0deg) }
+  20% { transform: rotate(-2deg) }
+  40% { transform: rotate(2deg) }
+  60% { transform: rotate(-2deg) }
+  80% { transform: rotate(2deg) }
+}
 @keyframes spin {
   to { transform: rotate(1turn) }
 }
diff --git a/src/props.animations.js b/src/props.animations.js
index 5ba7d050..6246e03f 100644
--- a/src/props.animations.js
+++ b/src/props.animations.js
@@ -102,6 +102,15 @@ export default {
   40% { transform: translateY(5%) }
   60% { transform: translateY(-5%) }
   80% { transform: translateY(5%) }
+}`,
+"--animation-wobble": "wobble 1s var(--ease-out-5)", 
+"--animation-wobble-@": `
+@keyframes wobble {
+  0%, 100% { transform: rotate(0deg) }
+  20% { transform: rotate(-2deg) }
+  40% { transform: rotate(2deg) }
+  60% { transform: rotate(-2deg) }
+  80% { transform: rotate(2deg) }
 }`,
   "--animation-spin": "spin 2s linear infinite", 
   "--animation-spin-@": `

From fd0c677dbcec17dd3f6a972ec112ed58997259ee Mon Sep 17 00:00:00 2001
From: Brian-Pob <brianpoblete77777@gmail.com>
Date: Thu, 4 Apr 2024 14:26:53 -0400
Subject: [PATCH 2/7] adjust wobble animation timing function

---
 src/props.animations.css | 2 +-
 src/props.animations.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/props.animations.css b/src/props.animations.css
index 8aaa262f..0d0d6f1c 100644
--- a/src/props.animations.css
+++ b/src/props.animations.css
@@ -17,7 +17,7 @@
   --animation-slide-in-left: slide-in-left .5s var(--ease-3);
   --animation-shake-x: shake-x .75s var(--ease-out-5);
   --animation-shake-y: shake-y .75s var(--ease-out-5);
-  --animation-wobble: wobble 1s var(--ease-out-5);
+  --animation-wobble: wobble 1s var(--ease-in-out-3);
   --animation-spin: spin 2s linear infinite;
   --animation-ping: ping 5s var(--ease-out-3) infinite;
   --animation-blink: blink 1s var(--ease-out-3) infinite;
diff --git a/src/props.animations.js b/src/props.animations.js
index 6246e03f..7f7b646c 100644
--- a/src/props.animations.js
+++ b/src/props.animations.js
@@ -103,7 +103,7 @@ export default {
   60% { transform: translateY(-5%) }
   80% { transform: translateY(5%) }
 }`,
-"--animation-wobble": "wobble 1s var(--ease-out-5)", 
+"--animation-wobble": "wobble 1s var(--ease-in-out-3)", 
 "--animation-wobble-@": `
 @keyframes wobble {
   0%, 100% { transform: rotate(0deg) }

From 8681c8fbc82ac7a3a01e844dbebecd5a9196f6b5 Mon Sep 17 00:00:00 2001
From: Brian-Pob <brianpoblete77777@gmail.com>
Date: Thu, 4 Apr 2024 20:12:14 -0400
Subject: [PATCH 3/7] update test

---
 test/basic.test.cjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/basic.test.cjs b/test/basic.test.cjs
index c239f7ef..9ba5120b 100644
--- a/test/basic.test.cjs
+++ b/test/basic.test.cjs
@@ -4,7 +4,7 @@ const OpenProps = require('../dist/open-props.cjs')
 const OPtokens = require('../open-props.tokens.json')
 
 test('Should have an all included import', t => {
-  t.is(Object.keys(OpenProps).length, 1654)
+  t.is(Object.keys(OpenProps).length, 1658)
 })
 
 test('Import should have animations', async t => {

From eaae6b45ef66ee9e304f8299dc225eba520b0a68 Mon Sep 17 00:00:00 2001
From: Brian-Pob <brianpoblete77777@gmail.com>
Date: Thu, 4 Apr 2024 20:12:27 -0400
Subject: [PATCH 4/7] rename animation to shake-z

---
 src/props.animations.css | 4 ++--
 src/props.animations.js  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/props.animations.css b/src/props.animations.css
index 0d0d6f1c..d8a6a323 100644
--- a/src/props.animations.css
+++ b/src/props.animations.css
@@ -17,7 +17,7 @@
   --animation-slide-in-left: slide-in-left .5s var(--ease-3);
   --animation-shake-x: shake-x .75s var(--ease-out-5);
   --animation-shake-y: shake-y .75s var(--ease-out-5);
-  --animation-wobble: wobble 1s var(--ease-in-out-3);
+  --animation-shake-z: shake-z 1s var(--ease-in-out-3);
   --animation-spin: spin 2s linear infinite;
   --animation-ping: ping 5s var(--ease-out-3) infinite;
   --animation-blink: blink 1s var(--ease-out-3) infinite;
@@ -86,7 +86,7 @@
   60% { transform: translateY(-5%) }
   80% { transform: translateY(5%) }
 }
-@keyframes wobble {
+@keyframes shake-z {
   0%, 100% { transform: rotate(0deg) }
   20% { transform: rotate(-2deg) }
   40% { transform: rotate(2deg) }
diff --git a/src/props.animations.js b/src/props.animations.js
index 7f7b646c..778e4807 100644
--- a/src/props.animations.js
+++ b/src/props.animations.js
@@ -103,9 +103,9 @@ export default {
   60% { transform: translateY(-5%) }
   80% { transform: translateY(5%) }
 }`,
-"--animation-wobble": "wobble 1s var(--ease-in-out-3)", 
-"--animation-wobble-@": `
-@keyframes wobble {
+"--animation-shake-z": "shake-z 1s var(--ease-in-out-3)", 
+"--animation-shake-z-@": `
+@keyframes shake-z {
   0%, 100% { transform: rotate(0deg) }
   20% { transform: rotate(-2deg) }
   40% { transform: rotate(2deg) }

From 45757d129f1e09b6995f96087b5825f00c53e259 Mon Sep 17 00:00:00 2001
From: Brian Michael Poblete <brianmp.dev@gmail.com>
Date: Fri, 5 Apr 2024 12:43:04 -0400
Subject: [PATCH 5/7] Update docsite/index.html

Co-authored-by: Adam Argyle <argyle@google.com>
---
 docsite/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docsite/index.html b/docsite/index.html
index 507bbf73..4845bf85 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -2845,7 +2845,7 @@ <h6>Shake Y</h6>
             </button>
           </div>
 
-          <div class="animation-demo-target" data-animation="wobble">
+          <div class="animation-demo-target" data-animation="shake-z">
             <h6>Wobble</h6>
             <button class="play-button">
               <svg viewBox="0 0 20 20">

From 3686ea3eecaafe71318f053c03a0533088100bae Mon Sep 17 00:00:00 2001
From: Brian Michael Poblete <brianmp.dev@gmail.com>
Date: Fri, 5 Apr 2024 12:43:09 -0400
Subject: [PATCH 6/7] Update docsite/index.html

Co-authored-by: Adam Argyle <argyle@google.com>
---
 docsite/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docsite/index.html b/docsite/index.html
index 4845bf85..706e00ec 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -2846,7 +2846,7 @@ <h6>Shake Y</h6>
           </div>
 
           <div class="animation-demo-target" data-animation="shake-z">
-            <h6>Wobble</h6>
+            <h6>Shake Z</h6>
             <button class="play-button">
               <svg viewBox="0 0 20 20">
                 <use href="#play-icon"/>

From 0a59238cc8175063bdc4eff7e4c599372b46e53e Mon Sep 17 00:00:00 2001
From: Brian-Pob <brianmp.dev@gmail.com>
Date: Fri, 5 Apr 2024 12:46:06 -0400
Subject: [PATCH 7/7] add animation shake z in animation props example

---
 docsite/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docsite/index.html b/docsite/index.html
index 706e00ec..80916ee0 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -2562,7 +2562,7 @@ <h5>The Props</h5>
             <pre class="language-css"><code>
               --animation-fade-{in,out}
               --animation-fade-{in,out}-bloom
-              --animation-shake-{x,y}
+              --animation-shake-{x,y,z}
 
               --animation-slide-out-{up,down,left,right}
               --animation-slide-in-{up,down,left,right}