@atlaskit/tokens 11.0.2 → 11.1.1

package/dist/es2019/artifacts/palettes-raw/motion-palette.js

@@ -0,0 +1,521 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::863c43667e050d7cdb209823990418e0>>
+ * @codegenCommand yarn build tokens
+ */
+
+const tokens = [{
+  "value": "cubic-bezier(0.32, 0, 0.67, 0)",
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "cubic-bezier(0.32, 0, 0.67, 0)",
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.curve.CubicEaseIn",
+  "path": ["motion", "curve", "CubicEaseIn"]
+}, {
+  "value": "cubic-bezier(0.66, 0, 0.34, 1)",
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "cubic-bezier(0.66, 0, 0.34, 1)",
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.curve.CubicEaseInOut",
+  "path": ["motion", "curve", "CubicEaseInOut"]
+}, {
+  "value": "cubic-bezier(0.33, 1, 0.68, 1)",
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "cubic-bezier(0.33, 1, 0.68, 1)",
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.curve.CubicEaseOut",
+  "path": ["motion", "curve", "CubicEaseOut"]
+}, {
+  "value": 50,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 50,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration050",
+  "path": ["motion", "duration", "Duration050"]
+}, {
+  "value": 100,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 100,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration100",
+  "path": ["motion", "duration", "Duration100"]
+}, {
+  "value": 150,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 150,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration150",
+  "path": ["motion", "duration", "Duration150"]
+}, {
+  "value": 200,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 200,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration200",
+  "path": ["motion", "duration", "Duration200"]
+}, {
+  "value": 250,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 250,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration250",
+  "path": ["motion", "duration", "Duration250"]
+}, {
+  "value": 300,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 300,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration300",
+  "path": ["motion", "duration", "Duration300"]
+}, {
+  "value": 350,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 350,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration350",
+  "path": ["motion", "duration", "Duration350"]
+}, {
+  "value": 400,
+  "attributes": {
+    "group": "motion"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": 400,
+    "attributes": {
+      "group": "motion"
+    }
+  },
+  "name": "motion.duration.Duration400",
+  "path": ["motion", "duration", "Duration400"]
+}, {
+  "value": {
+    "0%": {
+      "opacity": 0
+    },
+    "100%": {
+      "opacity": 1
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "opacity": 0
+      },
+      "100%": {
+        "opacity": 1
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.FadeIn",
+  "path": ["motion", "keyframe", "FadeIn"]
+}, {
+  "value": {
+    "0%": {
+      "opacity": 1
+    },
+    "100%": {
+      "opacity": 0
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "opacity": 1
+      },
+      "100%": {
+        "opacity": 0
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.FadeOut",
+  "path": ["motion", "keyframe", "FadeOut"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "rotate(0deg)"
+    },
+    "100%": {
+      "transform": "rotate(5deg)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "rotate(0deg)"
+      },
+      "100%": {
+        "transform": "rotate(5deg)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.RotateIn",
+  "path": ["motion", "keyframe", "RotateIn"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "rotate(5deg)"
+    },
+    "100%": {
+      "transform": "rotate(0deg)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "rotate(5deg)"
+      },
+      "100%": {
+        "transform": "rotate(0deg)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.RotateOut",
+  "path": ["motion", "keyframe", "RotateOut"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(0.8)"
+    },
+    "100%": {
+      "transform": "scale(1)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(0.8)"
+      },
+      "100%": {
+        "transform": "scale(1)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleIn80",
+  "path": ["motion", "keyframe", "ScaleIn80"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(0.85)"
+    },
+    "100%": {
+      "transform": "scale(1)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(0.85)"
+      },
+      "100%": {
+        "transform": "scale(1)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleIn85",
+  "path": ["motion", "keyframe", "ScaleIn85"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(0.9)"
+    },
+    "100%": {
+      "transform": "scale(1)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(0.9)"
+      },
+      "100%": {
+        "transform": "scale(1)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleIn90",
+  "path": ["motion", "keyframe", "ScaleIn90"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(0.95)"
+    },
+    "100%": {
+      "transform": "scale(1)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(0.95)"
+      },
+      "100%": {
+        "transform": "scale(1)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleIn95",
+  "path": ["motion", "keyframe", "ScaleIn95"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(1)"
+    },
+    "100%": {
+      "transform": "scale(0.8)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(1)"
+      },
+      "100%": {
+        "transform": "scale(0.8)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleOut80",
+  "path": ["motion", "keyframe", "ScaleOut80"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(1)"
+    },
+    "100%": {
+      "transform": "scale(0.85)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(1)"
+      },
+      "100%": {
+        "transform": "scale(0.85)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleOut85",
+  "path": ["motion", "keyframe", "ScaleOut85"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(1)"
+    },
+    "100%": {
+      "transform": "scale(0.9)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(1)"
+      },
+      "100%": {
+        "transform": "scale(0.9)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleOut90",
+  "path": ["motion", "keyframe", "ScaleOut90"]
+}, {
+  "value": {
+    "0%": {
+      "transform": "scale(1)"
+    },
+    "100%": {
+      "transform": "scale(0.95)"
+    }
+  },
+  "attributes": {
+    "group": "keyframe"
+  },
+  "filePath": "schema/palettes/motion-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": {
+      "0%": {
+        "transform": "scale(1)"
+      },
+      "100%": {
+        "transform": "scale(0.95)"
+      }
+    },
+    "attributes": {
+      "group": "keyframe"
+    }
+  },
+  "name": "motion.keyframe.ScaleOut95",
+  "path": ["motion", "keyframe", "ScaleOut95"]
+}];
+export default tokens;

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

@@ -12,11 +12,35 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::400f0ecf8657b2dcb96d24d2f0aed049>>
+ * @codegen <<SignedSource::71a61fb83f1440f2c7e0c2b84375593c>>
  * @codegenCommand yarn build tokens
  */
 
 const replacementMapper = [{
+  "path": "motion.content.enter.long",
+  "state": "experimental"
+}, {
+  "path": "motion.content.enter.medium",
+  "state": "experimental"
+}, {
+  "path": "motion.content.enter.short",
+  "state": "experimental"
+}, {
+  "path": "motion.content.exit.long",
+  "state": "experimental"
+}, {
+  "path": "motion.content.exit.medium",
+  "state": "experimental"
+}, {
+  "path": "motion.content.exit.short",
+  "state": "experimental"
+}, {
+  "path": "motion.dialog.enter",
+  "state": "experimental"
+}, {
+  "path": "motion.dialog.exit",
+  "state": "experimental"
+}, {
   "path": "font.body.UNSAFE_small",
   "state": "deprecated",
   "replacement": "font.body.small"

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
+ * @codegen <<SignedSource::a20c72d683b08b594c5be4160eec5f78>>
  * @codegenCommand yarn build tokens
  */
 
@@ -28,6 +28,8 @@ const themeImportsMap = {
   'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
   './themes/atlassian-typography'),
   'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
-  './themes/atlassian-shape')
+  './themes/atlassian-shape'),
+  'motion': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-motion" */
+  './themes/atlassian-motion')
 };
 export default themeImportsMap;

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

@@ -0,0 +1,113 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d9cba7f2a25f65f78c6ad172ff6364ce>>
+ * @codegenCommand yarn build tokens
+ */
+export default `
+@keyframes ScaleIn80 {
+  0% {
+    transform: scale(0.8);
+  }
+  100% {
+    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 {
+  0% {
+    transform: scale(0.95);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes ScaleOut80 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    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 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.95);
+  }
+}
+@keyframes FadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes FadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes RotateIn {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(5deg);
+  }
+}
+@keyframes RotateOut {
+  0% {
+    transform: rotate(5deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+html[data-theme~="motion:motion"], [data-subtree-theme][data-theme~="motion:motion"] {
+  --ds-content-enter-long: 400ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn;
+  --ds-content-enter-medium: 200ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn;
+  --ds-content-enter-short: 100ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn;
+  --ds-content-exit-long: 200ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut;
+  --ds-content-exit-medium: 100ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut;
+  --ds-content-exit-short: 50ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut;
+  --ds-dialog-enter: 350ms cubic-bezier(0.66, 0, 0.34, 1) ScaleIn80, 350ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn;
+  --ds-dialog-exit: 350ms cubic-bezier(0.66, 0, 0.34, 1) ScaleOut80, 350ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut;
+}
+`;

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

@@ -7,10 +7,18 @@
  * 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::e6225c65d5d4ce72381110479f6b4968>>
+ * @codegen <<SignedSource::a18a0cf6bb63fbd882dcfe06ef046047>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
+  'motion.content.enter.long': '400ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn',
+  'motion.content.enter.medium': '200ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn',
+  'motion.content.enter.short': '100ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn',
+  'motion.content.exit.long': '200ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut',
+  'motion.content.exit.medium': '100ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut',
+  'motion.content.exit.short': '50ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut',
+  'motion.dialog.enter': '350ms cubic-bezier(0.66, 0, 0.34, 1) ScaleIn80, 350ms cubic-bezier(0.66, 0, 0.34, 1) FadeIn',
+  'motion.dialog.exit': '350ms cubic-bezier(0.66, 0, 0.34, 1) ScaleOut80, 350ms cubic-bezier(0.66, 0, 0.34, 1) FadeOut',
   'color.text': '#292A2E',
   'color.text.accent.lime': '#4C6B1F',
   'color.text.accent.lime.bolder': '#37471F',