fix: rename colors to match color names defined in figma

sbb-design-systems · Jul 28, 2021 · b5f6b6d · b5f6b6d
1 parent 32bde08
commit b5f6b6d
Showing 1 changed file with 48 additions and 48 deletions.
diff --git a/designTokens/color.js b/designTokens/color.js
@@ -2,54 +2,9 @@
 
 module.exports = {
   black: {
-    regular: {
+    default: {
       value: 'rgba(0,0,0,1)'
     },
-    1: {
-      value: 'rgba(21,21,21,1)'
-    },
-    2: {
-      value: 'rgba(33,33,33,1)'
-    },
-    3: {
-      value: 'rgba(68,68,68,1)'
-    },
-    4: {
-      value: 'rgba(90,90,90,1)'
-    },
-    5: {
-      value: 'rgba(104,104,104,1)'
-    },
-    6: {
-      value: 'rgba(118,118,118,1)'
-    },
-    7: {
-      value: 'rgba(141,141,141,1)'
-    },
-    8: {
-      value: 'rgba(168,168,168,1)'
-    },
-    9: {
-      value: 'rgba(183,183,183,1)'
-    },
-    10: {
-      value: 'rgba(189,189,189,1)'
-    },
-    11: {
-      value: 'rgba(205,205,205,1)'
-    },
-    12: {
-      value: 'rgba(210,210,210,1)'
-    },
-    13: {
-      value: 'rgba(220,220,220,1)'
-    },
-    14: {
-      value: 'rgba(229,229,229,1)'
-    },
-    15: {
-      value: 'rgba(246,246,246,1)'
-    },
     alpha: {
       10: {
         value: 'rgba(0,0,0,.1)'
@@ -68,8 +23,53 @@ module.exports = {
       }
     }
   },
+  midnight: {
+    value: 'rgba(21,21,21,1)'
+  },
+  charcoal: {
+    value: 'rgba(33,33,33,1)'
+  },
+  iron: {
+    value: 'rgba(68,68,68,1)'
+  },
+  anthracite: {
+    value: 'rgba(90,90,90,1)'
+  },
+  granite: {
+    value: 'rgba(104,104,104,1)'
+  },
+  metal: {
+    value: 'rgba(118,118,118,1)'
+  },
+  smoke: {
+    value: 'rgba(141,141,141,1)'
+  },
+  storm: {
+    value: 'rgba(168,168,168,1)'
+  },
+  graphite: {
+    value: 'rgba(183,183,183,1)'
+  },
+  cement: {
+    value: 'rgba(189,189,189,1)'
+  },
+  platinum: {
+    value: 'rgba(205,205,205,1)'
+  },
+  aluminium: {
+    value: 'rgba(210,210,210,1)'
+  },
+  silver: {
+    value: 'rgba(220,220,220,1)'
+  },
+  cloud: {
+    value: 'rgba(229,229,229,1)'
+  },
+  milk: {
+    value: 'rgba(246,246,246,1)'
+  },
   red: {
-    regular: {
+    default: {
       value: 'rgba(235,0,0,1)'
     },
     125: {
@@ -80,7 +80,7 @@ module.exports = {
     }
   },
   white: {
-    regular: {
+    default: {
       value: 'rgba(255,255,255,1)'
     },
     alpha: {