@atlaskit/tokens 1.14.2 → 1.15.0

package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts

@@ -0,0 +1,10 @@
+import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
+import type { TypographyTokenSchema, ValueSchema } from '../../types';
+declare const typography: ValueSchema<TypographyTokenSchema<{
+    fontWeight: FontWeightBaseToken;
+    fontFamily: FontFamilyBaseToken;
+    fontSize: FontSizeBaseToken;
+    lineHeight: LineHeightBaseToken;
+    letterSpacing: LetterSpacingBaseToken;
+}>>;
+export default typography;

package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts

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

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

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

package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts

@@ -0,0 +1,10 @@
+import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
+import type { TypographyTokenSchema, ValueSchema } from '../../types';
+declare const typography: ValueSchema<TypographyTokenSchema<{
+    fontWeight: FontWeightBaseToken;
+    fontFamily: FontFamilyBaseToken;
+    fontSize: FontSizeBaseToken;
+    lineHeight: LineHeightBaseToken;
+    letterSpacing: LetterSpacingBaseToken;
+}>>;
+export default typography;

package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts

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

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

@@ -0,0 +1,20 @@
+import type { AttributeSchema, TypographyTokenSchema } from '../../../types';
+/**
+ *
+ * @example
+ * ```js
+ * {
+ *   body: {
+ *     value: {
+ *       fontWeight: 500,
+ *       fontSize: "16px",
+ *       lineHeight: "22px",
+ *       fontFamily: "Helvetica",
+ *       fontStyle: "italic"
+ *    },
+ *    type: "typography"
+ *}
+ * ```
+ */
+declare const font: AttributeSchema<TypographyTokenSchema<any>>;
+export default font;

package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts

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

package/dist/types-ts4.5/types.d.ts

@@ -1,7 +1,7 @@
 import type { InternalTokenIds } from './artifacts/types-internal';
 import type { ShapePaletteToken } from './palettes/shape-palette';
 import type { SpacingPaletteToken } from './palettes/spacing-scale';
-export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
+export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing';
 export type ActiveTokenState = 'active';
 export type DeprecatedTokenState = 'deprecated';
 export type DeletedTokenState = 'deleted';
@@ -108,7 +108,8 @@ export type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
 export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
 export type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
-export type TypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight'>;
+export type LetterSpacingToken<BaseToken> = DesignToken<BaseToken, 'letterSpacing'>;
+export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
 export type RawToken = DesignToken<string, 'raw'>;
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
     value: {
@@ -145,6 +146,9 @@ export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
 export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
     lineHeight: Record<ScaleValues, TypographySchemaValue>;
 }
+export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
+    letterSpacing: Record<ScaleValues, TypographySchemaValue>;
+}
 export interface BackgroundColorTokenSchema<BaseToken> {
     color: {
         blanket: {
@@ -800,6 +804,56 @@ export interface SpacingTokenSchema {
         '1000': SpacingToken;
     };
 }
+/**
+ * Typography tokens are complex multi-palette ouputs
+ */
+export type TypographyToken<TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
+}> = DesignToken<{
+    fontStyle: 'normal';
+    fontWeight: TPalette['fontWeight'];
+    fontFamily: TPalette['fontFamily'];
+    fontSize: TPalette['fontSize'];
+    lineHeight: TPalette['lineHeight'];
+    letterSpacing: TPalette['letterSpacing'];
+}, 'typography'>;
+/**
+ * The semantic interface for typography tokens
+ */
+export interface TypographyTokenSchema<TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
+}> {
+    font: {
+        heading: {
+            xxl: TypographyToken<TPalette>;
+            xl: TypographyToken<TPalette>;
+            lg: TypographyToken<TPalette>;
+            md: TypographyToken<TPalette>;
+            sm: TypographyToken<TPalette>;
+            xs: TypographyToken<TPalette>;
+            xxs: TypographyToken<TPalette>;
+        };
+        ui: {
+            '[default]': TypographyToken<TPalette>;
+            sm: TypographyToken<TPalette>;
+        };
+        body: {
+            '[default]': TypographyToken<TPalette>;
+            sm: TypographyToken<TPalette>;
+        };
+        code: {
+            '[default]': TypographyToken<TPalette>;
+        };
+    };
+}
 export interface ShapeTokenSchema {
     border: {
         width: {
@@ -819,47 +873,82 @@ export interface ShapeTokenSchema {
         };
     };
 }
+/**
+ * @private
+ * @deprecated probably
+ */
 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>;
+            '050': DeprecatedTypographyToken<BaseToken>;
+            '075': DeprecatedTypographyToken<BaseToken>;
+            '100': DeprecatedTypographyToken<BaseToken>;
+            '200': DeprecatedTypographyToken<BaseToken>;
+            '300': DeprecatedTypographyToken<BaseToken>;
+            '400': DeprecatedTypographyToken<BaseToken>;
+            '500': DeprecatedTypographyToken<BaseToken>;
+            '600': DeprecatedTypographyToken<BaseToken>;
         };
     };
 }
