@atlaskit/tokens 1.24.0 → 1.25.1

package/figma/atlassian-typography-adg3.json

@@ -8,7 +8,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography adg3/font.family.code": {
       "attributes": {
@@ -26,7 +26,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography adg3/font.family.monospace": {
       "attributes": {

package/figma/atlassian-typography-minor3.json

@@ -8,7 +8,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography minor3/font.family.code": {
       "attributes": {
@@ -26,7 +26,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography minor3/font.family.monospace": {
       "attributes": {
@@ -44,7 +44,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography minor3/font.family.brand": {
       "attributes": {

package/figma/atlassian-typography.json

@@ -8,7 +8,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography/font.family.code": {
       "attributes": {
@@ -26,7 +26,7 @@
         "introduced": "1.14.0",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography/font.family.monospace": {
       "attributes": {
@@ -44,7 +44,7 @@
         "introduced": "0.10.33",
         "description": "Helpful guidance goes here"
       },
-      "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
+      "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif"
     },
     "Typography/font.family.brand": {
       "attributes": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.24.0",
+  "version": "1.25.1",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,6 +41,7 @@
     "bind-event-listener": "^2.1.1"
   },
   "peerDependencies": {
+    "@af/design-system-docs-ui": "*",
     "react": "^16.8.0"
   },
   "devDependencies": {
@@ -112,6 +113,9 @@
   "platform-feature-flags": {
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
+    },
+    "platform.design-system-team.saturated-palette-changes_asoro": {
+      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/tokens",

package/report.api.md

@@ -1125,23 +1125,23 @@ type CSSTokenMap = {
   'space.negative.300': 'var(--ds-space-negative-300)';
   'space.negative.400': 'var(--ds-space-negative-400)';
   'font.body': 'var(--ds-font-body)';
-  'font.body.lg': 'var(--ds-font-body-lg)';
-  'font.body.sm': 'var(--ds-font-body-sm)';
+  'font.body.large': 'var(--ds-font-body-large)';
+  'font.body.small': 'var(--ds-font-body-small)';
   '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.heading.large': 'var(--ds-font-heading-large)';
+  'font.heading.medium': 'var(--ds-font-heading-medium)';
+  'font.heading.small': 'var(--ds-font-heading-small)';
+  'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
+  'font.heading.xsmall': 'var(--ds-font-heading-xsmall)';
+  'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
+  'font.heading.xxsmall': 'var(--ds-font-heading-xxsmall)';
   '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.ui.small': 'var(--ds-font-ui-small)';
   'font.family.body': 'var(--ds-font-family-body)';
   'font.family.code': 'var(--ds-font-family-code)';
   'font.family.heading': 'var(--ds-font-family-heading)';
@@ -1787,7 +1787,8 @@ type Palettes =
   | 'legacyPalette'
   | 'shapePalette'
   | 'spacingScale'
-  | 'typographyPalette';
+  | 'typographyPalette'
+  | 'updatedSaturatedPalette';
 
 // @public (undocumented)
 export type RawToken = DesignToken<string, 'raw'>;
@@ -1862,6 +1863,8 @@ interface ThemeConfig {
   // (undocumented)
   displayName: string;
   // (undocumented)
+  extends?: ExtensionThemeId;
+  // (undocumented)
   id: ThemeIds | ThemeOverrideIds;
   // (undocumented)
   override?: ThemeIds;
@@ -1904,6 +1907,8 @@ const themeIdsWithOverrides: readonly [
   'typography-minor3',
   'light-new-input-border',
   'dark-new-input-border',
+  'light-saturated-palette-changes',
+  'dark-saturated-palette-changes',
 ];
 
 // @public
@@ -1938,12 +1943,16 @@ type ThemeOverrideIds = (typeof themeOverrideIds)[number];
 const themeOverrideIds: readonly [
   'light-new-input-border',
   'dark-new-input-border',
+  'light-saturated-palette-changes',
+  'dark-saturated-palette-changes',
 ];
 
 // @public
 type ThemeOverrides =
   | 'atlassian-dark-new-input-border'
-  | 'atlassian-light-new-input-border';
+  | 'atlassian-dark-saturated-palette-changes'
+  | 'atlassian-light-new-input-border'
+  | 'atlassian-light-saturated-palette-changes';
 
 // @public
 export type Themes =
@@ -2439,23 +2448,23 @@ const tokens: {
   readonly 'space.negative.300': '--ds-space-negative-300';
   readonly 'space.negative.400': '--ds-space-negative-400';
   readonly 'font.body': '--ds-font-body';
-  readonly 'font.body.lg': '--ds-font-body-lg';
-  readonly 'font.body.sm': '--ds-font-body-sm';
+  readonly 'font.body.large': '--ds-font-body-large';
+  readonly 'font.body.small': '--ds-font-body-small';
   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.heading.large': '--ds-font-heading-large';
+  readonly 'font.heading.medium': '--ds-font-heading-medium';
+  readonly 'font.heading.small': '--ds-font-heading-small';
+  readonly 'font.heading.xlarge': '--ds-font-heading-xlarge';
+  readonly 'font.heading.xsmall': '--ds-font-heading-xsmall';
+  readonly 'font.heading.xxlarge': '--ds-font-heading-xxlarge';
+  readonly 'font.heading.xxsmall': '--ds-font-heading-xxsmall';
   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.ui.small': '--ds-font-ui-small';
   readonly 'font.family.body': '--ds-font-family-body';
   readonly 'font.family.code': '--ds-font-family-code';
   readonly 'font.family.heading': '--ds-font-family-heading';
@@ -2528,6 +2537,7 @@ export const useThemeObserver: () => Partial<ActiveThemeState>;
 
 ```json
 {
+  "@af/design-system-docs-ui": "*",
   "react": "^16.8.0"
 }
 ```

package/tmp/api-report-tmp.d.ts

@@ -666,23 +666,23 @@ type CSSTokenMap = {
     'space.negative.300': 'var(--ds-space-negative-300)';
     'space.negative.400': 'var(--ds-space-negative-400)';
     'font.body': 'var(--ds-font-body)';
-    'font.body.lg': 'var(--ds-font-body-lg)';
-    'font.body.sm': 'var(--ds-font-body-sm)';
+    'font.body.large': 'var(--ds-font-body-large)';
+    'font.body.small': 'var(--ds-font-body-small)';
     '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.heading.large': 'var(--ds-font-heading-large)';
+    'font.heading.medium': 'var(--ds-font-heading-medium)';
+    'font.heading.small': 'var(--ds-font-heading-small)';
+    'font.heading.xlarge': 'var(--ds-font-heading-xlarge)';
+    'font.heading.xsmall': 'var(--ds-font-heading-xsmall)';
+    'font.heading.xxlarge': 'var(--ds-font-heading-xxlarge)';
+    'font.heading.xxsmall': 'var(--ds-font-heading-xxsmall)';
     '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.ui.small': 'var(--ds-font-ui-small)';
     'font.family.body': 'var(--ds-font-family-body)';
     'font.family.code': 'var(--ds-font-family-code)';
     'font.family.heading': 'var(--ds-font-family-heading)';
@@ -824,7 +824,7 @@ export type OpacityToken = DesignToken<string, 'opacity'>;
 export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
 
 // @public
-type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette';
+type Palettes = 'defaultPalette' | 'legacyPalette' | 'shapePalette' | 'spacingScale' | 'typographyPalette' | 'updatedSaturatedPalette';
 
 // @public (undocumented)
 export type RawToken = DesignToken<string, 'raw'>;
@@ -880,6 +880,8 @@ interface ThemeConfig {
     // (undocumented)
     displayName: string;
     // (undocumented)
+    extends?: ExtensionThemeId;
+    // (undocumented)
     id: ThemeIds | ThemeOverrideIds;
     // (undocumented)
     override?: ThemeIds;
@@ -900,7 +902,7 @@ const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spaci
 type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 
 // @public (undocumented)
-const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
+const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
 
 // @public
 type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
@@ -931,10 +933,10 @@ export interface ThemeOptionsSchema {
 type ThemeOverrideIds = (typeof themeOverrideIds)[number];
 
 // @public
-const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
+const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border", "light-saturated-palette-changes", "dark-saturated-palette-changes"];
 
 // @public
-type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
+type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-dark-saturated-palette-changes' | 'atlassian-light-new-input-border' | 'atlassian-light-saturated-palette-changes';
 
 // @public
 export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3' | 'atlassian-typography-minor3';
@@ -1415,23 +1417,23 @@ const tokens: {
     readonly 'space.negative.300': "--ds-space-negative-300";
     readonly 'space.negative.400': "--ds-space-negative-400";
     readonly 'font.body': "--ds-font-body";
-    readonly 'font.body.lg': "--ds-font-body-lg";
-    readonly 'font.body.sm': "--ds-font-body-sm";
+    readonly 'font.body.large': "--ds-font-body-large";
+    readonly 'font.body.small': "--ds-font-body-small";
     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.heading.large': "--ds-font-heading-large";
+    readonly 'font.heading.medium': "--ds-font-heading-medium";
+    readonly 'font.heading.small': "--ds-font-heading-small";
+    readonly 'font.heading.xlarge': "--ds-font-heading-xlarge";
+    readonly 'font.heading.xsmall': "--ds-font-heading-xsmall";
+    readonly 'font.heading.xxlarge': "--ds-font-heading-xxlarge";
+    readonly 'font.heading.xxsmall': "--ds-font-heading-xxsmall";
     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.ui.small': "--ds-font-ui-small";
     readonly 'font.family.body': "--ds-font-family-body";
     readonly 'font.family.code': "--ds-font-family-code";
     readonly 'font.family.heading': "--ds-font-family-heading";