@atlaskit/tokens 1.27.0 → 1.28.1

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4197cb73414458032918015469216944>>
+ * @codegen <<SignedSource::1ae3b7bd31e38fb0fcdff9803f28c2f0>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
+        responsiveSmallerVariant?: undefined;
     };
     value: string;
     filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
+            responsiveSmallerVariant?: undefined;
         };
         value: string;
     };
@@ -31,6 +33,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
+        responsiveSmallerVariant?: undefined;
     };
     value: string;
     filePath: string;
@@ -41,6 +44,38 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
+            responsiveSmallerVariant?: undefined;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        responsiveSmallerVariant: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            responsiveSmallerVariant: string;
         };
         value: {
             fontWeight: string;

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ecd63bab60b9c05c08973d35cc1989df>>
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
  * @codegenCommand yarn build tokens
  */
 declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
+        responsiveSmallerVariant?: undefined;
     };
     value: string;
     filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
+            responsiveSmallerVariant?: undefined;
         };
         value: {
             fontWeight: string;
@@ -38,6 +40,7 @@ declare const tokens: ({
         state: string;
         introduced: string;
         description: string;
+        responsiveSmallerVariant: string;
     };
     value: string;
     filePath: string;
@@ -48,6 +51,38 @@ declare const tokens: ({
             state: string;
             introduced: string;
             description: string;
+            responsiveSmallerVariant: string;
+        };
+        value: {
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            letterSpacing: string;
+        };
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+} | {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+        responsiveSmallerVariant?: undefined;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+            responsiveSmallerVariant?: undefined;
         };
         value: string;
     };

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

@@ -62,6 +62,11 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
         suggest?: string[];
     };
 }
