@carbon/motion 10.29.0 → 11.0.0-rc.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.
- package/package.json +3 -10
- package/scss/index.scss +0 -8
- package/scss/motion.scss +0 -78
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": "
|
|
4
|
+
"version": "11.0.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
},
|
|
13
13
|
"bugs": "https://github.com/carbon-design-system/carbon/issues",
|
|
14
14
|
"keywords": [
|
|
15
|
-
"eyeglass-module",
|
|
16
15
|
"ibm",
|
|
17
16
|
"elements",
|
|
18
17
|
"carbon",
|
|
@@ -29,14 +28,8 @@
|
|
|
29
28
|
"clean": "rimraf es lib umd"
|
|
30
29
|
},
|
|
31
30
|
"devDependencies": {
|
|
32
|
-
"@carbon/cli": "^
|
|
31
|
+
"@carbon/cli": "^11.0.0-rc.0",
|
|
33
32
|
"rimraf": "^3.0.0"
|
|
34
33
|
},
|
|
35
|
-
"
|
|
36
|
-
"exports": false,
|
|
37
|
-
"name": "@carbon/motion",
|
|
38
|
-
"sassDir": "scss",
|
|
39
|
-
"needs": "^1.3.0"
|
|
40
|
-
},
|
|
41
|
-
"gitHead": "aadefba8b1097fad433fe63c9c896b1a3e1b589a"
|
|
34
|
+
"gitHead": "e4894776a4996c10bfc8f9a724532a25966aa622"
|
|
42
35
|
}
|
package/scss/index.scss
DELETED
package/scss/motion.scss
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright IBM Corp. 2018, 2018
|
|
3
|
-
//
|
|
4
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
// LICENSE file in the root directory of this source tree.
|
|
6
|
-
//
|
|
7
|
-
|
|
8
|
-
/// @access public
|
|
9
|
-
/// @group @carbon/motion
|
|
10
|
-
$fast-01: 70ms !default;
|
|
11
|
-
|
|
12
|
-
/// @access public
|
|
13
|
-
/// @group @carbon/motion
|
|
14
|
-
$fast-02: 110ms !default;
|
|
15
|
-
|
|
16
|
-
/// @access public
|
|
17
|
-
/// @group @carbon/motion
|
|
18
|
-
$moderate-01: 150ms !default;
|
|
19
|
-
|
|
20
|
-
/// @access public
|
|
21
|
-
/// @group @carbon/motion
|
|
22
|
-
$moderate-02: 240ms !default;
|
|
23
|
-
|
|
24
|
-
/// @access public
|
|
25
|
-
/// @group @carbon/motion
|
|
26
|
-
$slow-01: 400ms !default;
|
|
27
|
-
|
|
28
|
-
/// @access public
|
|
29
|
-
/// @group @carbon/motion
|
|
30
|
-
$slow-02: 700ms !default;
|
|
31
|
-
|
|
32
|
-
/// Common component easings
|
|
33
|
-
/// @type Map
|
|
34
|
-
/// @access public
|
|
35
|
-
/// @group @carbon/motion
|
|
36
|
-
$carbon--easings: (
|
|
37
|
-
standard: (
|
|
38
|
-
productive: cubic-bezier(0.2, 0, 0.38, 0.9),
|
|
39
|
-
expressive: cubic-bezier(0.4, 0.14, 0.3, 1),
|
|
40
|
-
),
|
|
41
|
-
entrance: (
|
|
42
|
-
productive: cubic-bezier(0, 0, 0.38, 0.9),
|
|
43
|
-
expressive: cubic-bezier(0, 0, 0.3, 1),
|
|
44
|
-
),
|
|
45
|
-
exit: (
|
|
46
|
-
productive: cubic-bezier(0.2, 0, 1, 0.9),
|
|
47
|
-
expressive: cubic-bezier(0.4, 0.14, 1, 1),
|
|
48
|
-
),
|
|
49
|
-
);
|
|
50
|
-
|
|
51
|
-
/// Get the transition-timing-function for a given easing and motion mode
|
|
52
|
-
/// @param {String} $name - Can be `standard`, `entrance`, or `exit`
|
|
53
|
-
/// @param {String} $mode [productive] - Can be `productive` or `expressive`
|
|
54
|
-
/// @param {Map} $easings [$carbon--easings] - Easings map
|
|
55
|
-
/// @access public
|
|
56
|
-
/// @group @carbon/motion
|
|
57
|
-
/// @return {Function} CSS `cubic-bezier()` function
|
|
58
|
-
@function carbon--motion($name, $mode: productive, $easings: $carbon--easings) {
|
|
59
|
-
@if map-has-key($easings, $name) {
|
|
60
|
-
$easing: map-get($easings, $name);
|
|
61
|
-
@if map-has-key($easing, $mode) {
|
|
62
|
-
@return map-get($easing, $mode);
|
|
63
|
-
} @else {
|
|
64
|
-
@error 'Unable to find a mode for the easing #{$easing} called: #{$mode}.';
|
|
65
|
-
}
|
|
66
|
-
} @else {
|
|
67
|
-
@error 'Unable to find an easing named #{$name} in our supported easings.';
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/// Set the transition-timing-function for a given easing and motion mode
|
|
72
|
-
/// @param {String} $name - The name of the easing curve to apply
|
|
73
|
-
/// @param {String} $mode - The mode for the easing curve to use
|
|
74
|
-
/// @access public
|
|
75
|
-
/// @group @carbon/motion
|
|
76
|
-
@mixin carbon--motion($name, $mode) {
|
|
77
|
-
transition-timing-function: carbon--motion($name, $mode);
|
|
78
|
-
}
|