Merge pull request #9 from knapsack-cloud/token-theme-updates

token updates for themes
knapsack-cloud · Oct 19, 2023 · 413ab7e · 413ab7e
2 parents 7503985 + a02595b
commit 413ab7e
Show file tree

Hide file tree

Showing 2 changed files with 70 additions and 70 deletions.
diff --git 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
@@ -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"
           }