feat(data): adding table sizing tokens

Sage · Jan 17, 2024 · dc4c696 · dc4c696
1 parent e674e38
commit dc4c696
Show file tree

Hide file tree

Showing 2 changed files with 75 additions and 0 deletions.
diff --git a/data/tokens/Components/button.json b/data/tokens/Components/button.json
@@ -20,6 +20,11 @@
         "value": "{global.size.component.XL}",
         "type": "sizing",
         "description": "min-height on XL Buttons"
+      },
+      "XXL": {
+        "value": "{global.size.component.XL} + {origin.dimension.100}",
+        "type": "sizing",
+        "description": "color picker items on hover"
       }
     },
     "space": {

diff --git a/data/tokens/Components/datatable.json b/data/tokens/Components/datatable.json
@@ -149,6 +149,76 @@
           "type": "color"
         }
       }
+    },
+    "size": {
+      "row": {
+        "XS": {
+          "value": "{global.size.component.XS}",
+          "type": "sizing"
+        },
+        "S": {
+          "value": "{global.size.component.S}",
+          "type": "sizing"
+        },
+        "M": {
+          "value": "{global.size.component.M}",
+          "type": "sizing"
+        },
+        "L": {
+          "value": "{global.size.component.L}",
+          "type": "sizing"
+        },
+        "XL": {
+          "value": "{global.size.component.XL} + {origin.dimension.100}",
+          "type": "sizing"
+        }
+      },
+      "header": {
+        "standard": {
+          "XS": {
+            "value": "{global.size.component.XS}",
+            "type": "sizing"
+          },
+          "S": {
+            "value": "{global.size.component.S}",
+            "type": "sizing"
+          },
+          "M": {
+            "value": "{global.size.component.M}",
+            "type": "sizing"
+          },
+          "L": {
+            "value": "{global.size.component.L}",
+            "type": "sizing"
+          },
+          "XL": {
+            "value": "{global.size.component.XL} + {origin.dimension.100}",
+            "type": "sizing"
+          }
+        },
+        "double": {
+          "XS": {
+            "value": "{global.size.component.XS} * 2",
+            "type": "sizing"
+          },
+          "S": {
+            "value": "{global.size.component.S} * 2",
+            "type": "sizing"
+          },
+          "M": {
+            "value": "{global.size.component.M} * 2",
+            "type": "sizing"
+          },
+          "L": {
+            "value": "{global.size.component.L} * 2",
+            "type": "sizing"
+          },
+          "XL": {
+            "value": "({global.size.component.XL} + {origin.dimension.100}) * 2",
+            "type": "sizing"
+          }
+        }
+      }
     }
   }
 }