From a02595b5eaa66e2e685f40b5608c7f52d5653e71 Mon Sep 17 00:00:00 2001
From: "knapsack-cloud[bot]"
 <57459571+knapsack-cloud[bot]@users.noreply.github.com>
Date: Thu, 19 Oct 2023 14:17:05 +0000
Subject: [PATCH] token updates for themes

---
 knapsack/data/db.yml                      |   4 +-
 knapsack/data/knapsack.design-tokens.json | 136 +++++++++++-----------
 2 files changed, 70 insertions(+), 70 deletions(-)

diff --git a/knapsack/data/db.yml b/knapsack/data/db.yml
index c4429e2bdc..efb6d6151d 100644
--- a/knapsack/data/db.yml
+++ b/knapsack/data/db.yml
@@ -3918,7 +3918,7 @@ demos:
     hO1eU0E7fu:
       data:
         props:
-          interactable: true
+          interactable: false
         slots:
           children:
             - demoId: ieYT9IxU78
@@ -3929,7 +3929,7 @@ demos:
                 <p>Your presence and input has helped to make this day so valuable for all. Thank you for being a part
                 of our community.</p>
 
-                <p> Want to keep the conversation and get deeper into <i>your</i> team's situation?</p>
+                <p> Want to keep the conversation going and get deeper into <i>your</i> team's situation?</p>
               type: text
             - demoId: jGhpFvJLGB
               patternId: button
diff --git a/knapsack/data/knapsack.design-tokens.json b/knapsack/data/knapsack.design-tokens.json
index a8c5db0bfd..c0c5a5330c 100644
--- a/knapsack/data/knapsack.design-tokens.json
+++ b/knapsack/data/knapsack.design-tokens.json
@@ -74,213 +74,213 @@
     "description": ""
   },
   "theme": {
-    "commercial": {
+    "retail": {
       "actionable": {
-        "primary": {
-          "foreground": {
+        "cta": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#d4afff"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#b885f2"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
-            "$value": "#1ef79f",
-            "$description": ""
+            "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
-        "cta": {
-          "foreground": {
+        "primary": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#ffef9d"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#ffde39"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
         "secondary": {
-          "foreground": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#cfe1e2"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#a0ccce"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         }
       }
     },
-    "retail": {
+    "commercial": {
       "actionable": {
-        "primary": {
-          "foreground": {
+        "cta": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#eb8f8f"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#e96969"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
-        "cta": {
-          "foreground": {
+        "primary": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#95f6cf",
+            "$description": ""
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#43eda9"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }
         },
         "secondary": {
-          "foreground": {
+          "background": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#8ebeff"
           },
-          "foreground hover": {
+          "foreground": {
             "$type": "color",
             "$value": "#000000"
           },
-          "foreground active": {
+          "background hover": {
             "$type": "color",
-            "$value": "#000000"
+            "$value": "#5ea0fb"
           },
-          "foreground disabled": {
+          "foreground hover": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background": {
+          "background active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background hover": {
+          "foreground active": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background active": {
+          "background disabled": {
             "$type": "color",
             "$value": "#000000"
           },
-          "background disabled": {
+          "foreground disabled": {
             "$type": "color",
             "$value": "#000000"
           }