Pull in flattened Figma names

grommet · Jan 15, 2025 · 6fb6237 · 6fb6237
1 parent 2b30ef4
commit 6fb6237
Show file tree

Hide file tree

Showing 2 changed files with 118 additions and 118 deletions.
diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json
@@ -137,12 +137,12 @@
           }
         }
       },
-      "warning": {
+      "ok": {
         "DEFAULT": {
           "REST": {
             "$type": "color",
-            "$value": "{base.color.yellow.400-Opacity12}",
-            "$description": "Use for borders communicating warning or caution.",
+            "$value": "{base.color.green.500-Opacity30}",
+            "$description": "Use for backgrounds communicating success.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -153,12 +153,12 @@
           }
         }
       },
-      "info": {
+      "critical": {
         "DEFAULT": {
           "REST": {
             "$type": "color",
-            "$value": "{base.color.blue.400-Opacity12}",
-            "$description": "Use for backgrounds communicating neutral information.",
+            "$value": "{base.color.red.800-Opacity30}",
+            "$description": "Use for backgrounds communicating errors or danger.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -169,12 +169,12 @@
           }
         }
       },
-      "critical": {
+      "unknown": {
         "DEFAULT": {
           "REST": {
             "$type": "color",
-            "$value": "{base.color.red.800-Opacity30}",
-            "$description": "Use for backgrounds communicating errors or danger.",
+            "$value": "{base.color.white.opacity6}",
+            "$description": "Use for backgrounds communicating an unknown status.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -185,12 +185,12 @@
           }
         }
       },
-      "primary": {
-        "default": {
+      "info": {
+        "DEFAULT": {
           "REST": {
             "$type": "color",
-            "$value": "{base.color.green.600}",
-            "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.",
+            "$value": "{base.color.blue.400-Opacity12}",
+            "$description": "Use for backgrounds communicating neutral information.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -199,12 +199,14 @@
               }
             }
           }
-        },
+        }
+      },
+      "warning": {
         "DEFAULT": {
-          "hover": {
+          "REST": {
             "$type": "color",
-            "$value": "{base.color.green.600}",
-            "$description": "Hover variant of background-primary.",
+            "$value": "{base.color.yellow.400-Opacity12}",
+            "$description": "Use for borders communicating warning or caution.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -215,12 +217,12 @@
           }
         }
       },
-      "unknown": {
-        "DEFAULT": {
+      "primary": {
+        "default": {
           "REST": {
             "$type": "color",
-            "$value": "{base.color.white.opacity6}",
-            "$description": "Use for backgrounds communicating an unknown status.",
+            "$value": "{base.color.green.600}",
+            "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -229,14 +231,12 @@
               }
             }
           }
-        }
-      },
-      "ok": {
+        },
         "DEFAULT": {
-          "REST": {
+          "hover": {
             "$type": "color",
-            "$value": "{base.color.green.500-Opacity30}",
-            "$description": "Use for backgrounds communicating success.",
+            "$value": "{base.color.green.600}",
+            "$description": "Hover variant of background-primary.",
             "$extensions": {
               "com.figma": {
                 "hiddenFromPublishing": false,
@@ -573,38 +573,6 @@
           }
         }
       },
-      "onStrong": {
-        "default": {
-          "REST": {
-            "$type": "color",
-            "$value": "{base.color.grey.1200}",
-            "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.",
-            "$extensions": {
-              "com.figma": {
-                "hiddenFromPublishing": false,
-                "scopes": ["TEXT_FILL"],
-                "codeSyntax": {}
-              }
-            }
-          }
-        }
-      },
-      "heading": {
-        "default": {
-          "REST": {
-            "$type": "color",
-            "$value": "{color.text.strong.REST}",
-            "$description": "Text color for headings.",
-            "$extensions": {
-              "com.figma": {
-                "hiddenFromPublishing": false,
-                "scopes": ["ALL_SCOPES"],
-                "codeSyntax": {}
-              }
-            }
-          }
-        }
-      },
       "primary": {
         "DEFAULT": {
           "REST": {
@@ -701,6 +669,22 @@
           }
         }
       },
+      "heading": {
+        "default": {
+          "REST": {
+            "$type": "color",
+            "$value": "{color.text.strong.REST}",
+            "$description": "Text color for headings.",
+            "$extensions": {
+              "com.figma": {
+                "hiddenFromPublishing": false,
+                "scopes": ["ALL_SCOPES"],
+                "codeSyntax": {}
+              }
+            }
+          }
+        }
+      },
       "onSelectedStrong": {
         "DEFAULT": {
           "REST": {
@@ -733,6 +717,22 @@
           }
         }
       },
+      "onStrong": {
+        "default": {
+          "REST": {
+            "$type": "color",
+            "$value": "{base.color.grey.1200}",
+            "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.",
+            "$extensions": {
+              "com.figma": {
+                "hiddenFromPublishing": false,
+                "scopes": ["TEXT_FILL"],
+                "codeSyntax": {}
+              }
+            }
+          }
+        }
+      },
       "onCritical": {
         "strong": {
           "REST": {