@carbon/motion 11.10.0 → 11.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/es/index.js +10 -5
  2. package/index.scss +37 -0
  3. package/lib/index.js +15 -4
  4. package/package.json +4 -4
  5. package/src/index.js +13 -0
  6. package/umd/index.js +15 -4
package/es/index.js CHANGED
@@ -4,13 +4,21 @@
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
+
7
8
  var fast01 = '70ms';
8
9
  var fast02 = '110ms';
9
10
  var moderate01 = '150ms';
10
11
  var moderate02 = '240ms';
11
12
  var slow01 = '400ms';
12
13
  var slow02 = '700ms';
13
- var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
14
+ // V11 Tokens
15
+ var durationFast01 = fast01;
16
+ var durationFast02 = fast02;
17
+ var durationModerate01 = moderate01;
18
+ var durationModerate02 = moderate02;
19
+ var durationSlow01 = slow01;
20
+ var durationSlow02 = slow02;
21
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02', 'durationFast01', 'durationFast02', 'durationModerate01', 'durationModerate02', 'durationSlow01', 'durationSlow02'];
14
22
  var easings = {
15
23
  standard: {
16
24
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -29,14 +37,11 @@ function motion(name, mode) {
29
37
  if (!easings[name]) {
30
38
  throw new Error("Unable to find easing `".concat(name, "` in our supported easings. Expected ") + "One of: ".concat(Object.keys(easings).join(', ')));
31
39
  }
32
-
33
40
  var easing = easings[name];
34
-
35
41
  if (!easing[mode]) {
36
42
  throw new Error("Unable to find a mode for the easing `".concat(name, "` called: `").concat(mode, "`"));
37
43
  }
38
-
39
44
  return easing[mode];
40
45
  }
41
46
 
42
- export { easings, fast01, fast02, moderate01, moderate02, motion, slow01, slow02, unstable_tokens };
47
+ export { durationFast01, durationFast02, durationModerate01, durationModerate02, durationSlow01, durationSlow02, easings, fast01, fast02, moderate01, moderate02, motion, slow01, slow02, unstable_tokens };
package/index.scss CHANGED
@@ -84,3 +84,40 @@ $duration-slow-01: 400ms;
84
84
  /// @type Duration
85
85
  /// @group @carbon/motion
86
86
  $duration-slow-02: 700ms;
87
+
88
+ /// V10 backwards compatibility tokens
89
+ /// @access public
90
+ /// @deprecated
91
+ /// @type Duration
92
+ /// @group @carbon/motion
93
+ $fast-01: $duration-fast-01;
94
+
95
+ /// @access public
96
+ /// @deprecated
97
+ /// @type Duration
98
+ /// @group @carbon/motion
99
+ $fast-02: $duration-fast-02;
100
+
101
+ /// @access public
102
+ /// @deprecated
103
+ /// @type Duration
104
+ /// @group @carbon/motion
105
+ $moderate-01: $duration-moderate-01;
106
+
107
+ /// @access public
108
+ /// @deprecated
109
+ /// @type Duration
110
+ /// @group @carbon/motion
111
+ $moderate-02: $duration-moderate-02;
112
+
113
+ /// @access public
114
+ /// @deprecated
115
+ /// @type Duration
116
+ /// @group @carbon/motion
117
+ $slow-01: $duration-slow-01;
118
+
119
+ /// @access public
120
+ /// @deprecated
121
+ /// @type Duration
122
+ /// @group @carbon/motion
123
+ $slow-02: $duration-slow-02;
package/lib/index.js CHANGED
@@ -8,13 +8,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
  * This source code is licensed under the Apache-2.0 license found in the
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
+
11
12
  var fast01 = '70ms';
12
13
  var fast02 = '110ms';
13
14
  var moderate01 = '150ms';
14
15
  var moderate02 = '240ms';
15
16
  var slow01 = '400ms';
16
17
  var slow02 = '700ms';
17
- var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
18
+ // V11 Tokens
19
+ var durationFast01 = fast01;
20
+ var durationFast02 = fast02;
21
+ var durationModerate01 = moderate01;
22
+ var durationModerate02 = moderate02;
23
+ var durationSlow01 = slow01;
24
+ var durationSlow02 = slow02;
25
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02', 'durationFast01', 'durationFast02', 'durationModerate01', 'durationModerate02', 'durationSlow01', 'durationSlow02'];
18
26
  var easings = {
19
27
  standard: {
20
28
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -33,16 +41,19 @@ function motion(name, mode) {
33
41
  if (!easings[name]) {
34
42
  throw new Error("Unable to find easing `".concat(name, "` in our supported easings. Expected ") + "One of: ".concat(Object.keys(easings).join(', ')));
35
43
  }
36
-
37
44
  var easing = easings[name];
38
-
39
45
  if (!easing[mode]) {
40
46
  throw new Error("Unable to find a mode for the easing `".concat(name, "` called: `").concat(mode, "`"));
41
47
  }
42
-
43
48
  return easing[mode];
44
49
  }
45
50
 
51
+ exports.durationFast01 = durationFast01;
52
+ exports.durationFast02 = durationFast02;
53
+ exports.durationModerate01 = durationModerate01;
54
+ exports.durationModerate02 = durationModerate02;
55
+ exports.durationSlow01 = durationSlow01;
56
+ exports.durationSlow02 = durationSlow02;
46
57
  exports.easings = easings;
47
58
  exports.fast01 = fast01;
48
59
  exports.fast02 = fast02;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/motion",
3
3
  "description": "Motion helpers for digital and software products using the Carbon Design System",
4
- "version": "11.10.0",
4
+ "version": "11.11.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -28,8 +28,8 @@
28
28
  "clean": "rimraf es lib umd"
29
29
  },
30
30
  "devDependencies": {
31
- "@carbon/cli": "^11.9.0",
32
- "rimraf": "^4.0.0"
31
+ "@carbon/cli": "^11.10.0",
32
+ "rimraf": "^5.0.0"
33
33
  },
34
- "gitHead": "07168bf0272678a04c92cd1e700ac60e66355a95"
34
+ "gitHead": "8fb6526d2f73634b13f3bec63b7112839754092d"
35
35
  }
package/src/index.js CHANGED
@@ -11,6 +11,13 @@ export const moderate01 = '150ms';
11
11
  export const moderate02 = '240ms';
12
12
  export const slow01 = '400ms';
13
13
  export const slow02 = '700ms';
14
+ // V11 Tokens
15
+ export const durationFast01 = fast01;
16
+ export const durationFast02 = fast02;
17
+ export const durationModerate01 = moderate01;
18
+ export const durationModerate02 = moderate02;
19
+ export const durationSlow01 = slow01;
20
+ export const durationSlow02 = slow02;
14
21
 
15
22
  export const unstable_tokens = [
16
23
  'fast01',
@@ -19,6 +26,12 @@ export const unstable_tokens = [
19
26
  'moderate02',
20
27
  'slow01',
21
28
  'slow02',
29
+ 'durationFast01',
30
+ 'durationFast02',
31
+ 'durationModerate01',
32
+ 'durationModerate02',
33
+ 'durationSlow01',
34
+ 'durationSlow02',
22
35
  ];
23
36
 
24
37
  export const easings = {
package/umd/index.js CHANGED
@@ -10,13 +10,21 @@
10
10
  * This source code is licensed under the Apache-2.0 license found in the
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
+
13
14
  var fast01 = '70ms';
14
15
  var fast02 = '110ms';
15
16
  var moderate01 = '150ms';
16
17
  var moderate02 = '240ms';
17
18
  var slow01 = '400ms';
18
19
  var slow02 = '700ms';
19
- var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02'];
20
+ // V11 Tokens
21
+ var durationFast01 = fast01;
22
+ var durationFast02 = fast02;
23
+ var durationModerate01 = moderate01;
24
+ var durationModerate02 = moderate02;
25
+ var durationSlow01 = slow01;
26
+ var durationSlow02 = slow02;
27
+ var unstable_tokens = ['fast01', 'fast02', 'moderate01', 'moderate02', 'slow01', 'slow02', 'durationFast01', 'durationFast02', 'durationModerate01', 'durationModerate02', 'durationSlow01', 'durationSlow02'];
20
28
  var easings = {
21
29
  standard: {
22
30
  productive: 'cubic-bezier(0.2, 0, 0.38, 0.9)',
@@ -35,16 +43,19 @@
35
43
  if (!easings[name]) {
36
44
  throw new Error("Unable to find easing `".concat(name, "` in our supported easings. Expected ") + "One of: ".concat(Object.keys(easings).join(', ')));
37
45
  }
38
-
39
46
  var easing = easings[name];
40
-
41
47
  if (!easing[mode]) {
42
48
  throw new Error("Unable to find a mode for the easing `".concat(name, "` called: `").concat(mode, "`"));
43
49
  }
44
-
45
50
  return easing[mode];
46
51
  }
47
52
 
53
+ exports.durationFast01 = durationFast01;
54
+ exports.durationFast02 = durationFast02;
55
+ exports.durationModerate01 = durationModerate01;
56
+ exports.durationModerate02 = durationModerate02;
57
+ exports.durationSlow01 = durationSlow01;
58
+ exports.durationSlow02 = durationSlow02;
48
59
  exports.easings = easings;
49
60
  exports.fast01 = fast01;
50
61
  exports.fast02 = fast02;