+/**
+ * @private
+ * @deprecated probably
+ */
 export interface FontWeightTokenSchema<BaseToken> {
     font: {
         weight: {
-            regular: TypographyToken<BaseToken>;
-            medium: TypographyToken<BaseToken>;
-            semibold: TypographyToken<BaseToken>;
-            bold: TypographyToken<BaseToken>;
+            regular: DeprecatedTypographyToken<BaseToken>;
+            medium: DeprecatedTypographyToken<BaseToken>;
+            semibold: DeprecatedTypographyToken<BaseToken>;
+            bold: DeprecatedTypographyToken<BaseToken>;
         };
     };
 }
 export interface FontFamilyTokenSchema<BaseToken> {
     font: {
         family: {
-            sans: TypographyToken<BaseToken>;
-            monospace: TypographyToken<BaseToken>;
+            /**
+             * @private
+             * @deprecated
+             */
+            sans: DeprecatedTypographyToken<BaseToken>;
+            /**
+             * @private
+             * @deprecated
+             */
+            monospace: DeprecatedTypographyToken<BaseToken>;
+            product: DeprecatedTypographyToken<BaseToken>;
+            brand: DeprecatedTypographyToken<BaseToken>;
+            code: DeprecatedTypographyToken<BaseToken>;
         };
     };
 }
+/**
+ * @private
+ * @deprecated probably
+ */
 export interface LineHeightTokenSchema<BaseToken> {
     font: {
         lineHeight: {
-            '100': TypographyToken<BaseToken>;
-            '200': TypographyToken<BaseToken>;
-            '300': TypographyToken<BaseToken>;
-            '400': TypographyToken<BaseToken>;
-            '500': TypographyToken<BaseToken>;
-            '600': TypographyToken<BaseToken>;
+            '1': DeprecatedTypographyToken<BaseToken>;
+            '100': DeprecatedTypographyToken<BaseToken>;
+            '200': DeprecatedTypographyToken<BaseToken>;
+            '300': DeprecatedTypographyToken<BaseToken>;
+            '400': DeprecatedTypographyToken<BaseToken>;
+            '500': DeprecatedTypographyToken<BaseToken>;
+            '600': DeprecatedTypographyToken<BaseToken>;
+        };
+    };
+}
+export interface LetterSpacingTokenSchema<BaseToken> {
+    font: {
+        letterSpacing: {
+            '0': DeprecatedTypographyToken<BaseToken>;
+            '100': DeprecatedTypographyToken<BaseToken>;
+            '200': DeprecatedTypographyToken<BaseToken>;
+            '300': DeprecatedTypographyToken<BaseToken>;
+            '400': DeprecatedTypographyToken<BaseToken>;
         };
     };
 }

package/figma/atlassian-typography-adg3.json

