@atlaskit/tokens 11.4.3 → 13.0.0

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

@@ -1,5 +1,5 @@
 import type { InternalTokenIds } from './artifacts/types-internal';
-export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'motion' | 'keyframe';
+export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'motion' | 'motionDuration' | 'motionEasing' | 'motionKeyframe' | 'motionProperty';
 type ActiveTokenState = 'active';
 type DeprecatedTokenState = 'deprecated';
 type DeletedTokenState = 'deleted';
@@ -108,6 +108,10 @@ export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
 export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
 export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
 export type MotionToken<BaseToken> = DesignToken<BaseToken, 'motion'>;
+export type MotionDurationToken<BaseToken> = DesignToken<BaseToken, 'motionDuration'>;
+export type MotionEasingToken<BaseToken> = DesignToken<BaseToken, 'motionEasing'>;
+export type MotionKeyframeToken<BaseToken> = DesignToken<BaseToken, 'motionKeyframe'>;
+export type MotionPropertyToken<BaseToken> = DesignToken<BaseToken, 'motionProperty'>;
 export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
 export type RawToken = DesignToken<string, 'raw'>;
 export interface PaletteColorTokenSchema<PaletteValues extends string> {
@@ -133,10 +137,10 @@ export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeSca
     radius: Record<RadiusScaleValues, ShapeSchemaValue>;
 }
 export interface MotionScaleTokenSchema<DurationScaleValues extends string, BezierCurveScaleValues extends string, KeyframeScaleValues extends string, TransitionPropertyScaleValues extends string> {
-    duration: Record<DurationScaleValues, BaseToken<number, 'motion'>>;
-    curve: Record<BezierCurveScaleValues, BaseToken<string, 'motion'>>;
-    keyframe: Record<KeyframeScaleValues, BaseToken<Record<string, object>, 'keyframe'>>;
-    properties: Record<TransitionPropertyScaleValues, BaseToken<string, 'motion'>>;
+    duration: Record<DurationScaleValues, BaseToken<number, 'motionDuration'>>;
+    curve: Record<BezierCurveScaleValues, BaseToken<string, 'motionEasing'>>;
+    keyframe: Record<KeyframeScaleValues, BaseToken<Record<string, object>, 'motionKeyframe'>>;
+    properties: Record<TransitionPropertyScaleValues, BaseToken<string, 'motionProperty'>>;
 }
 export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
     fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
@@ -1065,7 +1069,6 @@ export interface TypographyTokenSchema<TPalette extends {
         body: {
             '[default]': TypographyToken<TPalette>;
             small: TypographyToken<TPalette>;
-            UNSAFE_small: TypographyToken<TPalette>;
             large: TypographyToken<TPalette>;
         };
         code: {
@@ -1133,6 +1136,10 @@ export interface MotionTokenSchema<BaseToken> {
             exit: MotionToken<BaseToken>;
             hovered: MotionToken<BaseToken>;
         };
+        blanket: {
+            enter: MotionToken<BaseToken>;
+            exit: MotionToken<BaseToken>;
+        };
         flag: {
             enter: MotionToken<BaseToken>;
             exit: MotionToken<BaseToken>;
@@ -1160,16 +1167,87 @@ export interface MotionTokenSchema<BaseToken> {
             enter: MotionToken<BaseToken>;
             exit: MotionToken<BaseToken>;
         };
-        content: {
-            enter: {
-                short: MotionToken<BaseToken>;
-                medium: MotionToken<BaseToken>;
-                long: MotionToken<BaseToken>;
+    };
+}
+export interface MotionDurationTokenSchema<BaseToken> {
+    motion: {
+        duration: {
+            instant: MotionDurationToken<BaseToken>;
+            xxshort: MotionDurationToken<BaseToken>;
+            xshort: MotionDurationToken<BaseToken>;
+            short: MotionDurationToken<BaseToken>;
+            medium: MotionDurationToken<BaseToken>;
+            long: MotionDurationToken<BaseToken>;
+            xlong: MotionDurationToken<BaseToken>;
+            xxlong: MotionDurationToken<BaseToken>;
+        };
+    };
+}
+export interface MotionEasingTokenSchema<BaseToken> {
+    motion: {
+        easing: {
+            out: {
+                bold: MotionEasingToken<BaseToken>;
+                practical: MotionEasingToken<BaseToken>;
             };
-            exit: {
-                short: MotionToken<BaseToken>;
-                medium: MotionToken<BaseToken>;
-                long: MotionToken<BaseToken>;
+            in: {
+                practical: MotionEasingToken<BaseToken>;
+            };
+            inout: {
+                bold: MotionEasingToken<BaseToken>;
+            };
+            spring: MotionEasingToken<BaseToken>;
+        };
+    };
+}
+export interface MotionKeyframeTokenSchema<BaseToken> {
+    motion: {
+        keyframe: {
+            scale: {
+                in: {
+                    small: MotionKeyframeToken<BaseToken>;
+                    medium: MotionKeyframeToken<BaseToken>;
+                };
+                out: {
+                    small: MotionKeyframeToken<BaseToken>;
+                    medium: MotionKeyframeToken<BaseToken>;
+                };
+            };
+            fade: {
+                in: MotionKeyframeToken<BaseToken>;
+                out: MotionKeyframeToken<BaseToken>;
+            };
+            slide: {
+                in: {
+                    top: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                    bottom: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                    left: {
+                        short: MotionKeyframeToken<BaseToken>;
+                        half: MotionKeyframeToken<BaseToken>;
+                    };
+                    right: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                };
+                out: {
+                    top: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                    bottom: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                    left: {
+                        short: MotionKeyframeToken<BaseToken>;
+                        half: MotionKeyframeToken<BaseToken>;
+                    };
+                    right: {
+                        short: MotionKeyframeToken<BaseToken>;
+                    };
+                };
             };
         };
     };

package/figma/atlassian-typography.json

@@ -83,7 +83,5 @@
       "value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif"
     }
   },
-  "renameMap": {
-    "Typography/font.body.UNSAFE_small": "Typography/font.body.small"
-  }
+  "renameMap": {}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "11.4.3",
+	"version": "13.0.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"codegen-tokens": "run-ts ./scripts/style-dictionary/build.tsx && run-ts ./scripts/style-dictionary/build-plugin-token-map.tsx && cd $(npx repo-root)/packages/design-system/primitives && yarn codegen-styles && cd $(npx repo-root)/packages/design-system/ds-explorations && yarn codegen-styles"
 	},
 	"dependencies": {
-		"@atlaskit/ds-lib": "^6.0.0",
+		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@babel/traverse": "^7.23.2",
@@ -51,7 +51,7 @@
 		"@af/formatting": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/avatar": "^25.11.0",
-		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/code": "^17.4.0",
@@ -61,20 +61,20 @@
 		"@atlaskit/dynamic-table": "^18.3.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/grid": "^0.18.0",
-		"@atlaskit/heading": "^5.3.0",
+		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/inline-message": "^15.6.0",
-		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/lozenge": "^13.5.0",
+		"@atlaskit/link": "^3.4.0",
+		"@atlaskit/lozenge": "^13.6.0",
 		"@atlaskit/popup": "^4.16.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/radio": "^8.5.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.10.0",
-		"@atlaskit/tag": "^14.6.0",
+		"@atlaskit/tag": "^14.8.0",
 		"@atlaskit/textarea": "^8.2.0",
-		"@atlaskit/textfield": "^8.2.0",
-		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/textfield": "^8.3.0",
+		"@atlaskit/theme": "^23.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlassian/codegen": "^0.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",