Added XL breakpoint theme and font sizes

wellcometrust · Sep 26, 2024 · 18a4a13 · 18a4a13
1 parent ede2657
commit 18a4a13
Showing 1 changed file with 130 additions and 6 deletions.
diff --git a/tokens.json b/tokens.json
@@ -1981,6 +1981,115 @@
       }
     }
   },
+  "BREAKPOINTS/X Large breakpoint": {
+    "font": {
+      "heading-brand": {
+        "xxl": {
+          "value": "{text.heading-brand.breakpoint-lg.xxl}",
+          "type": "typography",
+          "description": "TO DELTE"
+        },
+        "xl": {
+          "value": "{text.heading-brand.breakpoint-lg.xl}",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "{text.heading-brand.breakpoint-lg.lg}",
+          "type": "typography"
+        },
+        "md": {
+          "value": "{text.heading-brand.breakpoint-lg.md}",
+          "type": "typography"
+        },
+        "sm": {
+          "value": "{text.heading-brand.breakpoint-lg.sm}",
+          "type": "typography"
+        },
+        "xs": {
+          "value": "{text.heading-brand.breakpoint-lg.xs}",
+          "type": "typography"
+        }
+      },
+      "heading": {
+        "xl": {
+          "value": "{text.heading.breakpoint-lg.xl}",
+          "type": "typography"
+        },
+        "lg": {
+          "value": "{text.heading.breakpoint-lg.lg}",
+          "type": "typography"
+        },
+        "md": {
+          "value": "{text.heading.breakpoint-lg.md}",
+          "type": "typography"
+        },
+        "sm": {
+          "value": "{text.heading.breakpoint-lg.sm}",
+          "type": "typography"
+        },
+        "xs": {
+          "value": "{text.heading.breakpoint-lg.xs}",
+          "type": "typography"
+        }
+      },
+      "size": {
+        "f6": {
+          "value": "{font.size.bp-xl.f6}",
+          "type": "fontSizes"
+        },
+        "f5": {
+          "value": "{font.size.bp-xl.f5}",
+          "type": "fontSizes"
+        },
+        "f3": {
+          "value": "{font.size.bp-xl.f3}",
+          "type": "fontSizes"
+        },
+        "f2": {
+          "value": "{font.size.bp-xl.f2}",
+          "type": "fontSizes"
+        },
+        "f1": {
+          "value": "{font.size.bp-xl.f1}",
+          "type": "fontSizes"
+        },
+        "f0": {
+          "value": "{font.size.bp-xl.f0}",
+          "type": "fontSizes"
+        },
+        "f-1": {
+          "value": "{font.size.bp-xl.f-1}",
+          "type": "fontSizes"
+        },
+        "f-2": {
+          "value": "{font.size.bp-xl.f-2}",
+          "type": "fontSizes"
+        },
+        "f-3": {
+          "value": "{font.size.bp-xl.f-3}",
+          "type": "fontSizes"
+        }
+      }
+    },
+    "grid": {
+      "breakpoint": {
+        "value": "{grid.breakpoint.xl}",
+        "type": "sizing"
+      },
+      "columns": {
+        "value": "{grid.columns.lg}",
+        "type": "sizing"
+      },
+      "margin": {
+        "value": "0",
+        "type": "sizing"
+      },
+      "gutter": {
+        "value": "0",
+        "type": "sizing"
+      }
+    }
+  },
   "$themes": [
     {
       "id": "6065494081d349c78947746e7f2cbe21b78972db",
@@ -1989,7 +2098,8 @@
       "selectedTokenSets": {
         "01 Semantic": "source",
         "BREAKPOINTS/large breakpoint": "enabled",
-        "00 Core": "source"
+        "00 Core": "source",
+        "BREAKPOINTS/X Large breakpoint": "disabled"
       },
       "group": "03 Responsive",
       "$figmaVariableReferences": {
@@ -2024,7 +2134,8 @@
       "selectedTokenSets": {
         "01 Semantic": "source",
         "BREAKPOINTS/medium breakpoint": "enabled",
-        "00 Core": "source"
+        "00 Core": "source",
+        "BREAKPOINTS/X Large breakpoint": "disabled"
       },
       "group": "03 Responsive",
       "$figmaVariableReferences": {
@@ -2059,9 +2170,9 @@
       "selectedTokenSets": {
         "01 Semantic": "source",
         "BREAKPOINTS/small breakpoint": "enabled",
-        "00 Core": "source"
+        "00 Core": "source",
+        "BREAKPOINTS/X Large breakpoint": "disabled"
       },
-      "group": "03 Responsive",
       "$figmaVariableReferences": {
         "font.size.f6": "6da2dad8bfcbc4f07f89e3a63fd3d3a63683ec24",
         "font.size.f5": "b829fb7b5530cbb499831b6ba0558c563a9cd3a6",
@@ -2085,7 +2196,19 @@
         "grid.gutter": "7c4cf71fd87a63129c20a9f1c42ad3b159cb7574"
       },
       "$figmaCollectionId": "VariableCollectionId:242:43430",
-      "$figmaModeId": "242:7"
+      "$figmaModeId": "242:7",
+      "group": "03 Responsive"
+    },
+    {
+      "id": "e4ce451c52330ed2a5a4c401ed14ef50387a6b23",
+      "name": "X Large breakpoint",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "00 Core": "source",
+        "01 Semantic": "source",
+        "BREAKPOINTS/X Large breakpoint": "enabled"
+      },
+      "group": "03 Responsive"
     }
   ],
   "$metadata": {
@@ -2094,7 +2217,8 @@
       "01 Semantic",
       "BREAKPOINTS/large breakpoint",
       "BREAKPOINTS/medium breakpoint",
-      "BREAKPOINTS/small breakpoint"
+      "BREAKPOINTS/small breakpoint",
+      "BREAKPOINTS/X Large breakpoint"
     ]
   }
 }