@atlaskit/tokens 13.0.0 → 13.0.1

package/dist/cjs/artifacts/tokens-raw/atlassian-motion.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::148f2f6a72e79c38e027eeed3b58d3ac>>
+ * @codegen <<SignedSource::f86ddd91a5d48fe256274c50f5d73493>>
  * @codegenCommand yarn build tokens
  */
 
 var tokens = [{
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for avatar group enter transitions."
   },
   "value": {
     "duration": 150,
@@ -27,9 +27,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for avatar group enter transitions."
     },
     "value": {
       "duration": "Duration150",
@@ -43,9 +43,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for avatar group exit transitions."
   },
   "value": {
     "duration": 100,
@@ -57,9 +57,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for avatar group exit transitions."
     },
     "value": {
       "duration": "Duration100",
@@ -73,9 +73,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for hover state on avatar elements."
   },
   "value": {
     "duration": 250,
@@ -87,9 +87,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for hover state on avatar elements."
     },
     "value": {
       "duration": "Duration250",
@@ -103,9 +103,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for blanket enter transitions."
   },
   "value": {
     "duration": 250,
@@ -117,9 +117,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for blanket enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -133,9 +133,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for blanket exit transitions."
   },
   "value": {
     "duration": 200,
@@ -147,9 +147,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for blanket exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -163,9 +163,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for instant feedback with no perceptible delay, such as list item hover, selected and focus states."
   },
   "value": "0ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -173,9 +173,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for instant feedback with no perceptible delay, such as list item hover, selected and focus states."
     },
     "value": "Duration000"
   },
@@ -185,9 +185,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for medium entrance transitions, such as modal enter and flag enter."
   },
   "value": "250ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -195,9 +195,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for medium entrance transitions, such as modal enter and flag enter."
     },
     "value": "Duration250"
   },
@@ -207,9 +207,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for medium exit transitions, such as modal exit and flag exit."
   },
   "value": "200ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -217,9 +217,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for medium exit transitions, such as modal exit and flag exit."
     },
     "value": "Duration200"
   },
@@ -229,9 +229,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for interactive state emphasis and small entrances, such as button hover and pressed states, popup enter, and avatar appear."
   },
   "value": "150ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -239,9 +239,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for interactive state emphasis and small entrances, such as button hover and pressed states, popup enter, and avatar appear."
     },
     "value": "Duration150"
   },
@@ -251,9 +251,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for large transitions, such as panel enter/exit, page transitions, and full-screen overlays."
   },
   "value": "400ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -261,9 +261,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for large transitions, such as panel enter/exit, page transitions, and full-screen overlays."
     },
     "value": "Duration400"
   },
@@ -273,9 +273,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for subtle pressed states and quick exits, such as component press feedback, popup dismiss, and avatar transitions."
   },
   "value": "100ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -283,9 +283,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for subtle pressed states and quick exits, such as component press feedback, popup dismiss, and avatar transitions."
     },
     "value": "Duration100"
   },
@@ -295,9 +295,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for large transitions, such as onboarding steps and full-screen overlays."
   },
   "value": "600ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -305,9 +305,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for large transitions, such as onboarding steps and full-screen overlays."
     },
     "value": "Duration600"
   },
@@ -317,9 +317,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionDuration",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for instant feedback, such as list item hover, selected and focus states."
   },
   "value": "50ms",
   "filePath": "schema/themes/atlassian-motion/motion-duration.tsx",
@@ -327,9 +327,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionDuration",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for instant feedback, such as list item hover, selected and focus states."
     },
     "value": "Duration050"
   },
@@ -339,9 +339,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionEasing",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Starts slowly and accelerates away. Best for exit transitions where elements leaving the screen should feel like they are getting out of the way."
   },
   "value": "cubic-bezier(0.6, 0, 0.8, 0.6)",
   "filePath": "schema/themes/atlassian-motion/motion-easing.tsx",
@@ -349,9 +349,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionEasing",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Starts slowly and accelerates away. Best for exit transitions where elements leaving the screen should feel like they are getting out of the way."
     },
     "value": "EasePracticalIn"
   },
@@ -361,9 +361,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionEasing",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "The bold in-out curve pairs naturally with scale and repositioning of elements. It controls both the start and end of the motion."
   },
   "value": "cubic-bezier(0.4, 0, 0, 1)",
   "filePath": "schema/themes/atlassian-motion/motion-easing.tsx",
@@ -371,9 +371,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionEasing",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "The bold in-out curve pairs naturally with scale and repositioning of elements. It controls both the start and end of the motion."
     },
     "value": "EaseBoldInOut"
   },
