Merge pull request #48 from wellcometrust/remove-wide-desktop

Remove wide desktop and updates for MVP

Author: dana-saur

tokens.json

@@ -853,7 +853,7 @@
           "type": "fontFamilies"
         },
         "brand": {
-          "value": "Wellcome, “Wellcome-Bold”, sans-serif",
+          "value": "Wellcome, sans-serif",
           "type": "fontFamilies"
         },
         "sans": {
@@ -909,13 +909,9 @@
           "description": "Body text and captions."
         },
         "lg": {
-          "value": "160%",
+          "value": "150%",
           "type": "lineHeights",
           "description": "Display, heading and long form body text."
-        },
-        "xl": {
-          "value": "180%",
-          "type": "lineHeights"
         }
       },
       "text-case": {
@@ -929,96 +925,96 @@
         }
       },
       "size": {
-        "bp-sm": {
+        "bp-xs": {
           "f6": {
-            "value": "39.84",
+            "value": "32",
             "type": "fontSizes",
-            "description": "Tokens value for figma"
+            "description": "Token value for figma"
           },
           "f5": {
-            "value": "34.88",
+            "value": "29",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f3": {
-            "value": "26.36",
+            "value": "23",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f2": {
-            "value": "22.52",
+            "value": "20",
             "type": "fontSizes",
-            "description": "Token value for figma\n"
+            "description": "Token value for figma"
           },
           "f1": {
-            "value": "19.68",
+            "value": "18",
             "type": "fontSizes",
-            "description": "Token value for figma \n"
+            "description": "Token value for figma"
           },
           "f0": {
-            "value": "17.12",
+            "value": "16",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-1": {
-            "value": "14.84",
+            "value": "14",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-2": {
-            "value": "13.28",
+            "value": "13",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-3": {
-            "value": "11.28",
+            "value": "11",
             "type": "fontSizes",
             "description": "Token value for figma"
           }
         },
-        "bp-xs": {
+        "bp-sm": {
           "f6": {
-            "value": "32",
+            "value": "39.84",
             "type": "fontSizes",
-            "description": "Token value for figma"
+            "description": "Tokens value for figma"
           },
           "f5": {
-            "value": "29",
+            "value": "34.88",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f3": {
-            "value": "23",
+            "value": "26.36",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f2": {
-            "value": "20",
+            "value": "22.52",
             "type": "fontSizes",
-            "description": "Token value for figma"
+            "description": "Token value for figma\n"
           },
           "f1": {
-            "value": "18",
+            "value": "19.68",
             "type": "fontSizes",
-            "description": "Token value for figma"
+            "description": "Token value for figma \n"
           },
           "f0": {
-            "value": "16",
+            "value": "17.12",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-1": {
-            "value": "14",
+            "value": "14.84",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-2": {
-            "value": "13",
+            "value": "13.28",
             "type": "fontSizes",
             "description": "Token value for figma"
           },
           "f-3": {
-            "value": "11",
+            "value": "11.28",
             "type": "fontSizes",
             "description": "Token value for figma"
           }
@@ -1314,11 +1310,19 @@
       }
     },
     "opacity": {
+      "25": {
+        "value": "0.25",
+        "type": "opacity"
+      },
       "50": {
         "value": "0.5",
         "type": "opacity",
         "description": "Used as a background overlay to mute the background when another layer (e.g. modal, drawer) is opened."
       },
+      "75": {
+        "value": "0.75",
+        "type": "opacity"
+      },
       "100": {
         "value": "1",
         "type": "opacity"
@@ -1704,75 +1708,6 @@
       }
     }
   },
-  "BREAKPOINTS/Wide desktop": {
-    "font": {
-      "size": {
-        "f6": {
-          "value": "{font.size.bp-xl.f6}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f5": {
-          "value": "{font.size.bp-xl.f5}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f3": {
-          "value": "{font.size.bp-xl.f3}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f2": {
-          "value": "{font.size.bp-xl.f2}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f1": {
-          "value": "{font.size.bp-xl.f1}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f0": {
-          "value": "{font.size.bp-xl.f0}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f-1": {
-          "value": "{font.size.bp-xl.f-1}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f-2": {
-          "value": "{font.size.bp-xl.f-2}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        },
-        "f-3": {
-          "value": "{font.size.bp-xl.f-3}",
-          "type": "fontSizes",
-          "description": "Token value for figma"
-        }
-      }
-    },
-    "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",
@@ -1885,10 +1820,10 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "00 Core": "source",
-        "01 Semantic": "source",
-        "BREAKPOINTS/Wide desktop": "enabled"
+        "01 Semantic": "source"
       },
-      "group": "02 Responsive"
+      "group": "02 Responsive",
+      "$figmaVariableReferences": {}
     }
   ],
   "$metadata": {
@@ -1897,8 +1832,7 @@
       "01 Semantic",
       "BREAKPOINTS/Desktop",
       "BREAKPOINTS/Tablet",
-      "BREAKPOINTS/Mobile",
-      "BREAKPOINTS/Wide desktop"
+      "BREAKPOINTS/Mobile"
     ]
   }
 }