villa-design-tokens 1.0.103 → 1.0.104

package/package.json

@@ -2,7 +2,7 @@
   "name": "villa-design-tokens",
   "description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
   "author": "VPRO",
-  "version": "1.0.103",
+  "version": "1.0.104",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vpro/Design-tokens.git"

package/tokens/$themes.json

@@ -222,10 +222,7 @@
       "color.link.subtle-hover": "S:e32a69fe9516ab24118ef48d4645ee42e20f5ca4,",
       "text.utility.max.xxl": "S:290a9115fe3661f6b8a05014412f623b2f7aa09e,",
       "text.utility.min.xxl": "S:93a3b1aa6063897d9788ec98973da9306bbf9465,",
-      "color.primary.interactive.outline-hover": "S:7945b4b98dff52a614df51d1aaa9e609375f4611,",
-      "color.surface.disabled": "S:f3af6d44263a15a252cdd44c4e40a7ef341574c7,",
-      "color.border.inverse": "S:dd3f0bac0e2b0c705a6f333b70f6eeace9a3d12a,",
-      "color.secondary.interactive.outline-hover": "S:3540675c1373d3695abd44d207d0bf5b4b46721e,"
+      "color.primary.interactive.outline-hover": "S:7945b4b98dff52a614df51d1aaa9e609375f4611,"
     },
     "selectedTokenSets": {
       "global": "source",

package/tokens/base.json

@@ -489,5 +489,25 @@
         "type": "color"
       }
     }
+  },
+  "motion": {
+    "button-hover": {
+      "value": "{motion.property.color} {motion.style.ease-in-out} {motion.duration.fast}",
+      "type": "other"
+    },
+    "link-hover": {
+      "value": "{motion.property.color} {motion.style.ease-in-out} {motion.duration.fast}",
+      "type": "other"
+    },
+    "duration": {
+      "fast": {
+        "value": "{motion.duration.25}",
+        "type": "other"
+      },
+      "slow": {
+        "value": "{motion.duration.50}",
+        "type": "other"
+      }
+    }
   }
 }

package/tokens/global.json

@@ -423,5 +423,46 @@
         }
       }
     }
+  },
+  "motion": {
+    "style": {
+      "ease-in-out": {
+        "value": "cubic-bezier(0.42, 0, 0.58, 1)",
+        "type": "other",
+        "description": "Responds quickly and finishes with control. A great default for any user interaction."
+      },
+      "ease-out": {
+        "value": "cubic-bezier(0.19, 0.91, 0.38, 1)",
+        "type": "other"
+      },
+      "ease-in": {
+        "value": "cubic-bezier(0.42, 0, 1, 1)",
+        "type": "other"
+      },
+      "linear": {
+        "value": "cubic-bezier(0, 0, 1, 1)",
+        "type": "other"
+      }
+    },
+    "duration": {
+      "25": {
+        "value": "25ms",
+        "type": "other"
+      },
+      "50": {
+        "value": "50ms",
+        "type": "other"
+      }
+    },
+    "property": {
+      "color": {
+        "value": "color",
+        "type": "other"
+      },
+      "size": {
+        "value": "size",
+        "type": "other"
+      }
+    }
   }
 }