Merge pull request #4295 from grommet/element-icon-size

Add element icon size tokens
grommet · Oct 29, 2024 · bc102cc · bc102cc
2 parents 5dac863 + c440e65
commit bc102cc
Showing 1 changed file with 70 additions and 0 deletions.
diff --git a/design-tokens/tokens/component/element.default.json b/design-tokens/tokens/component/element.default.json
@@ -146,6 +146,20 @@
             "codeSyntax": {}
           }
         }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{size.icon.xsmall}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["WIDTH_HEIGHT"],
+              "codeSyntax": {}
+            }
+          }
+        }
       }
     },
     "small": {
@@ -294,6 +308,20 @@
             }
           }
         }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{size.icon.small}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["WIDTH_HEIGHT"],
+              "codeSyntax": {}
+            }
+          }
+        }
       }
     },
     "medium": {
@@ -442,6 +470,20 @@
             }
           }
         }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{size.icon.medium}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["WIDTH_HEIGHT"],
+              "codeSyntax": {}
+            }
+          }
+        }
       }
     },
     "large": {
@@ -590,6 +632,20 @@
             }
           }
         }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{size.icon.large}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["WIDTH_HEIGHT"],
+              "codeSyntax": {}
+            }
+          }
+        }
       }
     },
     "xlarge": {
@@ -738,6 +794,20 @@
             }
           }
         }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{size.icon.xlarge}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["WIDTH_HEIGHT"],
+              "codeSyntax": {}
+            }
+          }
+        }
       }
     }
   }