@atlaskit/tokens 1.21.1 → 1.22.1

package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::eaaa970ce079ba5e26ef6b1bd1440d6c>>
+ * @codegen <<SignedSource::2dbe284320c4a652bc8420a1e9457c66>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -16,7 +16,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "The default body font."
   },
-  "value": "normal 400 14px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 14px/20px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -30,7 +30,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -45,7 +45,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Larger body font or default body font for text rich experiences."
   },
-  "value": "normal 400 16px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 16px/24px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -59,7 +59,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize16",
       "lineHeight": "LineHeight300",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -74,7 +74,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Smaller body font."
   },
-  "value": "normal 400 12px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 12px/20px var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -88,7 +88,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize12",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -103,7 +103,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Used for monospace and code."
   },
-  "value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "value": "normal 400 0.875em/1 var(--ds-font-family-code)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -117,7 +117,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSizeCode",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebMono",
+      "fontFamily": "font.family.code",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -132,7 +132,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 24px/28px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 24px/28px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -146,7 +146,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize24",
       "lineHeight": "LineHeight400",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -161,7 +161,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 20px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 20px/24px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -175,7 +175,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize20",
       "lineHeight": "LineHeight300",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -190,7 +190,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 16px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 16px/20px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -204,7 +204,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize16",
       "lineHeight": "LineHeight200",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -219,7 +219,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 28px/32px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 28px/32px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -233,7 +233,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize28",
       "lineHeight": "LineHeight500",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -248,7 +248,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 14px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 14px/16px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -262,7 +262,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight100",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -277,7 +277,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 36px/40px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 36px/40px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -291,7 +291,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize36",
       "lineHeight": "LineHeight700",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -306,7 +306,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": "normal 700 12px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 700 12px/16px var(--ds-font-family-heading)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -320,7 +320,7 @@ var tokens = [{
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize12",
       "lineHeight": "LineHeight100",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.heading",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -445,7 +445,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping text like that in a button."
   },
-  "value": "normal 400 14px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 14px/1 var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -459,7 +459,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize14",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -474,7 +474,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping supporting text like that in a smaller label."
   },
-  "value": "normal 400 12px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "normal 400 12px/1 var(--ds-font-family-body)",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -488,7 +488,7 @@ var tokens = [{
       "fontWeight": "FontWeight400",
       "fontSize": "FontSize12",
       "lineHeight": "LineHeight1",
-      "fontFamily": "FontFamilyWebSans",
+      "fontFamily": "font.family.body",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
     }
