@atlaskit/tokens 1.17.1 → 1.18.0

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
+ * @codegen <<SignedSource::eaaa970ce079ba5e26ef6b1bd1440d6c>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -10,14 +10,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "The default body font."
   },
-  "value": {
-    "fontSize": 14,
-    "fontStyle": "normal",
-    "fontWeight": "400",
-    "lineHeight": 20,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 400 14px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -44,16 +37,38 @@ const tokens = [{
     "group": "typography",
     "state": "experimental",
     "introduced": "1.14.0",
-    "description": "Smaller body font."
+    "description": "Larger body font or default body font for text rich experiences."
   },
-  "value": {
-    "fontSize": 12,
-    "fontStyle": "normal",
-    "fontWeight": "400",
-    "lineHeight": 20,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
+  "value": "normal 400 16px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "filePath": "src/tokens/atlassian-typography/theme.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "typography",
+      "state": "experimental",
+      "introduced": "1.14.0",
+      "description": "Larger body font or default body font for text rich experiences."
+    },
+    "value": {
+      "fontWeight": "FontWeight400",
+      "fontSize": "FontSize16",
+      "lineHeight": "LineHeight300",
+      "fontFamily": "FontFamilyWebSans",
+      "fontStyle": "normal",
+      "letterSpacing": "LetterSpacing0"
+    }
   },
+  "name": "font.body.lg",
+  "path": ["font", "body", "lg"],
+  "cleanName": "font.body.lg"
+}, {
+  "attributes": {
+    "group": "typography",
+    "state": "experimental",
+    "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",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -82,14 +97,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "Used for monospace and code."
   },
-  "value": {
-    "fontSize": "0.875em",
-    "fontStyle": "normal",
-    "fontWeight": "400",
-    "lineHeight": "1",
-    "fontFamily": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
-    "letterSpacing": "0"
-  },
+  "value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -118,14 +126,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 24,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 28,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 24px/28px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -154,14 +155,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 20,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 24,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 20px/24px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -190,14 +184,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 16,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 20,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 16px/20px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -226,14 +213,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 28,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 32,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 28px/32px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -262,14 +242,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 14,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 16,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 14px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -298,14 +271,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 36,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 40,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 36px/40px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -334,14 +300,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "TBD"
   },
-  "value": {
-    "fontSize": 12,
-    "fontStyle": "normal",
-    "fontWeight": "700",
-    "lineHeight": 16,
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 700 12px/16px ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -480,14 +439,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping text like that in a button."
   },
