@atlaskit/tokens 13.0.0 → 13.0.2

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

@@ -1,15 +1,15 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::148f2f6a72e79c38e027eeed3b58d3ac>>
+ * @codegen <<SignedSource::f86ddd91a5d48fe256274c50f5d73493>>
  * @codegenCommand yarn build tokens
  */
 
 const tokens = [{
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for avatar group enter transitions."
   },
   "value": {
     "duration": 150,
@@ -21,9 +21,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for avatar group enter transitions."
     },
     "value": {
       "duration": "Duration150",
@@ -37,9 +37,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for avatar group exit transitions."
   },
   "value": {
     "duration": 100,
@@ -51,9 +51,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for avatar group exit transitions."
     },
     "value": {
       "duration": "Duration100",
@@ -67,9 +67,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for hover state on avatar elements."
   },
   "value": {
     "duration": 250,
@@ -81,9 +81,9 @@ const 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",
@@ -97,9 +97,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for blanket enter transitions."
   },
   "value": {
     "duration": 250,
@@ -111,9 +111,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for blanket enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -127,9 +127,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.5.0",
-    "description": ""
+    "description": "Use for blanket exit transitions."
   },
   "value": {
     "duration": 200,
@@ -141,9 +141,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.5.0",
-      "description": ""
+      "description": "Use for blanket exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -157,9 +157,9 @@ const 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",
@@ -167,9 +167,9 @@ const 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"
   },
@@ -179,9 +179,9 @@ const 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",
@@ -189,9 +189,9 @@ const 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"
   },
@@ -201,9 +201,9 @@ const 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",
@@ -211,9 +211,9 @@ const 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"
   },
@@ -223,9 +223,9 @@ const 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",
@@ -233,9 +233,9 @@ const 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"
   },
@@ -245,9 +245,9 @@ const 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",
@@ -255,9 +255,9 @@ const 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"
   },
@@ -267,9 +267,9 @@ const 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",
@@ -277,9 +277,9 @@ const 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"
   },
@@ -289,9 +289,9 @@ const 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",
@@ -299,9 +299,9 @@ const 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"
   },
@@ -311,9 +311,9 @@ const 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",
@@ -321,9 +321,9 @@ const 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"
   },
@@ -333,9 +333,9 @@ const 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",
@@ -343,9 +343,9 @@ const 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"
   },
@@ -355,9 +355,9 @@ const 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",
@@ -365,9 +365,9 @@ const 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"
   },
@@ -377,9 +377,9 @@ const 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",
@@ -387,9 +387,9 @@ const 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"
   },
@@ -399,9 +399,9 @@ const 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",
@@ -409,9 +409,9 @@ const 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"
   },
@@ -421,9 +421,9 @@ const 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",
@@ -431,9 +431,9 @@ const 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"
   },
@@ -443,9 +443,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for flag enter transitions."
   },
   "value": {
     "duration": 250,
@@ -457,9 +457,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for flag enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -473,9 +473,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for flag exit transitions."
   },
   "value": {
     "duration": 200,
@@ -487,9 +487,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for flag exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -503,9 +503,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for repositioning flag elements."
   },
   "value": {
     "duration": 250,
@@ -517,9 +517,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for repositioning flag elements."
     },
     "value": {
       "duration": "Duration250",
@@ -533,9 +533,9 @@ const 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",
@@ -543,9 +543,9 @@ const 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"
   },
@@ -555,9 +555,9 @@ const 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",
@@ -565,9 +565,9 @@ const 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"
   },
@@ -577,9 +577,9 @@ const 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",
@@ -587,9 +587,9 @@ const 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"
   },
@@ -599,9 +599,9 @@ const 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",
@@ -609,9 +609,9 @@ const 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"
   },
@@ -621,9 +621,9 @@ const 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",
@@ -631,9 +631,9 @@ const 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"
   },
@@ -643,9 +643,9 @@ const 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",
@@ -653,9 +653,9 @@ const 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"
   },
@@ -665,9 +665,9 @@ const 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",
@@ -675,9 +675,9 @@ const 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"
   },
@@ -687,9 +687,9 @@ const 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",
@@ -697,9 +697,9 @@ const 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"
   },
@@ -709,9 +709,9 @@ const 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",
@@ -719,9 +719,9 @@ const 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"
   },
@@ -731,9 +731,9 @@ const 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",
@@ -741,9 +741,9 @@ const 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"
   },
@@ -753,9 +753,9 @@ const 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",
@@ -763,9 +763,9 @@ const 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"
   },
@@ -775,9 +775,9 @@ const 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",
@@ -785,9 +785,9 @@ const 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"
   },
@@ -797,9 +797,9 @@ const 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",
@@ -807,9 +807,9 @@ const 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"
   },
@@ -819,9 +819,9 @@ const 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",
@@ -829,9 +829,9 @@ const 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"
   },
@@ -841,9 +841,9 @@ const 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",
@@ -851,9 +851,9 @@ const 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"
   },
@@ -863,9 +863,9 @@ const 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",
@@ -873,9 +873,9 @@ const 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"
   },
@@ -885,9 +885,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for modal enter transitions."
   },
   "value": {
     "duration": 250,
@@ -899,9 +899,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for modal enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -915,9 +915,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for modal exit transitions."
   },
   "value": {
     "duration": 200,
@@ -929,9 +929,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for modal exit transitions."
     },
     "value": {
       "duration": "Duration200",
@@ -945,9 +945,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the bottom."
   },
   "value": {
     "duration": 150,
@@ -959,9 +959,9 @@ const 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",
@@ -975,9 +975,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the left."
   },
   "value": {
     "duration": 150,
@@ -989,9 +989,9 @@ const 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",
@@ -1005,9 +1005,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup enter from the right."
   },
   "value": {
     "duration": 150,
@@ -1019,9 +1019,9 @@ const 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",
@@ -1035,9 +1035,9 @@ const 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,
@@ -1049,9 +1049,9 @@ const 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",
@@ -1065,9 +1065,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the bottom."
   },
   "value": {
     "duration": 100,
@@ -1079,9 +1079,9 @@ const 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",
@@ -1095,9 +1095,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the left."
   },
   "value": {
     "duration": 100,
@@ -1109,9 +1109,9 @@ const 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",
@@ -1125,9 +1125,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the right."
   },
   "value": {
     "duration": 100,
@@ -1139,9 +1139,9 @@ const 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",
@@ -1155,9 +1155,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for popup exit toward the top."
   },
   "value": {
     "duration": 100,
@@ -1169,9 +1169,9 @@ const 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",
@@ -1185,9 +1185,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for spotlight enter transitions."
   },
   "value": {
     "duration": 250,
@@ -1199,9 +1199,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for spotlight enter transitions."
     },
     "value": {
       "duration": "Duration250",
@@ -1215,9 +1215,9 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "motion",
-    "state": "experimental",
+    "state": "active",
     "introduced": "11.2.0",
-    "description": ""
+    "description": "Use for spotlight exit transitions."
   },
   "value": {
     "duration": 200,
@@ -1229,9 +1229,9 @@ const tokens = [{
   "original": {
     "attributes": {
       "group": "motion",
-      "state": "experimental",
+      "state": "active",
       "introduced": "11.2.0",
-      "description": ""
+      "description": "Use for spotlight exit transitions."
     },
     "value": {
       "duration": "Duration200",