@atlaskit/tokens 1.57.0 → 1.59.0

package/dist/esm/entry-points/tokens-raw.js

@@ -3,5 +3,6 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
+export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
 export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
 export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

package/dist/esm/theme-config.js

@@ -38,7 +38,7 @@ export var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized'];
+export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized', 'typography-refreshed'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -174,6 +174,14 @@ var themeConfig = {
       type: 'typography'
     }
   },
+  'atlassian-typography-refreshed': {
+    id: 'typography-refreshed',
+    displayName: 'Atlassian Typography (Refreshed)',
+    palette: 'typographyPalette',
+    attributes: {
+      type: 'typography'
+    }
+  },
   'atlassian-light-brand-refresh': {
     id: 'light-brand-refresh',
     displayName: 'Light theme (Brand refresh)',

package/dist/types/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::d0f067fcc82edf831afe2fd039ca0a0c>>
+ * @codegen <<SignedSource::4f3e5bd6ca1dd12d81d074b2f03cb0aa>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({

package/dist/types/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::1178d8004df8fd52edec31241e55e33a>>
+ * @codegen <<SignedSource::8352f41e09dfe9d45ead708661744456>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

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

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8125d075804c22bd4991a71f2c92d914>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _default: "\nhtml[data-theme~=\"typography:typography-refreshed\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\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-heading-xxlarge: normal 700 2rem/2.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-small: normal 700 1rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xsmall: normal 700 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-large: normal 400 1rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body: normal 400 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-semibold: 600;\n  --ds-font-weight-bold: 700;\n  --ds-font-family-heading: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-body: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\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-sans: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n}\n";
+export default _default;

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

@@ -0,0 +1,86 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::2ac0686893c6bd0de9650fa86b054e2b>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;

package/dist/types/entry-points/tokens-raw.d.ts

@@ -3,5 +3,6 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
+export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
 export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
 export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

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-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
+export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-modernized"];
+export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-modernized", "typography-refreshed"];
 export type ThemeIds = (typeof themeIds)[number];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
  */
 export declare const themeOverrideIds: readonly [];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
-export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-modernized"];
+export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "light-brand-refresh", "dark", "dark-future", "dark-increased-contrast", "dark-brand-refresh", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-modernized", "typography-refreshed"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
  * Theme to use a base. This will create the theme as

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::d0f067fcc82edf831afe2fd039ca0a0c>>
+ * @codegen <<SignedSource::4f3e5bd6ca1dd12d81d074b2f03cb0aa>>
  * @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::1178d8004df8fd52edec31241e55e33a>>
+ * @codegen <<SignedSource::8352f41e09dfe9d45ead708661744456>>
  * @codegenCommand yarn build tokens
  */
 import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';

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

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::8125d075804c22bd4991a71f2c92d914>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _default: "\nhtml[data-theme~=\"typography:typography-refreshed\"] {\n  --ds-UNSAFE-textTransformUppercase: uppercase;\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-heading-xxlarge: normal 700 2rem/2.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xlarge: normal 700 1.75rem/2rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-large: normal 700 1.5rem/1.75rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-medium: normal 700 1.25rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-small: normal 700 1rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xsmall: normal 700 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-heading-xxsmall: normal 700 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-large: normal 400 1rem/1.5rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body: normal 400 0.875rem/1.25rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n  --ds-font-weight-regular: 400;\n  --ds-font-weight-medium: 500;\n  --ds-font-weight-semibold: 600;\n  --ds-font-weight-bold: 700;\n  --ds-font-family-heading: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-body: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\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-sans: \"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n  --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif;\n}\n";
+export default _default;

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

@@ -0,0 +1,86 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::2ac0686893c6bd0de9650fa86b054e2b>>
+ * @codegenCommand yarn build tokens
+ */
+declare const tokens: ({
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        deprecated?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            deprecated?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+})[];
+export default tokens;

package/dist/types-ts4.5/entry-points/tokens-raw.d.ts

@@ -3,5 +3,6 @@ export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
+export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';
 export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
 export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';

package/dist/types-ts4.5/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-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
+export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -64,7 +64,8 @@ export declare const themeIds: readonly [
     "spacing",
     "shape",
     "typography-adg3",
-    "typography-modernized"
+    "typography-modernized",
+    "typography-refreshed"
 ];
 export type ThemeIds = (typeof themeIds)[number];
 /**
@@ -88,7 +89,8 @@ export declare const themeIdsWithOverrides: readonly [
     "spacing",
     "shape",
     "typography-adg3",
-    "typography-modernized"
+    "typography-modernized",
+    "typography-refreshed"
 ];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**

package/figma/atlassian-typography-refreshed.json

@@ -0,0 +1,87 @@
+{
+  "name": "Typography refreshed",
+  "tokens": {
+    "Typography refreshed/font.weight.regular": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Default font weight for body text styles."
+      },
+      "value": "400"
+    },
+    "Typography refreshed/font.weight.medium": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "For all text that may appear beside iconography, such as in a button."
+      },
+      "value": "500"
+    },
+    "Typography refreshed/font.weight.semibold": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
+      },
+      "value": "600"
+    },
+    "Typography refreshed/font.weight.bold": {
+      "attributes": {
+        "group": "fontWeight",
+        "state": "active",
+        "introduced": "0.10.33",
+        "description": "Use sparingly for emphasising text, such as in a lozenge."
+      },
+      "value": "700"
+    },
+    "Typography refreshed/font.family.heading": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "1.14.0",
+        "description": "For our default product UI heading text."
+      },
+      "value": "\"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
+    },
+    "Typography refreshed/font.family.body": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "1.14.0",
+        "description": "For our default product UI body text."
+      },
+      "value": "\"Inter Variable\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
+    },
+    "Typography refreshed/font.family.code": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "1.14.0",
+        "description": "For representing code only."
+      },
+      "value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
+    },
+    "Typography refreshed/font.family.brand.heading": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "1.14.0",
+        "description": "For our brand heading text. Uses Charlie Display."
+      },
+      "value": "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
+    },
+    "Typography refreshed/font.family.brand.body": {
+      "attributes": {
+        "group": "fontFamily",
+        "state": "active",
+        "introduced": "1.14.0",
+        "description": "For our brand body text. Uses Charlie Text."
+      },
+      "value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
+    }
+  },
+  "renameMap": {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.57.0",
+	"version": "1.59.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"codegen-tokens": "ts-node --project $(npx repo-root)/tsconfig.node.json ./scripts/style-dictionary/build && cd $(npx repo-root)/packages/design-system/primitives && yarn codegen-styles && cd $(npx repo-root)/packages/design-system/ds-explorations && yarn codegen-styles && cd $(npx repo-root)/packages/design-system/heading && yarn codegen"
 	},
 	"dependencies": {
-		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/ds-lib": "^2.5.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@babel/traverse": "^7.23.2",
@@ -43,17 +43,17 @@
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/formatting": "*",
-		"@atlaskit/button": "^19.1.0",
-		"@atlaskit/calendar": "^14.4.0",
-		"@atlaskit/checkbox": "^13.5.0",
-		"@atlaskit/radio": "^6.4.0",
-		"@atlaskit/textfield": "^6.4.0",
-		"@atlaskit/tooltip": "^18.5.0",
+		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/calendar": "^14.5.0",
+		"@atlaskit/checkbox": "^13.7.0",
+		"@atlaskit/radio": "^6.5.0",
+		"@atlaskit/textfield": "^6.5.0",
+		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/codegen": "^0.1.0",
 		"@atlassian/feature-flags-test-utils": "*",