-  "value": {
-    "fontSize": 14,
-    "fontStyle": "normal",
-    "fontWeight": "400",
-    "lineHeight": "1",
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 400 14px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {
@@ -516,14 +468,7 @@ const tokens = [{
     "introduced": "1.14.0",
     "description": "Single-line non-wrapping supporting text like that in a smaller label."
   },
-  "value": {
-    "fontSize": 12,
-    "fontStyle": "normal",
-    "fontWeight": "400",
-    "lineHeight": "1",
-    "fontFamily": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
-    "letterSpacing": "0"
-  },
+  "value": "normal 400 12px/1 ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
   "filePath": "src/tokens/atlassian-typography/theme.tsx",
   "isSource": true,
   "original": {

package/dist/es2019/get-theme-styles.js

@@ -48,8 +48,7 @@ const getThemeStyles = async preferences => {
     }
   }),
   // Add custom themes if they're present
-  (async () => {
-    var _preferences$UNSAFE_t;
+  (async _preferences$UNSAFE_t => {
     if (preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && isValidBrandHex(preferences === null || preferences === void 0 ? void 0 : (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor)) {
       try {
         const {

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

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.17.1";
+const version = "1.18.0";
 /**
  * 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/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "1.17.1";
+const version = "1.18.0";
 /**
  * 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/es2019/palettes/typography-palette.js

@@ -3,31 +3,31 @@ const letterSpacingScale = {
     LetterSpacing0: {
       value: '0',
       attributes: {
-        group: 'typography'
+        group: 'letterSpacing'
       }
     },
     LetterSpacing100: {
       value: '-0.003em',
       attributes: {
-        group: 'typography'
+        group: 'letterSpacing'
       }
     },
     LetterSpacing200: {
       value: '-0.006em',
       attributes: {
-        group: 'typography'
+        group: 'letterSpacing'
       }
     },
     LetterSpacing300: {
       value: '-0.008em',
       attributes: {
-        group: 'typography'
+        group: 'letterSpacing'
       }
     },
     LetterSpacing400: {
       value: '-0.01em',
       attributes: {
-        group: 'typography'
+        group: 'letterSpacing'
       }
     }
   }
@@ -37,49 +37,55 @@ const lineHeightScale = {
     LineHeight1: {
       value: '1',
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
+      }
+    },
+    LineHeight050: {
+      value: 12,
+      attributes: {
+        group: 'lineHeight'
       }
     },
     LineHeight100: {
       value: 16,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight200: {
       value: 20,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight300: {
       value: 24,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight400: {
       value: 28,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight500: {
       value: 32,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight600: {
       value: 36,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     },
     LineHeight700: {
       value: 40,
       attributes: {
-        group: 'typography'
+        group: 'lineHeight'
       }
     }
   }
@@ -89,25 +95,25 @@ const fontWeightScale = {
     FontWeight400: {
       value: '400',
       attributes: {
-        group: 'typography'
+        group: 'fontWeight'
       }
     },
     FontWeight500: {
       value: '500',
       attributes: {
-        group: 'typography'
+        group: 'fontWeight'
       }
     },
     FontWeight600: {
       value: '600',
       attributes: {
-        group: 'typography'
+        group: 'fontWeight'
       }
     },
     FontWeight700: {
       value: '700',
       attributes: {
-        group: 'typography'
+        group: 'fontWeight'
       }
     }
   }
@@ -117,13 +123,13 @@ const fontFamilyPalette = {
     FontFamilyCharlie: {
       value: 'Charlie Sans',
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     LegacyFontFamilyWebSans: {
       value: `-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif`,
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     /**
@@ -134,37 +140,37 @@ const fontFamilyPalette = {
     FontFamilyWebSans: {
       value: `ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif`,
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     FontFamilyiOSSans: {
       value: 'SF Pro',
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     FontFamilyAndroidSans: {
       value: 'Roboto',
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     FontFamilyWebMono: {
       value: `ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace`,
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     FontFamilyiOSMono: {
       value: 'SF Mono',
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     },
     FontFamilyAndroidMono: {
       value: 'Roboto Mono',
       attributes: {
-        group: 'typography'
+        group: 'fontFamily'
       }
     }
   }
@@ -174,79 +180,79 @@ const fontSizeScale = {
     FontSizeCode: {
       value: '0.875em',
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     LegacyFontSize11: {
       value: 11,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize12: {
       value: 12,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize14: {
       value: 14,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize16: {
       value: 16,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize20: {
       value: 20,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize24: {
       value: 24,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize28: {
       value: 28,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     LegacyFontSize29: {
       value: 29,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize32: {
       value: 32,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     LegacyFontSize35: {
       value: 35,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize36: {
       value: 36,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     },
     FontSize48: {
       value: 48,
       attributes: {
-        group: 'typography'
+        group: 'fontSize'
       }
     }
   }

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

@@ -104,6 +104,16 @@ const typography = {
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
         }
+      },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
       }
     },
     ui: {

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

@@ -95,6 +95,16 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
       sm: {
         value: {
           fontWeight: 'FontWeight400',
@@ -111,7 +121,7 @@ const typography = {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'FontSize14',
-          lineHeight: 'LineHeight100',
+          lineHeight: 'LineHeight1',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
@@ -121,7 +131,7 @@ const typography = {
         value: {
           fontWeight: 'FontWeight400',
           fontSize: 'LegacyFontSize11',
-          lineHeight: 'LineHeight100',
+          lineHeight: 'LineHeight1',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'

package/dist/es2019/tokens/atlassian-typography-minor3/theme.js

@@ -95,6 +95,16 @@ const typography = {
           letterSpacing: 'LetterSpacing0'
         }
       },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
       sm: {
         value: {
           fontWeight: 'FontWeight400',

package/dist/es2019/tokens/default/typography/font.js

@@ -104,6 +104,14 @@ const font = {
       }
     },
     body: {
+      lg: {
+        attributes: {
+          group: 'typography',
+          state: 'experimental',
+          introduced: '1.14.0',
+          description: 'Larger body font or default body font for text rich experiences.'
+        }
+      },
       sm: {
         attributes: {
           group: 'typography',