@atlaskit/tokens 1.25.0 → 1.25.1

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

@@ -2,7 +2,7 @@ import type { UtilTokenSchema, ValueSchema } from '../../types';
 declare const _default: {
     font: {
         body: {
-            '[default]': {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -12,7 +12,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            lg: {
+            '[default]': {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -22,7 +22,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            large: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -46,7 +46,7 @@ declare const _default: {
             };
         };
         heading: {
-            lg: {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -56,7 +56,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            large: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -66,7 +66,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            md: {
+            medium: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -76,7 +76,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xl: {
+            xlarge: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -86,7 +86,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xs: {
+            xsmall: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -96,7 +96,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xxl: {
+            xxlarge: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -106,7 +106,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xxs: {
+            xxsmall: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -118,7 +118,7 @@ declare const _default: {
             };
         };
         ui: {
-            '[default]': {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -128,7 +128,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            '[default]': {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;

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

@@ -2,7 +2,7 @@ import type { UtilTokenSchema, ValueSchema } from '../../types';
 declare const _default: {
     font: {
         body: {
-            '[default]': {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -12,7 +12,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            lg: {
+            '[default]': {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -22,7 +22,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            large: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -46,7 +46,7 @@ declare const _default: {
             };
         };
         heading: {
-            lg: {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -56,7 +56,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            large: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -66,7 +66,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            md: {
+            medium: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -76,7 +76,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xl: {
+            xlarge: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -86,7 +86,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xs: {
+            xsmall: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -96,7 +96,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xxl: {
+            xxlarge: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -106,7 +106,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            xxs: {
+            xxsmall: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -118,7 +118,7 @@ declare const _default: {
             };
         };
         ui: {
-            '[default]': {
+            small: {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;
@@ -128,7 +128,7 @@ declare const _default: {
                     fontStyle: "normal";
                 };
             };
-            sm: {
+            '[default]': {
                 value: {
                     fontSize: import("../../palettes/typography-palette").FontSizeScaleValues;
                     fontWeight: import("../../palettes/typography-palette").FontWeightScaleValues;

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

@@ -1022,22 +1022,22 @@ export interface TypographyTokenSchema<TPalette extends {
 }> {
     font: {
         heading: {
-            xxl: TypographyToken<TPalette>;
-            xl: TypographyToken<TPalette>;
-            lg: TypographyToken<TPalette>;
-            md: TypographyToken<TPalette>;
-            sm: TypographyToken<TPalette>;
-            xs: TypographyToken<TPalette>;
-            xxs: TypographyToken<TPalette>;
+            xxlarge: TypographyToken<TPalette>;
+            xlarge: TypographyToken<TPalette>;
+            large: TypographyToken<TPalette>;
+            medium: TypographyToken<TPalette>;
+            small: TypographyToken<TPalette>;
+            xsmall: TypographyToken<TPalette>;
+            xxsmall: TypographyToken<TPalette>;
         };
         ui: {
             '[default]': TypographyToken<TPalette>;
-            sm: TypographyToken<TPalette>;
+            small: TypographyToken<TPalette>;
         };
         body: {
             '[default]': TypographyToken<TPalette>;
-            sm: TypographyToken<TPalette>;
-            lg: TypographyToken<TPalette>;
+            small: TypographyToken<TPalette>;
+            large: TypographyToken<TPalette>;
         };
         code: {
             '[default]': TypographyToken<TPalette>;

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.25.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": {

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)';
@@ -2448,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';
@@ -2537,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)';
@@ -1417,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";