Get latest tokens from Figma (#4637)

* Get latest tokens from Figma * Create seven-days-do.md * Update yarn.lock
grommet · Dec 20, 2024 · 11926ea · 11926ea
1 parent 6996a2b
commit 11926ea
Show file tree

Hide file tree

Showing 4 changed files with 559 additions and 504 deletions.
diff --git a/.changeset/seven-days-do.md b/.changeset/seven-days-do.md
@@ -0,0 +1,10 @@
+---
+"hpe-design-tokens": minor
+---
+
+- Added `iconColor` tokens to formField label.
+- Fixed `switch.medium.label.lineHeight`
+- Fixed `formField.input.group.container.error.rest.borderColor`
+- Fixed `formField.input.group.container.disabled.rest.background`
+- Fixed `formField.help.disabled.rest.textColor`
+- Fixed `base.color.grey.1000` which is used by light mode for `color.text.strong`
diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json
@@ -7055,7 +7055,7 @@
         },
         "lineHeight": {
           "$type": "number",
-          "$value": "{element.medium.fontSize}",
+          "$value": "{element.medium.lineHeight}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -8744,7 +8744,7 @@
               },
               "borderColor": {
                 "$type": "color",
-                "$value": "{color.transparent}",
+                "$value": "{color.border.strong}",
                 "$description": "",
                 "$extensions": {
                   "com.figma": {
@@ -8760,7 +8760,7 @@
             "rest": {
               "background": {
                 "$type": "color",
-                "$value": "{color.background.default}",
+                "$value": "{color.background.disabled}",
                 "$description": "",
                 "$extensions": {
                   "com.figma": {
@@ -9128,6 +9128,18 @@
               "codeSyntax": {}
             }
           }
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{color.icon.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
         }
       },
       "hover": {
@@ -9142,6 +9154,18 @@
               "codeSyntax": {}
             }
           }
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{color.icon.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
         }
       },
       "focus": {
@@ -9156,6 +9180,18 @@
               "codeSyntax": {}
             }
           }
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{color.icon.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": ["TEXT_FILL"],
+              "codeSyntax": {}
+            }
+          }
         }
       },
       "error": {
@@ -9171,6 +9207,18 @@
                 "codeSyntax": {}
               }
             }
+          },
+          "iconColor": {
+            "$type": "color",
+            "$value": "{color.icon.strong}",
+            "$description": "",
+            "$extensions": {
+              "com.figma": {
+                "hiddenFromPublishing": false,
+                "scopes": ["TEXT_FILL"],
+                "codeSyntax": {}
+              }
+            }
           }
         }
       },
@@ -9187,6 +9235,18 @@
                 "codeSyntax": {}
               }
             }
+          },
+          "iconColor": {
+            "$type": "color",
+            "$value": "{color.icon.strong}",
+            "$description": "",
+            "$extensions": {
+              "com.figma": {
+                "hiddenFromPublishing": false,
+                "scopes": ["TEXT_FILL"],
+                "codeSyntax": {}
+              }
+            }
           }
         }
       },
@@ -9203,26 +9263,10 @@
                 "codeSyntax": {}
               }
             }
-          }
-        }
-      }
-    },
-    "placeholder": {
-      "disabled": {
-        "$type": "color",
-        "$value": "{color.text.disabled}",
-        "$description": "",
-        "$extensions": {
-          "com.figma": {
-            "hiddenFromPublishing": false,
-            "scopes": ["TEXT_FILL"],
-            "codeSyntax": {}
-          }
-        },
-        "rest": {
-          "textColor": {
+          },
+          "iconColor": {
             "$type": "color",
-            "$value": "{color.text.disabled}",
+            "$value": "{color.icon.strong}",
             "$description": "",
             "$extensions": {
               "com.figma": {
@@ -9233,7 +9277,9 @@
             }
           }
         }
-      },
+      }
+    },
+    "placeholder": {
       "rest": {
         "textColor": {
           "$type": "color",
@@ -9292,6 +9338,22 @@
           }
         }
       },
+      "disabled": {
+        "rest": {
+          "textColor": {
+            "$type": "color",
+            "$value": "{color.text.disabled}",
+            "$description": "",
+            "$extensions": {
+              "com.figma": {
+                "hiddenFromPublishing": false,
+                "scopes": ["TEXT_FILL"],
+                "codeSyntax": {}
+              }
+            }
+          }
+        }
+      },
       "readOnly": {
         "rest": {
           "textColor": {
@@ -9372,7 +9434,7 @@
         "rest": {
           "color": {
             "$type": "color",
-            "$value": "{color.text.default}",
+            "$value": "{color.text.disabled}",
             "$description": "",
             "$extensions": {
               "com.figma": {

diff --git a/design-tokens/tokens/primitive/primitives.base.json b/design-tokens/tokens/primitive/primitives.base.json
@@ -1246,7 +1246,7 @@
         },
         "1000": {
           "$type": "color",
-          "$value": "#333333",
+          "$value": "#2e2e2e",
           "$description": "",
           "$extensions": {
             "com.figma": {