react-emotion-face 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+export declare type Emotion = 'happy' | 'sad' | 'angry' | 'mad' | 'surprised' | 'calm' | 'sleepy' | 'excited' | 'tired' | 'confused' | 'embarrassed' | 'nervous' | 'proud' | 'disgusted' | 'bored' | 'love' | 'silly' | 'determined' | 'shy' | 'anxious';
+
+export declare function EmotionFace({ emotion, message, size, animated, showBody, color, onEmotionChange, }: EmotionFaceProps): JSX_2.Element;
+
+export declare interface EmotionFaceProps {
+    emotion: Emotion;
+    message?: string;
+    size?: number;
+    animated?: boolean;
+    showBody?: boolean;
+    color?: string;
+    onEmotionChange?: (emotion: Emotion) => void;
+}
+
+export declare const EMOTIONS: Emotion[];
+
+export { }

package/dist/react-emotion-face.css

@@ -0,0 +1 @@
+@keyframes ef-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes ef-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes ef-slow-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes ef-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-8px)}}@keyframes ef-droop{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes ef-tremble{0%,to{transform:translate(0)}20%{transform:translate(-2px) rotate(-.5deg)}40%{transform:translate(2px) rotate(.5deg)}60%{transform:translate(-1.5px)}80%{transform:translate(1.5px)}}@keyframes ef-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes ef-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ef-headBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-2px) rotate(2deg)}}@keyframes ef-float-z{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(-30px) translate(10px) scale(.6)}}@keyframes ef-float-heart{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-35px) scale(.5)}}@keyframes ef-tear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(35px)}}@keyframes ef-sweat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes ef-sparkle{0%{opacity:0;transform:scale(0) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(90deg)}to{opacity:0;transform:scale(.3) rotate(180deg)}}@keyframes ef-anger-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ef-breathe{animation:ef-breathe 3s ease-in-out infinite}.ef-slow-breathe{animation:ef-slow-breathe 5s ease-in-out infinite}.ef-bounce{animation:ef-bounce .5s ease-in-out infinite}.ef-droop{animation:ef-droop 4s ease-in-out infinite}.ef-tremble{animation:ef-tremble .3s linear infinite}.ef-wiggle{animation:ef-wiggle .8s ease-in-out infinite}.ef-pulse{animation:ef-pulse 1s ease-in-out infinite}.ef-headBob{animation:ef-headBob 1.5s ease-in-out infinite}.ef-eye-blink{animation:ef-blink 4s ease-in-out infinite;transform-origin:center}.ef-float-z-1{animation:ef-float-z 2s ease-out infinite}.ef-float-z-2{animation:ef-float-z 2s ease-out .7s infinite}.ef-float-z-3{animation:ef-float-z 2s ease-out 1.4s infinite}.ef-float-heart-1{animation:ef-float-heart 1.5s ease-out infinite}.ef-float-heart-2{animation:ef-float-heart 1.5s ease-out .5s infinite}.ef-float-heart-3{animation:ef-float-heart 1.5s ease-out 1s infinite}.ef-tear-1{animation:ef-tear 1.5s ease-in infinite}.ef-tear-2{animation:ef-tear 1.5s ease-in .6s infinite}.ef-sweat-drop{animation:ef-sweat 1.2s ease-in infinite}.ef-sparkle-1{animation:ef-sparkle 1s ease-out infinite}.ef-sparkle-2{animation:ef-sparkle 1s ease-out .3s infinite}.ef-sparkle-3{animation:ef-sparkle 1s ease-out .6s infinite}.ef-sparkle-4{animation:ef-sparkle 1s ease-out .9s infinite}.ef-anger-pulse{animation:ef-anger-pulse .5s ease-in-out infinite}