update naming to reduce nesting in Figma

primer · Jun 14, 2024 · ce78e6f · ce78e6f
1 parent 31e827d
commit ce78e6f
Showing 1 changed file with 54 additions and 60 deletions.
diff --git a/src/tokens/functional/color/light/data-vis-light.json5 b/src/tokens/functional/color/light/data-vis-light.json5
@@ -2,84 +2,78 @@
   data: {
     blue: {
       color: {
-        '@': {
-          $value: '{base.display.color.blue.5}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{base.display.color.blue.5}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
-        muted: {
-          $value: '{base.display.color.blue.0}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+      'color-muted': {
+        $value: '{base.display.color.blue.0}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
       },
     },
     auburn: {
       color: {
-        '@': {
-          $value: '{base.display.color.auburn.5}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{base.display.color.auburn.5}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
-        muted: {
-          $value: '{base.display.color.auburn.0}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+      'color-muted': {
+        $value: '{base.display.color.auburn.0}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
       },
     },
     orange: {
       color: {
-        '@': {
-          $value: '{base.display.color.orange.4}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{base.display.color.orange.4}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
-        muted: {
-          $value: '{base.display.color.orange.0}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'dark',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+      'color-muted': {
+        $value: '{base.display.color.orange.0}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'dark',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
       },