@@ -503,7 +503,7 @@ var tokens = [{
     "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
-  "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/font-family.tsx",
   "isSource": true,
   "original": {
@@ -513,16 +513,16 @@ var tokens = [{
       "introduced": "1.14.0",
       "description": "Helpful guidance goes here"
     },
-    "value": "FontFamilyWebMono"
+    "value": "FontFamilyWebSans"
   },
-  "name": "font.family.code",
-  "path": ["font", "family", "code"],
-  "cleanName": "font.family.code"
+  "name": "font.family.body",
+  "path": ["font", "family", "body"],
+  "cleanName": "font.family.body"
 }, {
   "attributes": {
     "group": "fontFamily",
-    "state": "active",
-    "introduced": "0.10.33",
+    "state": "experimental",
+    "introduced": "1.14.0",
     "description": "Helpful guidance goes here"
   },
   "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
@@ -531,15 +531,15 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "fontFamily",
-      "state": "active",
-      "introduced": "0.10.33",
+      "state": "experimental",
+      "introduced": "1.14.0",
       "description": "Helpful guidance goes here"
     },
     "value": "FontFamilyWebMono"
   },
-  "name": "font.family.monospace",
-  "path": ["font", "family", "monospace"],
-  "cleanName": "font.family.monospace"
+  "name": "font.family.code",
+  "path": ["font", "family", "code"],
+  "cleanName": "font.family.code"
 }, {
   "attributes": {
     "group": "fontFamily",
@@ -559,9 +559,31 @@ var tokens = [{
     },
     "value": "FontFamilyWebSans"
   },
-  "name": "font.family.product",
-  "path": ["font", "family", "product"],
-  "cleanName": "font.family.product"
+  "name": "font.family.heading",
+  "path": ["font", "family", "heading"],
+  "cleanName": "font.family.heading"
+}, {
+  "attributes": {
+    "group": "fontFamily",
+    "state": "active",
+    "introduced": "0.10.33",
+    "description": "Helpful guidance goes here"
+  },
+  "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
+  "filePath": "src/tokens/atlassian-typography/font-family.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "fontFamily",
+      "state": "active",
+      "introduced": "0.10.33",
+      "description": "Helpful guidance goes here"
+    },
+    "value": "FontFamilyWebMono"
+  },
+  "name": "font.family.monospace",
+  "path": ["font", "family", "monospace"],
+  "cleanName": "font.family.monospace"
 }, {
   "attributes": {
     "group": "fontFamily",

package/dist/cjs/get-theme-html-attrs.js

@@ -44,15 +44,13 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography'] : _ref$typography,
     _ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
     UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? _themeConfig.themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
-  var themePreferences = {
+  var themeAttribute = (0, _themeStateTransformer.themeObjectToString)({
     dark: dark,
     light: light,
     shape: shape,
-    // Load spacing by default
-    spacing: spacing || 'spacing',
+    spacing: spacing,
     typography: typography
-  };
-  var themeAttribute = (0, _themeStateTransformer.themeObjectToString)(themePreferences);
+  });
   var result = (_result = {}, (0, _defineProperty2.default)(_result, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), (0, _defineProperty2.default)(_result, _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
   if (UNSAFE_themeOptions && (0, _colorUtils.isValidBrandHex)(UNSAFE_themeOptions.brandColor)) {
     var optionString = JSON.stringify(UNSAFE_themeOptions);

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.21.1";
+var version = "1.22.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.21.1";
+var version = "1.22.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/cjs/theme-config.js

@@ -183,7 +183,7 @@ var themeStateDefaults = {
   dark: 'dark',
   light: 'light',
   shape: undefined,
-  spacing: undefined,
+  spacing: 'spacing',
   typography: undefined,
   UNSAFE_themeOptions: undefined
 };

package/dist/cjs/tokens/atlassian-typography/font-family.js

@@ -13,7 +13,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      heading: {
+        value: 'FontFamilyWebSans'
+      },
+      body: {
         value: 'FontFamilyWebSans'
       },
       brand: {

package/dist/cjs/tokens/atlassian-typography/theme.js

@@ -12,7 +12,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize36',
           lineHeight: 'LineHeight700',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -22,7 +22,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize28',
           lineHeight: 'LineHeight500',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -32,7 +32,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize24',
           lineHeight: 'LineHeight400',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -42,7 +42,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize20',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -52,7 +52,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -62,7 +62,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -72,7 +72,7 @@ var typography = {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -84,7 +84,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSizeCode',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebMono',
+          fontFamily: 'font.family.code',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -96,7 +96,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -106,7 +106,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -116,7 +116,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -128,7 +128,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -138,7 +138,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }

package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js

@@ -13,7 +13,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      body: {
+        value: 'FontFamilyWebSans'
+      },
+      heading: {
         value: 'FontFamilyWebSans'
       },
       brand: {

package/dist/cjs/tokens/atlassian-typography-adg3/theme.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var utility = {
+  // @ts-expect-error in complete utility theme
+  UNSAFE: {
+    textTransformUppercase: {
+      value: 'uppercase'
+    }
+  }
+};
 var typography = {
   font: {
     heading: {
@@ -12,7 +20,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'LegacyFontSize35',
           lineHeight: 'LineHeight700',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -22,7 +30,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'LegacyFontSize29',
           lineHeight: 'LineHeight500',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -32,7 +40,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize24',
           lineHeight: 'LineHeight400',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
         }
@@ -42,7 +50,7 @@ var typography = {
           fontWeight: 'FontWeight500',
           fontSize: 'FontSize20',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing300'
         }
@@ -52,7 +60,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing200'
         }
@@ -62,7 +70,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing100'
         }
@@ -72,7 +80,7 @@ var typography = {
           fontWeight: 'FontWeight600',
           fontSize: 'FontSize12',
           lineHeight: 'LineHeight100',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.heading',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -84,7 +92,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSizeCode',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebMono',
+          fontFamily: 'font.family.code',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -96,7 +104,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -106,7 +114,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize16',
           lineHeight: 'LineHeight300',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -116,7 +124,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight200',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -128,7 +136,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -138,7 +146,7 @@ var typography = {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight1',
-          fontFamily: 'FontFamilyWebSans',
+          fontFamily: 'font.family.body',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
@@ -146,5 +154,8 @@ var typography = {
     }
   }
 };
-var _default = typography;
+var _default = {
+  font: typography.font,
+  utility: utility
+};
 exports.default = _default;

package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js

@@ -13,7 +13,10 @@ var font = {
       monospace: {
         value: 'FontFamilyWebMono'
       },
-      product: {
+      body: {
+        value: 'FontFamilyWebSans'
+      },
+      heading: {
         value: 'FontFamilyWebSans'
       },
       brand: {