feat(motion): add duration tokens to motion

packages/motion/__tests__/__snapshots__/motion-test.js.snap

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`@carbon/motion @carbon/motion/scss/motion.scss 1`] = `
+Array [
+  "fast-01",
+  "fast-02",
+  "moderate-01",
+  "moderate-02",
+  "slow-01",
+  "slow-02",
+  "carbon--easings",
+]
+`;
+
+exports[`@carbon/motion Public API 1`] = `
+Object {
+  "easings": Object {
+    "entrance": Object {
+      "expressive": "cubic-bezier(0, 0, 0.3, 1)",
+      "productive": "cubic-bezier(0, 0, 0.38, 0.9)",
+    },
+    "exit": Object {
+      "expressive": "cubic-bezier(0.4, 0.14, 1, 1)",
+      "productive": "cubic-bezier(0.2, 0, 1, 0.9)",
+    },
+    "standard": Object {
+      "expressive": "cubic-bezier(0.4, 0.14, 0.3, 1)",
+      "productive": "cubic-bezier(0.2, 0, 0.38, 0.9)",
+    },
+  },
+  "fast01": "70ms",
+  "fast02": "110ms",
+  "moderate01": "150ms",
+  "moderate02": "240ms",
+  "motion": [Function],
+  "slow01": "400ms",
+  "slow02": "700ms",
+  "unstable_tokens": Array [
+    "fast01",
+    "fast02",
+    "moderate01",
+    "moderate02",
+    "slow01",
+    "slow02",
+  ],
+}
+`;

packages/motion/__tests__/motion-test.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+import { SassRenderer } from '@carbon/test-utils/scss';
+import * as CarbonMotion from '../src';
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('@carbon/motion', () => {
+  test('Public API', () => {
+    expect(CarbonMotion).toMatchSnapshot();
+  });
+
+  test('@carbon/motion/scss/motion.scss', async () => {
+    const { getValue } = await render(`
+      @use 'sass:meta';
+      @use '../scss/motion';
+
+      $_: get-value(meta.module-variables('motion'));
+    `);
+    const variables = getValue(0);
+    expect(Object.keys(variables)).toMatchSnapshot();
+  });
+});

packages/motion/scss/motion.scss

@@ -5,6 +5,30 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+/// @access public
+/// @group @carbon/motion
+$fast-01: 70ms !default;
+
+/// @access public
+/// @group @carbon/motion
+$fast-02: 110ms !default;
+
+/// @access public
+/// @group @carbon/motion
+$moderate-01: 150ms !default;
+
+/// @access public
+/// @group @carbon/motion
+$moderate-02: 240ms !default;
+
+/// @access public
+/// @group @carbon/motion
+$slow-01: 400ms !default;
+
+/// @access public
+/// @group @carbon/motion
+$slow-02: 700ms !default;
+
 /// Common component easings
 /// @type Map
 /// @access public

packages/motion/src/index.js

@@ -5,6 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+export const fast01 = '70ms';
+export const fast02 = '110ms';
+export const moderate01 = '150ms';
+export const moderate02 = '240ms';
+export const slow01 = '400ms';
+export const slow02 = '700ms';
+
+export const unstable_tokens = [
+  'fast01',
+  'fast02',
+  'moderate01',
+  'moderate02',
+  'slow01',
+  'slow02',
+];
+
 export const easings = {
   standard: {
     productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',