feat(data): first draft of table spacing tokens

Sage · Feb 21, 2024 · 5412fe7 · 5412fe7
1 parent b4f05cd
commit 5412fe7
Showing 1 changed file with 119 additions and 3 deletions.
diff --git a/data/tokens/Components/table.json b/data/tokens/Components/table.json
@@ -159,9 +159,125 @@
         "type": "borderWidth",
         "description": "Table border"
       }
-    }
-  },
-  "datatable": {
+    },
+    "space": {
+      "none": {
+        "value": "0",
+        "type": "spacing"
+      },
+      "row": {
+        "x": {
+          "XS": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "Left and right padding inside XS row cells"
+          },
+          "S": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside S row cells"
+          },
+          "M": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside M row cells"
+          },
+          "L": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside L row cells"
+          },
+          "XL": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside XL row cells"
+          }
+        },
+        "xg": {
+          "XS": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "S": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "M": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "L": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "XL": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          }
+        }
+      },
+      "header": {
+        "x": {
+          "XS": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "Left and right padding inside XS row cells"
+          },
+          "S": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside S row cells"
+          },
+          "M": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside M row cells"
+          },
+          "L": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside L row cells"
+          },
+          "XL": {
+            "value": "{global.space.macro.XS}",
+            "type": "spacing",
+            "description": "Left and right padding inside XL row cells"
+          }
+        },
+        "xg": {
+          "XS": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "S": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "M": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "L": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          },
+          "XL": {
+            "value": "{global.space.micro.L}",
+            "type": "spacing",
+            "description": "internal spacing between text, checkboxes, icons etc"
+          }
+        }
+      }
+    },
     "size": {
       "row": {
         "XS": {