From 778c71db10cfe190b13eead3047e357b4ac293fe Mon Sep 17 00:00:00 2001
From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com>
Date: Wed, 30 Oct 2024 15:09:45 +0100
Subject: [PATCH] refactor(tokens):removed all component tokens that had
 something to do with the focus style and connected the components with the
 helper class

---
 .../tokens/tokensstudio-generated/tokens.json | 481 +++---------------
 1 file changed, 64 insertions(+), 417 deletions(-)

diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
index d62a4bcdc7..9af9e7e092 100644
--- a/packages/tokens/tokensstudio-generated/tokens.json
+++ b/packages/tokens/tokensstudio-generated/tokens.json
@@ -4265,26 +4265,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
         },
-        "focus": {
-          "outline": {
-            "color": {
-              "$type": "color",
-              "$value": "{post.scheme.color.interactive.focus.stroke}"
-            },
-            "width": {
-              "$type": "borderWidth",
-              "$value": "{post.device.border-width.focus}"
-            },
-            "style": {
-              "$type": "other",
-              "$value": "{post.core.border-style.solid}"
-            },
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          }
-        },
         "border-radius": {
           "$type": "borderRadius",
           "$value": "{post.device.border-radius.focus}"
@@ -4579,22 +4559,6 @@
           "$type": "sizing",
           "$value": "{post.device.sizing.interactive.button.height.5}"
         },
-        "focus": {
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            },
-            "color": {
-              "$type": "color",
-              "$value": "{post.scheme.color.interactive.focus.stroke}"
-            }
-          },
-          "outline-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          }
-        },
         "border-radius": {
           "$type": "borderRadius",
           "$value": "{post.device.border-radius.1}"
@@ -4629,22 +4593,6 @@
           "$type": "fontSizes",
           "$value": "{post.device.font-size.8}"
         },
-        "focus": {
-          "outline-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.gap.2}"
-            },
-            "color": {
-              "$type": "color",
-              "$value": "{post.scheme.color.interactive.focus.stroke}"
-            }
-          }
-        },
         "image": {
           "hover-opacity": {
             "$type": "color",
@@ -4892,26 +4840,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.selected.fg1}"
         },
