@atlaskit/tokens 11.4.2 → 12.0.0

package/dist/es2019/artifacts/replacement-mapping.js

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::e46353a7329c8e87640e1586a2ec2ce7>>
+ * @codegen <<SignedSource::26489b868b6a67a598f0fa4a421cae65>>
  * @codegenCommand yarn build tokens
  */
 
@@ -26,22 +26,49 @@ const replacementMapper = [{
   "path": "motion.avatar.hovered",
   "state": "experimental"
 }, {
-  "path": "motion.content.enter.long",
+  "path": "motion.blanket.enter",
   "state": "experimental"
 }, {
-  "path": "motion.content.enter.medium",
+  "path": "motion.blanket.exit",
   "state": "experimental"
 }, {
-  "path": "motion.content.enter.short",
+  "path": "motion.duration.instant",
   "state": "experimental"
 }, {
-  "path": "motion.content.exit.long",
+  "path": "motion.duration.long",
   "state": "experimental"
 }, {
-  "path": "motion.content.exit.medium",
+  "path": "motion.duration.medium",
   "state": "experimental"
 }, {
-  "path": "motion.content.exit.short",
+  "path": "motion.duration.short",
+  "state": "experimental"
+}, {
+  "path": "motion.duration.xlong",
+  "state": "experimental"
+}, {
+  "path": "motion.duration.xshort",
+  "state": "experimental"
+}, {
+  "path": "motion.duration.xxlong",
+  "state": "experimental"
+}, {
+  "path": "motion.duration.xxshort",
+  "state": "experimental"
+}, {
+  "path": "motion.easing.in.practical",
+  "state": "experimental"
+}, {
+  "path": "motion.easing.inout.bold",
+  "state": "experimental"
+}, {
+  "path": "motion.easing.out.practical",
+  "state": "experimental"
+}, {
+  "path": "motion.easing.out.bold",
+  "state": "experimental"
+}, {
+  "path": "motion.easing.spring",
   "state": "experimental"
 }, {
   "path": "motion.flag.enter",
@@ -52,6 +79,54 @@ const replacementMapper = [{
 }, {
   "path": "motion.flag.reposition",
   "state": "experimental"
+}, {
+  "path": "motion.keyframe.fade.in",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.fade.out",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.scale.in.medium",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.scale.in.small",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.scale.out.medium",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.scale.out.small",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.in.bottom.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.in.left.half",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.in.left.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.in.right.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.in.top.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.out.bottom.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.out.left.half",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.out.left.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.out.right.short",
+  "state": "experimental"
+}, {
+  "path": "motion.keyframe.slide.out.top.short",
+  "state": "experimental"
 }, {
   "path": "motion.modal.enter",
   "state": "experimental"

package/dist/es2019/artifacts/themes/atlassian-motion.js

@@ -1,10 +1,10 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::335cdc677cad1d4b1fd602ac8f261e85>>
+ * @codegen <<SignedSource::e2c90de3fa6bd9d4da20a85c310b97e2>>
  * @codegenCommand yarn build tokens
  */
 export default `
-@keyframes SlideInTop {
+@keyframes SlideInTop8px {
   0% {
     transform: translateY(8px);
   }
@@ -12,7 +12,7 @@ export default `
     transform: translateY(0px);
   }
 }
-@keyframes SlideInBottom {
+@keyframes SlideInBottom8px {
   0% {
     transform: translateY(-8px);
   }
@@ -20,7 +20,7 @@ export default `
     transform: translateY(0px);
   }
 }
-@keyframes SlideInLeft {
+@keyframes SlideInLeft8px {
   0% {
     transform: translateX(8px);
   }
@@ -28,7 +28,7 @@ export default `
     transform: translateX(0px);
   }
 }
-@keyframes SlideInRight {
+@keyframes SlideInRight8px {
   0% {
     transform: translateX(-8px);
   }
@@ -36,7 +36,7 @@ export default `
     transform: translateX(0px);
   }
 }
-@keyframes SlideOutTop {
+@keyframes SlideOutTop8px {
   0% {
     transform: translateY(0px);
   }
@@ -44,7 +44,7 @@ export default `
     transform: translateY(4px);
   }
 }
-@keyframes SlideOutBottom {
+@keyframes SlideOutBottom8px {
   0% {
     transform: translateY(0px);
   }
@@ -52,7 +52,7 @@ export default `
     transform: translateY(-4px);
   }
 }
-@keyframes SlideOutLeft {
+@keyframes SlideOutLeft8px {
   0% {
     transform: translateX(0px);
   }
@@ -60,7 +60,7 @@ export default `
     transform: translateX(4px);
   }
 }
-@keyframes SlideOutRight {
+@keyframes SlideOutRight8px {
   0% {
     transform: translateX(0px);
   }
@@ -68,7 +68,7 @@ export default `
     transform: translateX(-4px);
   }
 }
-@keyframes ScaleIn80 {
+@keyframes ScaleIn80to100 {
   0% {
     transform: scale(0.8);
   }
@@ -76,23 +76,7 @@ export default `
     transform: scale(1);
   }
 }
-@keyframes ScaleIn85 {
-  0% {
-    transform: scale(0.85);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes ScaleIn90 {
-  0% {
-    transform: scale(0.9);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes ScaleIn95 {
+@keyframes ScaleIn95to100 {
   0% {
     transform: scale(0.95);
   }
@@ -100,7 +84,7 @@ export default `
     transform: scale(1);
   }
 }
-@keyframes ScaleOut80 {
+@keyframes ScaleOut100to80 {
   0% {
     transform: scale(1);
   }
@@ -108,23 +92,7 @@ export default `
     transform: scale(0.8);
   }
 }
-@keyframes ScaleOut85 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0.85);
-  }
-}
-@keyframes ScaleOut90 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0.9);
-  }
-}
-@keyframes ScaleOut95 {
+@keyframes ScaleOut100to95 {
   0% {
     transform: scale(1);
   }
@@ -132,7 +100,7 @@ export default `
     transform: scale(0.95);
   }
 }
-@keyframes FadeIn {
+@keyframes FadeIn0to100 {
   0% {
     opacity: 0;
   }
@@ -140,7 +108,7 @@ export default `
     opacity: 1;
   }
 }
