@atlaskit/tokens 0.10.35 → 0.11.0

package/dist/types/artifacts/token-names.d.ts

@@ -1,6 +1,27 @@
 import { CSSTokenMap as AtlassianLightCSSTokenMap } from './typescript/atlassian-light-token-names';
 import { CSSTokenMap as AtlassianSpacingCSSTokenMap } from './typescript/atlassian-spacing-token-names';
+import { CSSTokenMap as AtlassianTypographyCSSTokenMap } from './typescript/atlassian-typography-token-names';
 declare const tokens: {
+    readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.size.100': "--ds-font-size-100";
+    readonly 'font.size.200': "--ds-font-size-200";
+    readonly 'font.size.300': "--ds-font-size-300";
+    readonly 'font.size.400': "--ds-font-size-400";
+    readonly 'font.size.500': "--ds-font-size-500";
+    readonly 'font.size.600': "--ds-font-size-600";
+    readonly 'font.size.050': "--ds-font-size-050";
+    readonly 'font.size.075': "--ds-font-size-075";
+    readonly 'font.weight.regular': "--ds-font-weight-regular";
+    readonly 'font.weight.medium': "--ds-font-weight-medium";
+    readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.weight.bold': "--ds-font-weight-bold";
+    readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
+    readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
+    readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
+    readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
+    readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
+    readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
     readonly 'spacing.scale.0': "--ds-scale-0";
     readonly 'spacing.scale.100': "--ds-scale-100";
     readonly 'spacing.scale.150': "--ds-scale-150";
@@ -371,6 +392,6 @@ declare const tokens: {
     readonly 'utility.UNSAFE_util.transparent': "--ds-UNSAFE_util-transparent";
     readonly 'utility.UNSAFE_util.MISSING_TOKEN': "--ds-UNSAFE_util-MISSING_TOKEN";
 };
-export declare type CSSTokenMap = AtlassianLightCSSTokenMap & AtlassianSpacingCSSTokenMap;
+export declare type CSSTokenMap = AtlassianLightCSSTokenMap & AtlassianSpacingCSSTokenMap & AtlassianTypographyCSSTokenMap;
 export declare type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 export default tokens;

package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts

@@ -0,0 +1,28 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::7237ae542acbfbf81d98127d8003c2dd>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+}[];
+export default tokens;