-        "focus": {
-          "outline": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "outline-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "padding": {
-            "outline": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          },
-          "outline-radius": {
-            "$type": "borderRadius",
-            "$value": "{post.device.border-radius.focus}"
-          }
-        },
         "padding": {
           "block": {
             "text": {
@@ -4990,26 +4918,6 @@
   "Components/Button": {
     "post": {
       "button": {
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "stroke-inverted": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke-inverted}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          }
-        },
         "gap": {
           "block": {
             "1": {
@@ -5416,30 +5324,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
         },
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          },
-          "border-radius": {
-            "$type": "borderRadius",
-            "$value": "{post.device.border-radius.focus}"
-          },
-          "border-style": {
-            "$type": "other",
-            "$value": "{post.core.border-style.solid}"
-          }
-        },
         "gap": {
           "block": {
             "group": {
@@ -5451,10 +5335,6 @@
             "text-start": {
               "$type": "spacing",
               "$value": "{post.device.spacing.gap.inline.12}"
-            },
-            "group": {
-              "$type": "spacing",
-              "$value": "tbd"
             }
           }
         },
@@ -5468,9 +5348,13 @@
             "$value": "{post.device.sizing.interactive.icon.size}"
           },
           "padding": {
-            "container": {
+            "inner": {
               "$type": "spacing",
               "$value": "{post.device.spacing.padding.1}"
+            },
+            "container": {
+              "$type": "spacing",
+              "$value": "{post.device.spacing.padding.block.18}"
             }
           }
         },
@@ -5627,10 +5511,6 @@
                 "bottom": {
                   "$type": "borderWidth",
                   "$value": "{post.device.border-width.alternative2}"
-                },
-                "focus": {
-                  "$type": "borderWidth",
-                  "$value": "{post.device.border-width.focus}"
                 }
               },
               "icon": {
@@ -5663,12 +5543,6 @@
                 "$type": "color",
                 "$value": "{post.scheme.color.interactive.primary.hover.stroke}"
               },
-              "focus": {
-                "stroke": {
-                  "$type": "color",
-                  "$value": "{post.scheme.color.interactive.focus.stroke}"
-                }
-              },
               "enabled-stroke": {
                 "$type": "color",
                 "$value": "{post.scheme.color.interactive.primary.enabled.stroke3}"
@@ -5756,26 +5630,6 @@
   "Components/Icon button": {
     "post": {
       "icon-button": {
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "stroke-inverted": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke-inverted}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          }
-        },
         "large": {
           "outer": {
             "$type": "sizing",
@@ -6119,30 +5973,6 @@
             "$type": "color",
             "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
           },
-          "focus": {
-            "outline": {
-              "offset": {
-                "$type": "spacing",
-                "$value": "{post.device.spacing.padding.2}"
-              },
-              "color": {
-                "$type": "color",
-                "$value": "{post.scheme.color.interactive.focus.stroke}"
-              }
-            },
-            "outline-style": {
-              "$type": "other",
-              "$value": "{post.core.border-style.solid}"
-            },
-            "outline-width": {
-              "$type": "borderWidth",
-              "$value": "{post.device.border-width.focus}"
-            },
-            "outline-radius": {
-              "$type": "borderRadius",
-              "$value": "{post.device.border-radius.focus}"
-            }
-          },
           "border-width": {
             "$type": "borderWidth",
             "$value": "{post.device.border-width.alternative1}"
@@ -6436,10 +6266,6 @@
     "post": {
       "popover": {
         "close-button": {
-          "focus-stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke-inverted}"
-          },
           "enabled-fg": {
             "$type": "color",
             "$value": "{post.scheme.color.surface.emphasis.fg}"
@@ -6462,10 +6288,6 @@
           }
         },
         "link": {
-          "focus-stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke-inverted}"
-          },
           "padding": {
             "block": {
               "$type": "spacing",
@@ -6491,19 +6313,9 @@
           "font-size": {
             "$type": "fontSizes",
             "$value": "{post.device.font-size.7}"
-          },
-          "focus": {
-            "border-radius": {
-              "$type": "borderRadius",
-              "$value": "{post.device.border-radius.focus}"
-            }
           }
         },
         "icon": {
-          "focus-stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
           "enabled-fg": {
             "$type": "color",
             "$value": "{post.scheme.color.surface.accent1.fg}"
@@ -6563,16 +6375,6 @@
           "$type": "boxShadow",
           "$value": "{post.device.elevation.300}"
         },
-        "focus": {
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "padding": {
-            "$type": "spacing",
-            "$value": "{post.device.spacing.padding.2}"
-          }
-        },
         "paragraph": {
           "font-size": {
             "$type": "fontSizes",
@@ -6584,14 +6386,6 @@
             "$type": "fontSizes",
             "$value": "{post.device.font-size.6}"
           }
-        },
-        "button": {
-          "focus": {
-            "border-radius": {
-              "$type": "borderRadius",
-              "$value": "{post.device.border-radius.round}"
-            }
-          }
         }
       }
     }
@@ -6647,30 +6441,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.selected.stroke1}"
         },
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "border-style": {
-            "$type": "other",
-            "$value": "{post.core.border-style.solid}"
-          },
-          "border-radius": {
-            "$type": "borderRadius",
-            "$value": "{post.device.border-radius.1}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          }
-        },
         "gap": {
           "block": {
             "group": {
@@ -6815,22 +6585,6 @@
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.hover.stroke}"
         },
-        "focus": {
-          "outline": {
-            "color": {
-              "$type": "color",
-              "$value": "{post.scheme.color.interactive.focus.stroke}"
-            },
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          },
-          "outline-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          }
-        },
         "border-width": {
           "$type": "borderWidth",
           "$value": "{post.device.border-width.default}"
@@ -6937,16 +6691,6 @@
             "$value": "{post.scheme.color.signal.success-dark}"
           }
         },
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          }
-        },
         "gap": {
           "inline": {
             "section": {
@@ -6985,16 +6729,6 @@
                 "$value": "{post.device.spacing.padding.block.2}"
               }
             }
-          },
-          "focus": {
-            "padding": {
-              "block": {
-                "section": {
-                  "$type": "spacing",
-                  "$value": "{post.device.spacing.padding.block.4}"
-                }
-              }
-            }
           }
         },
         "padding": {
@@ -7028,7 +6762,7 @@
           },
           "signal": {
             "$type": "sizing",
-            "$value": "{post.device.sizing.interactive.textfields.icon}"
+            "$value": "{post.device.sizing.notification.1}"
           }
         },
         "border-radius": {
@@ -7151,16 +6885,6 @@
             "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
           }
         },
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          }
-        },
         "enabled-bg": {
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.enabled.bg2}"
@@ -7291,30 +7015,6 @@
             "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
           }
         },