@@ -383,9 +383,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionEasing",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "A practical, everyday enter curve. Less dramatic than the bold variant, good for subtle transitions like content swaps, tab changes, and list reordering."
   },
   "value": "cubic-bezier(0.4, 1, 0.6, 1)",
   "filePath": "schema/themes/atlassian-motion/motion-easing.tsx",
@@ -393,9 +393,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionEasing",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "A practical, everyday enter curve. Less dramatic than the bold variant, good for subtle transitions like content swaps, tab changes, and list reordering."
     },
     "value": "EasePracticalOut"
   },
@@ -405,9 +405,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionEasing",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Elements arrive quickly and decelerate to a stop. The fast start grabs attention and the gentle landing feels controlled."
   },
   "value": "cubic-bezier(0, 0.4, 0, 1)",
   "filePath": "schema/themes/atlassian-motion/motion-easing.tsx",
@@ -415,9 +415,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionEasing",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Elements arrive quickly and decelerate to a stop. The fast start grabs attention and the gentle landing feels controlled."
     },
     "value": "EaseBoldOut"
   },
@@ -427,9 +427,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionEasing",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "A spring curve that overshoots slightly before settling. Use for playful, tactile feedback on small branded elements such as avatar hover, where the slight overshoot reinforces a sense of life."
   },
   "value": "linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1)",
   "filePath": "schema/themes/atlassian-motion/motion-easing.tsx",
@@ -437,9 +437,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionEasing",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "A spring curve that overshoots slightly before settling. Use for playful, tactile feedback on small branded elements such as avatar hover, where the slight overshoot reinforces a sense of life."
     },
     "value": "EaseSpring"
   },
@@ -449,9 +449,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for flag enter transitions."
   },
   "value": {
     "duration": 250,
@@ -463,9 +463,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for flag enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -479,9 +479,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for flag exit transitions."
   },
   "value": {
     "duration": 200,
@@ -493,9 +493,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for flag exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -509,9 +509,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for repositioning flag elements."
   },
   "value": {
     "duration": 250,
@@ -523,9 +523,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for repositioning flag elements."
     },
     "value": {
       "duration": "Duration250",
@@ -539,9 +539,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for fade-in transitions where an element goes from fully transparent to fully opaque."
   },
   "value": "FadeIn0to100",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -549,9 +549,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for fade-in transitions where an element goes from fully transparent to fully opaque."
     },
     "value": "FadeIn0to100"
   },
@@ -561,9 +561,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for fade-out transitions where an element goes from fully opaque to fully transparent."
   },
   "value": "FadeOut100to0",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -571,9 +571,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for fade-out transitions where an element goes from fully opaque to fully transparent."
     },
     "value": "FadeOut100to0"
   },
@@ -583,9 +583,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for medium scale-in transitions where an element grows from 80% to full size on enter."
   },
   "value": "ScaleIn80to100",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -593,9 +593,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for medium scale-in transitions where an element grows from 80% to full size on enter."
     },
     "value": "ScaleIn80to100"
   },
@@ -605,9 +605,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for small scale-in transitions where an element grows from 95% to full size on enter."
   },
   "value": "ScaleIn95to100",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -615,9 +615,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for small scale-in transitions where an element grows from 95% to full size on enter."
     },
     "value": "ScaleIn95to100"
   },
@@ -627,9 +627,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for medium scale-out transitions where an element shrinks from full size to 80% on exit."
   },
   "value": "ScaleOut100to80",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -637,9 +637,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for medium scale-out transitions where an element shrinks from full size to 80% on exit."
     },
     "value": "ScaleOut100to80"
   },
@@ -649,9 +649,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for small scale-out transitions where an element shrinks from full size to 95% on exit."
   },
   "value": "ScaleOut100to95",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -659,9 +659,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for small scale-out transitions where an element shrinks from full size to 95% on exit."
     },
     "value": "ScaleOut100to95"
   },
@@ -671,9 +671,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-in transitions where an element enters from below its final position by 8px."
   },
   "value": "SlideInBottom8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -681,9 +681,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-in transitions where an element enters from below its final position by 8px."
     },
     "value": "SlideInBottom8px"
   },
@@ -693,9 +693,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for slide-in transitions where an element enters from the left of its final position by 50%."
   },
   "value": "SlideIn50PercentLeft",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -703,9 +703,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for slide-in transitions where an element enters from the left of its final position by 50%."
     },
     "value": "SlideIn50PercentLeft"
   },
@@ -715,9 +715,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-in transitions where an element enters from the left of its final position by 8px."
   },
   "value": "SlideInLeft8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -725,9 +725,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-in transitions where an element enters from the left of its final position by 8px."
     },
     "value": "SlideInLeft8px"
   },
