feat(data): 1. Update value of form.button.space…xg subtle.L to 4px, …

…and typical.L to 8px. 2. Add spacing tokens to Link. 3. Update spacing tokens in Form. 4. Add global.space.macro.ML (for file input no-thumbnail). 5. Add feedback.space.tooltip tokens. 6. Maybe something else :)
Sage · Feb 21, 2024 · cbc8b3e · cbc8b3e
1 parent 5a9187a
commit cbc8b3e
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 16 deletions.
diff --git a/data/tokens/Components/button.json b/data/tokens/Components/button.json
@@ -128,19 +128,14 @@
             "description": "Item spacing on medium buttons"
           },
           "L": {
-            "value": "{global.space.micro.XXL}",
+            "value": "{global.space.micro.L}",
             "type": "spacing",
             "description": "Item spacing on large buttons"
           }
         }
       },
       "layout": {
-        "stack": {
-          "XS": {
-            "value": "{global.space.micro.S}",
-            "type": "spacing",
-            "description": "Spacing between subtle buttons"
-          },
+        "gap": {
           "S": {
             "value": "{global.space.micro.L}",
             "type": "spacing",

diff --git a/data/tokens/Components/feedback.json b/data/tokens/Components/feedback.json
@@ -369,6 +369,18 @@
             "type": "spacing"
           }
         }
+      },
+      "tooltip": {
+        "x": {
+          "value": "{global.space.micro.XXL}",
+          "type": "spacing",
+          "description": "Right left padding.\n"
+        },
+        "y": {
+          "value": "{global.space.micro.L}",
+          "type": "spacing",
+          "description": "Top bottom padding.\n"
+        }
       }
     }
   }

diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -6,11 +6,25 @@
         "type": "spacing"
       },
       "fileinput": {
+        "status": {
+          "M": {
+            "value": "{global.space.macro.ML}",
+            "type": "spacing",
+            "description": "Left padding in File input (no-thumbnail variant, status text."
+          }
+        },
+        "thumbnail": {
+          "M": {
+            "value": "{global.space.micro.S}",
+            "type": "spacing",
+            "description": "All padding in File input (thumbnail container)."
+          }
+        },
         "x": {
           "M": {
             "value": "{global.space.micro.XXL}",
             "type": "spacing",
-            "description": "Right left padding in File input (preview container)."
+            "description": "Right left padding in File input (preview container), the input container uses Input tokens."
           }
         },
         "y": {
@@ -101,17 +115,17 @@
           "S": {
             "value": "{global.space.macro.XS}",
             "type": "spacing",
-            "description": "Horizontal gap between checkboxes and radios within a group."
+            "description": "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group."
           },
           "M": {
             "value": "{global.space.macro.S}",
             "type": "spacing",
-            "description": "Horizontal gap between checkboxes and radios within a group."
+            "description": "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group."
           },
           "L": {
             "value": "{global.space.macro.M}",
             "type": "spacing",
-            "description": "Horizontal gap between checkboxes and radios within a group."
+            "description": "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group."
           }
         },
         "y": {
@@ -180,11 +194,6 @@
         "description": "icon"
       },
       "input": {
-        "XS": {
-          "value": "{global.size.macro.XS}",
-          "type": "sizing",
-          "description": "min-height on XS inputs"
-        },
         "S": {
           "value": "{global.size.macro.S}",
           "type": "sizing",

diff --git a/data/tokens/Components/link.json b/data/tokens/Components/link.json
@@ -102,6 +102,22 @@
         "type": "borderRadius",
         "description": "Skiplink (right corners of focus bg and border)"
       }
+    },
+    "space": {
+      "integral": {
+        "xg": {
+          "M": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "Space between icon and link text."
+          },
+          "L": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "Space between icon and link text."
+          }
+        }
+      }
     }
   }
 }
diff --git a/data/tokens/global/space.json b/data/tokens/global/space.json
@@ -48,6 +48,10 @@
           "value": "{origin.dimension.300} * {global.space.scale}",
           "type": "spacing"
         },
+        "ML": {
+          "value": "{origin.dimension.350} * {global.space.scale}",
+          "type": "spacing"
+        },
         "L": {
           "value": "{origin.dimension.400} * {global.space.scale}",
           "type": "spacing"