Removed 'surface' colour tokens, replaced with 'box' colour tokens

yunojuno · Dec 18, 2023 · f50f448 · f50f448
1 parent 7861c50
commit f50f448
Showing 1 changed file with 17 additions and 68 deletions.
diff --git a/tokens.json b/tokens.json
@@ -529,74 +529,6 @@
           "description": "Neutral border colour that matches color.surface.layer.neutral"
         }
       },
-      "surface": {
-        "base": {
-          "primary": {
-            "value": "{color.blueberry100}",
-            "type": "color",
-            "description": "Specifies a primary hue/colour for base-level surfaces"
-          },
-          "secondary": {
-            "value": "{color.terracotta100}",
-            "type": "color",
-            "description": "Specifies a secondary hue/colour for base-level surfaces"
-          },
-          "tertiary": {
-            "value": "{color.mint50}",
-            "type": "color",
-            "description": "Specifies a tertiary hue/colour for base-level surfaces"
-          },
-          "neutral": {
-            "value": "{color.grey100}",
-            "type": "color",
-            "description": "Specifies the neutral (default) colour for base-level surfaces"
-          }
-        },
-        "layer": {
-          "primary": {
-            "value": "{color.blueberry200}",
-            "type": "color",
-            "description": "Specifies a primary hue/colour for upper-layer surfaces"
-          },
-          "secondary": {
-            "value": "{color.terracotta200}",
-            "type": "color",
-            "description": "Specifies a secondary hue/colour for upper-layer surfaces"
-          },
-          "tertiary": {
-            "value": "{color.mint200}",
-            "type": "color",
-            "description": "Specifies a tertiary hue/colour for upper-layer surfaces"
-          },
-          "neutral": {
-            "value": "{color.white}",
-            "type": "color",
-            "description": "Specifies the neutral (default) colour for upper-layer surfaces"
-          }
-        },
-        "highlight": {
-          "primary": {
-            "value": "{color.blueberry600}",
-            "type": "color",
-            "description": "Specifies a primary colour for highlighted surfaces"
-          },
-          "secondary": {
-            "value": "{color.terracotta600}",
-            "type": "color",
-            "description": "Specifies a secondary colour for highlighted surfaces"
-          },
-          "tertiary": {
-            "value": "{color.mint600}",
-            "type": "color",
-            "description": "Specifies a tertiary colour for highlighted surfaces"
-          },
-          "inverse": {
-            "value": "{color.grey900}",
-            "type": "color",
-            "description": "Specifies an inverse colour for highlighted surfaces"
-          }
-        }
-      },
       "feedback": {
         "positive": {
           "value": "{color.mint300}",
@@ -743,6 +675,23 @@
             "type": "color"
           }
         }
+      },
+      "box": {
+        "primary": {
+          "value": "{color.grey100}",
+          "type": "color",
+          "description": "Specifies a primary colour for containers"
+        },
+        "secondary": {
+          "value": "{color.grey50}",
+          "type": "color",
+          "description": "Specifies a secondary colour for containers"
+        },
+        "neutral": {
+          "value": "{color.white}",
+          "type": "color",
+          "description": "Specifies a neutral colour for containers"
+        }
       }
     }
   },