-@keyframes FadeOut {
+@keyframes FadeOut100to0 {
   0% {
     opacity: 1;
   }
@@ -148,16 +116,6 @@ export default `
     opacity: 0;
   }
 }
-@keyframes SlideIn15PercentLeft {
-  0% {
-    transform: translateX(-15%);
-    transform-origin: left;
-  }
-  100% {
-    transform: translateX(0px);
-    transform-origin: left;
-  }
-}
 @keyframes SlideOut15PercentLeft {
   0% {
     transform: translateX(0px);
@@ -178,40 +136,55 @@ export default `
     transform-origin: left;
   }
 }
-@keyframes SlideOut50PercentLeft {
-  0% {
-    transform: translateX(0px);
-    transform-origin: left;
-  }
-  100% {
-    transform: translateX(-50%);
-    transform-origin: left;
-  }
-}
 html[data-theme~="motion:motion"], [data-subtree-theme][data-theme~="motion:motion"] {
-  --ds-avatar-enter: 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn;
-  --ds-avatar-exit: 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut;
-  --ds-avatar-hovered: transform 100ms cubic-bezier(0.32, 0, 0.67, 0);
-  --ds-content-enter-long: 400ms cubic-bezier(0.4, 0, 0, 1) FadeIn;
-  --ds-content-enter-medium: 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn;
-  --ds-content-enter-short: 100ms cubic-bezier(0.4, 0, 0, 1) FadeIn;
-  --ds-content-exit-long: 200ms cubic-bezier(0.4, 0, 0, 1) FadeOut;
-  --ds-content-exit-medium: 100ms cubic-bezier(0.4, 0, 0, 1) FadeOut;
-  --ds-content-exit-short: 50ms cubic-bezier(0.4, 0, 0, 1) FadeOut;
-  --ds-flag-enter: 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn;
-  --ds-flag-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;
-  --ds-flag-reposition: transform 300ms cubic-bezier(0.4, 0, 0, 1);
-  --ds-modal-enter: 200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn;
-  --ds-modal-exit: 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut;
-  --ds-popup-enter-bottom: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;
-  --ds-popup-enter-left: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;
-  --ds-popup-enter-right: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;
-  --ds-popup-enter-top: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;
-  --ds-popup-exit-bottom: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;
-  --ds-popup-exit-left: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;
-  --ds-popup-exit-right: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;
-  --ds-popup-exit-top: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;
-  --ds-spotlight-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn;
-  --ds-spotlight-exit: 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut;
+  --ds-avatar-enter: 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;
+  --ds-avatar-exit: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-avatar-hovered: transform 250ms 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);
+  --ds-blanket-enter: 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100;
+  --ds-blanket-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-duration-instant: 0ms;
+  --ds-duration-long: 250ms;
+  --ds-duration-medium: 200ms;
+  --ds-duration-short: 150ms;
+  --ds-duration-xlong: 400ms;
+  --ds-duration-xshort: 100ms;
+  --ds-duration-xxlong: 600ms;
+  --ds-duration-xxshort: 50ms;
+  --ds-easing-in-practical: cubic-bezier(0.6, 0, 0.8, 0.6);
+  --ds-easing-inout-bold: cubic-bezier(0.4, 0, 0, 1);
+  --ds-easing-out-practical: cubic-bezier(0.4, 1, 0.6, 1);
+  --ds-easing-out-bold: cubic-bezier(0, 0.4, 0, 1);
+  --ds-easing-spring: 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);
+  --ds-flag-enter: 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100;
+  --ds-flag-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-flag-reposition: transform 250ms cubic-bezier(0.4, 0, 0, 1);
+  --ds-keyframe-fade-in: FadeIn0to100;
+  --ds-keyframe-fade-out: FadeOut100to0;
+  --ds-keyframe-scale-in-medium: ScaleIn80to100;
+  --ds-keyframe-scale-in-small: ScaleIn95to100;
+  --ds-keyframe-scale-out-medium: ScaleOut100to80;
+  --ds-keyframe-scale-out-small: ScaleOut100to95;
+  --ds-keyframe-slide-in-bottom-short: SlideInBottom8px;
+  --ds-keyframe-slide-in-left-half: SlideIn50PercentLeft;
+  --ds-keyframe-slide-in-left-short: SlideInLeft8px;
+  --ds-keyframe-slide-in-right-short: SlideInRight8px;
+  --ds-keyframe-slide-in-top-short: SlideInTop8px;
+  --ds-keyframe-slide-out-bottom-short: SlideOutBottom8px;
+  --ds-keyframe-slide-out-left-half: SlideOut15PercentLeft;
+  --ds-keyframe-slide-out-left-short: SlideOutLeft8px;
+  --ds-keyframe-slide-out-right-short: SlideOutRight8px;
+  --ds-keyframe-slide-out-top-short: SlideOutTop8px;
+  --ds-modal-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100;
+  --ds-modal-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95;
+  --ds-popup-enter-bottom: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;
+  --ds-popup-enter-left: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;
+  --ds-popup-enter-right: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;
+  --ds-popup-enter-top: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;
+  --ds-popup-exit-bottom: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-popup-exit-left: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-popup-exit-right: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-popup-exit-top: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
+  --ds-spotlight-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100;
+  --ds-spotlight-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;
 }
 `;

package/dist/es2019/artifacts/token-default-values.js

@@ -7,34 +7,59 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::c8dea3807fda6392faffb7299b6ecb9a>>
+ * @codegen <<SignedSource::0fbc9a08bd94ff0842a2dd504e6a9ce6>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
-  'motion.avatar.enter': '150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn',
-  'motion.avatar.exit': '100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut',
-  'motion.avatar.hovered': 'transform 100ms cubic-bezier(0.32, 0, 0.67, 0)',
-  'motion.content.enter.long': '400ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
-  'motion.content.enter.medium': '200ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
-  'motion.content.enter.short': '100ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
-  'motion.content.exit.long': '200ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
-  'motion.content.exit.medium': '100ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
-  'motion.content.exit.short': '50ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
-  'motion.flag.enter': '250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn',
-  'motion.flag.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut',
-  'motion.flag.reposition': 'transform 300ms cubic-bezier(0.4, 0, 0, 1)',
-  'motion.modal.enter': '200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
-  'motion.modal.exit': '200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut',
-  'motion.popup.enter.bottom': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
-  'motion.popup.enter.left': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
-  'motion.popup.enter.right': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
-  'motion.popup.enter.top': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
-  'motion.popup.exit.bottom': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut',
-  'motion.popup.exit.left': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut',
-  'motion.popup.exit.right': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut',
-  'motion.popup.exit.top': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut',
-  'motion.spotlight.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
-  'motion.spotlight.exit': '200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut',
+  'motion.avatar.enter': '150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
+  'motion.avatar.exit': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.avatar.hovered': 'transform 250ms 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)',
+  'motion.blanket.enter': '250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100',
+  'motion.blanket.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.duration.instant': '0ms',
+  'motion.duration.long': '250ms',
+  'motion.duration.medium': '200ms',
+  'motion.duration.short': '150ms',
+  'motion.duration.xlong': '400ms',
+  'motion.duration.xshort': '100ms',
+  'motion.duration.xxlong': '600ms',
+  'motion.duration.xxshort': '50ms',
+  'motion.easing.in.practical': 'cubic-bezier(0.6, 0, 0.8, 0.6)',
+  'motion.easing.inout.bold': 'cubic-bezier(0.4, 0, 0, 1)',
+  'motion.easing.out.practical': 'cubic-bezier(0.4, 1, 0.6, 1)',
+  'motion.easing.out.bold': 'cubic-bezier(0, 0.4, 0, 1)',
+  'motion.easing.spring': '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)',
+  'motion.flag.enter': '250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100',
+  'motion.flag.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.flag.reposition': 'transform 250ms cubic-bezier(0.4, 0, 0, 1)',
+  'motion.keyframe.fade.in': 'FadeIn0to100',
+  'motion.keyframe.fade.out': 'FadeOut100to0',
+  'motion.keyframe.scale.in.medium': 'ScaleIn80to100',
+  'motion.keyframe.scale.in.small': 'ScaleIn95to100',
+  'motion.keyframe.scale.out.medium': 'ScaleOut100to80',
+  'motion.keyframe.scale.out.small': 'ScaleOut100to95',
+  'motion.keyframe.slide.in.bottom.short': 'SlideInBottom8px',
+  'motion.keyframe.slide.in.left.half': 'SlideIn50PercentLeft',
+  'motion.keyframe.slide.in.left.short': 'SlideInLeft8px',
+  'motion.keyframe.slide.in.right.short': 'SlideInRight8px',
+  'motion.keyframe.slide.in.top.short': 'SlideInTop8px',
+  'motion.keyframe.slide.out.bottom.short': 'SlideOutBottom8px',
+  'motion.keyframe.slide.out.left.half': 'SlideOut15PercentLeft',
+  'motion.keyframe.slide.out.left.short': 'SlideOutLeft8px',
+  'motion.keyframe.slide.out.right.short': 'SlideOutRight8px',
+  'motion.keyframe.slide.out.top.short': 'SlideOutTop8px',
+  'motion.modal.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100',
+  'motion.modal.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95',
+  'motion.popup.enter.bottom': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
+  'motion.popup.enter.left': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
+  'motion.popup.enter.right': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
+  'motion.popup.enter.top': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
+  'motion.popup.exit.bottom': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.popup.exit.left': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.popup.exit.right': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.popup.exit.top': '100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
+  'motion.spotlight.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100',
+  'motion.spotlight.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
   'color.text': '#292A2E',
   'color.text.accent.lime': '#4C6B1F',
   'color.text.accent.lime.bolder': '#37471F',

package/dist/es2019/artifacts/token-names.js

@@ -1,21 +1,46 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::921c184d9a6e3b52bd2ab053939ce9ad>>
+ * @codegen <<SignedSource::c7da53f7a9d4a33334530aad043ae18b>>
  * @codegenCommand yarn build tokens
  */
 const tokens = {
   'motion.avatar.enter': '--ds-avatar-enter',
   'motion.avatar.exit': '--ds-avatar-exit',
   'motion.avatar.hovered': '--ds-avatar-hovered',
-  'motion.content.enter.long': '--ds-content-enter-long',
-  'motion.content.enter.medium': '--ds-content-enter-medium',
-  'motion.content.enter.short': '--ds-content-enter-short',
-  'motion.content.exit.long': '--ds-content-exit-long',
-  'motion.content.exit.medium': '--ds-content-exit-medium',
-  'motion.content.exit.short': '--ds-content-exit-short',
+  'motion.blanket.enter': '--ds-blanket-enter',
+  'motion.blanket.exit': '--ds-blanket-exit',
+  'motion.duration.instant': '--ds-duration-instant',
+  'motion.duration.long': '--ds-duration-long',
+  'motion.duration.medium': '--ds-duration-medium',
+  'motion.duration.short': '--ds-duration-short',
+  'motion.duration.xlong': '--ds-duration-xlong',
+  'motion.duration.xshort': '--ds-duration-xshort',
+  'motion.duration.xxlong': '--ds-duration-xxlong',
+  'motion.duration.xxshort': '--ds-duration-xxshort',
+  'motion.easing.in.practical': '--ds-easing-in-practical',
+  'motion.easing.inout.bold': '--ds-easing-inout-bold',
+  'motion.easing.out.practical': '--ds-easing-out-practical',
+  'motion.easing.out.bold': '--ds-easing-out-bold',
+  'motion.easing.spring': '--ds-easing-spring',
   'motion.flag.enter': '--ds-flag-enter',
   'motion.flag.exit': '--ds-flag-exit',
   'motion.flag.reposition': '--ds-flag-reposition',
+  'motion.keyframe.fade.in': '--ds-keyframe-fade-in',
+  'motion.keyframe.fade.out': '--ds-keyframe-fade-out',
+  'motion.keyframe.scale.in.medium': '--ds-keyframe-scale-in-medium',
+  'motion.keyframe.scale.in.small': '--ds-keyframe-scale-in-small',
+  'motion.keyframe.scale.out.medium': '--ds-keyframe-scale-out-medium',
+  'motion.keyframe.scale.out.small': '--ds-keyframe-scale-out-small',
+  'motion.keyframe.slide.in.bottom.short': '--ds-keyframe-slide-in-bottom-short',
+  'motion.keyframe.slide.in.left.half': '--ds-keyframe-slide-in-left-half',
+  'motion.keyframe.slide.in.left.short': '--ds-keyframe-slide-in-left-short',
+  'motion.keyframe.slide.in.right.short': '--ds-keyframe-slide-in-right-short',
+  'motion.keyframe.slide.in.top.short': '--ds-keyframe-slide-in-top-short',
+  'motion.keyframe.slide.out.bottom.short': '--ds-keyframe-slide-out-bottom-short',
+  'motion.keyframe.slide.out.left.half': '--ds-keyframe-slide-out-left-half',
+  'motion.keyframe.slide.out.left.short': '--ds-keyframe-slide-out-left-short',
+  'motion.keyframe.slide.out.right.short': '--ds-keyframe-slide-out-right-short',
+  'motion.keyframe.slide.out.top.short': '--ds-keyframe-slide-out-top-short',
   'motion.modal.enter': '--ds-modal-enter',
   'motion.modal.exit': '--ds-modal-exit',
   'motion.popup.enter.bottom': '--ds-popup-enter-bottom',