@dotcraft/avatar 0.6.3 → 0.6.5

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 (83) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +46 -43
  3. package/dist/accessories.css +14 -14
  4. package/dist/avatar.css +62 -62
  5. package/dist/composer/ComposerMascot.d.ts +1 -1
  6. package/dist/composer/ComposerMascot.d.ts.map +1 -1
  7. package/dist/composer/ComposerMascot.js +33 -107
  8. package/dist/composer/ComposerMascot.js.map +1 -1
  9. package/dist/composer/MascotIdleStage.d.ts +11 -0
  10. package/dist/composer/MascotIdleStage.d.ts.map +1 -0
  11. package/dist/composer/MascotIdleStage.js +9 -0
  12. package/dist/composer/MascotIdleStage.js.map +1 -0
  13. package/dist/composer/constants.d.ts +12 -1
  14. package/dist/composer/constants.d.ts.map +1 -1
  15. package/dist/composer/constants.js +9 -4
  16. package/dist/composer/constants.js.map +1 -1
  17. package/dist/composer/styles/energy.css +99 -99
  18. package/dist/composer/styles/expressions.css +20 -20
  19. package/dist/composer/styles/feedback.css +188 -188
  20. package/dist/composer/styles/focus.css +72 -72
  21. package/dist/composer/styles/foundation.css +301 -287
  22. package/dist/composer/styles/idle.css +449 -438
  23. package/dist/composer/styles/overdrive.css +264 -264
  24. package/dist/composer/styles/props.css +21 -21
  25. package/dist/composer/types.d.ts +1 -0
  26. package/dist/composer/types.d.ts.map +1 -1
  27. package/dist/composer/useComposerAvatarBehavior.d.ts +1 -0
  28. package/dist/composer/useComposerAvatarBehavior.d.ts.map +1 -1
  29. package/dist/composer/useComposerAvatarBehavior.js +2 -2
  30. package/dist/composer/useComposerAvatarBehavior.js.map +1 -1
  31. package/dist/composer/useMascotActiveIdle.d.ts +33 -0
  32. package/dist/composer/useMascotActiveIdle.d.ts.map +1 -0
  33. package/dist/composer/useMascotActiveIdle.js +128 -0
  34. package/dist/composer/useMascotActiveIdle.js.map +1 -0
  35. package/dist/react.d.ts +5 -0
  36. package/dist/react.d.ts.map +1 -1
  37. package/dist/react.js +4 -0
  38. package/dist/react.js.map +1 -1
  39. package/dist/rig.css +265 -265
  40. package/dist/styles.css +13 -13
  41. package/package.json +56 -55
  42. package/src/AnimatedDecoration.tsx +43 -0
  43. package/src/AppearanceRig.tsx +15 -0
  44. package/src/Avatar.tsx +85 -0
  45. package/src/DecorationShapes.tsx +8 -0
  46. package/src/Decorations.tsx +31 -0
  47. package/src/Faces.tsx +37 -0
  48. package/src/HatDecorations.tsx +75 -0
  49. package/src/HeldDecorations.tsx +48 -0
  50. package/src/MascotRig.tsx +191 -0
  51. package/src/ObjectDecorations.tsx +55 -0
  52. package/src/accessories.css +14 -0
  53. package/src/appearanceModel.ts +65 -0
  54. package/src/avatar.css +62 -0
  55. package/src/characters.ts +5 -0
  56. package/src/composer/ComposerMascot.tsx +445 -0
  57. package/src/composer/ComposerMascotShadow.tsx +5 -0
  58. package/src/composer/MascotIdleStage.tsx +23 -0
  59. package/src/composer/constants.ts +89 -0
  60. package/src/composer/mascotHandoff.ts +19 -0
  61. package/src/composer/styles/energy.css +99 -0
  62. package/src/composer/styles/expressions.css +20 -0
  63. package/src/composer/styles/feedback.css +188 -0
  64. package/src/composer/styles/focus.css +72 -0
  65. package/src/composer/styles/foundation.css +301 -0
  66. package/src/composer/styles/idle.css +449 -0
  67. package/src/composer/styles/overdrive.css +264 -0
  68. package/src/composer/styles/props.css +21 -0
  69. package/src/composer/types.ts +32 -0
  70. package/src/composer/useComposerAvatarBehavior.ts +98 -0
  71. package/src/composer/useComposerMotion.ts +15 -0
  72. package/src/composer/useComposerProfile.ts +50 -0
  73. package/src/composer/useMascotActiveIdle.ts +170 -0
  74. package/src/decorationCatalog.ts +45 -0
  75. package/src/decorationMotion.ts +68 -0
  76. package/src/environment.ts +46 -0
  77. package/src/index.ts +5 -0
  78. package/src/palette.ts +52 -0
  79. package/src/react.ts +11 -0
  80. package/src/rig.css +265 -0
  81. package/src/styles.css +13 -0
  82. package/src/useEventReplay.ts +13 -0
  83. package/src/useGesture.ts +51 -0
