@atlaskit/tokens 1.14.2 → 1.15.1

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 type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
+export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -36,7 +36,7 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
+export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
 export type ThemeIds = (typeof themeIds)[number];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -44,7 +44,7 @@ export type ThemeIds = (typeof themeIds)[number];
  */
 export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
-export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "light-new-input-border", "dark-new-input-border"];
+export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
  * Theme to use a base. This will create the theme as
@@ -94,7 +94,7 @@ export interface ThemeState {
     colorMode: ThemeColorModes;
     shape?: Extract<ThemeIds, 'shape'>;
     spacing?: Extract<ThemeIds, 'spacing'>;
-    typography?: Extract<ThemeIds, 'typography'>;
+    typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
     UNSAFE_themeOptions?: ThemeOptionsSchema;
 }
 /**

package/dist/types/tokens/atlassian-typography/letter-spacing.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/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/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/tokens/atlassian-typography-adg3/letter-spacing.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/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/tokens/atlassian-typography-minor3/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/tokens/atlassian-typography-minor3/letter-spacing.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/tokens/atlassian-typography-minor3/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/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/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/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/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts

@@ -3,14 +3,14 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::2d922d82772ca155fb2fe7b5c63dc69a>>
+ * @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
  * @codegenCommand yarn build tokens
  */
 declare const tokenValues: {
     readonly 'color.text.brand': "#579DFF";
     readonly 'elevation.surface.overlay': "#282E33";
-    readonly 'color.text.selected': "#579DFF";
     readonly 'color.background.selected': "#092957";
+    readonly 'color.text.selected': "#579DFF";
     readonly 'color.border.brand': "#579DFF";
     readonly 'color.chart.brand': "#388BFF";
     readonly 'color.text.inverse': "#1D2125";

package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts

@@ -3,14 +3,14 @@
  *
  * Token names mapped to their values, used for contrast checking when generating custom themes
  *
- * @codegen <<SignedSource::068e846d4121ab9afc08e7a1f99dbb5e>>
+ * @codegen <<SignedSource::2e18f7ef8f76f499aeeb6d93e94be25e>>
  * @codegenCommand yarn build tokens
  */
 declare const tokenValues: {
     readonly 'color.text.brand': "#0C66E4";
     readonly 'elevation.surface.sunken': "#F7F8F9";
-    readonly 'color.text.selected': "#0C66E4";
     readonly 'color.background.selected': "#E9F2FF";
+    readonly 'color.text.selected': "#0C66E4";
     readonly 'color.border.brand': "#0C66E4";
     readonly 'color.chart.brand': "#1D7AFC";
     readonly 'color.text.inverse': "#FFFFFF";

package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::62a42989e49ca7f7856827fb9ea059d6>>
+ * @codegen <<SignedSource::c5a499034468ced262952ef968c2fd67>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types-ts4.5/artifacts/theme-import-map.d.ts

@@ -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::de402397f676704af035feafc2b4f3c3>>
+ * @codegen <<SignedSource::1e1c80a5700235c55449aa23948418be>>
  * @codegenCommand yarn build tokens
  */
 import { ThemeIds, ThemeOverrideIds } from '../theme-config';

package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::5a962c81429544e05af6d55cf34c46a0>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _default: "\nhtml[data-theme~=\"typography:typography-adg3\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);\n  --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);\n  --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);\n  --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);\n  --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);\n  --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);\n  --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: -0.003em;\n  --ds-font-letterSpacing-200: -0.006em;\n  --ds-font-letterSpacing-300: -0.008em;\n  --ds-font-letterSpacing-400: -0.01em;\n  --ds-font-ui: normal 400 0.875rem/1rem var(--ds-font-family-product);\n  --ds-font-ui-sm: normal 400 0.6875rem/1rem var(--ds-font-family-product);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-1: 1;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
+export default _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts

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

package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts

@@ -1,7 +1,7 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3e4dc097014124b77e69b832281f37ed>>
+ * @codegen <<SignedSource::ce2e1e115aa9ff0027981ef8ba658c64>>
  * @codegenCommand yarn build tokens
  */
-declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --ds-font-size-050: 0.6875rem;\n  --ds-font-size-075: 0.75rem;\n  --ds-font-size-100: 0.875rem;\n  --ds-font-size-200: 1rem;\n  --ds-font-size-300: 1.25rem;\n  --ds-font-size-400: 1.5rem;\n  --ds-font-size-500: 1.8125rem;\n  --ds-font-size-600: 2.1875rem;\n  --ds-font-weight-bold: 700;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-semibold: 600;\n  --ds-font-lineHeight-100: 1rem;\n  --ds-font-lineHeight-200: 1.25rem;\n  --ds-font-lineHeight-300: 1.5rem;\n  --ds-font-lineHeight-400: 1.75rem;\n  --ds-font-lineHeight-500: 2rem;\n  --ds-font-lineHeight-600: 2.5rem;\n}\n";
+declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n  --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n  --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n  --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n  --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n  --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n  --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n  --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n  --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n  --ds-font-letterSpacing-0: 0;\n  --ds-font-letterSpacing-100: 0;\n  --ds-font-letterSpacing-200: 0;\n  --ds-font-letterSpacing-300: 0;\n  --ds-font-letterSpacing-400: 0;\n  --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n  --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n  --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand: Charlie Sans;\n}\n";
 export default _default;