-        "focus": {
-          "stroke": {
-            "$type": "color",
-            "$value": "{post.scheme.color.interactive.focus.stroke}"
-          },
-          "border-width": {
-            "$type": "borderWidth",
-            "$value": "{post.device.border-width.focus}"
-          },
-          "outline": {
-            "offset": {
-              "$type": "spacing",
-              "$value": "{post.device.spacing.padding.2}"
-            }
-          },
-          "border-radius": {
-            "$type": "borderRadius",
-            "$value": "{post.device.border-radius.focus}"
-          },
-          "border-style": {
-            "$type": "other",
-            "$value": "{post.core.border-style.solid}"
-          }
-        },
         "handle": {
           "enabled": {
             "$type": "color",
@@ -7528,7 +7228,7 @@
             "start": {
               "filled": {
                 "$type": "spacing",
-                "$value": "{post.utility.padding.26}"
+                "$value": "{post.device.spacing.padding.block.26}"
               }
             },
             "end": {
@@ -7552,7 +7252,7 @@
         "sizing": {
           "icon": {
             "$type": "sizing",
-            "$value": "{post.device.sizing.interactive.textfields.icon}"
+            "$value": "{post.device.sizing.notification.1}"
           }
         },
         "border-radius": {
@@ -7697,12 +7397,6 @@
               "$type": "color",
               "$value": "{post.scheme.color.signal.success-dark}"
             }
-          },
-          "focus": {
-            "stroke": {
-              "$type": "color",
-              "$value": "{post.scheme.color.interactive.focus.stroke}"
-            }
           }
         },
         "spacing": {
@@ -7756,7 +7450,7 @@
         "sizing": {
           "icon": {
             "$type": "sizing",
-            "$value": "{post.device.sizing.interactive.textfields.icon}"
+            "$value": "{post.device.sizing.notification.1}"
           }
         },
         "border-radius": {
@@ -8870,6 +8564,10 @@
           "color": {
             "$type": "color",
             "$value": "{post.scheme.color.interactive.focus.stroke}"
+          },
+          "color-inverted": {
+            "$type": "color",
+            "$value": "{post.scheme.color.interactive.focus.stroke-inverted}"
           }
         },
         "outline-width": {
@@ -8879,6 +8577,11 @@
         "border-style": {
           "$type": "other",
           "$value": "{post.core.border-style.solid}"
+        },
+        "border-radius": {
+          "$type": "borderRadius",
+          "$value": "{post.device.border-radius.focus}",
+          "$description": "This token is can be used to add a border radius for normal components or in figma for the focus style only"
         }
       }
     }
@@ -8895,9 +8598,7 @@
         "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2,"
       },
       "selectedTokenSets": {
-        "core": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "core": "enabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1595",
       "$figmaModeId": "718:0",
@@ -9033,9 +8734,7 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Scheme/Light": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Light": "enabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9213,9 +8912,7 @@
       "selectedTokenSets": {
         "core": "source",
         "Scheme/Light": "enabled",
-        "Scheme/Dark": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "enabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9394,9 +9091,7 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Device/Desktop": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Device/Desktop": "enabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9566,9 +9261,7 @@
       "selectedTokenSets": {
         "core": "source",
         "Device/Desktop": "enabled",
-        "Device/Tablet": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Device/Tablet": "enabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9745,9 +9438,7 @@
         "core": "source",
         "Device/Desktop": "enabled",
         "Device/Tablet": "enabled",
-        "Device/Mobile": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Device/Mobile": "enabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9921,9 +9612,7 @@
         "Device/Mobile": "source",
         "Channel/EDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9944,9 +9633,7 @@
         "Channel/EDK": "enabled",
         "Channel/IDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9977,9 +9664,7 @@
         "Elements/ListBullet": "enabled",
         "Elements/ListNumber": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16769",
       "$figmaModeId": "3180:1",
@@ -10051,9 +9736,7 @@
         "Theme/Post": "source",
         "Utilities/Color": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16768",
       "$figmaModeId": "3180:0",
@@ -10241,9 +9924,7 @@
         "Scheme/Light": "source",
         "Scheme/Dark": "source",
         "Components/Close": "enabled",
-        "Components/Accordion": "enabled",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Components/Accordion": "enabled"
       },
       "$figmaCollectionId": "VariableCollectionId:808:5504",
       "$figmaModeId": "808:0",
@@ -10268,9 +9949,6 @@
         "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1",
         "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84",
         "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016",
-        "post.app-store.focus.outline.offset": "d19a3aeece25bc28e189950717178de1a26a417d",
-        "post.app-store.focus.outline.color": "77f9914002cf889b0f53dab6fdc611a16e147a5e",
-        "post.app-store.focus.outline-width": "db9852513a3a04b96d048ed203f1019be482843d",
         "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f",
         "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0",
         "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2",
@@ -10278,9 +9956,6 @@
         "post.avatar.border-width": "2baed26616e4f57e9f0d918307a9ab81b5943a1f",
         "post.avatar.border-radius": "678ffd41a7a2b40ecda04f9934a7c5f3a46af947",
         "post.avatar.font-size": "a6f355062eaa456bf2a08bd812e990d0e799ef28",
-        "post.avatar.focus.outline-width": "00c1775287d56489f956cac4b326066f6484a341",
-        "post.avatar.focus.outline.offset": "5bd301c5170ad3d660fb070eca4341ced50b5008",
-        "post.avatar.focus.outline.color": "c0afc6c16022ba4ac8d1119fb79d2b6e8326a665",
         "post.avatar.image.hover-opacity": "2659b79bad8b084a6be14379c73d2b9fe8ff893c",
         "post.avatar.hover-bg": "ac1cb946a9c9eba579dc69e06ddbb685dbce5dd8",
         "post.avatar.border.color": "90487aa720710673a56fdd65f24fe8d00ff0aeaa",
@@ -10324,23 +9999,15 @@
         "post.breadcrumb.enabled-fg": "2baf0e7b11623e8bfb266ffb3a8cf71cc6c4dbd4",
         "post.breadcrumb.hover-fg": "9848a57f5708dd944ac7a829f5031edcc927f7ba",
         "post.breadcrumb.selected-fg": "11ba9dc52d4c5ff12c180643b18255c8f570da7a",
-        "post.breadcrumb.focus.outline": "54da5c7d58e96de608657b4da381c50bc4e4c96b",
-        "post.breadcrumb.focus.outline-width": "9f2fd3618cfdd207f8c717133600e515dbd99823",
-        "post.breadcrumb.focus.padding.outline": "aace328623a36b12e1a43a3ddc2967b639c050b4",
-        "post.breadcrumb.focus.outline-radius": "eb4bfc145bc77ac16b3af962aac5e72d5905f320",
         "post.breadcrumb.padding.block.text": "79f90c13e2a49c831f794b81a04e23510cc264db",
         "post.breadcrumb.padding.block.icon-home": "448e288b353b6b9e0fb1f8afc789b347072374df",
+        "post.breadcrumb.padding.block.icon-link": "e349ea2a97a3f14e0f6c4e06276e8bf62819ee3f",
         "post.breadcrumb.padding.inline.icon-home": "7a73ca6ac411c1557c22e621e2fa1129d6bdff91",
+        "post.breadcrumb.padding.inline.icon-link": "39d94779d27046b699f0fdddd2e68f504e9b75ad",
         "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052",
         "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd",
         "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841",
         "post.breadcrum.icon.size": "72338131139ad3c76c52523326371d15f5284ac5",
-        "post.breadcrumb.padding.block.icon-link": "e349ea2a97a3f14e0f6c4e06276e8bf62819ee3f",
-        "post.breadcrumb.padding.inline.icon-link": "39d94779d27046b699f0fdddd2e68f504e9b75ad",
-        "post.button.focus.stroke": "f37ddaed33ccefb43bce824e905a752038014215",
-        "post.button.focus.stroke-inverted": "f6da69710bbcd28768bd4cef6aee0e15d8cda4af",
-        "post.button.focus.border-width": "b626550a088cd45823ccc7e199039eb3fe97067a",
-        "post.button.focus.outline.offset": "16f0e8f98548e4ef11e181746cf119ea8cf359ed",
         "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9",
         "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5",
         "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62",
@@ -10427,21 +10094,17 @@
         "post.checkbox.hover-stroke": "09fd9bb754b50d6b5d66a08cb9b5aa02b81f1eb1",
         "post.checkbox.selected-stroke": "9f457bf24e972f9f8a7d551d304675edee096461",
         "post.checkbox.disabled-stroke": "450e5256bebdcb568e9093e4dd3bfaa329f76d39",
-        "post.checkbox.focus.stroke": "cb037b8e2fd22c55053450954d98cfd5bda4449c",
-        "post.checkbox.focus.border-width": "d2702de45e2af881ed2bdc380f7a6c013751eb84",
-        "post.checkbox.focus.outline.offset": "a88da544b2c1625f6dbfd8bf72516b11b14bd1e8",
-        "post.checkbox.focus.border-radius": "f4e43b666081d5a3bbd1ea30f5e8e580dbb21f96",
         "post.checkbox.gap.block.group": "c87709f94c2c59282e5bcfc93d28ea57339d29be",
         "post.checkbox.gap.inline.text-start": "6a0ccb17874af047442e69a9ea84440679f3a4e7",
-        "post.checkbox.gap.inline.group": "e65d5b65b7b21225e8e823f960cdc68f730d225b",
         "post.checkbox.icon.border-width": "df706a4acde93afd0c8a6c08650212691c753a4d",
         "post.checkbox.icon.size": "bacfefb76323eaf5cbec8ca21a1b228051dfc310",
-        "post.checkbox.icon.padding.container": "e9e51839824fee21aa30c8e627bc8d8506989bf7",
+        "post.checkbox.icon.padding.inner": "e9e51839824fee21aa30c8e627bc8d8506989bf7",
         "post.checkbox.padding.block.single": "1778f14657ae6d552d6bc38fa839a264a0ce1a30",
         "post.checkbox.padding.block.group": "b39040700cb53d4bdf17a0c4efea819a6f461382",
         "post.checkbox.border-radius": "d7f2f321d3f6aa26b82e92bdddc71e8278b2d45a",
         "post.checkbox.group.legend.font-size": "5b0316a7c8f172a8c450b37de8030c2fafdd3b64",
         "post.checkbox.label.padding.block": "1f0dbe15a811f9ac9a6699131a7925b19b90da68",
+        "post.checkbox.icon.padding.container": "39452157a92f506676bb72d29d8772cf9035c91f",
         "post.close.size": "515ef5927115a50084de12d9bd441da2ec42a649",
         "post.close.enabled-fg": "8d08f9197375c3d7b44e957e02fe1ebae8d89a35",
         "post.close.hover-fg": "7c7d9dc3aed021bd21709eb4ad1e784dab16e179",
@@ -10461,14 +10124,12 @@
         "post.dropdown.multi-select.menu.list-item.padding.block.end": "9b835f93c50b46cc7bc7a3f33253e8f86a93cb5b",
         "post.dropdown.multi-select.menu.list-item.gap.inline.text-start": "1d4a4948d70b06601536ee22dce4255fbf846394",
         "post.dropdown.multi-select.menu.list-item.border-width.bottom": "e36f940ea1f152976ccaa36cfa2cf8bdd3266573",
-        "post.dropdown.multi-select.menu.list-item.border-width.focus": "205907f0cfbed21a14319d1e9fb1ab48fe583828",
         "post.dropdown.multi-select.menu.list-item.icon.spacing.height.outer": "0bd536964411f0d340eb3ce6cfb27426882147ee",
         "post.dropdown.multi-select.menu.list-item.enabled-fg": "7feb95cc1c61e3e16c1e9efb74b6944f0fe562d1",
         "post.dropdown.multi-select.menu.list-item.hover-fg": "f7eb371fafa736714c2b47aba317c6d1b7a57a59",
         "post.dropdown.multi-select.menu.list-item.enabled-bg": "64fd988b0510a71cb37d0d25ff495a6e135b0b0f",
         "post.dropdown.multi-select.menu.list-item.hover-bg": "5c88aed4bfb9b356b0e77832c5300514a1136843",
         "post.dropdown.multi-select.menu.list-item.hover-stroke": "d456d03d81c10ee3953fa5f9adddbb5d72ff677c",
-        "post.dropdown.multi-select.menu.list-item.focus.stroke": "4b5c7d7ddcd4d13f55f42020a216c4ed4b74d4ef",
         "post.dropdown.multi-select.menu.list-item.enabled-stroke": "757662a00b6fceb039c47168c52a9a96170a4996",
         "post.dropdown.multi-select.menu.padding.block": "e885da1f27f58d8d77336fa1cc12b08fca18655f",
         "post.dropdown.multi-select.menu.border-radius": "df7ff5e9ed31e5d3c9bab7ff70c498dbf05669a9",
@@ -10479,10 +10140,6 @@
         "post.grid.gutter": "f62d09ab74731ba66a0cb6d73a589a4929a4c061",
         "post.grid.container.max-width": "2a1752769b46f42590f2f73e8cdb7c4629ecf4fd",
         "post.grid.container.padding.inline": "56d9dc77474c3c19eb5c83a89ba155f6a7b2c262",
-        "post.icon-button.focus.stroke": "b742acbcfdcf3dec46d615ce3f25019f6ce49d4e",
-        "post.icon-button.focus.stroke-inverted": "add854f7e47a5f8558e23842a8172a4623ade119",
-        "post.icon-button.focus.border-width": "ec4a328e003eb58b28f214369e6d26f55913756f",
-        "post.icon-button.focus.outline.offset": "403f4a0c4cea74d6aaf6694077bc62cb04fed2c2",
         "post.icon-button.large.outer": "9ffdef1ca1ec6310ab8d817f88ffeff6901054d7",
         "post.icon-button.large.icon": "f227ab508396638380cc60e0d16ebe56eb02134c",
         "post.icon-button.primary.enabled-fg": "61ff031535fb5f65632aa0e24c0db4559804bfed",
@@ -10556,10 +10213,6 @@
         "post.list.item.hover-border": "5d8301e5915b941f7b54b6e23469c2148e76791f",
         "post.list.item.enabled-fg": "4a570668b7059b0822f1e137471f2d255cc62f19",
         "post.list.item.hover-fg": "f7051e304ecb770746a86ddbc231512baa96245b",
-        "post.list.item.focus.outline.offset": "d066bc28e9b22c828149b8612a34becf5837f5f6",
-        "post.list.item.focus.outline.color": "0846e0ff8d338fd370fbff218c1ec6c81ba02ed3",
-        "post.list.item.focus.outline-width": "116e43c79d38c471881a79d5eb170f810ee72640",
-        "post.list.item.focus.outline-radius": "da1e12bc7bde2114427b1ed43baeb55c0c7dd5eb",
         "post.list.item.border-width": "bcd8aacad9ea04c34d9b9a6195caff661a48f581",
         "post.list.icon.container.padding.block": "2c63130c7c5cc820bceda75d7711862518504a8b",
         "post.list.icon.container.padding.inline": "59b199c894c721103fb3826da4dad5363f85bfdf",
@@ -10602,21 +10255,17 @@
         "post.notification.color.error-fg": "c2811af63e8358e87b441bc6fc243138b2edd4cd",
         "post.notification.color.error-stroke": "fef00cabbd22faa3cf3461f6252956d8285db09c",
         "post.notification.color.error-icon": "7cd01907ee9074fde59dca90cdc81b9328e09752",
-        "post.popover.close-button.focus-stroke": "f1ed477c8a2ceb370de59515fa4094a3aff1aacd",
         "post.popover.close-button.enabled-fg": "eb710d3b00b49f690dcf344e0d364d75cfe150d5",
         "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2",
         "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c",
         "post.popover.close-button.hover-bg": "9c3fbc005809a55251769fa02909ff85ad3b188a",
         "post.popover.close-button.outer": "6e8157a3e50114fbe3be54ab0788615ab9642cf4",
-        "post.popover.link.focus-stroke": "b7cd72baeb19c039bae4be96bfdbbf451eb2aa95",
         "post.popover.link.padding.block": "013c450a779b61d44fb5948620cabe750bd71a15",
         "post.popover.link.enabled-fg": "18b49d57ee06ff750328b13fdb1294cc26343e16",
         "post.popover.link.selected-fg": "eade604686bd1b1374688e56aba1a2a9ef374c27",
         "post.popover.link.hover-fg": "9e0bdb99581ebca38755c4b48ddb2da7ba680f9e",
         "post.popover.link.font-weight": "64484112952c2ee1fd52b4962a0fdb4d8a1a55c7",
         "post.popover.link.font-size": "aec530731cd682043df846504a468038385a67a3",
-        "post.popover.link.focus.border-radius": "f88b4d76680b954249f4474c892c53dfc4de896f",
-        "post.popover.icon.focus-stroke": "e75d00d2633e2306ed997ffb4d9c5f2af216a6bf",
         "post.popover.icon.enabled-fg": "81e93275e93e9c63e5bbb66839c992173edf837c",
         "post.popover.icon.selected-fg": "9ea5ba4d7668cf88874ed37430859e758080a3d7",
         "post.popover.icon.hover-fg": "4b3134f5e9fa6fc6ea7e8cf4440b0f955b1e217d",
@@ -10628,11 +10277,8 @@
         "post.popover.surface.padding.inline.end": "1446c8d1017fa330ef3c4137a0e1a83b341ed61e",
         "post.popover.surface.gap.inline": "854b2e7e433d3a0db9f8bae2680cc9fd241f6008",
         "post.popover.text.selected-fg": "963b9d422b963ed3acdf1500f4aebfd93e4e98fc",
-        "post.popover.focus.border-width": "e36a17d8bc0589e40b0032ea711da6a4bf31962d",
-        "post.popover.focus.padding": "b8c123f52e9243087e435b9727dd17eb115bdac4",
         "post.popover.paragraph.font-size": "753ab6d39cf4d2df84fe359b6d932172e31f0fab",
         "post.popover.legend.font-size": "ca32c490ebb5bc14ebf424aba54246f56931bde2",
-        "post.popover.button.focus.border-radius": "8f08b8ef91679f9873d69fb46060ce3c90f0df85",
         "post.radio-button.enabled-bg": "981537511aa6b68e6575007cd1724da013be2dcc",
         "post.radio-button.enabled-fg": "ad56c5542bcfd074a5baf4037297d0884420cd6d",
         "post.radio-button.hover-bg": "f8df140d31e8b662762a8ad65af72207185e25a6",
@@ -10645,10 +10291,6 @@
         "post.radio-button.hover-stroke": "efd5e0b0f302879c355da5d057adaf8ffe41471e",
         "post.radio-button.disabled-stroke": "5b28478865af1ccb34fa372cc316bba7c0eec8c2",
         "post.radio-button.selected-stroke": "e97845dba6dea97d27e389675a9f4ad2073ad586",
-        "post.radio-button.focus.stroke": "a3f22ab0ca03a56411199f5eb396c47a28db5918",
-        "post.radio-button.focus.border-width": "9a82da1a6855536b1aa8ec4867d05000ae98b68b",
-        "post.radio-button.focus.border-radius": "c91b9ccc2f75cd1af277b8238645872165b083f9",
-        "post.radio-button.focus.outline.offset": "28cb3442544ef6bf2eb3dc1ad8a550d38269ac61",
         "post.radio-button.gap.block.group": "9c16987226587efbda8b6ca5dac00608be1e4408",
         "post.radio-button.gap.inline.text-start": "54a8f76477a5a63522d360c6816e113b363647a5",
         "post.radio-button.gap.inline.group": "0d348d17ca88dc80d153be265c58c3ff2c501b4f",
@@ -10673,9 +10315,6 @@
         "post.button-segmented.hover-fg": "2a84933a4249fc8dff24532bc93406672907edd2",
         "post.button-segmented.hover-bg": "4b187ee1082e23ec58943c06d9ace9fe09dab01c",
         "post.button-segmented.hover-border": "8a8756906eaf89e46ea1d2962dba008a4a3b33d3",
-        "post.button-segmented.focus.outline.color": "42b558d628f606b19791acad7ce79100a3f61593",
-        "post.button-segmented.focus.outline.offset": "ffcfcb17cfee9b1a39fd207c49b88697316fb13f",
-        "post.button-segmented.focus.outline-width": "899485d05b5979f4154eebe35f1131acfe1f557b",
         "post.button-segmented.border-width": "4a6d13197a63b4e03477ed62b35d554f797feaf9",
         "post.button-segmented.elements.height": "305e4138ac7bb4dcb2749773bc28240a92b4b77f",
         "post.button-segmented.elements.enabled-border": "c5d7d56d26636bdb4d125bb90190f86b9a80ab5a",
@@ -10698,14 +10337,11 @@
         "post.select.selected-stroke": "a3bf4ee1d2933847ca54343fd263d9b76de5060c",
         "post.select.signal.error": "c4d5804f9170e9f941cf563670f9bff53e779621",
         "post.select.signal.success": "e38c6c1d1b7860808b15ad866d8c3a26442da1a2",
-        "post.select.focus.stroke": "cbb185fea9c01ec53a6bbe7fb76e5847e200f566",
-        "post.select.focus.border-width": "dde13c70a45dbd41e9f1c522beb91b316a5b9d2f",
         "post.select.gap.inline.section": "ac3ebd87d415a6198a37d600ba097e54572c4a64",
         "post.select.filled.gap.inline.value": "119ad9b0ed6377bd24e8d0dee398b7b7ab123dd1",
         "post.select.filled.padding.block.section": "1760720309a0c090e480db8b5486a8b238e74f97",
         "post.select.unfilled.padding.block.section": "1a711d2c8b0bcb1dcaa9ea568fb51211b9654340",
         "post.select.unfilled.padding.block.label": "6a28c8344e9ba48dca29059b3f39478806b17ee9",
-        "post.select.unfilled.focus.padding.block.section": "566f497dcc11af89235fae18aedc7b532c8cf8a4",
         "post.select.padding.block.text-assist": "23351007b485c17d9031c72ba8971b23ab75d03d",
         "post.select.padding.inline.section-start": "71d8968d54a8d6e1064464300e9b7701106d44f4",
         "post.select.padding.inline.section-end": "b9a51dc4bd127de6a5378ef6e489c5d6220b091c",
@@ -10736,8 +10372,6 @@
         "post.snackbar.color.error-icon": "fb053dcadabccbdbe12d091934eb678e468af65c",
         "post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c",
         "post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9",
-        "post.stepper.focus.stroke": "fff618d97ec67ceab1cde99155bc935c37cebc6f",
-        "post.stepper.focus.border-width": "c8107fa442b3f94a02ac89975b8d8f3d3929a2bd",
         "post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749",
         "post.stepper.enabled-fg": "5d4a229bcb9e9a041a2716ae89eb722b6c6372c3",
         "post.stepper.completed-bg": "71e5b10a098d581b9d7a025b5e293f61be0fd585",
@@ -10765,10 +10399,6 @@
         "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621",
         "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f",
         "post.switch.icon.hover": "5c750ce20d8456d07e02fbbb43b14b5090f8f87b",
-        "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a",
-        "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08",
-        "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63",
-        "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523",
         "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf",
         "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52",
         "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb",
@@ -10840,7 +10470,6 @@
         "post.input.color.selected-stroke": "cd6d5766d9f136e44719c7a28eb250c545556c35",
         "post.input.color.signal.error": "7ddc0bfe846c295b5a215c45e423a2fdddf6959a",
         "post.input.color.signal.success": "0157a5c40c9a4eb6f87cfddd9a5c3f3a8a67282e",
-        "post.input.color.focus.stroke": "452d98281ca79ef631cedc28e552caf6c097c143",
         "post.input.spacing.gap.inline.1": "ea0f287f910901d9a2754175427d33874636908d",
         "post.input.spacing.gap.inline.2": "e17ec3bfeef8ad59d33f8ed4028bcbeffb3c2e65",
         "post.input.spacing.padding.block.text1": "a2dbf734944c2720e08b06ba2f0d4446807214a7",
@@ -10949,9 +10578,7 @@
         "Utilities/Spacing": "source",
         "Utilities/Typo": "source",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       }
     },
     {
@@ -10967,9 +10594,7 @@
         "Channel/IDK": "source",
         "Theme/Post": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -11003,9 +10628,7 @@
         "Theme/Post": "enabled",
         "Theme/Cargo": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source",
-        "Helpers/Color": "disabled",
-        "Helpers/Focus": "disabled"
+        "Scheme/Dark": "source"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -11037,10 +10660,25 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Helpers/Color": "enabled",
-        "Helpers/Focus": "disabled"
+        "Helpers/Color": "enabled"
       },
