@douyinfe/semi-animation-styled 2.1.1 → 2.1.2

package/lib/cjs/index.d.ts

@@ -0,0 +1,3 @@
+import { loops, delays, speeds } from './src/constants/times';
+import * as types from './src/constants/types';
+export { loops, delays, speeds, types };

package/lib/cjs/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "delays", {
+  enumerable: true,
+  get: function () {
+    return _times.delays;
+  }
+});
+
+_Object$defineProperty(exports, "loops", {
+  enumerable: true,
+  get: function () {
+    return _times.loops;
+  }
+});
+
+_Object$defineProperty(exports, "speeds", {
+  enumerable: true,
+  get: function () {
+    return _times.speeds;
+  }
+});
+
+exports.types = void 0;
+
+var _times = require("./src/constants/times");
+
+var types = _interopRequireWildcard(require("./src/constants/types"));
+
+exports.types = types;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/cjs/src/constants/times.d.ts

@@ -0,0 +1,3 @@
+export declare const loops: string[];
+export declare const delays: string[];
+export declare const speeds: string[];

package/lib/cjs/src/constants/times.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.speeds = exports.loops = exports.delays = void 0;
+const loops = ['1', '2', '3', '4', '5', 'infinite'];
+exports.loops = loops;
+const delays = ['0s', '1s', '2s', '3s', '4s', '5s'];
+exports.delays = delays;
+const speeds = ['default', 'fast', 'faster', 'slow', 'slower'];
+exports.speeds = speeds;

package/lib/cjs/src/constants/types.d.ts

@@ -0,0 +1,14 @@
+export declare const attentionSeekers: string[];
+export declare const bouncingEntrances: string[];
+export declare const bouncingExits: string[];
+export declare const fadingEntrances: string[];
+export declare const fadingExits: string[];
+export declare const flippers: string[];
+export declare const lightspeed: string[];
+export declare const rotatingEntrances: string[];
+export declare const rotatingExits: string[];
+export declare const slidingEntrances: string[];
+export declare const slidingExits: string[];
+export declare const specials: string[];
+export declare const zoomingEntrances: string[];
+export declare const zoomingExits: string[];

package/lib/cjs/src/constants/types.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.zoomingExits = exports.zoomingEntrances = exports.specials = exports.slidingExits = exports.slidingEntrances = exports.rotatingExits = exports.rotatingEntrances = exports.lightspeed = exports.flippers = exports.fadingExits = exports.fadingEntrances = exports.bouncingExits = exports.bouncingEntrances = exports.attentionSeekers = void 0;
+const attentionSeekers = ['bounce', 'flash', 'headShake', 'heartBeat', 'jello', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble'];
+exports.attentionSeekers = attentionSeekers;
+const bouncingEntrances = ['bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp'];
+exports.bouncingEntrances = bouncingEntrances;
+const bouncingExits = ['bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp'];
+exports.bouncingExits = bouncingExits;
+const fadingEntrances = ['fadeIn', 'fadeInDown', 'fadeInDownBig', 'fadeInLeft', 'fadeInLeftBig', 'fadeInRight', 'fadeInRightBig', 'fadeInUp', 'fadeInUpBig'];
+exports.fadingEntrances = fadingEntrances;
+const fadingExits = ['fadeOut', 'fadeOutDown', 'fadeOutDownBig', 'fadeOutLeft', 'fadeOutLeftBig', 'fadeOutRight', 'fadeOutRightBig', 'fadeOutUp', 'fadeOutUpBig'];
+exports.fadingExits = fadingExits;
+const flippers = ['flip', 'flipInX', 'flipInY', 'flipOutX', 'flipOutY'];
+exports.flippers = flippers;
+const lightspeed = ['lightSpeedIn', 'lightSpeedOut'];
+exports.lightspeed = lightspeed;
+const rotatingEntrances = ['rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight'];
+exports.rotatingEntrances = rotatingEntrances;
+const rotatingExits = ['rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight'];
+exports.rotatingExits = rotatingExits;
+const slidingEntrances = ['slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp'];
+exports.slidingEntrances = slidingEntrances;
+const slidingExits = ['slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp'];
+exports.slidingExits = slidingExits;
+const specials = ['hinge', 'jackInTheBox', 'rollIn', 'rollOut'];
+exports.specials = specials;
+const zoomingEntrances = ['zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp'];
+exports.zoomingEntrances = zoomingEntrances;
+const zoomingExits = ['zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp'];
+exports.zoomingExits = zoomingExits;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-animation-styled",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "semi styled animation",
   "keywords": [
     "semi",
@@ -9,7 +9,7 @@
   ],
   "homepage": "",
   "license": "MIT",
-  "main": "lib/es/index.js",
+  "main": "lib/cjs/index.js",
   "module": "lib/es/index.js",
   "typings": "lib/es/index.d.ts",
   "directories": {
@@ -42,5 +42,5 @@
     "gulp-typescript": "^6.0.0-alpha.1",
     "merge2": "^1.4.1"
   },
-  "gitHead": "be28426a48482f95f11422cda5b5f2c0d86f4be5"
+  "gitHead": "49e7bdabe06525ab4990e5b12b5541e668aa6b11"
 }