package/dist/types-ts4.5/artifacts/token-default-values.d.ts

@@ -7,7 +7,7 @@
  * 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::b5a6322ad7a59d086ea12e85ec78c8f0>>
+ * @codegen <<SignedSource::7b0a463a4cd5463b13d98c47582631db>>
  * @codegenCommand yarn build tokens
  */
 declare const defaultTokenValues: {
@@ -342,8 +342,28 @@ declare const defaultTokenValues: {
     readonly 'space.600': "3rem";
     readonly 'space.800': "4rem";
     readonly 'space.1000': "5rem";
-    readonly 'font.family.monospace': "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace";
+    readonly 'font.body': "normal 400 0.875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.body.sm': "normal 400 0.6875rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.code': "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
+    readonly 'font.heading.lg': "normal 500 1.5rem/1.75rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.md': "normal 500 1.25rem/1.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.sm': "normal 600 1rem/1.25rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.xl': "normal 600 1.8125rem/2rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.xs': "normal 600 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.xxl': "normal 500 2.1875rem/2.5rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.heading.xxs': "normal 600 0.75rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.letterSpacing.0': "0";
+    readonly 'font.letterSpacing.100': "-0.003em";
+    readonly 'font.letterSpacing.200': "-0.006em";
+    readonly 'font.letterSpacing.300': "-0.008em";
+    readonly 'font.letterSpacing.400': "-0.01em";
+    readonly 'font.ui': "normal 400 0.875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.ui.sm': "normal 400 0.6875rem/1rem ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
+    readonly 'font.family.code': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
+    readonly 'font.family.monospace': "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace";
+    readonly 'font.family.product': "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif";
     readonly 'font.family.sans': "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
+    readonly 'font.family.brand': "Charlie Sans";
     readonly 'font.size.050': "0.6875rem";
     readonly 'font.size.075': "0.75rem";
     readonly 'font.size.100': "0.875rem";
@@ -356,6 +376,7 @@ declare const defaultTokenValues: {
     readonly 'font.weight.medium': "500";
     readonly 'font.weight.regular': "400";
     readonly 'font.weight.semibold': "600";
+    readonly 'font.lineHeight.1': "1";
     readonly 'font.lineHeight.100': "1rem";
     readonly 'font.lineHeight.200': "1.25rem";
     readonly 'font.lineHeight.300': "1.5rem";

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ee9558f71e21d57dd7abb1686236b1ed>>
+ * @codegen <<SignedSource::941775f7937b33243f0409b0ddd4fcd1>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: {
@@ -335,8 +335,28 @@ declare const tokens: {
     readonly 'space.600': "--ds-space-600";
     readonly 'space.800': "--ds-space-800";
     readonly 'space.1000': "--ds-space-1000";
+    readonly 'font.body': "--ds-font-body";
+    readonly 'font.body.sm': "--ds-font-body-sm";
+    readonly 'font.code': "--ds-font-code";
+    readonly 'font.heading.lg': "--ds-font-heading-lg";
+    readonly 'font.heading.md': "--ds-font-heading-md";
+    readonly 'font.heading.sm': "--ds-font-heading-sm";
+    readonly 'font.heading.xl': "--ds-font-heading-xl";
+    readonly 'font.heading.xs': "--ds-font-heading-xs";
+    readonly 'font.heading.xxl': "--ds-font-heading-xxl";
+    readonly 'font.heading.xxs': "--ds-font-heading-xxs";
+    readonly 'font.letterSpacing.0': "--ds-font-letterSpacing-0";
+    readonly 'font.letterSpacing.100': "--ds-font-letterSpacing-100";
+    readonly 'font.letterSpacing.200': "--ds-font-letterSpacing-200";
+    readonly 'font.letterSpacing.300': "--ds-font-letterSpacing-300";
+    readonly 'font.letterSpacing.400': "--ds-font-letterSpacing-400";
+    readonly 'font.ui': "--ds-font-ui";
+    readonly 'font.ui.sm': "--ds-font-ui-sm";
+    readonly 'font.family.code': "--ds-font-family-code";
     readonly 'font.family.monospace': "--ds-font-family-monospace";
+    readonly 'font.family.product': "--ds-font-family-product";
     readonly 'font.family.sans': "--ds-font-family-sans";
+    readonly 'font.family.brand': "--ds-font-family-brand";
     readonly 'font.size.050': "--ds-font-size-050";
     readonly 'font.size.075': "--ds-font-size-075";
     readonly 'font.size.100': "--ds-font-size-100";
@@ -349,6 +369,7 @@ declare const tokens: {
     readonly 'font.weight.medium': "--ds-font-weight-medium";
     readonly 'font.weight.regular': "--ds-font-weight-regular";
     readonly 'font.weight.semibold': "--ds-font-weight-semibold";
+    readonly 'font.lineHeight.1': "--ds-font-lineHeight-1";
     readonly 'font.lineHeight.100': "--ds-font-lineHeight-100";
     readonly 'font.lineHeight.200': "--ds-font-lineHeight-200";
     readonly 'font.lineHeight.300': "--ds-font-lineHeight-300";
@@ -688,8 +709,28 @@ export type CSSTokenMap = {
     'space.600': 'var(--ds-space-600)';
     'space.800': 'var(--ds-space-800)';
     'space.1000': 'var(--ds-space-1000)';
+    'font.body': 'var(--ds-font-body)';
+    'font.body.sm': 'var(--ds-font-body-sm)';
+    'font.code': 'var(--ds-font-code)';
+    'font.heading.lg': 'var(--ds-font-heading-lg)';
+    'font.heading.md': 'var(--ds-font-heading-md)';
+    'font.heading.sm': 'var(--ds-font-heading-sm)';
+    'font.heading.xl': 'var(--ds-font-heading-xl)';
+    'font.heading.xs': 'var(--ds-font-heading-xs)';
+    'font.heading.xxl': 'var(--ds-font-heading-xxl)';
+    'font.heading.xxs': 'var(--ds-font-heading-xxs)';
+    'font.letterSpacing.0': 'var(--ds-font-letterSpacing-0)';
+    'font.letterSpacing.100': 'var(--ds-font-letterSpacing-100)';
+    'font.letterSpacing.200': 'var(--ds-font-letterSpacing-200)';
+    'font.letterSpacing.300': 'var(--ds-font-letterSpacing-300)';
+    'font.letterSpacing.400': 'var(--ds-font-letterSpacing-400)';
+    'font.ui': 'var(--ds-font-ui)';
+    'font.ui.sm': 'var(--ds-font-ui-sm)';
+    'font.family.code': 'var(--ds-font-family-code)';
     'font.family.monospace': 'var(--ds-font-family-monospace)';
+    'font.family.product': 'var(--ds-font-family-product)';
     'font.family.sans': 'var(--ds-font-family-sans)';
+    'font.family.brand': 'var(--ds-font-family-brand)';
     'font.size.050': 'var(--ds-font-size-050)';
     'font.size.075': 'var(--ds-font-size-075)';
     'font.size.100': 'var(--ds-font-size-100)';
@@ -702,6 +743,7 @@ export type CSSTokenMap = {
     'font.weight.medium': 'var(--ds-font-weight-medium)';
     'font.weight.regular': 'var(--ds-font-weight-regular)';
     'font.weight.semibold': 'var(--ds-font-weight-semibold)';
+    'font.lineHeight.1': 'var(--ds-font-lineHeight-1)';
     'font.lineHeight.100': 'var(--ds-font-lineHeight-100)';
     'font.lineHeight.200': 'var(--ds-font-lineHeight-200)';
     'font.lineHeight.300': 'var(--ds-font-lineHeight-300)';