@sproutsocial/seeds-motion
Advanced tools
Comparing version 0.4.2 to 0.4.3
'use strict'; | ||
module.exports = { | ||
MOTION_EASE_LINEAR: 'linear', | ||
MOTION_EASE_IN: 'cubic-bezier(.4, 0, 1, 1)', | ||
MOTION_EASE_OUT: 'cubic-bezier(0, 0, .2, 1)', | ||
MOTION_EASE_INOUT: 'cubic-bezier(.4, 0, .2, 1)', | ||
MOTION_DURATION_IMMEDIATELY: '.05s', | ||
MOTION_DURATION_QUICKLY: '.1s', | ||
MOTION_DURATION_PROMPTLY: '.2s', | ||
MOTION_DURATION_SLOWLY: '.4s' | ||
MOTION_EASE_LINEAR: 'linear', | ||
MOTION_EASE_IN: 'cubic-bezier(.4, 0, 1, 1)', | ||
MOTION_EASE_OUT: 'cubic-bezier(0, 0, .2, 1)', | ||
MOTION_EASE_INOUT: 'cubic-bezier(.4, 0, .2, 1)', | ||
MOTION_DURATION_IMMEDIATELY: '.05s', | ||
MOTION_DURATION_QUICKLY: '.1s', | ||
MOTION_DURATION_PROMPTLY: '.2s', | ||
MOTION_DURATION_SLOWLY: '.4s' | ||
}; |
@@ -1,1 +0,74 @@ | ||
[{"sass":"$Motion-ease--linear","javascript":"MOTION_EASE_LINEAR","css":"--motion-ease-linear","value":"linear","description":"Use for elements changing color or fading into view","category":"easing"},{"sass":"$Motion-ease--in","javascript":"MOTION_EASE_IN","css":"--motion-ease-in","value":"cubic-bezier(.4, 0, 1, 1)","description":"Use for elements moving out of view","category":"easing"},{"sass":"$Motion-ease--out","javascript":"MOTION_EASE_OUT","css":"--motion-ease-out","value":"cubic-bezier(0, 0, .2, 1)","description":"Use for elements moving into view","category":"easing"},{"sass":"$Motion-ease--inout","javascript":"MOTION_EASE_INOUT","css":"--motion-ease-inout","value":"cubic-bezier(.4, 0, .2, 1)","description":"Use for elements that change position","category":"easing"},{"sass":"$Motion-duration--immediately","javascript":"MOTION_DURATION_IMMEDIATELY","css":"--motion-duration-immediately","value":".05s","category":"duration"},{"sass":"$Motion-duration--quickly","javascript":"MOTION_DURATION_QUICKLY","css":"--motion-duration-quickly","value":".1s","description":"Use for color-fades and non-positional property transitions.","category":"duration"},{"sass":"$Motion-duration--promptly","javascript":"MOTION_DURATION_PROMPTLY","css":"--motion-duration-promptly","value":".2s","category":"duration"},{"sass":"$Motion-duration--slowly","javascript":"MOTION_DURATION_SLOWLY","css":"--motion-duration-slowly","value":".4s","category":"duration"}] | ||
[ | ||
{ | ||
"category": "ease", | ||
"sass": "$Motion-ease--linear", | ||
"css": "--motion-ease--linear", | ||
"javascript": "MOTION_EASE_LINEAR", | ||
"app": "Ease linear", | ||
"category": "ease", | ||
"value": "linear" | ||
}, | ||
{ | ||
"category": "ease", | ||
"sass": "$Motion-ease--in", | ||
"css": "--motion-ease--in", | ||
"javascript": "MOTION_EASE_IN", | ||
"app": "Ease in", | ||
"category": "ease", | ||
"value": "cubic-bezier(.4, 0, 1, 1)" | ||
}, | ||
{ | ||
"category": "ease", | ||
"sass": "$Motion-ease--out", | ||
"css": "--motion-ease--out", | ||
"javascript": "MOTION_EASE_OUT", | ||
"app": "Ease out", | ||
"category": "ease", | ||
"value": "cubic-bezier(0, 0, .2, 1)" | ||
}, | ||
{ | ||
"category": "ease", | ||
"sass": "$Motion-ease--inout", | ||
"css": "--motion-ease--inout", | ||
"javascript": "MOTION_EASE_INOUT", | ||
"app": "Ease inout", | ||
"category": "ease", | ||
"value": "cubic-bezier(.4, 0, .2, 1)" | ||
}, | ||
{ | ||
"category": "duration", | ||
"sass": "$Motion-duration--immediately", | ||
"css": "--motion-duration--immediately", | ||
"javascript": "MOTION_DURATION_IMMEDIATELY", | ||
"app": "Duration immediately", | ||
"category": "duration", | ||
"value": ".05s" | ||
}, | ||
{ | ||
"category": "duration", | ||
"sass": "$Motion-duration--quickly", | ||
"css": "--motion-duration--quickly", | ||
"javascript": "MOTION_DURATION_QUICKLY", | ||
"app": "Duration quickly", | ||
"category": "duration", | ||
"value": ".1s" | ||
}, | ||
{ | ||
"category": "duration", | ||
"sass": "$Motion-duration--promptly", | ||
"css": "--motion-duration--promptly", | ||
"javascript": "MOTION_DURATION_PROMPTLY", | ||
"app": "Duration promptly", | ||
"category": "duration", | ||
"value": ".2s" | ||
}, | ||
{ | ||
"category": "duration", | ||
"sass": "$Motion-duration--slowly", | ||
"css": "--motion-duration--slowly", | ||
"javascript": "MOTION_DURATION_SLOWLY", | ||
"app": "Duration slowly", | ||
"category": "duration", | ||
"value": ".4s" | ||
} | ||
] |
{ | ||
"name": "@sproutsocial/seeds-motion", | ||
"version": "0.4.2", | ||
"stability": "beta", | ||
"description": "SEEDS Design System Motion and Animation Values", | ||
"version": "0.4.3", | ||
"description": "Seeds Motion and Animation Tokens", | ||
"main": "dist/seeds-motion.js", | ||
@@ -13,7 +12,7 @@ "repository": { | ||
"scripts": { | ||
"build": "gulp" | ||
"build": "node build.js" | ||
}, | ||
"devDependencies": { | ||
"@sproutsocial/seeds-utils": "^0.2.6" | ||
"@sproutsocial/seeds-utils": "^1.0.0" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No README
QualityPackage does not have a README. This may indicate a failed publish or a low quality package.
Found 1 instance in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
160
0
5199
9
2
0