@@ -737,9 +737,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-in transitions where an element enters from the right of its final position by 8px."
   },
   "value": "SlideInRight8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -747,9 +747,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-in transitions where an element enters from the right of its final position by 8px."
     },
     "value": "SlideInRight8px"
   },
@@ -759,9 +759,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-in transitions where an element enters from above its final position by 8px."
   },
   "value": "SlideInTop8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -769,9 +769,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-in transitions where an element enters from above its final position by 8px."
     },
     "value": "SlideInTop8px"
   },
@@ -781,9 +781,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-out transitions where an element exits downward by 8px from its starting position."
   },
   "value": "SlideOutBottom8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -791,9 +791,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-out transitions where an element exits downward by 8px from its starting position."
     },
     "value": "SlideOutBottom8px"
   },
@@ -803,9 +803,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for slide-out transitions where an element exits to the left of its starting position by 15%."
   },
   "value": "SlideOut15PercentLeft",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -813,9 +813,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for slide-out transitions where an element exits to the left of its starting position by 15%."
     },
     "value": "SlideOut15PercentLeft"
   },
@@ -825,9 +825,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-out transitions where an element exits to the left by 8px from its starting position."
   },
   "value": "SlideOutLeft8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -835,9 +835,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-out transitions where an element exits to the left by 8px from its starting position."
     },
     "value": "SlideOutLeft8px"
   },
@@ -847,9 +847,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-out transitions where an element exits to the right by 8px from its starting position."
   },
   "value": "SlideOutRight8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -857,9 +857,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-out transitions where an element exits to the right by 8px from its starting position."
     },
     "value": "SlideOutRight8px"
   },
@@ -869,9 +869,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motionKeyframe",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for short slide-out transitions where an element exits upward by 8px from its starting position."
   },
   "value": "SlideOutTop8px",
   "filePath": "schema/themes/atlassian-motion/motion-keyframe.tsx",
@@ -879,9 +879,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motionKeyframe",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for short slide-out transitions where an element exits upward by 8px from its starting position."
     },
     "value": "SlideOutTop8px"
   },
@@ -891,9 +891,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for modal enter transitions."
   },
   "value": {
     "duration": 250,
@@ -905,9 +905,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for modal enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -921,9 +921,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for modal exit transitions."
   },
   "value": {
     "duration": 200,
@@ -935,9 +935,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for modal exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -951,9 +951,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the bottom."
   },
   "value": {
     "duration": 150,
@@ -965,9 +965,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup enter from the bottom."
     },
     "value": {
       "duration": "Duration150",
@@ -981,9 +981,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the left."
   },
   "value": {
     "duration": 150,
@@ -995,9 +995,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup enter from the left."
     },
     "value": {
       "duration": "Duration150",
@@ -1011,9 +1011,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the right."
   },
   "value": {
     "duration": 150,
@@ -1025,9 +1025,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup enter from the right."
     },
     "value": {
       "duration": "Duration150",
@@ -1041,9 +1041,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the top: popup, tooltip, dropdown, inline message, inline dialog."
   },
   "value": {
     "duration": 150,
@@ -1055,9 +1055,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup enter from the top: popup, tooltip, dropdown, inline message, inline dialog."
     },
     "value": {
       "duration": "Duration150",
@@ -1071,9 +1071,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the bottom."
   },
   "value": {
     "duration": 100,
@@ -1085,9 +1085,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup exit toward the bottom."
     },
     "value": {
       "duration": "Duration100",
@@ -1101,9 +1101,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the left."
   },
   "value": {
     "duration": 100,
@@ -1115,9 +1115,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup exit toward the left."
     },
     "value": {
       "duration": "Duration100",
@@ -1131,9 +1131,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the right."
   },
   "value": {
     "duration": 100,
@@ -1145,9 +1145,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup exit toward the right."
     },
     "value": {
       "duration": "Duration100",
@@ -1161,9 +1161,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the top."
   },
   "value": {
     "duration": 100,
@@ -1175,9 +1175,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for popup exit toward the top."
     },
     "value": {
       "duration": "Duration100",
@@ -1191,9 +1191,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for spotlight enter transitions."
   },
   "value": {
     "duration": 250,
@@ -1205,9 +1205,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for spotlight enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -1221,9 +1221,9 @@ var tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for spotlight exit transitions."
   },
   "value": {
     "duration": 200,
@@ -1235,9 +1235,9 @@ var tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for spotlight exit transitions."
     },
     "value": {
       "duration": "Duration200",