package/lib/es/src/_base.css

@@ -1,87 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-.semi-animated {
-    animation-duration: 1s;
-    animation-fill-mode: both;
-}
-
-.semi-animated.semi-loop-1 {
-    animation-iteration-count: 1;
-}
-
-.semi-animated.semi-loop-2 {
-    animation-iteration-count: 2;
-}
-
-.semi-animated.semi-loop-3 {
-    animation-iteration-count: 3;
-}
-
-.semi-animated.semi-loop-4 {
-    animation-iteration-count: 4;
-}
-
-.semi-animated.semi-loop-5 {
-    animation-iteration-count: 5;
-}
-
-.semi-animated.semi-loop-infinite {
-    animation-iteration-count: infinite;
-}
-
-.semi-animated.semi-delay-0s {
-    animation-delay: 0s;
-}
-
-.semi-animated.semi-delay-1s {
-    animation-delay: 1s;
-}
-
-.semi-animated.semi-delay-2s {
-    animation-delay: 2s;
-}
-
-.semi-animated.semi-delay-3s {
-    animation-delay: 3s;
-}
-
-.semi-animated.semi-delay-4s {
-    animation-delay: 4s;
-}
-
-.semi-animated.semi-delay-5s {
-    animation-delay: 5s;
-}
-
-.semi-animated.semi-speed-default {
-    animation-duration: 1s;
-}
-
-.semi-animated.semi-speed-fast {
-    animation-duration: 800ms;
-}
-
-.semi-animated.semi-speed-faster {
-    animation-duration: 500ms;
-}
-
-.semi-animated.semi-speed-slow {
-    animation-duration: 2s;
-}
-
-.semi-animated.semi-speed-slower {
-    animation-duration: 3s;
-}
-
-@media (print), 
-    (prefers-reduced-motion: reduce) {
-    .semi-animated {
-        animation-duration: 1ms !important;
-        transition-duration: 1ms !important;
-        animation-iteration-count: 1 !important;
-    }
-}
-

package/lib/es/src/attention_seekers/bounce.css

@@ -1,36 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-bounce {
-    from,
-    20%,
-    53%,
-    80%,
-    to {
-        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-        transform: translate3d(0, 0, 0);
-    }
-
-    40%,
-    43% {
-        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-        transform: translate3d(0, -30px, 0);
-    }
-
-    70% {
-        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-        transform: translate3d(0, -15px, 0);
-    }
-
-    90% {
-        transform: translate3d(0, -4px, 0);
-    }
-}
-
-.semi-bounce {
-    animation-name: semi-bounce;
-    transform-origin: center bottom;
-}
-

package/lib/es/src/attention_seekers/flash.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flash {
-    from,
-    50%,
-    to {
-        opacity: 1;
-    }
-
-    25%,
-    75% {
-        opacity: 0;
-    }
-}
-
-.semi-flash {
-    animation-name: semi-flash;
-}
-

package/lib/es/src/attention_seekers/headShake.css

@@ -1,36 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-headShake {
-    0% {
-        transform: translateX(0);
-    }
-
-    6.5% {
-        transform: translateX(-6px) rotateY(-9deg);
-    }
-
-    18.5% {
-        transform: translateX(5px) rotateY(7deg);
-    }
-
-    31.5% {
-        transform: translateX(-3px) rotateY(-5deg);
-    }
-
-    43.5% {
-        transform: translateX(2px) rotateY(3deg);
-    }
-
-    50% {
-        transform: translateX(0);
-    }
-}
-
-.semi-headShake {
-    animation-timing-function: ease-in-out;
-    animation-name: semi-headShake;
-}
-

package/lib/es/src/attention_seekers/heartBeat.css

@@ -1,33 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-heartBeat {
-    0% {
-        transform: scale(1);
-    }
-
-    14% {
-        transform: scale(1.3);
-    }
-
-    28% {
-        transform: scale(1);
-    }
-
-    42% {
-        transform: scale(1.3);
-    }
-
-    70% {
-        transform: scale(1);
-    }
-}
-
-.semi-heartBeat {
-    animation-name: semi-heartBeat;
-    animation-duration: 1.3s;
-    animation-timing-function: ease-in-out;
-}
-

package/lib/es/src/attention_seekers/jello.css

