Dsw 123 remove global tokens

.changeset/tough-points-tell.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-docs": minor
+---
+
+[Removed] - Global tokens pages and reference to global tokens in typography pages

apps/pie-docs/src/_11ty/shortcodes/tokensTable/index.js

@@ -44,48 +44,18 @@ const buildTokenExampleElement = (token, tokenType, tokenMetadata, path = {}) =>
     return tokenExampleElementHandler[tokenType](token, tokenMetadata, path);
 };
 
-/**
- * Builds the global token used element displayed primarily by alias tokens
- * @param {string} globalToken the global token referenced by this alias token
- * @returns a <span> HTML string containing the global token used
- */
-const buildGlobalTokenUsedElement = (globalToken) => {
-    let tokenMarkup = '';
-    let tokenDescription = 'Global token used:';
-
-    if (Array.isArray(globalToken)) {
-        globalToken.forEach((tokenName) => {
-            tokenMarkup += `<span class="c-tokensTable-token c-tokensTable-token--light c-tokensTable-token--list">${tokenName}</span>`;
-        });
-
-        tokenDescription = 'Global tokens used:';
-    } else {
-        tokenMarkup += `<span class="c-tokensTable-token c-tokensTable-token--light">${globalToken}</span>`;
-    }
-
-    return `
-        <span class="c-tokensTable-tokenDescription">
-            <span class="u-font-bold u-showAboveWide">${tokenDescription}</span>
-            ${tokenMarkup}
-        </span>`;
-};
-
 /**
  * Builds the overall token description element for each type of token. The description content differs based on the type of token.
  * @param {*} tokenMetadata the metadata for the token. data such as descriptions
  * @returns {string} - the description HTML string
  */
 const buildTokenDescriptionElement = (tokenMetadata) => {
-    let description = tokenMetadata.description
+    const description = tokenMetadata.description
         ? `<span class="c-tokensTable-tokenDescription ${tokenMetadata.globalToken ? 'u-spacing-b--bottom' : ''}">
             ${tokenMetadata.description}
-           </span>`
+        </span>`
         : '';
 
-    if (tokenMetadata.globalToken) {
-        description += buildGlobalTokenUsedElement(tokenMetadata.globalToken);
-    }
-
     return description;
 };
 

apps/pie-docs/test/snapshots/expected-routes.snapshot.json

@@ -114,18 +114,15 @@
     "foundations",
     "foundations/blur",
     "foundations/blur/tokens/alias",
-    "foundations/blur/tokens/global",
     "foundations/colour",
     "foundations/colour/tokens/alias/dark",
     "foundations/colour/tokens/alias/light",
-    "foundations/colour/tokens/global",
     "foundations/design-tokens",
     "foundations/design-tokens/updates-and-maintenance",
     "foundations/elevation",
     "foundations/elevation/android",
     "foundations/elevation/tokens/alias/dark",
     "foundations/elevation/tokens/alias/light",
-    "foundations/elevation/tokens/global",
     "foundations/iconography",
     "foundations/iconography/code",
     "foundations/iconography/library",
@@ -134,14 +131,11 @@
     "foundations/motion/timing",
     "foundations/radius",
     "foundations/radius/tokens/alias",
-    "foundations/radius/tokens/global",
     "foundations/spacing",
     "foundations/spacing/tokens/alias",
-    "foundations/spacing/tokens/global",
     "foundations/typography",
     "foundations/typography/tokens/alias/narrow",
     "foundations/typography/tokens/alias/wide",
-    "foundations/typography/tokens/global",
     "patterns",
     "patterns/cookie-banner",
     "patterns/cookie-banner/code",