Updated theme names for breakpoints to avoid confusion with tokens

wellcometrust · Sep 26, 2024 · f72ee3e · f72ee3e
1 parent f7dd079
commit f72ee3e
Showing 1 changed file with 34 additions and 25 deletions.
diff --git a/tokens.json b/tokens.json
@@ -1566,7 +1566,7 @@
       }
     }
   },
-  "BREAKPOINTS/large breakpoint": {
+  "BREAKPOINTS/Desktop": {
     "font": {
       "heading-brand": {
         "xxl": {
@@ -1705,7 +1705,7 @@
       }
     }
   },
-  "BREAKPOINTS/medium breakpoint": {
+  "BREAKPOINTS/Tablet": {
     "font": {
       "heading-brand": {
         "xxl": {
@@ -1843,7 +1843,7 @@
       }
     }
   },
-  "BREAKPOINTS/small breakpoint": {
+  "BREAKPOINTS/Mobile": {
     "font": {
       "heading-brand": {
         "xxl": {
@@ -1981,7 +1981,7 @@
       }
     }
   },
-  "BREAKPOINTS/X Large breakpoint": {
+  "BREAKPOINTS/Wide desktop": {
     "font": {
       "heading-brand": {
         "xxl": {
@@ -2093,15 +2093,16 @@
   "$themes": [
     {
       "id": "6065494081d349c78947746e7f2cbe21b78972db",
-      "name": "Large breakpoint",
+      "name": "Desktop",
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "01 Semantic": "source",
-        "BREAKPOINTS/large breakpoint": "enabled",
         "00 Core": "source",
-        "BREAKPOINTS/X Large breakpoint": "disabled"
+        "BREAKPOINTS/Tablet": "disabled",
+        "BREAKPOINTS/Mobile": "disabled",
+        "BREAKPOINTS/Wide desktop": "disabled",
+        "BREAKPOINTS/Desktop": "enabled"
       },
-      "group": "03 Responsive",
       "$figmaVariableReferences": {
         "font.size.f6": "6da2dad8bfcbc4f07f89e3a63fd3d3a63683ec24",
         "font.size.f5": "b829fb7b5530cbb499831b6ba0558c563a9cd3a6",
@@ -2125,19 +2126,21 @@
         "grid.gutter": "7c4cf71fd87a63129c20a9f1c42ad3b159cb7574"
       },
       "$figmaCollectionId": "VariableCollectionId:242:43430",
-      "$figmaModeId": "242:5"
+      "$figmaModeId": "242:5",
+      "group": "02 Responsive"
     },
     {
       "id": "fe20b7583a3e29413ade1ae668c5b7d3c65dcf6f",
-      "name": "Medium breakpoint",
+      "name": "Tablet",
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "01 Semantic": "source",
-        "BREAKPOINTS/medium breakpoint": "enabled",
         "00 Core": "source",
-        "BREAKPOINTS/X Large breakpoint": "disabled"
+        "BREAKPOINTS/Tablet": "enabled",
+        "BREAKPOINTS/Mobile": "disabled",
+        "BREAKPOINTS/Wide desktop": "disabled",
+        "BREAKPOINTS/Desktop": "disabled"
       },
-      "group": "03 Responsive",
       "$figmaVariableReferences": {
         "font.size.f6": "6da2dad8bfcbc4f07f89e3a63fd3d3a63683ec24",
         "font.size.f5": "b829fb7b5530cbb499831b6ba0558c563a9cd3a6",
@@ -2161,17 +2164,20 @@
         "grid.gutter": "7c4cf71fd87a63129c20a9f1c42ad3b159cb7574"
       },
       "$figmaCollectionId": "VariableCollectionId:242:43430",
-      "$figmaModeId": "242:6"
+      "$figmaModeId": "242:6",
+      "group": "02 Responsive"
     },
     {
       "id": "f637a9649929f4508cc0be2e3becf7d2328cad80",
-      "name": "Small breakpoint",
+      "name": "Mobile",
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "01 Semantic": "source",
-        "BREAKPOINTS/small breakpoint": "enabled",
         "00 Core": "source",
-        "BREAKPOINTS/X Large breakpoint": "disabled"
+        "BREAKPOINTS/Tablet": "disabled",
+        "BREAKPOINTS/Mobile": "enabled",
+        "BREAKPOINTS/Wide desktop": "disabled",
+        "BREAKPOINTS/Desktop": "disabled"
       },
       "$figmaVariableReferences": {
         "font.size.f6": "6da2dad8bfcbc4f07f89e3a63fd3d3a63683ec24",
@@ -2197,28 +2203,31 @@
       },
       "$figmaCollectionId": "VariableCollectionId:242:43430",
       "$figmaModeId": "242:7",
-      "group": "03 Responsive"
+      "group": "02 Responsive"
     },
     {
       "id": "e4ce451c52330ed2a5a4c401ed14ef50387a6b23",
-      "name": "X Large breakpoint",
+      "name": "Wide desktop",
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "00 Core": "source",
         "01 Semantic": "source",
-        "BREAKPOINTS/X Large breakpoint": "enabled"
+        "BREAKPOINTS/Tablet": "disabled",
+        "BREAKPOINTS/Mobile": "disabled",
+        "BREAKPOINTS/Wide desktop": "enabled",
+        "BREAKPOINTS/Desktop": "disabled"
       },
-      "group": "03 Responsive"
+      "group": "02 Responsive"
     }
   ],
   "$metadata": {
     "tokenSetOrder": [
       "00 Core",
       "01 Semantic",
-      "BREAKPOINTS/large breakpoint",
-      "BREAKPOINTS/medium breakpoint",
-      "BREAKPOINTS/small breakpoint",
-      "BREAKPOINTS/X Large breakpoint"
+      "BREAKPOINTS/Desktop",
+      "BREAKPOINTS/Tablet",
+      "BREAKPOINTS/Mobile",
+      "BREAKPOINTS/Wide desktop"
     ]
   }
 }