+export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
+    attributes: DesignToken<TValue, 'typography'>['attributes'] & {
+        responsiveSmallerVariant?: ResponsiveTypographyTokens;
+    };
+}
 /**
  * @example
  * ```ts
@@ -71,7 +76,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
  */
 type FlattenKeys<T, Prefix extends string = ''> = {
     [Key in keyof T]: T[Key] extends object ? T[Key] extends {
-        value: string;
+        value: any;
     } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
 }[keyof T];
 type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -1000,14 +1005,16 @@ export type TypographyToken<TPalette extends {
     lineHeight: string;
     fontFamily: string;
     letterSpacing: string;
-}> = DesignToken<{
+    responsiveToken?: string;
+}> = TypographyDesignToken<{
     fontStyle: 'normal';
     fontWeight: TPalette['fontWeight'];
     fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
     fontSize: TPalette['fontSize'];
     lineHeight: TPalette['lineHeight'];
     letterSpacing: TPalette['letterSpacing'];
-}, 'typography'>;
+}>;
+type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
 /**
  * The semantic interface for typography tokens
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.27.0",
+  "version": "1.28.1",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@babel/runtime": "^7.0.0",
-    "@babel/traverse": "^7.20.0",
+    "@babel/traverse": "^7.23.2",
     "@babel/types": "^7.20.0",
     "bind-event-listener": "^2.1.1"
   },

package/report.api.md

@@ -1038,7 +1038,7 @@ type ExtensionThemeId = ThemeIds;
 type FlattenKeys<T, Prefix extends string = ''> = {
   [Key in keyof T]: T[Key] extends object
     ? T[Key] extends {
-        value: string;
+        value: any;
       }
       ? `${Prefix}${Key & string}`
       : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}`
@@ -1582,6 +1582,9 @@ export type RawToken = DesignToken<string, 'raw'>;
 // @public (undocumented)
 type Replacement = InternalTokenIds | InternalTokenIds[];
 
+// @public (undocumented)
+type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
+
 // @public
 export const setGlobalTheme: (
   {
@@ -2306,6 +2309,15 @@ type TokenState =
   | DeprecatedTokenState
   | ExperimentalTokenState;
 
+// @public (undocumented)
+interface TypographyDesignToken<TValue>
+  extends DesignToken<TValue, 'typography'> {
+  // (undocumented)
+  attributes: DesignToken<TValue, 'typography'>['attributes'] & {
+    responsiveSmallerVariant?: ResponsiveTypographyTokens;
+  };
+}
+
 // @public
 export type TypographyToken<
   TPalette extends {
@@ -2314,18 +2326,52 @@ export type TypographyToken<
     lineHeight: string;
     fontFamily: string;
     letterSpacing: string;
+    responsiveToken?: string;
   },
-> = DesignToken<
-  {
-    fontStyle: 'normal';
-    fontWeight: TPalette['fontWeight'];
-    fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
-    fontSize: TPalette['fontSize'];
-    lineHeight: TPalette['lineHeight'];
-    letterSpacing: TPalette['letterSpacing'];
+> = TypographyDesignToken<{
+  fontStyle: 'normal';
+  fontWeight: TPalette['fontWeight'];
+  fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
+  fontSize: TPalette['fontSize'];
+  lineHeight: TPalette['lineHeight'];
+  letterSpacing: TPalette['letterSpacing'];
+}>;
+
+// @public
+interface TypographyTokenSchema<
+  TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
   },
-  'typography'
->;
+> {
+  // (undocumented)
+  font: {
+    heading: {
+      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>;
+      small: TypographyToken<TPalette>;
+    };
+    body: {
+      '[default]': TypographyToken<TPalette>;
+      small: TypographyToken<TPalette>;
+      large: TypographyToken<TPalette>;
+    };
+    code: {
+      '[default]': TypographyToken<TPalette>;
+    };
+  };
+}
 
 // @public
 export const useThemeObserver: () => Partial<ActiveThemeState>;

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

@@ -558,7 +558,7 @@ type ExtensionThemeId = ThemeIds;
 // @public (undocumented)
 type FlattenKeys<T, Prefix extends string = ''> = {
     [Key in keyof T]: T[Key] extends object ? T[Key] extends {
-        value: string;
+        value: any;
     } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
 }[keyof T];
 
@@ -616,6 +616,9 @@ export type RawToken = DesignToken<string, 'raw'>;
 // @public (undocumented)
 type Replacement = InternalTokenIds | InternalTokenIds[];
 
+// @public (undocumented)
+type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
+
 // @public
 export const setGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => Promise<void> | void) | undefined) => Promise<UnbindFn>;
 
@@ -1252,6 +1255,14 @@ type Tokens_2 = typeof tokens;
 // @public (undocumented)
 type TokenState = ActiveTokenState | DeletedTokenState | DeprecatedTokenState | ExperimentalTokenState;
 
+// @public (undocumented)
+interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
+    // (undocumented)
+    attributes: DesignToken<TValue, 'typography'>['attributes'] & {
+        responsiveSmallerVariant?: ResponsiveTypographyTokens;
+    };
+}
+
 // @public
 export type TypographyToken<TPalette extends {
     fontWeight: string;
@@ -1259,14 +1270,49 @@ export type TypographyToken<TPalette extends {
     lineHeight: string;
     fontFamily: string;
     letterSpacing: string;
-}> = DesignToken<{
+    responsiveToken?: string;
+}> = TypographyDesignToken<{
     fontStyle: 'normal';
     fontWeight: TPalette['fontWeight'];
     fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
     fontSize: TPalette['fontSize'];
     lineHeight: TPalette['lineHeight'];
     letterSpacing: TPalette['letterSpacing'];
-}, 'typography'>;
+}>;
+
+// @public
+interface TypographyTokenSchema<TPalette extends {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: string;
+    letterSpacing: string;
+}> {
+    // (undocumented)
+    font: {
+        heading: {
+            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>;
+            small: TypographyToken<TPalette>;
+        };
+        body: {
+            '[default]': TypographyToken<TPalette>;
+            small: TypographyToken<TPalette>;
+            large: TypographyToken<TPalette>;
+        };
+        code: {
+            '[default]': TypographyToken<TPalette>;
+        };
+    };
+}
 
 // @public
 export const useThemeObserver: () => Partial<ActiveThemeState>;