package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
- * Token names mapped to their value in the default Atlassian themes ('light spacing').
+ * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::ef6186f17dafc7e13af4096ad3cf41bb>>
+ * @codegen <<SignedSource::59114010c9c11270dd28c9a285bed33a>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {

package/dist/types/artifacts/typescript/atlassian-spacing-token-default-values.d.ts

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
- * Token names mapped to their value in the default Atlassian themes ('light spacing').
+ * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::070fc18ba91d3a0673dcabb4f936f8d9>>
+ * @codegen <<SignedSource::6774c0c721b46e66ada20e02efc078c0>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {

package/dist/types/artifacts/typescript/atlassian-typography-token-default-values.d.ts

@@ -0,0 +1,32 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * Token names mapped to their value in the default Atlassian themes ('light').
+ * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
+ *
+ * @codegen <<SignedSource::c3cd2758c83d1514a33fbaec6ceb0a8d>>
+ * @codegenCommand yarn build tokens
+ */
+declare const defaultTokenValues: {
+    readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
+    readonly 'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
+    readonly 'font.size.100': "14px";
+    readonly 'font.size.200': "16px";
+    readonly 'font.size.300': "20px";
+    readonly 'font.size.400': "24px";
+    readonly 'font.size.500': "29px";
+    readonly 'font.size.600': "35px";
+    readonly 'font.size.050': "11px";
+    readonly 'font.size.075': "12px";
+    readonly 'font.weight.regular': "400";
+    readonly 'font.weight.medium': "500";
+    readonly 'font.weight.semibold': "600";
+    readonly 'font.weight.bold': "700";
+    readonly 'font.lineHeight.100': "16px";
+    readonly 'font.lineHeight.200': "20px";
+    readonly 'font.lineHeight.300': "24px";
+    readonly 'font.lineHeight.400': "28px";
+    readonly 'font.lineHeight.500': "32px";
+    readonly 'font.lineHeight.600': "40px";
+};
+export default defaultTokenValues;

package/dist/types/artifacts/typescript/atlassian-typography-token-names.d.ts

@@ -0,0 +1,50 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::552924bc6add2fabb3af5b1ac93a9721>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: {
+    readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.size.100': "--ds-font-size-100";
+    readonly 'font.size.200': "--ds-font-size-200";
+    readonly 'font.size.300': "--ds-font-size-300";
+    readonly 'font.size.400': "--ds-font-size-400";
+    readonly 'font.size.500': "--ds-font-size-500";
+    readonly 'font.size.600': "--ds-font-size-600";
+    readonly 'font.size.050': "--ds-font-size-050";
+    readonly 'font.size.075': "--ds-font-size-075";
+    readonly 'font.weight.regular': "--ds-font-weight-regular";
+    readonly 'font.weight.medium': "--ds-font-weight-medium";
+    readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.weight.bold': "--ds-font-weight-bold";
+    readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
+    readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
+    readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
+    readonly 'font.lineHeight.400': "--ds-font-lineHeight-400";
+    readonly 'font.lineHeight.500': "--ds-font-lineHeight-500";
+    readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
+};
+export declare type CSSTokenMap = {
+    'font.family.sans': 'var(--ds-font-family-sans)';
+    'font.family.monospace': 'var(--ds-font-family-monospace)';
+    'font.size.100': 'var(--ds-font-size-100)';
+    'font.size.200': 'var(--ds-font-size-200)';
+    'font.size.300': 'var(--ds-font-size-300)';
+    'font.size.400': 'var(--ds-font-size-400)';
+    'font.size.500': 'var(--ds-font-size-500)';
+    'font.size.600': 'var(--ds-font-size-600)';
+    'font.size.050': 'var(--ds-font-size-050)';
+    'font.size.075': 'var(--ds-font-size-075)';
+    'font.weight.regular': 'var(--ds-font-weight-regular)';
+    'font.weight.medium': 'var(--ds-font-weight-medium)';
+    'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+    'font.weight.bold': 'var(--ds-font-weight-bold)';
+    'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
+    'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
+    'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
+    'font.lineHeight.400': 'var(--ds-font-lineHeight-400)';
+    'font.lineHeight.500': 'var(--ds-font-lineHeight-500)';
+    'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
+};
+export default tokens;

package/dist/types/artifacts/typescript/atlassian-typography-types-internal.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::26cbb810692cdf86cc645f8f2e64e557>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type InternalTokenIds = 'font.family.sans' | 'font.family.monospace' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.size.050' | 'font.size.075' | 'font.weight.regular' | 'font.weight.medium' | 'font.weight.semibold' | 'font.weight.bold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';

package/dist/types/artifacts/typescript/atlassian-typography-types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::58b491a5e9ad73249947dac36265057f>>
+ * @codegenCommand yarn build tokens
+ */
+export declare type ActiveTokens = 'font.family.sans' | 'font.family.monospace' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.size.050' | 'font.size.075' | 'font.weight.regular' | 'font.weight.medium' | 'font.weight.semibold' | 'font.weight.bold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';

package/dist/types/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const THEME_DATA_ATTRIBUTE = "data-theme";
 export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
-export declare const DEFAULT_THEME = "light spacing";
+export declare const DEFAULT_THEME = "light";
 export declare const CSS_PREFIX = "ds";
 export declare const CSS_VAR_FULL: string[];
 export declare const TOKEN_NOT_FOUND_CSS_VAR: string;

package/dist/types/entry-points/init.d.ts

@@ -0,0 +1,4 @@
+import '../../css/atlassian-light.css';
+import '../../css/atlassian-dark.css';
+import '../../css/atlassian-spacing.css';
+import '../../css/atlassian-typography.css';

package/dist/types/palettes/typography/font-family.d.ts

@@ -0,0 +1,5 @@
+import { FontFamilyPaletteTokenSchema } from '../../types';
+export declare type FontFamilyPaletteValues = 'FontFamilySans' | 'FontFamilyMonospace';
+export declare type BaseToken = keyof FontFamilyPaletteTokenSchema<FontFamilyPaletteValues>['fontFamily'];
+declare const palette: FontFamilyPaletteTokenSchema<FontFamilyPaletteValues>;
+export default palette;

package/dist/types/palettes/typography/font-size-scale.d.ts

@@ -0,0 +1,5 @@
+import { FontSizeScaleTokenSchema } from '../../types';
+export declare type FontSizeScaleValues = 'FontSize050' | 'FontSize075' | 'FontSize100' | 'FontSize200' | 'FontSize300' | 'FontSize400' | 'FontSize500' | 'FontSize600';
+export declare type BaseToken = keyof FontSizeScaleTokenSchema<FontSizeScaleValues>['fontSize'];
+declare const scale: FontSizeScaleTokenSchema<FontSizeScaleValues>;
+export default scale;

package/dist/types/palettes/typography/font-weight-scale.d.ts

@@ -0,0 +1,5 @@
+import { FontWeightScaleTokenSchema } from '../../types';
+export declare type FontWeightScaleValues = 'FontWeightRegular' | 'FontWeightMedium' | 'FontWeightSemiBold' | 'FontWeightBold';
+export declare type BaseToken = keyof FontWeightScaleTokenSchema<FontWeightScaleValues>['fontWeight'];
+declare const scale: FontWeightScaleTokenSchema<FontWeightScaleValues>;
+export default scale;

package/dist/types/palettes/typography/index.d.ts

@@ -0,0 +1,10 @@
+import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LineHeightScaleTokenSchema } from '../../types';
+import { FontFamilyPaletteValues } from './font-family';
+import { FontSizeScaleValues } from './font-size-scale';
+import { FontWeightScaleValues } from './font-weight-scale';
+import { LineHeightScaleValues } from './line-height-scale';
+export declare type AtlassianTokenSchema = {
+    typography: FontSizeScaleTokenSchema<FontSizeScaleValues> | FontWeightScaleTokenSchema<FontWeightScaleValues> | FontFamilyPaletteTokenSchema<FontFamilyPaletteValues> | LineHeightScaleTokenSchema<LineHeightScaleValues>;
+};
+declare const typographyPalette: AtlassianTokenSchema;
+export default typographyPalette;

package/dist/types/palettes/typography/line-height-scale.d.ts

@@ -0,0 +1,5 @@
+import { LineHeightScaleTokenSchema } from '../../types';
+export declare type LineHeightScaleValues = 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
+export declare type BaseToken = keyof LineHeightScaleTokenSchema<LineHeightScaleValues>['lineHeight'];
+declare const scale: LineHeightScaleTokenSchema<LineHeightScaleValues>;
+export default scale;

package/dist/types/theme-config.d.ts

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-spacing';
+export declare type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-spacing' | 'atlassian-typography';
 export declare type ThemeFileNames = Themes;
 /**
  * Theme kinds: The type of theme.
@@ -27,13 +27,13 @@ export declare type ThemeColorModes = 'light' | 'dark';
  *
  * These ids must be kebab case
  */
-export declare type ThemeIds = 'light' | 'dark' | 'legacy-light' | 'legacy-dark' | 'spacing';
+export declare type ThemeIds = 'light' | 'dark' | 'legacy-light' | 'legacy-dark' | 'spacing' | 'typography';
 /**
  * Palettes: The set of base tokens a given theme may be populated with.
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
  * previous color set.
  */
-export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale';
+export declare type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'typographyPalette';
 /**
  * ThemeConfig: the source of truth for all theme meta-data.
  * This object should be used whenever interfacing with themes.
@@ -47,6 +47,8 @@ interface ThemeConfig {
         mode: ThemeColorModes;
     } | {
         type: 'spacing';
+    } | {
+        type: 'typography';
     };
 }
 declare const themeConfig: Record<Themes, ThemeConfig>;

package/dist/types/tokens/atlassian-typography/font-family.d.ts

@@ -0,0 +1,4 @@
+import { BaseToken } from '../../palettes/typography/font-family';
+import { FontFamilyTokenSchema, ValueSchema } from '../../types';
+declare const font: ValueSchema<FontFamilyTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/atlassian-typography/font-size.d.ts

@@ -0,0 +1,4 @@
+import { BaseToken } from '../../palettes/typography/font-size-scale';
+import { FontSizeTokenSchema, ValueSchema } from '../../types';
+declare const font: ValueSchema<FontSizeTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/atlassian-typography/font-weight.d.ts

@@ -0,0 +1,4 @@
+import { BaseToken } from '../../palettes/typography/font-weight-scale';
+import { FontWeightTokenSchema, ValueSchema } from '../../types';
+declare const font: ValueSchema<FontWeightTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/atlassian-typography/line-height.d.ts

@@ -0,0 +1,4 @@
+import { BaseToken } from '../../palettes/typography/line-height-scale';
+import { LineHeightTokenSchema, ValueSchema } from '../../types';
+declare const font: ValueSchema<LineHeightTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/default/elevation/surface.d.ts

@@ -1,4 +1,4 @@
 import type { BaseToken } from '../../../palettes/palette';
 import type { AttributeSchema, SurfaceTokenSchema } from '../../../types';
-declare const shadow: AttributeSchema<SurfaceTokenSchema<BaseToken>>;
-export default shadow;
+declare const surface: AttributeSchema<SurfaceTokenSchema<BaseToken>>;
+export default surface;

package/dist/types/tokens/default/typography/font-family.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/typography/font-family';
+import type { AttributeSchema, FontFamilyTokenSchema } from '../../../types';
+declare const font: AttributeSchema<FontFamilyTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/default/typography/font-size.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/typography/font-size-scale';
+import type { AttributeSchema, FontSizeTokenSchema } from '../../../types';
+declare const font: AttributeSchema<FontSizeTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/default/typography/font-weight.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/typography/font-weight-scale';
+import type { AttributeSchema, FontWeightTokenSchema } from '../../../types';
+declare const font: AttributeSchema<FontWeightTokenSchema<BaseToken>>;
+export default font;

package/dist/types/tokens/default/typography/line-height.d.ts

@@ -0,0 +1,4 @@
+import type { BaseToken } from '../../../palettes/typography/line-height-scale';
+import type { AttributeSchema, LineHeightTokenSchema } from '../../../types';
+declare const font: AttributeSchema<LineHeightTokenSchema<BaseToken>>;
+export default font;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import { InternalTokenIds } from './artifacts/types-internal';
-export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale';
+export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
 export declare type ActiveTokenState = 'active';
 export declare type DeprecatedTokenState = 'deprecated';
 export declare type DeletedTokenState = 'deleted';
@@ -97,6 +97,11 @@ export declare type ShadowToken<BaseToken> = DesignToken<Array<{
 }>, 'shadow'>;
 export declare type OpacityToken = DesignToken<string, 'opacity'>;
 export declare type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
+export declare type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
+export declare type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
+export declare type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
+export declare type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
+export declare type TypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight'>;
 export declare type RawToken = DesignToken<string, 'raw'>;
 export interface ScaleToken extends BaseToken<string, 'scale'> {
     attributes: {
@@ -119,6 +124,18 @@ export interface SpacingScaleTokenSchema<ScaleValues extends string> {
         scale: Record<ScaleValues, ScaleToken>;
     };
 }
+export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
+    fontSize: Record<ScaleValues, ScaleToken>;
+}
+export interface FontWeightScaleTokenSchema<ScaleValues extends string> {
+    fontWeight: Record<ScaleValues, ScaleToken>;
+}
+export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
+    fontFamily: Record<ScaleValues, ScaleToken>;
+}
+export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
+    lineHeight: Record<ScaleValues, ScaleToken>;
+}
 export interface BackgroundColorTokenSchema<BaseToken> {
     color: {
         blanket: {
@@ -795,4 +812,48 @@ export interface SpacingTokenSchema<BaseToken> {
         };
     };
 }
+export interface FontSizeTokenSchema<BaseToken> {
+    font: {
+        size: {
+            '050': TypographyToken<BaseToken>;
+            '075': TypographyToken<BaseToken>;
+            '100': TypographyToken<BaseToken>;
+            '200': TypographyToken<BaseToken>;
+            '300': TypographyToken<BaseToken>;
+            '400': TypographyToken<BaseToken>;
+            '500': TypographyToken<BaseToken>;
+            '600': TypographyToken<BaseToken>;
+        };
+    };
+}
+export interface FontWeightTokenSchema<BaseToken> {
+    font: {
+        weight: {
+            regular: TypographyToken<BaseToken>;
+            medium: TypographyToken<BaseToken>;
+            semibold: TypographyToken<BaseToken>;
+            bold: TypographyToken<BaseToken>;
+        };
+    };
+}
+export interface FontFamilyTokenSchema<BaseToken> {
+    font: {
+        family: {
+            sans: TypographyToken<BaseToken>;
+            monospace: TypographyToken<BaseToken>;
+        };
+    };
+}
+export interface LineHeightTokenSchema<BaseToken> {
+    font: {
+        lineHeight: {
+            '100': TypographyToken<BaseToken>;
+            '200': TypographyToken<BaseToken>;
+            '300': TypographyToken<BaseToken>;
+            '400': TypographyToken<BaseToken>;
+            '500': TypographyToken<BaseToken>;
+            '600': TypographyToken<BaseToken>;
+        };
+    };
+}
 export {};

package/init/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/tokens/init",
+  "main": "../dist/cjs/entry-points/init.js",
+  "module": "../dist/esm/entry-points/init.js",
+  "module:es2019": "../dist/es2019/entry-points/init.js",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "types": "../dist/types/entry-points/init.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/entry-points/init.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.35",
+  "version": "0.11.0",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -41,6 +41,7 @@
     "./spacing-raw": "./src/entry-points/spacing-raw.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
     "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
+    "./init": "./src/entry-points/init.tsx",
     "./css/atlassian-light.css": "./css/atlassian-light.css",
     "./css/atlassian-dark.css": "./css/atlassian-dark.css",
     "./css/atlassian-legacy-light.css": "./css/atlassian-legacy-light.css",
@@ -70,11 +71,11 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/docs": "^9.0.10",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/ds-explorations": "^1.0.0",
+    "@atlaskit/ds-explorations": "^1.2.0",
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
-    "@atlaskit/focus-ring": "^1.1.0",
-    "@atlaskit/heading": "^0.1.16",
+    "@atlaskit/focus-ring": "^1.2.0",
+    "@atlaskit/heading": "^1.0.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/modal-dialog": "^12.4.0",
@@ -97,7 +98,7 @@
     "copy-webpack-plugin": "^6.4.0",
     "fuse.js": "^6.6.2",
     "lodash": "^4.17.21",
-    "prettier": "^2.1.1",
+    "prettier": "^2.7.0",
     "react": "^16.8.0",
     "react-use-clipboard": "^1.0.0",
     "style-dictionary": "^3.0.0",

package/report.api.md

@@ -18,7 +18,7 @@
 export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
 
 // @public (undocumented)
-type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3;
+type CSSTokenMap = CSSTokenMap_2 & CSSTokenMap_3 & CSSTokenMap_4;
 
 // @public (undocumented)
 type CSSTokenMap_2 = {
@@ -397,8 +397,36 @@ type CSSTokenMap_3 = {
   'spacing.inset.300': 'var(--ds-inset-300)';
 };
 
+// @public (undocumented)
+type CSSTokenMap_4 = {
+  'font.family.sans': 'var(--ds-font-family-sans)';
+  'font.family.monospace': 'var(--ds-font-family-monospace)';
+  'font.size.100': 'var(--ds-font-size-100)';
+  'font.size.200': 'var(--ds-font-size-200)';
+  'font.size.300': 'var(--ds-font-size-300)';
+  'font.size.400': 'var(--ds-font-size-400)';
+  'font.size.500': 'var(--ds-font-size-500)';
+  'font.size.600': 'var(--ds-font-size-600)';
+  'font.size.050': 'var(--ds-font-size-050)';
+  'font.size.075': 'var(--ds-font-size-075)';
+  'font.weight.regular': 'var(--ds-font-weight-regular)';
+  'font.weight.medium': 'var(--ds-font-weight-medium)';
+  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+  'font.weight.bold': 'var(--ds-font-weight-bold)';
+  'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
+  'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
+  'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';
+  'font.lineHeight.400': 'var(--ds-font-lineHeight-400)';
+  'font.lineHeight.500': 'var(--ds-font-lineHeight-500)';
+  'font.lineHeight.600': 'var(--ds-font-lineHeight-600)';
+};
+
 // @public
-type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale';
+type Palettes =
+  | 'defaultPalette'
+  | 'legacyPalette'
+  | 'spacingScale'
+  | 'typographyPalette';
 
 // @public
 export const setGlobalTheme: (
@@ -419,6 +447,9 @@ interface ThemeConfig {
       }
     | {
         type: 'spacing';
+      }
+    | {
+        type: 'typography';
       };
   // (undocumented)
   displayName: string;
@@ -437,7 +468,8 @@ export type ThemeIds =
   | 'legacy-dark'
   | 'legacy-light'
   | 'light'
-  | 'spacing';
+  | 'spacing'
+  | 'typography';
 
 // @public
 export class ThemeMutationObserver {
@@ -458,7 +490,8 @@ export type Themes =
   | 'atlassian-legacy-dark'
   | 'atlassian-legacy-light'
   | 'atlassian-light'
-  | 'atlassian-spacing';
+  | 'atlassian-spacing'
+  | 'atlassian-typography';
 
 // @public
 export function token<T extends keyof Tokens>(
@@ -471,6 +504,26 @@ type Tokens = typeof tokens;
 
 // @public (undocumented)
 const tokens: {
+  readonly 'font.family.sans': '--ds-font-family-sans';
+  readonly 'font.family.monospace': '--ds-font-family-monospace';
+  readonly 'font.size.100': '--ds-font-size-100';
+  readonly 'font.size.200': '--ds-font-size-200';
+  readonly 'font.size.300': '--ds-font-size-300';
+  readonly 'font.size.400': '--ds-font-size-400';
+  readonly 'font.size.500': '--ds-font-size-500';
+  readonly 'font.size.600': '--ds-font-size-600';
+  readonly 'font.size.050': '--ds-font-size-050';
+  readonly 'font.size.075': '--ds-font-size-075';
+  readonly 'font.weight.regular': '--ds-font-weight-regular';
+  readonly 'font.weight.medium': '--ds-font-weight-medium';
+  readonly 'font.weight.semibold': '--ds-font-weight-semibold';
+  readonly 'font.weight.bold': '--ds-font-weight-bold';
+  readonly 'font.lineHeight.100': '--ds-font-lineHeight-100';
+  readonly 'font.lineHeight.200': '--ds-font-lineHeight-200';
+  readonly 'font.lineHeight.300': '--ds-font-lineHeight-300';
+  readonly 'font.lineHeight.400': '--ds-font-lineHeight-400';
+  readonly 'font.lineHeight.500': '--ds-font-lineHeight-500';
+  readonly 'font.lineHeight.600': '--ds-font-lineHeight-600';
   readonly 'spacing.scale.0': '--ds-scale-0';
   readonly 'spacing.scale.100': '--ds-scale-100';
   readonly 'spacing.scale.150': '--ds-scale-150';