@@ -0,0 +1,150 @@
+{
+  "name": "Typography adg3",
+  "tokens": {
+    "Typography adg3/font.family.code": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "experimental",
+        "introduced": "1.14.0",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
+    },
+    "Typography adg3/font.family.monospace": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
+    },
+    "Typography adg3/font.family.product": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "experimental",
+        "introduced": "1.14.0",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+    },
+    "Typography adg3/font.family.sans": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif"
+    },
+    "Typography adg3/font.family.brand": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "experimental",
+        "introduced": "1.14.0",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "Charlie Sans"
+    },
+    "Typography adg3/font.weight.bold": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "700"
+    },
+    "Typography adg3/font.weight.medium": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "500"
+    },
+    "Typography adg3/font.weight.regular": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "400"
+    },
+    "Typography adg3/font.weight.semibold": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": "600"
+    },
+    "Typography adg3/font.lineHeight.1": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Used single-line text."
+      },
+      "value": "1"
+    },
+    "Typography adg3/font.lineHeight.100": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 16
+    },
+    "Typography adg3/font.lineHeight.200": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 20
+    },
+    "Typography adg3/font.lineHeight.300": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 24
+    },
+    "Typography adg3/font.lineHeight.400": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 28
+    },
+    "Typography adg3/font.lineHeight.500": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 32
+    },
+    "Typography adg3/font.lineHeight.600": {
+      "attributes": {
+        "group": "lineHeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Helpful guidance goes here"
+      },
+      "value": 40
+    }
+  },
+  "renameMap": {}
+}

package/figma/atlassian-typography.json

@@ -1,113 +1,50 @@
 {
   "name": "Typography",
   "tokens": {
-    "Typography/font.family.monospace": {
+    "Typography/font.family.code": {
       "attributes": {
         "group": "fontFamily",
-        "state": "active",
-        "introduced": "0.10.33",
+        "state": "experimental",
+        "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace"
+      "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
     },
-    "Typography/font.family.sans": {
+    "Typography/font.family.monospace": {
       "attributes": {
         "group": "fontFamily",
         "state": "active",
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif"
-    },
-    "Typography/font.weight.bold": {
-      "attributes": {
-        "group": "fontWeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": "700"
-    },
-    "Typography/font.weight.medium": {
-      "attributes": {
-        "group": "fontWeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": "500"
-    },
-    "Typography/font.weight.regular": {
-      "attributes": {
-        "group": "fontWeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": "400"
+      "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
     },
-    "Typography/font.weight.semibold": {
+    "Typography/font.family.product": {
       "attributes": {
-        "group": "fontWeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": "600"
-    },
-    "Typography/font.lineHeight.100": {
-      "attributes": {
-        "group": "lineHeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": 16
-    },
-    "Typography/font.lineHeight.200": {
-      "attributes": {
-        "group": "lineHeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": 20
-    },
-    "Typography/font.lineHeight.300": {
-      "attributes": {
-        "group": "lineHeight",
-        "state": "active",
-        "introduced": "0.10.33",
-        "description": "Helpful guidance goes here"
-      },
-      "value": 24
-    },
-    "Typography/font.lineHeight.400": {
-      "attributes": {
-        "group": "lineHeight",
-        "state": "active",
-        "introduced": "0.10.33",
+        "group": "fontFamily",
+        "state": "experimental",
+        "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": 28
+      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
     },
-    "Typography/font.lineHeight.500": {
+    "Typography/font.family.sans": {
       "attributes": {
-        "group": "lineHeight",
+        "group": "fontFamily",
         "state": "active",
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": 32
+      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
     },
-    "Typography/font.lineHeight.600": {
+    "Typography/font.family.brand": {
       "attributes": {
-        "group": "lineHeight",
-        "state": "active",
-        "introduced": "0.10.33",
+        "group": "fontFamily",
+        "state": "experimental",
+        "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": 40
+      "value": "Charlie Sans"
     }
   },
   "renameMap": {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.14.2",
+  "version": "1.15.0",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"