refactor(token):adjusted floating button tokens to the code

swisspost · Nov 19, 2024 · 69a845b · 69a845b
1 parent 4157c1d
commit 69a845b
Showing 1 changed file with 73 additions and 67 deletions.
diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
@@ -5933,6 +5933,76 @@
       }
     }
   },
+  "Components/Floating button": {
+    "post": {
+      "floating-button": {
+        "position": {
+          "right": {
+            "$type": "dimension",
+            "$value": "{post.device.grid.padding.inline.container}"
+          },
+          "bottom": {
+            "$type": "dimension",
+            "$value": "{post.device.position.1}"
+          }
+        },
+        "enabled-fg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
+        },
+        "enabled-bg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
+        },
+        "enabled-border": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
+        },
+        "hover-fg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
+        },
+        "hover-bg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
+        },
+        "hover-border": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
+        },
+        "size": {
+          "outer": {
+            "$type": "sizing",
+            "$value": "{post.device.sizing.interactive.button.height.2}"
+          },
+          "icon": {
+            "$type": "sizing",
+            "$value": "{post.device.sizing.interactive.button.icon.3}"
+          }
+        },
+        "border-width": {
+          "$type": "borderWidth",
+          "$value": "{post.device.border-width.default}"
+        },
+        "border-radius": {
+          "round": {
+            "$type": "borderRadius",
+            "$value": "{post.device.border-radius.round}"
+          }
+        },
+        "elevation": {
+          "$type": "boxShadow",
+          "$value": "{post.device.elevation.300}"
+        },
+        "translate": {
+          "y": {
+            "$type": "dimension",
+            "$value": "{post.core.dimension.96}"
+          }
+        }
+      }
+    }
+  },
   "Components/Form footer": {
     "post": {
       "form-footer": {
@@ -8310,70 +8380,6 @@
       }
     }
   },
-  "Components/Floating button": {
-    "post": {
-      "floating-button": {
-        "position": {
-          "right": {
-            "$type": "dimension",
-            "$value": "{post.device.grid.padding.inline.container}"
-          },
-          "top": {
-            "$type": "dimension",
-            "$value": "{post.device.position.1}"
-          }
-        },
-        "enabled-fg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
-        },
-        "enabled-bg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
-        },
-        "enabled-border": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
-        },
-        "hover-fg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
-        },
-        "hover-bg": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
-        },
-        "hover-border": {
-          "$type": "color",
-          "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
-        },
-        "size": {
-          "outer": {
-            "$type": "sizing",
-            "$value": "{post.device.sizing.interactive.button.height.2}"
-          },
-          "icon": {
-            "$type": "sizing",
-            "$value": "{post.device.sizing.interactive.button.icon.3}"
-          }
-        },
-        "border-width": {
-          "$type": "borderWidth",
-          "$value": "{post.device.border-width.default}"
-        },
-        "border-radius": {
-          "round": {
-            "$type": "borderRadius",
-            "$value": "{post.device.border-radius.round}"
-          }
-        },
-        "elevation": {
-          "$type": "boxShadow",
-          "$value": "{post.device.elevation.300}"
-        }
-      }
-    }
-  },
   "Components/Validation": {
     "post": {
       "validation": {
@@ -11348,7 +11354,6 @@
         "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
         "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
         "post.floating-button.position.right": "5f5f7a00e0660158923bd57ee08d5f10c4074526",
-        "post.floating-button.position.top": "ff8db193bebd896a1c226be5aa69b28b3729c785",
         "post.floating-button.enabled-fg": "77f009565576cc049046b990ef2b0688a43becd7",
         "post.floating-button.enabled-bg": "491d5f34dd817b87c813955d6aa84eae900a5f5a",
         "post.floating-button.enabled-border": "fced80ecb14d12d7a312fb54984a6af601983225",
@@ -11367,7 +11372,8 @@
         "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
         "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
         "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
-        "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
+        "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
+        "post.floating-button.position.bottom": "ff8db193bebd896a1c226be5aa69b28b3729c785"
       }
     },
     {
@@ -11579,6 +11585,7 @@
       "Components/Close",
       "Components/Container",
       "Components/Dropdown",
+      "Components/Floating button",
       "Components/Form footer",
       "Components/Grid",
       "Components/Icon button",
@@ -11599,7 +11606,6 @@
       "Components/Text highlighted",
       "Components/Text input",
       "Components/Toast",
-      "Components/Floating button",
       "Components/Validation",
       "FigmaOnly",
       "Utilities/Spacing",