@atlaskit/tokens 1.15.0 → 1.15.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::bae3fa2256b534cd5a8fad9a180e3fa8>>
+ * @codegen <<SignedSource::bf6a6956c0f05008a38d080067ade3fb>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -53,7 +53,7 @@ var tokens = [{
     "description": "Smaller body font."
   },
   "value": {
-    "fontSize": 11,
+    "fontSize": 12,
     "fontStyle": "normal",
     "fontWeight": "400",
     "lineHeight": 20,
@@ -71,7 +71,7 @@ var tokens = [{
     },
     "value": {
       "fontWeight": "FontWeight400",
-      "fontSize": "FontSize11",
+      "fontSize": "FontSize12",
       "lineHeight": "LineHeight200",
       "fontFamily": "FontFamilyWebSans",
       "fontStyle": "normal",
@@ -324,7 +324,7 @@ var tokens = [{
     "value": {
       "fontWeight": "FontWeight700",
       "fontSize": "FontSize36",
-      "lineHeight": "LineHeight600",
+      "lineHeight": "LineHeight700",
       "fontFamily": "FontFamilyWebSans",
       "fontStyle": "normal",
       "letterSpacing": "LetterSpacing0"
@@ -377,7 +377,7 @@ var tokens = [{
     "description": "Helpful guidance goes here"
   },
   "value": "0",
-  "filePath": "src/tokens/atlassian-typography/utils.tsx",
+  "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
   "isSource": true,
   "original": {
     "attributes": {
@@ -399,7 +399,7 @@ var tokens = [{
     "description": "Helpful guidance goes here"
   },
   "value": "0",
-  "filePath": "src/tokens/atlassian-typography/utils.tsx",
+  "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
   "isSource": true,
   "original": {
     "attributes": {
@@ -421,7 +421,7 @@ var tokens = [{
     "description": "Helpful guidance goes here"
   },
   "value": "0",
-  "filePath": "src/tokens/atlassian-typography/utils.tsx",
+  "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
   "isSource": true,
   "original": {
     "attributes": {
@@ -443,7 +443,7 @@ var tokens = [{
     "description": "Helpful guidance goes here"
   },
   "value": "0",
-  "filePath": "src/tokens/atlassian-typography/utils.tsx",
+  "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
   "isSource": true,
   "original": {
     "attributes": {
@@ -465,7 +465,7 @@ var tokens = [{
     "description": "Helpful guidance goes here"
   },
   "value": "0",
-  "filePath": "src/tokens/atlassian-typography/utils.tsx",
+  "filePath": "src/tokens/atlassian-typography/letter-spacing.tsx",
   "isSource": true,
   "original": {
     "attributes": {
@@ -523,7 +523,7 @@ var tokens = [{
     "description": "Single-line non-wrapping supporting text like that in a smaller label."
   },
   "value": {
-    "fontSize": 11,
+    "fontSize": 12,
     "fontStyle": "normal",
     "fontWeight": "400",
     "lineHeight": "1",
@@ -541,7 +541,7 @@ var tokens = [{
     },
     "value": {
       "fontWeight": "FontWeight400",
-      "fontSize": "FontSize11",
+      "fontSize": "FontSize12",
       "lineHeight": "LineHeight1",
       "fontFamily": "FontFamilyWebSans",
       "fontStyle": "normal",

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.15.0";
+var version = "1.15.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.15.0";
+var version = "1.15.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/palettes/typography-palette.js

@@ -81,6 +81,12 @@ var lineHeightScale = {
       }
     },
     LineHeight600: {
+      value: 36,
+      attributes: {
+        group: 'typography'
+      }
+    },
+    LineHeight700: {
       value: 40,
       attributes: {
         group: 'typography'
@@ -181,7 +187,7 @@ var fontSizeScale = {
         group: 'typography'
       }
     },
-    FontSize11: {
+    LegacyFontSize11: {
       value: 11,
       attributes: {
         group: 'typography'
@@ -229,6 +235,12 @@ var fontSizeScale = {
         group: 'typography'
       }
     },
+    FontSize32: {
+      value: 32,
+      attributes: {
+        group: 'typography'
+      }
+    },
     LegacyFontSize35: {
       value: 35,
       attributes: {

package/dist/cjs/theme-config.js

@@ -41,7 +41,7 @@ exports.themeColorModes = themeColorModes;
  *
  * These ids must be kebab case
  */
-var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3'];
+var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
 exports.themeIds = themeIds;
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -151,7 +151,15 @@ var themeConfig = {
   },
   'atlassian-typography': {
     id: 'typography',
-    displayName: 'Atlassian Typography',
+    displayName: 'Atlassian Typography (Minor Second)',
+    palette: 'typographyPalette',
+    attributes: {
+      type: 'typography'
+    }
+  },
+  'atlassian-typography-minor3': {
+    id: 'typography-minor3',
+    displayName: 'Atlassian Typography (Minor Third)',
     palette: 'typographyPalette',
     attributes: {
       type: 'typography'

package/dist/cjs/tokens/atlassian-typography/letter-spacing.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var font = {
+  font: {
+    letterSpacing: {
+      '0': {
+        value: 'LetterSpacing0'
+      },
+      '100': {
+        value: 'LetterSpacing0'
+      },
+      '200': {
+        value: 'LetterSpacing0'
+      },
+      '300': {
+        value: 'LetterSpacing0'
+      },
+      '400': {
+        value: 'LetterSpacing0'
+      }
+    }
+  }
+};
+var _default = font;
+exports.default = _default;

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

@@ -11,7 +11,7 @@ var typography = {
         value: {
           fontWeight: 'FontWeight700',
           fontSize: 'FontSize36',
-          lineHeight: 'LineHeight600',
+          lineHeight: 'LineHeight700',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing0'
@@ -104,7 +104,7 @@ var typography = {
       sm: {
         value: {
           fontWeight: 'FontWeight400',
-          fontSize: 'FontSize11',
+          fontSize: 'FontSize12',
           lineHeight: 'LineHeight200',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
@@ -126,7 +126,7 @@ var typography = {
       sm: {
         value: {
           fontWeight: 'FontWeight400',
-          fontSize: 'FontSize11',
+          fontSize: 'FontSize12',
           lineHeight: 'LineHeight1',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',

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

@@ -8,7 +8,7 @@ var font = {
   font: {
     size: {
       '050': {
-        value: 'FontSize11'
+        value: 'LegacyFontSize11'
       },
       '075': {
         value: 'FontSize12'

package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js

@@ -26,7 +26,7 @@ var font = {
         value: 'LineHeight500'
       },
       '600': {
-        value: 'LineHeight600'
+        value: 'LineHeight700'
       }
     }
   }

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

@@ -11,7 +11,7 @@ var typography = {
         value: {
           fontWeight: 'FontWeight500',
           fontSize: 'LegacyFontSize35',
-          lineHeight: 'LineHeight600',
+          lineHeight: 'LineHeight700',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
           letterSpacing: 'LetterSpacing400'
@@ -104,7 +104,7 @@ var typography = {
       sm: {
         value: {
           fontWeight: 'FontWeight400',
-          fontSize: 'FontSize11',
+          fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight200',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',
@@ -126,7 +126,7 @@ var typography = {
       sm: {
         value: {
           fontWeight: 'FontWeight400',
-          fontSize: 'FontSize11',
+          fontSize: 'LegacyFontSize11',
           lineHeight: 'LineHeight100',
           fontFamily: 'FontFamilyWebSans',
           fontStyle: 'normal',

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var font = {
+  font: {
+    family: {
+      sans: {
+        value: 'FontFamilyWebSans'
+      },
+      monospace: {
+        value: 'FontFamilyWebMono'
+      },
+      product: {
+        value: 'FontFamilyWebSans'
+      },
+      brand: {
+        value: 'FontFamilyCharlie'
+      },
+      code: {
+        value: 'FontFamilyWebMono'
+      }
+    }
+  }
+};
+var _default = font;
+exports.default = _default;

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

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var typography = {
+  font: {
+    heading: {
+      xxl: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize32',
+          lineHeight: 'LineHeight600',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      xl: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize28',
+          lineHeight: 'LineHeight500',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      lg: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize24',
+          lineHeight: 'LineHeight400',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      md: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize20',
+          lineHeight: 'LineHeight300',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize16',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      xs: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      xxs: {
+        value: {
+          fontWeight: 'FontWeight700',
+          fontSize: 'FontSize12',
+          lineHeight: 'LineHeight100',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    code: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSizeCode',
+          lineHeight: 'LineHeight1',
+          fontFamily: 'FontFamilyWebMono',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    body: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize12',
+          lineHeight: 'LineHeight200',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    },
+    ui: {
+      '[default]': {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize14',
+          lineHeight: 'LineHeight1',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      },
+      sm: {
+        value: {
+          fontWeight: 'FontWeight400',
+          fontSize: 'FontSize12',
+          lineHeight: 'LineHeight1',
+          fontFamily: 'FontFamilyWebSans',
+          fontStyle: 'normal',
+          letterSpacing: 'LetterSpacing0'
+        }
+      }
+    }
+  }
+};
+var _default = typography;
+exports.default = _default;

package/dist/es2019/artifacts/palettes-raw/typography-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::89e4530c84e484a163c9df048290ecf5>>
+ * @codegen <<SignedSource::c5a499034468ced262952ef968c2fd67>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -123,21 +123,6 @@ const tokens = [{
   },
   "name": "typography.fontFamily.LegacyFontFamilyWebSans",
   "path": ["typography", "fontFamily", "LegacyFontFamilyWebSans"]
-}, {
-  "value": "11px",
-  "attributes": {
-    "group": "typography"
-  },
-  "filePath": "src/palettes/typography-palette.tsx",
-  "isSource": true,
-  "original": {
-    "value": 11,
-    "attributes": {
-      "group": "typography"
-    }
-  },
-  "name": "typography.fontSize.FontSize11",
-  "path": ["typography", "fontSize", "FontSize11"]
 }, {
   "value": "12px",
   "attributes": {
@@ -228,6 +213,21 @@ const tokens = [{
   },
   "name": "typography.fontSize.FontSize28",
   "path": ["typography", "fontSize", "FontSize28"]
+}, {
+  "value": "32px",
+  "attributes": {
+    "group": "typography"
+  },
+  "filePath": "src/palettes/typography-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 32,
+    "attributes": {
+      "group": "typography"
+    }
+  },
+  "name": "typography.fontSize.FontSize32",
+  "path": ["typography", "fontSize", "FontSize32"]
 }, {
   "value": "36px",
   "attributes": {
@@ -273,6 +273,21 @@ const tokens = [{
   },
   "name": "typography.fontSize.FontSizeCode",
   "path": ["typography", "fontSize", "FontSizeCode"]
+}, {
+  "value": "11px",
+  "attributes": {
+    "group": "typography"
+  },
+  "filePath": "src/palettes/typography-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 11,
+    "attributes": {
+      "group": "typography"
+    }
+  },
+  "name": "typography.fontSize.LegacyFontSize11",
+  "path": ["typography", "fontSize", "LegacyFontSize11"]
 }, {
   "value": "29px",
   "attributes": {
@@ -529,19 +544,34 @@ const tokens = [{
   "name": "typography.lineHeight.LineHeight500",
   "path": ["typography", "lineHeight", "LineHeight500"]
 }, {
-  "value": "40px",
+  "value": "36px",
   "attributes": {
     "group": "typography"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": 40,
+    "value": 36,
     "attributes": {
       "group": "typography"
     }
   },
   "name": "typography.lineHeight.LineHeight600",
   "path": ["typography", "lineHeight", "LineHeight600"]
+}, {
+  "value": "40px",
+  "attributes": {
+    "group": "typography"
+  },
+  "filePath": "src/palettes/typography-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 40,
+    "attributes": {
+      "group": "typography"
+    }
+  },
+  "name": "typography.lineHeight.LineHeight700",
+  "path": ["typography", "lineHeight", "LineHeight700"]
 }];
 export default tokens;

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::82c355c08254a28b0727a63e17ee7698>>
+ * @codegen <<SignedSource::1e1c80a5700235c55449aa23948418be>>
  * @codegenCommand yarn build tokens
  */
 
@@ -30,6 +30,8 @@ const themeImportsMap = {
   'dark-new-input-border': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
   './themes/atlassian-dark-new-input-border'),
   'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
-  './themes/atlassian-typography')
+  './themes/atlassian-typography'),
+  'typography-minor3': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
+  './themes/atlassian-typography-minor3')
 };
 export default themeImportsMap;

package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js

@@ -0,0 +1,31 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::88719508da65fd1b7ad398cc0681c4c5>>
+ * @codegenCommand yarn build tokens
+ */
+export default `
+html[data-theme~="typography:typography-minor3"] {
+  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
+  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
+  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
+  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
+  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
+  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
+  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
+  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
+  --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);
+  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
+  --ds-font-letterSpacing-0: 0;
+  --ds-font-letterSpacing-100: 0;
+  --ds-font-letterSpacing-200: 0;
+  --ds-font-letterSpacing-300: 0;
+  --ds-font-letterSpacing-400: 0;
+  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
+  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
+  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
+  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
+  --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
+  --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
+  --ds-font-family-brand: Charlie Sans;
+}
+`;

package/dist/es2019/artifacts/themes/atlassian-typography.js

@@ -1,12 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a2c4f8f66783e1940d1aab250cf35a9>>
+ * @codegen <<SignedSource::ce2e1e115aa9ff0027981ef8ba658c64>>
  * @codegenCommand yarn build tokens
  */
 export default `
 html[data-theme~="typography:typography"] {
   --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
-  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-sans);
+  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
   --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
   --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
   --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
@@ -21,7 +21,7 @@ html[data-theme~="typography:typography"] {
   --ds-font-letterSpacing-300: 0;
   --ds-font-letterSpacing-400: 0;
   --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
-  --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-sans);
+  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
   --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
   --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
   --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;