package/dist/composer/styles/focus.css CHANGED
@@ -1,72 +1,72 @@
1
- @keyframes composer-mascot-launch {
2
- 0% {
3
- transform: translateY(0) scale(1, 1);
4
- }
5
- 14% {
6
- transform: translateY(3px) scale(1.14, 0.8);
7
- }
8
- 38% {
9
- transform: translateY(-20px) scale(0.9, 1.14);
10
- }
11
- 58% {
12
- transform: translateY(0) scale(1.1, 0.88);
13
- }
14
- 74% {
15
- transform: translateY(-6px) scale(0.98, 1.04);
16
- }
17
- 88% {
18
- transform: translateY(0) scale(1.02, 0.98);
19
- }
20
- 100% {
21
- transform: translateY(0) scale(1, 1);
22
- }
23
- }
24
-
25
- .composer-mascot-launch {
26
- animation: composer-mascot-launch 820ms cubic-bezier(0.3, 0.9, 0.4, 1);
27
- transform-origin: bottom center;
28
- }
29
-
30
- @keyframes composer-mascot-jelly {
31
- 0% {
32
- transform: scale(1, 1);
33
- }
34
- 25% {
35
- transform: scale(1.16, 0.84);
36
- }
37
- 45% {
38
- transform: scale(0.9, 1.1);
39
- }
40
- 62% {
41
- transform: scale(1.06, 0.94);
42
- }
43
- 78% {
44
- transform: scale(0.98, 1.02);
45
- }
46
- 100% {
47
- transform: scale(1, 1);
48
- }
49
- }
50
-
51
- .composer-mascot-jelly {
52
- transform-origin: bottom center;
53
- }
54
-
55
- .composer-mascot-jelly:hover {
56
- animation: composer-mascot-jelly 600ms ease-out;
57
- }
58
-
59
- @keyframes composer-mascot-bubble-in {
60
- 0% {
61
- opacity: 0;
62
- transform: translateY(6px) scale(0.94);
63
- }
64
- 100% {
65
- opacity: 1;
66
- transform: translateY(0) scale(1);
67
- }
68
- }
69
-
70
- .composer-mascot-bubble {
71
- animation: composer-mascot-bubble-in 260ms cubic-bezier(0.34, 1.56, 0.64, 1);
72
- }
1
+ @keyframes composer-mascot-launch {
2
+ 0% {
3
+ transform: translateY(0) scale(1, 1);
4
+ }
5
+ 14% {
6
+ transform: translateY(3px) scale(1.14, 0.8);
7
+ }
8
+ 38% {
9
+ transform: translateY(-20px) scale(0.9, 1.14);
10
+ }
11
+ 58% {
12
+ transform: translateY(0) scale(1.1, 0.88);
13
+ }
14
+ 74% {
15
+ transform: translateY(-6px) scale(0.98, 1.04);
16
+ }
17
+ 88% {
18
+ transform: translateY(0) scale(1.02, 0.98);
19
+ }
20
+ 100% {
21
+ transform: translateY(0) scale(1, 1);
22
+ }
23
+ }
24
+
25
+ .composer-mascot-launch {
26
+ animation: composer-mascot-launch 820ms cubic-bezier(0.3, 0.9, 0.4, 1);
27
+ transform-origin: bottom center;
28
+ }
29
+
30
+ @keyframes composer-mascot-jelly {
31
+ 0% {
32
+ transform: scale(1, 1);
33
+ }
34
+ 25% {
35
+ transform: scale(1.16, 0.84);
36
+ }
37
+ 45% {
38
+ transform: scale(0.9, 1.1);
39
+ }
40
+ 62% {
41
+ transform: scale(1.06, 0.94);
42
+ }
43
+ 78% {
44
+ transform: scale(0.98, 1.02);
45
+ }
46
+ 100% {
47
+ transform: scale(1, 1);
48
+ }
49
+ }
50
+
51
+ .composer-mascot-jelly {
52
+ transform-origin: bottom center;
53
+ }
54
+
55
+ .composer-mascot-jelly:hover {
56
+ animation: composer-mascot-jelly 600ms ease-out;
57
+ }
58
+
59
+ @keyframes composer-mascot-bubble-in {
60
+ 0% {
61
+ opacity: 0;
62
+ transform: translateY(6px) scale(0.94);
63
+ }
64
+ 100% {
65
+ opacity: 1;
66
+ transform: translateY(0) scale(1);
67
+ }
68
+ }
69
+
70
+ .composer-mascot-bubble {
71
+ animation: composer-mascot-bubble-in 260ms cubic-bezier(0.34, 1.56, 0.64, 1);
72
+ }