@@ -1,46 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-jello {
-    from,
-    11.1%,
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-
-    22.2% {
-        transform: skewX(-12.5deg) skewY(-12.5deg);
-    }
-
-    33.3% {
-        transform: skewX(6.25deg) skewY(6.25deg);
-    }
-
-    44.4% {
-        transform: skewX(-3.125deg) skewY(-3.125deg);
-    }
-
-    55.5% {
-        transform: skewX(1.5625deg) skewY(1.5625deg);
-    }
-
-    66.6% {
-        transform: skewX(-.78125deg) skewY(-.78125deg);
-    }
-
-    77.7% {
-        transform: skewX(.390625deg) skewY(.390625deg);
-    }
-
-    88.8% {
-        transform: skewX(-.1953125deg) skewY(-.1953125deg);
-    }
-}
-
-.semi-jello {
-    animation-name: semi-jello;
-    transform-origin: center;
-}
-

package/lib/es/src/attention_seekers/pulse.css

@@ -1,25 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes semi-pulse {
-    from {
-        transform: scale3d(1, 1, 1);
-    }
-
-    50% {
-        transform: scale3d(1.05, 1.05, 1.05);
-    }
-
-    to {
-        transform: scale3d(1, 1, 1);
-    }
-}
-
-.semi-pulse {
-    animation-name: semi-pulse;
-}
-

package/lib/es/src/attention_seekers/rubberBand.css

@@ -1,39 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rubberBand {
-    from {
-        transform: scale3d(1, 1, 1);
-    }
-
-    30% {
-        transform: scale3d(1.25, .75, 1);
-    }
-
-    40% {
-        transform: scale3d(.75, 1.25, 1);
-    }
-
-    50% {
-        transform: scale3d(1.15, .85, 1);
-    }
-
-    65% {
-        transform: scale3d(.95, 1.05, 1);
-    }
-
-    75% {
-        transform: scale3d(1.05, .95, 1);
-    }
-
-    to {
-        transform: scale3d(1, 1, 1);
-    }
-}
-
-.semi-rubberBand {
-    animation-name: semi-rubberBand;
-}
-

package/lib/es/src/attention_seekers/shake.css

@@ -1,31 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-shake {
-    from,
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-
-    10%,
-    30%,
-    50%,
-    70%,
-    90% {
-        transform: translate3d(-10px, 0, 0);
-    }
-
-    20%,
-    40%,
-    60%,
-    80% {
-        transform: translate3d(10px, 0, 0);
-    }
-}
-
-.semi-shake {
-    animation-name: semi-shake;
-}
-

package/lib/es/src/attention_seekers/swing.css

@@ -1,32 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-swing {
-    20% {
-        transform: rotate3d(0, 0, 1, 15deg);
-    }
-
-    40% {
-        transform: rotate3d(0, 0, 1, -10deg);
-    }
-
-    60% {
-        transform: rotate3d(0, 0, 1, 5deg);
-    }
-
-    80% {
-        transform: rotate3d(0, 0, 1, -5deg);
-    }
-
-    to {
-        transform: rotate3d(0, 0, 1, 0deg);
-    }
-}
-
-.semi-swing {
-    transform-origin: top center;
-    animation-name: semi-swing;
-}
-

package/lib/es/src/attention_seekers/tada.css

@@ -1,37 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-tada {
-    from {
-        transform: scale3d(1, 1, 1);
-    }
-
-    10%,
-    20% {
-        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-    }
-
-    30%,
-    50%,
-    70%,
-    90% {
-        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-    }
-
-    40%,
-    60%,
-    80% {
-        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-    }
-
-    to {
-        transform: scale3d(1, 1, 1);
-    }
-}
-
-.semi-tada {
-    animation-name: semi-tada;
-}
-

package/lib/es/src/attention_seekers/wobble.css

@@ -1,41 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
-
-@keyframes semi-wobble {
-    from {
-        transform: translate3d(0, 0, 0);
-    }
-
-    15% {
-        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-    }
-
-    30% {
-        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-    }
-
-    45% {
-        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-    }
-
-    60% {
-        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-    }
-
-    75% {
-        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-wobble {
-    animation-name: semi-wobble;
-}
-

package/lib/es/src/bouncing_entrances/bounceIn.css

@@ -1,48 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-bounceIn {
-    from,
-    20%,
-    40%,
-    60%,
-    80%,
-    to {
-        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-    }
-
-    0% {
-        opacity: 0;
-        transform: scale3d(.3, .3, .3);
-    }
-
-    20% {
-        transform: scale3d(1.1, 1.1, 1.1);
-    }
-
-    40% {
-        transform: scale3d(.9, .9, .9);
-    }
-
-    60% {
-        opacity: 1;
-        transform: scale3d(1.03, 1.03, 1.03);
-    }
-
-    80% {
-        transform: scale3d(.97, .97, .97);
-    }
-
-    to {
-        opacity: 1;
-        transform: scale3d(1, 1, 1);
-    }
-}
-
-.semi-bounceIn {
-    animation-duration: .75s;
-    animation-name: semi-bounceIn;
-}
-