-      "group": "Helpers"
+      "group": "Helpers",
+      "$figmaVariableReferences": {
+        "post.helper.color.default.bg": "78e4de909d2083079acd570d14ec5711bcfd767e",
+        "post.helper.color.default.fg": "1119ec593790541d7462d13d5b0921203eb2f306",
+        "post.helper.color.default.bg-scheme": "b6c306cfa928090412bf2cb11cc10d9cdffcab5f",
+        "post.helper.color.alternate.bg": "68b59e1f466cfabba4034dd98eb36d149dcea898",
+        "post.helper.color.alternate.fg": "1de537d276551eb2e4405949d04ac2235953687b",
+        "post.helper.color.alternate.bg-scheme": "9652e919941b0d2ee51f75f3cf8f09709a8e3529",
+        "post.helper.color.brand.bg": "154c666338ba0bbaa6b937440b16ea6379c921f1",
+        "post.helper.color.brand.fg": "662e59cf84b469528b4912250de6c6b4e63e6fbe",
+        "post.helper.color.brand.bg-scheme": "35e3fb74f1d179155ceaa634eac2125de1201f6d",
+        "post.helper.color.emphasis.bg": "804b4156a383d9664e9c8554dda79db09e5e43ad",
+        "post.helper.color.emphasis.fg": "b51ad3628fe85ca59f9af070f7fbc3f631b3a124",
+        "post.helper.color.emphasis.bg-scheme": "5dff219fb8818db014a49bdfe6fa579a8cd34590"
+      },
+      "$figmaCollectionId": "VariableCollectionId:6402:53852",
+      "$figmaModeId": "6402:0"
     },
     {
       "id": "de151f32ac85175085c129c9d55429225636cfb7",
@@ -11059,7 +10697,16 @@
         "Theme/Cargo": "source",
         "Helpers/Focus": "enabled"
       },
-      "group": "Helpers"
+      "group": "Helpers",
+      "$figmaCollectionId": "VariableCollectionId:6402:53868",
+      "$figmaModeId": "6402:2",
+      "$figmaVariableReferences": {
+        "post.focus.outline.offset": "afb99f6b8750bf14bbe0877ced8d23f74ea78346",
+        "post.focus.outline.color": "874733b4452f310c80417f989b33f62f6a60d336",
+        "post.focus.outline.color-inverted": "d39da95f9ae5477e3ec71ecb9f4157462777697b",
+        "post.focus.outline-width": "7eae4d3dc8a5c281265a9fe998fde649dbeaaba0",
+        "post.focus.border-radius": "2b7975894777de84247e467a8210fcefac597616"
+      }
     }
   ],
   "$metadata": {