@noxlovette/material 0.5.0 → 0.5.1

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 (34) hide show
  1. package/dist/animation/Shapes.stories.svelte +56 -0
  2. package/dist/animation/Shapes.stories.svelte.d.ts +3 -0
  3. package/dist/animation/TransitionPatterns.stories.svelte +2 -0
  4. package/dist/animation/containerTransform.d.ts +9 -0
  5. package/dist/animation/containerTransform.js +9 -0
  6. package/dist/animation/enterExit.d.ts +9 -0
  7. package/dist/animation/enterExit.js +2 -2
  8. package/dist/animation/index.d.ts +1 -0
  9. package/dist/animation/index.js +1 -0
  10. package/dist/animation/shapeMorph.svelte.d.ts +52 -0
  11. package/dist/animation/shapeMorph.svelte.js +112 -0
  12. package/dist/animation/shapesAnimatableSmall.d.ts +28 -22
  13. package/dist/animation/shapesAnimatableSmall.js +32 -23
  14. package/dist/animation/sharedAxisTransition.d.ts +22 -0
  15. package/dist/animation/sharedAxisTransition.js +25 -1
  16. package/dist/animation/skeleton.d.ts +5 -0
  17. package/dist/animation/skeleton.js +5 -0
  18. package/dist/components/date/DateField.svelte +38 -24
  19. package/dist/components/date/DateField.svelte.d.ts +2 -0
  20. package/dist/components/date/DateRangeField.svelte +42 -28
  21. package/dist/components/date/DateRangeField.svelte.d.ts +2 -0
  22. package/dist/components/date/calendarMotion.d.ts +9 -0
  23. package/dist/components/date/calendarMotion.js +23 -0
  24. package/dist/components/date/theme.js +5 -1
  25. package/dist/components/forms/textfield/theme.d.ts +3 -0
  26. package/dist/components/forms/textfield/theme.js +4 -1
  27. package/dist/components/nav/tabs/TabHolder.svelte +29 -3
  28. package/dist/components/nav/tabs/TabHolder.svelte.d.ts +3 -1
  29. package/dist/components/time/TimeField.svelte +13 -7
  30. package/dist/components/time/TimeField.svelte.d.ts +6 -0
  31. package/dist/components/time/TimepickerInput.svelte +8 -4
  32. package/dist/components/time/types.d.ts +11 -1
  33. package/dist/utils/icon/loadingShapes.js +11 -10
  34. package/package.json +1 -1
@@ -1,33 +1,42 @@
1
- // 29 shapes (subset)
1
+ // 35 shapes
2
2
  // 0,0,48,48 viewport, 38x38 shapes
3
3
  // 120 points
4
- export const pathAnimatableSmallCircle = 'm40.0 24.3 -0.0 0.5 -0.2 1.5 -0.0 0.4 -0.2 1.0 -0.3 0.8 -0.2 0.9 -0.4 0.9 -0.2 0.5 -0.3 0.7 -0.5 0.7 -0.7 1.2 -0.2 0.2 -0.5 0.6 -0.6 0.7 -0.7 0.7 -0.5 0.5 -0.5 0.4 -0.8 0.6 -0.8 0.5 -0.8 0.5 -0.3 0.2 -1.0 0.4 -0.7 0.3 -0.8 0.2 -1.1 0.4 -0.5 0.1 -0.9 0.1 -0.7 0.1 -0.8 0.1 -1.3 -0.0 -0.4 -0.0 -0.9 -0.1 -0.7 -0.1 -1.2 -0.2 -0.7 -0.2 -0.8 -0.3 -0.8 -0.3 -0.6 -0.2 -0.8 -0.4 -0.6 -0.3 -0.8 -0.5 -0.7 -0.6 -0.7 -0.5 -0.5 -0.4 -0.8 -0.8 -0.6 -0.6 -0.5 -0.6 -0.4 -0.5 -0.7 -1.2 -0.3 -0.5 -0.5 -1.0 -0.1 -0.2 -0.6 -1.5 -0.0 -0.1 -0.3 -0.9 -0.2 -0.7 -0.2 -1.3 -0.0 -0.4 -0.1 -0.8 0.0 -0.8 0.0 -1.0 0.2 -1.3 0.0 -0.2 0.1 -0.8 0.2 -0.9 0.3 -0.8 0.3 -1.0 0.5 -0.9 0.5 -0.9 0.1 -0.2 0.7 -1.2 0.2 -0.2 0.5 -0.7 0.5 -0.6 0.6 -0.6 0.6 -0.6 0.8 -0.6 0.5 -0.5 0.7 -0.4 0.9 -0.6 0.9 -0.4 0.5 -0.2 0.7 -0.4 0.8 -0.2 1.0 -0.3 0.6 -0.2 0.8 -0.1 1.2 -0.1 0.6 -0.1 1.2 0.0 0.4 0.0 0.8 0.1 1.3 0.2 0.4 0.1 1.0 0.2 0.7 0.2 0.6 0.3 1.0 0.4 1.3 0.6 0.0 0.1 0.8 0.4 0.9 0.6 0.6 0.6 0.5 0.4 0.8 0.8 0.3 0.3 0.6 0.7 0.4 0.6 0.5 0.7 0.6 0.9 0.4 0.8 0.2 0.5 0.4 0.9 0.4 1.4 0.1 0.1 0.2 0.8 0.1 1.0 0.1 0.7 0.1 1.3 z';
5
- export const pathAnimatableSmallSquare = 'm40.0 24.8 -0.0 0.9 -0.0 0.8 -0.0 0.9 -0.0 0.8 -0.0 1.0 -0.1 0.9 -0.0 1.0 -0.2 0.9 -0.2 1.0 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.8 -0.0 -0.0 -0.8 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -1.0 0.2 -1.0 0.2 -0.9 0.0 -0.9 0.1 -1.0 -0.0 -0.8 -0.0 -0.9 -0.0 -0.8 -0.0 -0.9 0.0 -1.6 0.0 -0.9 -0.0 -0.8 -0.0 -0.9 -0.0 -0.8 -0.0 -1.0 -0.0 -0.9 -0.1 -1.0 -0.0 -0.9 -0.2 -1.0 -0.2 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.8 -0.6 -0.8 -0.6 0.0 -0.0 -0.6 -0.8 -0.6 -0.8 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.2 -1.0 -0.2 -1.0 -0.0 -0.9 -0.1 -0.9 0.0 -1.0 0.0 -0.8 0.0 -0.9 0.0 -0.8 -0.0 -0.9 -0.0 -1.6 0.0 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.0 0.1 -0.9 0.0 -1.0 0.2 -0.9 0.2 -1.0 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.8 0.0 0.0 0.8 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 1.0 -0.2 1.0 -0.2 0.9 -0.0 0.9 -0.1 1.0 0.0 0.8 0.0 0.9 0.0 0.8 0.0 0.9 -0.0 1.6 -0.0 0.9 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.0 0.0 0.9 0.1 1.0 0.0 0.9 0.2 1.0 0.2 0.9 0.3 0.8 0.4 0.8 0.5 0.8 0.6 0.8 0.6 -0.0 0.0 0.6 0.8 0.6 0.8 0.5 0.8 0.4 0.8 0.3 0.9 0.2 1.0 0.2 1.0 0.0 0.9 0.1 0.9 -0.0 1.0 -0.0 0.8 -0.0 0.9 -0.0 0.8 0.0 0.9 z';
6
- export const pathAnimatableSmallSlanted = 'm39.1 24.1 -0.0 0.8 -0.2 1.2 -0.0 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 1.2 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.2 1.0 -0.4 0.9 -0.6 0.8 -0.6 0.6 -0.1 0.1 -0.7 0.6 -0.9 0.4 -0.9 0.3 -1.0 0.1 -1.0 0.1 -1.0 -0.0 -0.9 -0.0 -1.0 0.0 -0.8 0.0 -0.8 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.2 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -0.8 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.2 -0.0 -1.1 -0.0 -1.0 -0.0 -1.1 -0.1 -1.1 -0.2 -0.9 -0.4 -0.9 -0.6 -0.8 -0.7 0.0 0.0 -0.6 -0.8 -0.5 -0.9 -0.3 -1.0 -0.1 -1.1 0.0 -1.1 0.1 -1.0 0.1 -1.1 0.1 -0.9 0.1 -1.2 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.0 -0.8 0.2 -1.2 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -1.2 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.2 -1.0 0.4 -0.9 0.6 -0.8 0.6 -0.6 0.1 -0.1 0.7 -0.6 0.9 -0.4 0.9 -0.3 1.0 -0.1 1.0 -0.1 1.0 0.0 0.9 0.0 1.0 0.0 0.8 0.0 0.8 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.2 0.0 0.8 0.0 0.9 0.0 0.8 0.0 0.8 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.2 0.0 1.1 0.0 1.0 0.0 1.1 0.1 1.1 0.2 0.9 0.4 0.9 0.6 0.8 0.7 -0.0 -0.0 0.6 0.8 0.5 0.9 0.3 1.0 0.1 1.1 -0.0 1.1 -0.1 1.0 -0.1 1.1 -0.1 1.0 -0.1 1.2 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 z';
4
+ // Burst, Boom, Soft boom, Pixel circle and Pixel triangle were resampled from their 720-point
5
+ // versions in shapesAnimatable.ts (within 0.35 units of the source); Soft burst is the M3 loading
6
+ // indicator's.
7
7
  export const pathAnimatableSmallArch = 'm39.5 24.7 0.0 0.7 0.0 1.0 0.0 0.7 0.0 1.0 0.0 0.7 0.0 1.1 0.0 0.7 0.0 1.0 0.0 1.0 0.0 1.4 -0.0 1.2 -0.2 1.2 -0.5 1.0 -0.6 0.8 -0.0 -0.0 -0.8 0.6 -1.0 0.5 -1.2 0.2 -1.5 0.0 -1.4 0.0 -0.7 0.0 -1.4 0.0 -0.7 0.0 -0.7 0.0 -0.7 0.0 -1.3 0.0 -0.7 0.0 -0.7 0.0 -0.7 0.0 -1.4 0.0 -0.7 0.0 -0.7 0.0 -0.7 0.0 -1.3 0.0 -0.7 0.0 -0.7 0.0 -0.7 0.0 -1.4 0.0 -0.7 0.0 -1.4 0.0 -1.5 -0.0 -1.2 -0.2 -1.0 -0.5 -0.8 -0.6 0.0 -0.0 -0.6 -0.8 -0.5 -1.0 -0.2 -1.2 -0.0 -1.2 -0.0 -1.4 -0.0 -1.0 -0.0 -1.0 -0.0 -0.7 -0.0 -1.1 -0.0 -0.7 -0.0 -1.0 -0.0 -0.7 -0.0 -1.0 -0.0 -0.7 -0.0 -0.7 0.1 -1.2 -0.0 -0.5 0.1 -0.7 0.1 -0.8 0.4 -1.3 0.1 -0.3 0.2 -0.8 0.6 -1.2 0.1 -0.2 0.4 -0.8 0.4 -0.7 0.6 -0.8 0.4 -0.5 0.8 -0.9 0.3 -0.3 0.5 -0.5 0.7 -0.6 0.6 -0.4 0.7 -0.5 0.7 -0.4 0.7 -0.4 0.7 -0.4 1.2 -0.4 0.5 -0.2 0.8 -0.2 0.8 -0.2 1.1 -0.2 0.7 -0.1 0.4 0.0 0.8 0.0 1.0 0.0 0.6 0.1 0.9 0.1 0.8 0.1 0.9 0.3 0.6 0.2 1.2 0.4 0.6 0.3 0.5 0.2 0.7 0.4 0.9 0.6 0.5 0.3 0.9 0.7 0.5 0.5 0.4 0.4 0.7 0.8 0.4 0.4 0.7 1.0 0.5 0.7 0.3 0.6 0.5 0.9 0.1 0.3 0.3 0.8 0.4 1.3 0.1 0.3 0.2 1.0 0.1 0.6 0.2 1.3 -0.0 0.5 z';
8
- export const pathAnimatableSmallFan = 'm37.4 24.7 0.3 0.7 0.2 0.8 0.3 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.2 1.0 0.1 1.0 0.0 1.1 0.0 1.0 -0.0 1.1 -0.3 1.1 -0.4 0.9 -0.6 0.8 -0.1 0.1 -0.8 0.6 -0.9 0.4 -1.1 0.3 -1.5 0.0 -1.2 0.0 -0.7 0.0 -1.2 0.0 -0.6 0.0 -1.3 0.0 -0.6 0.0 -0.7 0.0 -1.2 0.0 -0.6 0.0 -0.7 0.0 -1.2 0.0 -0.7 0.0 -0.6 0.0 -0.6 0.0 -1.3 0.0 -0.6 0.0 -1.2 0.0 -0.7 0.0 -1.2 0.0 -1.0 -0.0 -1.1 -0.0 -1.2 -0.1 -1.0 -0.2 -0.9 -0.4 -0.8 -0.6 -0.1 -0.0 -0.6 -0.9 -0.4 -0.9 -0.2 -1.1 -0.1 -1.1 0.0 -1.1 -0.0 -1.0 -0.0 -1.2 -0.0 -1.2 -0.0 -0.6 -0.0 -0.7 -0.0 -1.2 -0.0 -0.6 -0.0 -0.6 -0.0 -1.3 -0.0 -0.6 -0.0 -0.6 -0.0 -1.2 -0.0 -0.7 -0.0 -0.6 -0.0 -1.2 -0.0 -0.6 -0.0 -1.3 -0.0 -0.6 -0.0 -1.2 -0.0 -1.2 0.0 -1.2 0.3 -1.1 0.4 -0.9 0.6 -0.9 0.1 0.0 0.8 -0.6 0.9 -0.4 1.1 -0.3 1.1 0.0 1.1 0.0 1.0 0.1 1.0 0.0 1.0 0.2 0.9 0.1 0.9 0.2 0.8 0.2 0.8 0.3 0.8 0.2 0.7 0.3 0.7 0.2 0.7 0.3 0.6 0.3 0.7 0.4 0.6 0.3 0.5 0.3 0.6 0.3 0.5 0.4 0.5 0.3 0.5 0.4 0.5 0.4 0.5 0.3 0.4 0.4 0.5 0.4 0.4 0.4 0.8 0.8 0.4 0.4 0.4 0.5 0.3 0.4 0.4 0.5 0.4 0.5 0.4 0.5 0.3 0.5 0.4 0.5 0.3 0.6 0.3 0.5 0.4 0.7 0.3 0.5 0.3 0.7 0.3 0.7 z';
9
8
  export const pathAnimatableSmallArrow = 'm36.9 24.5 0.6 0.9 0.4 0.8 0.5 0.8 0.4 0.9 0.5 1.0 0.3 1.1 0.3 1.1 0.1 1.0 -0.1 1.0 -0.3 1.0 -0.4 0.9 -0.5 0.9 -0.3 0.3 -0.4 0.5 -0.8 0.6 -0.8 0.5 -1.0 0.4 -1.0 0.2 -1.0 0.1 -1.1 -0.1 -1.0 -0.2 -1.1 -0.2 -1.0 -0.2 -0.8 -0.3 -0.9 -0.2 -0.7 -0.2 -0.8 -0.1 -0.7 -0.1 -0.7 -0.1 -1.2 -0.0 -0.7 0.1 -0.7 0.1 -0.8 0.1 -0.8 0.2 -0.8 0.2 -0.9 0.3 -0.9 0.2 -1.0 0.2 -1.1 0.2 -1.1 0.1 -1.1 -0.1 -1.0 -0.1 -1.0 -0.4 -0.9 -0.5 -0.7 -0.7 -0.0 -0.0 -0.6 -0.8 -0.5 -0.9 -0.4 -0.9 -0.3 -1.0 -0.1 -1.0 0.0 -1.0 0.2 -1.1 0.4 -1.0 0.4 -1.0 0.5 -1.0 0.5 -0.8 0.7 -1.1 0.4 -0.7 0.5 -0.7 0.4 -0.7 0.2 -0.3 0.5 -0.7 0.4 -0.7 0.2 -0.3 0.5 -0.7 0.2 -0.4 0.2 -0.3 0.4 -0.7 0.3 -0.4 0.4 -0.7 0.2 -0.3 0.5 -0.7 0.2 -0.3 0.2 -0.4 0.4 -0.7 0.5 -0.6 0.3 -0.6 0.4 -0.6 0.4 -0.5 0.4 -0.6 0.5 -0.6 0.6 -0.6 0.6 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.3 0.7 -0.2 0.7 -0.0 0.1 -0.0 0.8 0.1 0.7 0.2 0.7 0.3 0.7 0.3 0.7 0.5 0.5 0.5 0.6 0.5 0.5 0.6 0.4 0.5 0.4 0.6 0.4 0.6 0.4 0.5 0.3 0.6 0.3 0.5 0.5 0.7 0.2 0.3 0.4 0.6 0.2 0.4 0.4 0.6 0.4 0.6 0.2 0.4 0.4 0.6 0.2 0.3 0.4 0.7 0.4 0.6 0.2 0.3 0.4 0.7 0.4 0.6 0.4 0.7 z';
10
- export const pathAnimatableSmallSemicircle = 'm39.1 24.7 0.3 0.9 0.2 0.8 0.2 0.9 0.1 1.0 0.1 0.9 -0.0 0.9 -0.0 1.0 -0.3 0.9 -0.1 0.2 -0.4 0.6 -0.7 0.7 -1.0 0.4 -1.6 0.1 -0.9 0.0 -1.7 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.2 -0.1 -0.6 0.1 -0.9 0.0 -0.8 0.0 -0.2 -0.1 -0.7 0.1 -0.8 0.0 -0.1 -0.0 -0.8 0.0 -0.3 0.0 -0.5 0.0 -0.8 0.0 -0.3 0.0 -0.6 0.0 -0.8 0.0 -0.2 0.1 -0.7 -0.1 -0.8 0.0 -0.9 0.0 -0.1 0.2 -0.7 -0.2 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.7 0.0 -0.9 0.0 -1.6 -0.1 -1.0 -0.4 -0.7 -0.7 -0.4 -0.6 -0.1 -0.2 -0.3 -0.9 -0.0 -1.0 0.0 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.3 -0.8 0.4 -0.7 0.4 -0.7 0.4 -0.7 0.4 -0.6 0.5 -0.6 0.4 -0.5 0.5 -0.5 0.5 -0.5 0.5 -0.5 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.5 -0.3 0.6 -0.3 0.5 -0.3 0.5 -0.2 0.6 -0.2 0.5 -0.2 0.5 -0.2 0.5 -0.1 0.6 -0.2 0.5 -0.1 0.5 -0.1 0.5 -0.1 0.6 -0.0 0.5 -0.1 0.5 0.0 1.0 0.0 0.5 0.0 0.5 0.1 0.6 0.0 0.5 0.1 0.5 0.1 0.5 0.1 0.6 0.2 0.5 0.1 0.5 0.2 0.5 0.2 0.6 0.2 0.5 0.2 0.5 0.3 0.6 0.3 0.5 0.3 0.5 0.3 0.6 0.4 0.5 0.4 0.5 0.4 0.5 0.5 0.5 0.5 0.5 0.5 0.4 0.5 0.5 0.6 0.4 0.6 0.4 0.7 0.4 0.7 0.4 0.7 0.3 0.8 z';
11
- export const pathAnimatableSmallOval = 'm37.7 24.0 -0.3 0.7 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.6 -0.3 0.5 -0.4 0.6 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.4 -0.5 0.4 -0.8 0.8 -0.4 0.5 -0.4 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.6 0.4 -0.5 0.3 -0.6 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.7 0.3 -0.7 0.2 -0.7 0.3 -0.9 0.3 -0.8 0.2 -0.8 0.1 -0.9 0.1 -1.0 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.6 -0.7 -0.6 -0.0 0.0 -0.6 -0.7 -0.6 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 -0.1 -0.9 0.0 -0.9 0.1 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.2 -0.7 0.3 -0.7 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.6 0.3 -0.5 0.4 -0.6 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.4 0.5 -0.4 0.8 -0.8 0.4 -0.5 0.4 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.6 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.7 -0.3 0.7 -0.2 0.7 -0.3 0.9 -0.3 0.8 -0.2 0.8 -0.1 0.9 -0.1 1.0 -0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.6 0.7 0.6 -0.0 0.0 0.6 0.7 0.6 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 0.1 0.9 -0.0 0.9 -0.1 1.0 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.9 -0.3 0.7 z';
12
- export const pathAnimatableSmallPill = 'm39.6 24.0 -0.1 0.8 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.3 0.8 -0.4 0.7 -0.4 0.7 -0.5 0.6 -0.4 0.6 -0.6 0.6 -0.6 0.6 -0.4 0.4 -0.6 0.6 -0.4 0.5 -0.9 0.8 -0.5 0.5 -0.6 0.6 -0.4 0.4 -0.7 0.7 -0.5 0.5 -0.6 0.4 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.7 0.3 -0.8 0.3 -0.8 0.3 -0.8 0.2 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.9 0.0 -0.8 -0.0 -0.9 -0.1 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.3 -0.8 -0.4 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -0.7 -0.5 -0.6 -0.6 -0.1 -0.1 -0.5 -0.6 -0.6 -0.7 -0.5 -0.7 -0.5 -0.8 -0.4 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.1 -0.9 0.0 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.3 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.3 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.5 0.6 -0.6 0.6 -0.7 0.4 -0.4 0.6 -0.6 0.5 -0.4 0.8 -0.9 0.5 -0.5 0.6 -0.6 0.4 -0.4 0.7 -0.7 0.5 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.3 0.8 -0.3 0.8 -0.3 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.9 -0.0 0.8 0.0 0.9 0.1 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.4 0.8 0.3 0.8 0.4 0.7 0.5 0.7 0.5 0.7 0.5 0.6 0.7 0.1 -0.0 0.5 0.6 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.7 0.3 0.8 0.4 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.0 0.8 -0.0 0.8 -0.1 0.9 z';
13
- export const pathAnimatableSmallTriangle = 'm34.8 24.3 0.3 0.5 0.5 0.9 0.3 0.5 0.5 1.0 0.6 0.9 0.6 1.1 0.6 1.1 0.7 1.3 0.7 1.4 0.2 1.2 -0.2 1.1 -0.4 1.0 -0.4 0.6 -0.3 0.2 -0.8 0.6 -1.0 0.4 -1.2 0.1 -1.2 0.1 -1.0 -0.0 -1.1 -0.0 -1.1 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.0 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -1.1 -0.0 -1.1 -0.0 -1.0 -0.0 -1.2 -0.1 -1.2 -0.1 -1.0 -0.4 -0.8 -0.6 -0.3 -0.2 -0.4 -0.6 -0.4 -1.0 -0.2 -1.1 0.2 -1.2 0.7 -1.4 0.7 -1.3 0.6 -1.1 0.6 -1.1 0.6 -0.9 0.5 -1.0 0.3 -0.5 0.5 -0.9 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.2 -0.5 0.0 -0.0 0.3 -0.4 0.3 -0.5 0.3 -0.5 0.2 -0.5 0.3 -0.4 0.6 -1.0 0.3 -0.6 0.3 -0.6 0.4 -0.6 0.4 -0.7 0.5 -0.8 0.6 -0.6 0.6 -0.6 0.7 -0.3 0.7 -0.2 0.8 -0.1 0.0 0.0 0.8 0.1 0.7 0.2 0.7 0.3 0.6 0.6 0.6 0.6 0.5 0.8 0.4 0.7 0.4 0.6 0.3 0.6 0.4 0.6 0.5 1.0 0.3 0.4 0.2 0.5 0.3 0.5 0.3 0.5 -0.0 0.0 0.3 0.4 0.2 0.5 0.3 0.5 0.3 0.5 0.2 0.4 0.3 0.5 0.3 0.5 0.3 0.5 0.2 0.4 0.3 0.5 0.3 0.5 0.3 0.5 0.2 0.4 z';
14
- export const pathAnimatableSmallDiamond = 'm37.4 24.0 -0.1 0.7 -0.1 0.7 -0.3 0.7 -0.3 0.6 -0.5 0.6 -0.4 0.5 -0.6 0.8 -0.3 0.5 -0.4 0.4 -0.4 0.5 -0.3 0.5 -0.6 0.8 -0.4 0.4 -0.4 0.5 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.5 -0.4 0.5 -0.6 0.7 -0.5 0.7 -0.5 0.6 -0.5 0.7 -0.6 0.7 -0.6 0.7 -0.8 0.5 -0.7 0.4 -0.8 0.2 -0.9 0.1 -0.0 -0.0 -0.9 -0.1 -0.8 -0.2 -0.7 -0.4 -0.8 -0.5 -0.6 -0.7 -0.6 -0.7 -0.5 -0.7 -0.5 -0.6 -0.5 -0.7 -0.4 -0.5 -0.6 -0.7 -0.3 -0.5 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.3 -0.5 -0.4 -0.4 -0.6 -0.8 -0.3 -0.5 -0.4 -0.5 -0.4 -0.4 -0.3 -0.5 -0.6 -0.7 -0.4 -0.6 -0.5 -0.6 -0.3 -0.6 -0.3 -0.7 -0.1 -0.7 -0.1 -0.7 -0.0 -0.0 0.1 -0.7 0.1 -0.7 0.3 -0.7 0.3 -0.6 0.5 -0.6 0.4 -0.5 0.6 -0.8 0.3 -0.5 0.4 -0.5 0.4 -0.4 0.3 -0.5 0.6 -0.8 0.4 -0.4 0.4 -0.5 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.5 0.4 -0.5 0.6 -0.7 0.5 -0.7 0.5 -0.6 0.5 -0.7 0.6 -0.7 0.6 -0.7 0.8 -0.5 0.7 -0.4 0.8 -0.2 0.9 -0.1 0.0 0.0 0.9 0.1 0.8 0.2 0.7 0.4 0.8 0.5 0.6 0.7 0.6 0.7 0.5 0.7 0.5 0.6 0.5 0.7 0.4 0.5 0.6 0.7 0.3 0.5 0.4 0.5 0.4 0.5 0.4 0.5 0.3 0.5 0.4 0.4 0.6 0.8 0.3 0.5 0.4 0.4 0.4 0.5 0.3 0.5 0.6 0.7 0.4 0.6 0.5 0.6 0.3 0.6 0.3 0.7 0.1 0.7 0.1 0.7 z';
9
+ export const pathAnimatableSmallBoom = 'm33.5 24.1 6.8 1.6 0.2 0.2 -0.2 0.1 -1.4 0.1 -6.8 0.2 -1.0 0.1 0.0 0.2 2.0 1.6 5.3 4.1 -0.2 0.2 -0.9 -0.3 -5.7 -2.4 -2.0 -0.8 -0.1 0.2 0.3 0.8 3.0 5.4 1.0 2.1 -0.1 0.1 -0.6 -0.4 -4.0 -4.3 -1.9 -2.0 -0.2 0.0 0.0 0.6 0.4 5.7 0.2 3.2 -0.1 0.0 -0.4 -0.6 -1.6 -4.8 -1.3 -3.4 -0.2 -0.1 -0.2 0.3 -1.7 5.1 -1.3 3.5 -0.2 0.0 -0.1 -0.5 0.4 -4.7 0.3 -4.2 -0.1 -0.1 -0.3 0.1 -3.3 3.6 -3.0 3.0 -0.1 0.0 0.0 -0.3 2.1 -4.0 2.2 -4.1 -0.1 -0.2 -0.3 0.1 -4.0 1.7 -4.4 1.7 -0.1 0.0 0.1 -0.3 3.2 -2.5 4.0 -3.1 0.0 -0.2 -0.2 -0.1 -3.2 -0.1 -5.9 -0.2 -0.1 -0.1 0.1 -0.2 3.0 -0.7 5.8 -1.4 0.2 -0.2 -0.1 -0.2 -2.2 -1.1 -6.1 -2.9 0.0 -0.1 0.3 -0.1 1.8 0.3 7.0 1.3 0.3 -0.1 0.0 -0.2 -2.0 -2.3 -4.0 -4.7 0.0 -0.2 0.4 0.0 1.5 1.0 5.8 4.1 0.3 0.0 0.1 -0.1 -0.8 -2.8 -1.8 -6.1 0.1 -0.2 0.2 0.1 1.3 2.1 3.3 5.5 0.4 0.3 0.1 -0.1 0.5 -3.6 0.8 -5.7 0.1 0.0 0.2 0.1 0.4 2.9 0.8 6.2 0.1 0.2 0.2 -0.1 1.8 -2.9 3.1 -5.0 0.1 0.1 0.1 0.1 -0.2 1.0 -2.1 6.8 -0.3 1.2 0.2 0.1 1.5 -1.0 6.0 -4.1 0.3 -0.1 0.0 0.2 -0.7 1.0 -4.3 5.0 -0.9 1.1 0.1 0.2 1.9 -0.3 7.2 -1.4 0.2 0.1 -0.2 0.3 -1.2 0.6 -6.3 3.0 -0.7 0.4 0.0 0.2z';
10
+ export const pathAnimatableSmallBun = 'm34.6 24.5 1.2 0.7 0.9 0.8 0.7 0.9 0.6 0.8 0.5 1.0 0.3 1.0 0.2 1.0 0.1 1.0 -0.1 1.0 -0.2 0.9 -0.3 0.9 -0.4 0.9 -0.5 0.8 -0.6 0.8 -0.5 0.5 -0.2 0.2 -0.8 0.6 -0.8 0.4 -0.9 0.4 -0.9 0.3 -1.0 0.2 -1.2 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -0.5 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.5 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -1.2 -0.0 -1.0 -0.2 -0.9 -0.3 -0.9 -0.3 -0.8 -0.5 -0.8 -0.6 -0.3 -0.3 -0.5 -0.4 -0.6 -0.7 -0.5 -0.9 -0.4 -0.8 -0.3 -0.9 -0.2 -1.0 -0.0 -1.0 0.0 -1.0 0.2 -1.0 0.4 -1.0 0.4 -1.0 0.6 -0.9 0.8 -0.8 0.9 -0.8 1.1 -0.7 0.0 -1.0 -1.1 -0.7 -0.9 -0.8 -0.8 -0.9 -0.6 -0.8 -0.4 -1.0 -0.4 -1.0 -0.2 -1.0 -0.0 -1.0 0.1 -1.0 0.1 -0.9 0.3 -1.0 0.4 -0.8 0.6 -0.9 0.6 -0.7 0.4 -0.5 0.3 -0.2 0.8 -0.6 0.8 -0.5 0.9 -0.3 0.9 -0.3 1.0 -0.2 1.2 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 0.5 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.5 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 1.2 0.0 1.0 0.2 0.9 0.3 0.9 0.3 0.8 0.5 0.8 0.6 0.3 0.3 0.4 0.4 0.6 0.7 0.6 0.9 0.4 0.8 0.3 1.0 0.2 0.9 0.0 1.0 -0.0 1.0 -0.2 1.0 -0.3 1.0 -0.5 0.9 -0.6 1.0 -0.8 0.8 -0.9 0.8 -1.1 0.6 z';
11
+ export const pathAnimatableSmallBurst = 'm40.7 24.0 -1.0 0.7 -1.0 0.6 -1.1 0.5 -1.0 0.6 -1.0 0.7 0.5 1.0 0.6 1.1 0.6 1.0 0.7 1.0 0.5 1.1 -1.2 0.1 -1.2 0.0 -1.2 0.0 -1.2 -0.1 -1.2 0.1 -0.1 1.2 0.1 1.2 0.0 1.2 0.0 1.2 -0.1 1.2 -1.1 -0.5 -1.0 -0.6 -1.0 -0.7 -1.1 -0.6 -1.0 -0.5 -0.7 1.0 -0.6 1.0 -0.5 1.1 -0.6 1.0 -0.7 1.0 -0.7 -1.0 -0.6 -1.0 -0.5 -1.1 -0.6 -1.0 -0.7 -1.0 -1.0 0.5 -1.1 0.6 -1.0 0.6 -1.0 0.7 -1.1 0.5 -0.1 -1.2 0.0 -1.2 0.0 -1.2 0.1 -1.2 -0.1 -1.2 -1.2 -0.1 -1.2 0.1 -1.2 0.0 -1.2 0.0 -1.2 -0.1 0.5 -1.1 0.6 -1.0 0.7 -1.0 0.6 -1.1 0.5 -1.0 -1.0 -0.7 -1.0 -0.6 -1.1 -0.5 -1.0 -0.6 -1.0 -0.7 1.0 -0.7 1.0 -0.6 1.1 -0.6 1.0 -0.5 1.0 -0.7 -0.5 -1.0 -0.6 -1.1 -0.7 -1.0 -0.6 -1.0 -0.5 -1.1 1.2 -0.1 1.2 0.0 1.2 0.0 1.2 0.0 1.2 0.0 0.1 -1.2 -0.1 -1.2 0.0 -1.2 0.0 -1.2 0.1 -1.2 1.1 0.5 1.0 0.6 1.0 0.7 1.1 0.6 1.0 0.5 0.7 -1.0 0.6 -1.0 0.5 -1.1 0.6 -1.0 0.7 -1.0 0.7 1.0 0.6 1.0 0.6 1.1 0.5 1.0 0.7 1.0 1.0 -0.5 1.1 -0.6 1.0 -0.6 1.0 -0.7 1.1 -0.5 0.1 1.2 0.0 1.2 0.0 1.2 0.0 1.2 0.0 1.2 1.2 0.1 1.2 -0.1 1.2 0.0 1.2 0.0 1.2 0.1 -0.5 1.1 -0.6 1.0 -0.7 1.0 -0.6 1.1 -0.5 1.0 1.0 0.7 1.0 0.6 1.1 0.5 1.0 0.6z';
12
+ export const pathAnimatableSmallCircle = 'm40.0 24.3 -0.0 0.5 -0.2 1.5 -0.0 0.4 -0.2 1.0 -0.3 0.8 -0.2 0.9 -0.4 0.9 -0.2 0.5 -0.3 0.7 -0.5 0.7 -0.7 1.2 -0.2 0.2 -0.5 0.6 -0.6 0.7 -0.7 0.7 -0.5 0.5 -0.5 0.4 -0.8 0.6 -0.8 0.5 -0.8 0.5 -0.3 0.2 -1.0 0.4 -0.7 0.3 -0.8 0.2 -1.1 0.4 -0.5 0.1 -0.9 0.1 -0.7 0.1 -0.8 0.1 -1.3 -0.0 -0.4 -0.0 -0.9 -0.1 -0.7 -0.1 -1.2 -0.2 -0.7 -0.2 -0.8 -0.3 -0.8 -0.3 -0.6 -0.2 -0.8 -0.4 -0.6 -0.3 -0.8 -0.5 -0.7 -0.6 -0.7 -0.5 -0.5 -0.4 -0.8 -0.8 -0.6 -0.6 -0.5 -0.6 -0.4 -0.5 -0.7 -1.2 -0.3 -0.5 -0.5 -1.0 -0.1 -0.2 -0.6 -1.5 -0.0 -0.1 -0.3 -0.9 -0.2 -0.7 -0.2 -1.3 -0.0 -0.4 -0.1 -0.8 0.0 -0.8 0.0 -1.0 0.2 -1.3 0.0 -0.2 0.1 -0.8 0.2 -0.9 0.3 -0.8 0.3 -1.0 0.5 -0.9 0.5 -0.9 0.1 -0.2 0.7 -1.2 0.2 -0.2 0.5 -0.7 0.5 -0.6 0.6 -0.6 0.6 -0.6 0.8 -0.6 0.5 -0.5 0.7 -0.4 0.9 -0.6 0.9 -0.4 0.5 -0.2 0.7 -0.4 0.8 -0.2 1.0 -0.3 0.6 -0.2 0.8 -0.1 1.2 -0.1 0.6 -0.1 1.2 0.0 0.4 0.0 0.8 0.1 1.3 0.2 0.4 0.1 1.0 0.2 0.7 0.2 0.6 0.3 1.0 0.4 1.3 0.6 0.0 0.1 0.8 0.4 0.9 0.6 0.6 0.6 0.5 0.4 0.8 0.8 0.3 0.3 0.6 0.7 0.4 0.6 0.5 0.7 0.6 0.9 0.4 0.8 0.2 0.5 0.4 0.9 0.4 1.4 0.1 0.1 0.2 0.8 0.1 1.0 0.1 0.7 0.1 1.3 z';
15
13
  export const pathAnimatableSmallClamshell = 'm42.6 24.0 -0.1 1.0 -0.2 0.9 -0.5 0.9 -0.5 0.9 -0.4 0.9 -0.5 0.8 -0.5 0.8 -0.5 0.8 -0.4 0.7 -0.8 1.5 -0.5 0.8 -0.5 0.6 -0.2 0.4 -0.4 0.3 -0.8 0.6 -0.8 0.4 -0.8 0.2 -1.0 0.2 -1.0 -0.0 -0.9 -0.0 -1.1 0.0 -0.9 0.0 -0.5 0.0 -1.0 0.0 -0.4 0.0 -1.0 0.0 -0.5 0.0 -0.9 0.0 -0.5 0.0 -1.0 0.0 -0.5 0.0 -0.9 0.0 -0.5 0.0 -1.0 0.0 -0.4 0.0 -1.0 0.0 -0.5 0.0 -0.9 0.0 -1.1 -0.0 -0.9 -0.0 -1.0 -0.0 -0.9 -0.2 -0.9 -0.2 -0.8 -0.4 -0.7 -0.6 -0.7 -0.6 -0.0 -0.0 -0.5 -0.8 -0.5 -0.7 -0.8 -1.5 -0.4 -0.7 -0.5 -0.8 -0.5 -0.8 -0.5 -0.8 -0.4 -0.9 -0.5 -0.9 -0.5 -0.9 -0.2 -0.9 -0.1 -1.0 -0.0 -0.0 0.1 -1.0 0.2 -0.9 0.5 -0.9 0.5 -0.9 0.4 -0.9 0.5 -0.8 0.5 -0.8 0.5 -0.8 0.4 -0.7 0.8 -1.5 0.5 -0.7 0.5 -0.8 0.0 -0.0 0.6 -0.6 0.8 -0.6 0.8 -0.4 0.8 -0.2 1.0 -0.2 1.0 0.0 0.9 0.0 1.1 0.0 0.9 0.0 0.5 0.0 1.0 0.0 0.4 0.0 1.0 0.0 0.5 0.0 0.9 0.0 0.5 0.0 1.0 0.0 0.5 0.0 0.9 0.0 0.5 0.0 1.0 0.0 0.4 0.0 1.0 0.0 0.5 0.0 0.9 0.0 1.1 0.0 0.9 0.0 1.0 0.0 0.9 0.2 0.9 0.2 0.8 0.4 0.7 0.6 0.7 0.6 0.0 0.0 0.5 0.8 0.5 0.7 0.8 1.5 0.4 0.7 0.5 0.8 0.5 0.8 0.5 0.8 0.4 0.9 0.5 0.9 0.5 0.9 0.2 0.9 0.1 1.0 z';
16
- export const pathAnimatableSmallPentagon = 'm38.9 24.2 -0.2 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.3 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.4 1.0 -0.4 0.8 -0.4 0.8 -0.6 0.6 -0.7 0.5 0.0 0.1 -0.7 0.4 -0.8 0.3 -0.8 0.3 -0.9 0.1 -1.1 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -1.1 -0.0 -0.9 -0.1 -0.8 -0.3 -0.8 -0.3 -0.7 -0.5 -0.1 0.0 -0.6 -0.5 -0.6 -0.7 -0.4 -0.7 -0.4 -0.8 -0.4 -1.0 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -1.1 -0.2 -0.9 -0.0 -0.8 0.0 -0.9 0.2 -0.8 0.1 -0.1 0.3 -0.7 0.4 -0.8 0.6 -0.6 0.6 -0.6 0.9 -0.7 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.9 -0.7 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.8 -0.0 0.1 -0.0 0.9 0.0 0.8 0.2 0.8 0.3 0.8 0.4 0.9 0.7 0.6 0.5 0.7 0.4 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.4 0.6 0.5 0.9 0.7 0.6 0.6 0.6 0.7 0.4 0.7 0.3 0.7 0.0 0.1 0.2 0.8 0.1 0.9 -0.0 0.9 -0.2 0.8 -0.3 1.1 z';
17
- export const pathAnimatableSmallGem = 'm38.0 24.6 0.1 0.8 0.2 0.8 0.1 0.8 0.1 0.9 0.1 0.8 -0.0 0.9 -0.1 0.8 -0.3 0.8 -0.3 0.8 -0.3 0.5 -0.2 0.3 -0.5 0.6 -0.6 0.6 -0.7 0.5 -0.7 0.4 -0.8 0.4 -0.7 0.3 -0.8 0.4 -0.8 0.3 -0.6 0.3 -0.8 0.3 -1.1 0.5 -0.8 0.4 -0.7 0.3 -0.7 0.3 -0.7 0.3 -0.8 0.2 -0.8 0.2 -0.8 0.1 -0.0 -0.0 -0.8 -0.1 -0.8 -0.1 -0.7 -0.3 -0.8 -0.3 -0.7 -0.3 -0.7 -0.3 -0.8 -0.4 -1.1 -0.5 -0.8 -0.3 -0.6 -0.3 -0.8 -0.3 -0.7 -0.4 -0.8 -0.3 -0.8 -0.4 -0.7 -0.4 -0.7 -0.5 -0.6 -0.6 -0.6 -0.6 -0.1 -0.3 -0.3 -0.5 -0.3 -0.8 -0.3 -0.8 -0.1 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.9 0.1 -0.8 0.1 -0.8 0.2 -0.8 0.1 -0.7 0.1 -0.8 0.1 -0.6 0.2 -1.4 0.1 -0.6 0.1 -0.8 0.1 -0.7 0.2 -0.7 0.3 -0.7 0.1 -0.1 0.3 -0.6 0.5 -0.6 0.5 -0.6 0.6 -0.4 0.5 -0.5 0.7 -0.5 0.6 -0.3 0.5 -0.4 1.0 -0.8 0.6 -0.4 0.6 -0.4 0.6 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.4 0.7 -0.2 0.8 -0.2 0.8 -0.0 0.0 -0.0 0.8 0.0 0.8 0.2 0.7 0.2 0.7 0.4 0.7 0.4 0.6 0.4 0.7 0.5 0.6 0.4 0.6 0.5 0.6 0.4 0.6 0.4 1.0 0.8 0.5 0.4 0.6 0.3 0.7 0.5 0.5 0.5 0.6 0.4 0.5 0.6 0.4 0.6 0.4 0.6 0.1 0.1 0.3 0.7 0.2 0.7 0.1 0.7 0.1 0.8 0.1 0.6 0.2 1.4 0.1 0.6 0.1 0.8 z';
18
- export const pathAnimatableSmallVerySunny = 'm40.0 24.0 -0.1 0.8 -0.4 0.8 -0.8 0.7 -1.0 0.6 -0.9 0.6 -0.7 0.5 -0.6 1.1 -0.1 0.7 0.1 0.8 0.2 1.0 0.3 1.1 0.1 1.1 -0.3 0.8 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.8 0.3 -1.1 -0.1 -1.1 -0.3 -1.0 -0.2 -0.8 -0.1 -0.7 0.1 -1.1 0.6 -0.5 0.7 -0.6 0.9 -0.5 0.9 -0.8 0.9 -0.7 0.4 -0.9 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.4 -0.7 -0.8 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.1 -0.6 -0.7 -0.1 -0.8 0.1 -1.0 0.2 -1.1 0.3 -1.1 0.1 -0.8 -0.3 -0.7 -0.5 -0.0 -0.0 -0.5 -0.7 -0.3 -0.8 0.1 -1.1 0.3 -1.1 0.2 -1.0 0.1 -0.8 -0.1 -0.7 -0.6 -1.1 -0.7 -0.5 -0.9 -0.6 -1.0 -0.6 -0.8 -0.7 -0.4 -0.8 -0.1 -0.7 -0.0 -0.1 0.1 -0.8 0.4 -0.8 0.8 -0.7 1.0 -0.6 0.9 -0.6 0.7 -0.5 0.6 -1.1 0.1 -0.7 -0.1 -0.8 -0.2 -1.0 -0.3 -1.1 -0.1 -1.1 0.3 -0.8 0.4 -0.7 0.1 -0.0 0.7 -0.5 0.8 -0.3 1.1 0.1 1.1 0.3 1.0 0.2 0.8 0.1 0.7 -0.1 1.1 -0.6 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.7 -0.8 0.8 -0.4 0.7 -0.1 0.1 -0.0 0.8 0.1 0.8 0.4 0.7 0.8 0.6 1.0 0.6 0.9 0.5 0.7 1.1 0.6 0.7 0.1 0.8 -0.1 1.0 -0.2 1.1 -0.3 1.1 -0.1 0.8 0.3 0.7 0.5 0.0 0.0 0.5 0.7 0.3 0.8 -0.1 1.1 -0.3 1.1 -0.2 1.0 -0.1 0.8 0.1 0.7 0.6 1.1 0.7 0.5 0.9 0.6 0.9 0.5 0.9 0.8 0.4 0.7 0.1 0.9 z';
19
- export const pathAnimatableSmallSunny = 'm40.0 24.0 -0.1 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.6 -0.6 0.7 -0.5 0.6 -0.7 1.2 -0.1 0.7 -0.1 0.8 -0.0 0.9 -0.1 0.9 -0.1 0.9 -0.2 0.9 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.9 0.2 -0.9 0.1 -0.9 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -1.2 0.7 -0.6 0.5 -0.7 0.6 -0.6 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.5 -0.8 -0.6 -0.6 -0.6 -0.7 -0.6 -0.6 -0.5 -1.2 -0.7 -0.7 -0.1 -0.8 -0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.2 -0.7 -0.5 -0.0 0.0 -0.5 -0.7 -0.2 -0.9 -0.1 -0.9 -0.1 -0.9 -0.0 -0.8 -0.1 -0.8 -0.1 -0.8 -0.7 -1.2 -0.5 -0.6 -0.6 -0.7 -0.6 -0.6 -0.6 -0.8 -0.5 -0.8 -0.1 -0.8 -0.0 -0.0 0.1 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.7 -1.2 0.1 -0.7 0.1 -0.8 0.0 -0.9 0.1 -0.9 0.1 -0.9 0.2 -0.9 0.5 -0.7 -0.0 -0.0 0.7 -0.5 0.9 -0.2 0.9 -0.1 0.9 -0.1 0.8 -0.0 0.8 -0.1 0.8 -0.1 1.2 -0.7 0.6 -0.5 0.7 -0.6 0.6 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.1 0.0 -0.0 0.8 0.1 0.8 0.5 0.8 0.6 0.6 0.6 0.7 0.6 0.6 0.5 1.2 0.7 0.7 0.1 0.8 0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.2 0.7 0.5 0.0 -0.0 0.5 0.7 0.2 0.9 0.1 0.9 0.1 0.9 0.0 0.8 0.1 0.8 0.1 0.8 0.7 1.2 0.5 0.6 0.6 0.7 0.6 0.6 0.6 0.8 0.5 0.8 0.1 0.8 z';
20
- export const pathAnimatableSmallFourSidedCookie = 'm36.9 24.6 0.1 0.7 0.2 0.8 0.2 0.7 0.4 0.9 0.4 0.9 0.2 0.9 0.1 1.0 0.1 0.9 -0.1 0.9 -0.3 0.9 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.9 0.3 -0.9 0.1 -0.9 -0.1 -1.0 -0.1 -0.9 -0.2 -0.9 -0.4 -0.9 -0.4 -0.7 -0.2 -0.8 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.8 0.2 -0.7 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -1.0 0.1 -0.9 0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.6 -0.6 -0.1 -0.1 -0.6 -0.6 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -0.7 0.2 -0.8 0.1 -0.7 -0.0 -1.2 -0.1 -0.7 -0.2 -0.8 -0.2 -0.7 -0.4 -0.9 -0.4 -0.9 -0.2 -0.9 -0.1 -1.0 -0.1 -0.9 0.1 -0.9 0.3 -0.9 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.6 0.1 -0.1 0.6 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.3 0.9 -0.1 0.9 0.1 1.0 0.1 0.9 0.2 0.9 0.4 0.9 0.4 0.7 0.2 0.8 0.2 0.7 0.1 1.2 -0.0 0.7 -0.1 0.8 -0.2 0.7 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 1.0 -0.1 0.9 -0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.5 0.6 0.6 0.1 0.1 0.6 0.6 0.5 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 0.7 -0.2 0.8 -0.1 0.7 z';
21
- export const pathAnimatableSmallSixSidedCookie = 'm38.3 24.7 0.2 0.8 0.1 0.8 0.2 0.8 -0.0 0.8 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.7 -0.4 0.8 -0.0 0.0 -0.5 0.7 -0.5 0.7 -0.6 0.5 -0.6 0.6 -0.7 0.4 -0.7 0.4 -0.8 0.3 -0.8 0.2 -0.7 0.3 -1.3 0.7 -0.6 0.5 -0.6 0.6 -0.6 0.5 -0.7 0.4 -0.8 0.4 -0.7 0.3 -0.8 0.2 -0.9 0.2 -0.8 -0.0 -0.0 -0.0 -0.8 -0.0 -0.9 -0.2 -0.8 -0.2 -0.8 -0.3 -0.7 -0.4 -0.7 -0.4 -0.6 -0.5 -0.6 -0.6 -0.6 -0.5 -1.3 -0.7 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.4 -0.7 -0.4 -0.6 -0.5 -0.6 -0.6 -0.6 -0.7 -0.4 -0.7 -0.0 -0.0 -0.4 -0.8 -0.3 -0.7 -0.2 -0.8 -0.1 -0.8 -0.1 -0.9 0.0 -0.8 0.2 -0.8 0.1 -0.8 0.2 -0.8 -0.0 -1.4 -0.2 -0.8 -0.1 -0.8 -0.2 -0.8 0.0 -0.8 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.0 -0.1 0.4 -0.6 0.6 -0.7 0.6 -0.5 0.6 -0.6 0.7 -0.4 0.7 -0.4 0.8 -0.3 0.8 -0.3 0.7 -0.2 1.3 -0.8 0.6 -0.4 0.6 -0.6 0.6 -0.5 0.7 -0.4 0.8 -0.4 0.7 -0.3 0.8 -0.2 0.9 -0.2 0.8 0.0 0.0 0.0 0.8 0.0 0.9 0.2 0.8 0.2 0.8 0.3 0.7 0.4 0.7 0.4 0.6 0.5 0.6 0.6 0.6 0.5 1.3 0.7 0.7 0.3 0.8 0.2 0.8 0.3 0.7 0.4 0.7 0.4 0.6 0.5 0.6 0.6 0.6 0.7 0.4 0.7 0.0 0.0 0.4 0.8 0.3 0.7 0.2 0.8 0.1 0.8 0.1 0.9 -0.0 0.8 -0.2 0.8 -0.1 0.8 -0.2 0.8 z';
22
- export const pathAnimatableSmallSevenSidedCookie = 'm39.7 24.8 0.2 0.9 0.1 0.8 -0.0 0.9 -0.2 0.8 -0.0 0.2 -0.3 0.7 -0.3 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.5 -1.1 1.2 -0.4 0.7 -0.3 0.8 -0.4 0.8 -0.5 0.8 -0.5 0.7 -0.7 0.6 -0.7 0.5 -0.7 0.3 -0.1 0.1 -0.8 0.3 -0.9 0.2 -0.9 0.0 -0.9 -0.0 -0.8 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.0 -0.8 0.1 -0.9 0.3 -0.8 0.2 -0.9 0.0 -0.9 -0.1 -0.8 -0.1 -0.9 -0.3 -0.1 -0.1 -0.7 -0.3 -0.7 -0.6 -0.7 -0.5 -0.5 -0.7 -0.5 -0.8 -0.4 -0.8 -0.3 -0.8 -0.4 -0.7 -1.0 -1.1 -0.7 -0.6 -0.7 -0.5 -0.6 -0.6 -0.6 -0.6 -0.5 -0.8 -0.3 -0.7 -0.3 -0.6 -0.0 -0.3 -0.2 -0.8 -0.0 -0.9 0.1 -0.8 0.2 -0.9 0.2 -0.8 0.5 -0.8 0.3 -0.8 0.3 -0.7 0.3 -1.4 -0.0 -0.9 -0.0 -0.8 -0.0 -0.8 0.1 -0.9 0.3 -0.8 0.3 -0.8 0.4 -0.6 0.1 -0.2 0.5 -0.5 0.6 -0.6 0.7 -0.5 0.8 -0.4 0.7 -0.3 0.9 -0.2 0.8 -0.2 0.8 -0.2 1.3 -0.6 0.6 -0.4 0.7 -0.6 0.6 -0.5 0.7 -0.5 0.7 -0.3 0.8 -0.3 0.9 -0.1 0.8 -0.1 0.0 -0.0 0.9 0.1 0.7 0.1 0.9 0.3 0.7 0.3 0.7 0.5 0.7 0.5 0.6 0.6 0.6 0.4 1.3 0.6 0.8 0.2 0.8 0.2 0.8 0.2 0.8 0.3 0.8 0.4 0.7 0.5 0.6 0.5 0.5 0.7 0.0 0.0 0.5 0.8 0.3 0.7 0.3 0.8 0.1 0.9 0.0 0.8 0.0 0.8 0.0 0.9 0.3 1.4 0.3 0.7 0.3 0.8 0.5 0.8 z';
23
- export const pathAnimatableSmallNineSidedCookie = 'm39.9 24.0 -0.3 0.8 -0.4 0.8 -0.3 0.8 -0.2 1.5 0.1 0.9 0.1 0.9 -0.1 0.9 -0.2 0.8 -0.3 0.8 -0.2 0.4 -0.3 0.4 -0.5 0.7 -0.7 0.5 -0.8 0.4 -0.8 0.4 -0.8 0.4 -1.2 1.0 -0.5 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.8 0.4 -0.4 0.2 -0.5 0.1 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.1 -0.8 0.2 -0.9 0.3 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.5 -0.1 -0.4 -0.2 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.5 -0.8 -0.5 -0.7 -1.2 -1.0 -0.7 -0.4 -0.9 -0.4 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.3 -0.4 -0.2 -0.4 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.9 0.1 -0.9 -0.2 -1.5 -0.3 -0.8 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.7 -0.0 -0.2 0.2 -0.8 0.4 -0.8 0.5 -0.7 0.6 -0.6 0.7 -0.7 0.5 -0.6 0.6 -1.3 0.3 -0.9 0.2 -0.8 0.3 -0.8 0.5 -0.7 0.5 -0.6 0.2 -0.2 0.5 -0.4 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.9 -0.0 0.8 -0.1 1.4 -0.5 0.7 -0.4 0.7 -0.5 0.7 -0.5 0.8 -0.3 0.8 -0.2 0.9 -0.1 0.0 -0.0 0.8 0.1 0.9 0.2 0.8 0.3 0.7 0.5 0.7 0.5 0.7 0.4 1.4 0.5 0.8 0.1 0.9 0.0 0.9 0.2 0.8 0.3 0.7 0.4 0.5 0.4 0.2 0.1 0.5 0.7 0.5 0.7 0.3 0.8 0.2 0.8 0.3 0.9 0.6 1.3 0.5 0.6 0.7 0.7 0.6 0.6 0.5 0.7 0.4 0.8 0.2 0.8 0.0 0.2 0.1 0.7 -0.1 0.9 z';
24
- export const pathAnimatableSmallTwelveSidedCookie = 'm40.0 24.0 -0.1 0.8 -0.3 0.9 -0.6 0.7 -0.5 0.7 -0.4 1.4 0.1 0.9 0.1 0.9 -0.1 0.9 -0.3 0.8 -0.1 0.0 -0.5 0.7 -0.6 0.5 -0.9 0.3 -0.8 0.4 -1.1 1.1 -0.3 0.8 -0.4 0.8 -0.5 0.7 -0.7 0.6 -0.0 -0.0 -0.8 0.3 -0.9 0.1 -0.9 -0.1 -0.8 -0.1 -1.5 0.4 -0.7 0.5 -0.8 0.6 -0.7 0.3 -0.9 0.1 -0.0 0.0 -0.9 -0.1 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -1.4 -0.4 -0.9 0.1 -0.9 0.1 -0.9 -0.1 -0.8 -0.3 -0.0 -0.1 -0.7 -0.5 -0.5 -0.7 -0.4 -0.8 -0.3 -0.8 -1.1 -1.1 -0.8 -0.4 -0.8 -0.3 -0.7 -0.5 -0.5 -0.7 -0.1 -0.0 -0.3 -0.8 -0.1 -0.9 0.2 -0.9 0.1 -0.9 -0.4 -1.4 -0.6 -0.7 -0.5 -0.7 -0.4 -0.9 -0.1 -0.7 0.0 -0.1 0.1 -0.8 0.4 -0.9 0.5 -0.7 0.6 -0.7 0.4 -1.4 -0.1 -0.9 -0.2 -0.9 0.1 -0.9 0.3 -0.8 0.0 -0.0 0.6 -0.7 0.7 -0.5 0.8 -0.3 0.8 -0.4 1.1 -1.1 0.4 -0.8 0.3 -0.8 0.5 -0.7 0.7 -0.5 0.0 -0.1 0.8 -0.3 0.9 -0.1 0.9 0.1 0.9 0.1 1.4 -0.3 0.7 -0.6 0.7 -0.5 0.9 -0.4 0.7 -0.1 0.1 0.0 0.8 0.1 0.9 0.4 0.7 0.5 0.7 0.6 1.4 0.3 0.9 -0.1 0.9 -0.1 0.9 0.1 0.8 0.3 0.0 0.0 0.7 0.6 0.5 0.7 0.4 0.8 0.3 0.8 1.1 1.1 0.8 0.4 0.8 0.3 0.8 0.5 0.4 0.7 0.1 -0.0 0.3 0.8 0.1 0.9 -0.1 0.9 -0.1 0.9 0.4 1.4 0.5 0.7 0.6 0.7 0.3 0.9 0.1 0.7 z';
25
- export const pathAnimatableSmallGhostish = 'm39.0 24.6 0.0 0.7 0.0 1.0 0.0 0.7 0.0 1.0 0.0 0.6 0.0 1.0 0.0 1.0 0.0 1.0 0.0 1.0 -0.0 1.1 -0.2 1.0 -0.3 1.0 -0.6 0.8 -0.5 0.7 -0.1 0.1 -0.8 0.6 -0.9 0.5 -0.9 0.4 -1.0 0.2 -1.1 -0.0 -1.1 -0.2 -1.1 -0.4 -1.1 -0.5 -1.0 -0.5 -0.9 -0.5 -0.8 -0.3 -0.7 -0.2 -0.6 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.6 0.2 -0.7 0.2 -0.8 0.3 -0.9 0.4 -1.0 0.6 -1.1 0.5 -1.1 0.4 -1.1 0.2 -1.1 -0.0 -1.0 -0.2 -0.9 -0.4 -0.9 -0.5 -0.8 -0.6 -0.1 -0.1 -0.5 -0.7 -0.6 -0.8 -0.3 -1.0 -0.2 -1.0 0.0 -1.1 0.0 -1.0 0.0 -1.0 0.0 -1.0 0.0 -1.0 0.0 -0.6 0.0 -1.0 0.0 -0.7 0.0 -1.0 0.0 -0.7 0.0 -1.4 0.0 -0.7 0.1 -0.8 0.1 -0.8 0.2 -0.8 0.2 -0.8 0.2 -0.7 0.3 -0.7 0.4 -0.8 0.3 -0.6 0.1 -0.1 0.4 -0.7 0.4 -0.7 0.5 -0.6 0.5 -0.6 0.6 -0.5 0.6 -0.6 0.6 -0.5 0.6 -0.4 0.7 -0.5 0.7 -0.4 0.7 -0.4 0.7 -0.3 0.7 -0.3 0.8 -0.2 0.7 -0.2 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.7 -0.1 1.6 0.0 0.7 0.1 0.8 0.1 0.8 0.1 0.8 0.2 0.7 0.2 0.8 0.2 0.7 0.3 0.7 0.4 0.7 0.3 0.7 0.4 0.7 0.5 0.6 0.4 0.6 0.5 0.6 0.6 0.6 0.5 0.5 0.6 0.5 0.6 0.4 0.7 0.4 0.7 0.1 0.1 0.3 0.6 0.4 0.8 0.3 0.7 0.2 0.7 0.2 0.8 0.2 0.8 0.1 0.8 0.1 0.8 -0.0 0.7 z';
26
- export const pathAnimatableSmallFourLeafClover = 'm37.2 24.7 0.5 0.7 0.4 0.8 0.3 0.8 0.2 0.9 0.1 0.9 0.1 0.8 -0.0 0.9 -0.2 1.0 -0.1 0.8 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.5 0.7 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.7 0.5 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.8 0.2 -1.0 0.1 -0.8 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.8 -0.3 -0.8 -0.4 -0.8 -0.5 -1.3 0.0 -0.7 0.5 -0.8 0.4 -0.8 0.3 -0.9 0.3 -0.9 0.1 -0.8 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.3 -0.8 -0.5 -0.7 -0.5 -0.7 -0.6 0.0 -0.1 -0.6 -0.6 -0.5 -0.8 -0.5 -0.7 -0.3 -0.8 -0.3 -0.9 -0.2 -0.9 -0.2 -0.8 0.0 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.9 0.3 -0.8 0.4 -0.8 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.9 -0.1 -0.8 -0.1 -0.9 0.0 -0.9 0.2 -1.0 0.1 -0.8 0.3 -0.8 0.4 -0.9 0.5 -0.8 0.5 -0.7 0.6 -0.7 0.1 0.0 0.6 -0.6 0.8 -0.5 0.7 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.2 0.8 -0.1 1.0 0.0 0.8 0.1 0.9 0.1 0.9 0.3 0.8 0.3 0.8 0.4 0.7 0.5 1.3 -0.0 0.8 -0.5 0.8 -0.4 0.8 -0.3 0.9 -0.3 0.9 -0.1 0.9 -0.1 0.9 0.0 0.9 0.1 0.8 0.3 0.9 0.3 0.8 0.3 0.7 0.5 0.8 0.5 0.6 0.6 0.1 0.0 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.8 0.2 0.9 0.3 0.9 0.1 0.8 -0.0 1.0 -0.1 0.8 -0.1 0.9 -0.2 0.9 -0.3 0.8 -0.4 0.8 -0.5 0.7 z';
14
+ export const pathAnimatableSmallDiamond = 'm37.4 24.0 -0.1 0.7 -0.1 0.7 -0.3 0.7 -0.3 0.6 -0.5 0.6 -0.4 0.5 -0.6 0.8 -0.3 0.5 -0.4 0.4 -0.4 0.5 -0.3 0.5 -0.6 0.8 -0.4 0.4 -0.4 0.5 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.5 -0.4 0.5 -0.6 0.7 -0.5 0.7 -0.5 0.6 -0.5 0.7 -0.6 0.7 -0.6 0.7 -0.8 0.5 -0.7 0.4 -0.8 0.2 -0.9 0.1 -0.0 -0.0 -0.9 -0.1 -0.8 -0.2 -0.7 -0.4 -0.8 -0.5 -0.6 -0.7 -0.6 -0.7 -0.5 -0.7 -0.5 -0.6 -0.5 -0.7 -0.4 -0.5 -0.6 -0.7 -0.3 -0.5 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.3 -0.5 -0.4 -0.4 -0.6 -0.8 -0.3 -0.5 -0.4 -0.5 -0.4 -0.4 -0.3 -0.5 -0.6 -0.7 -0.4 -0.6 -0.5 -0.6 -0.3 -0.6 -0.3 -0.7 -0.1 -0.7 -0.1 -0.7 -0.0 -0.0 0.1 -0.7 0.1 -0.7 0.3 -0.7 0.3 -0.6 0.5 -0.6 0.4 -0.5 0.6 -0.8 0.3 -0.5 0.4 -0.5 0.4 -0.4 0.3 -0.5 0.6 -0.8 0.4 -0.4 0.4 -0.5 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.5 0.4 -0.5 0.6 -0.7 0.5 -0.7 0.5 -0.6 0.5 -0.7 0.6 -0.7 0.6 -0.7 0.8 -0.5 0.7 -0.4 0.8 -0.2 0.9 -0.1 0.0 0.0 0.9 0.1 0.8 0.2 0.7 0.4 0.8 0.5 0.6 0.7 0.6 0.7 0.5 0.7 0.5 0.6 0.5 0.7 0.4 0.5 0.6 0.7 0.3 0.5 0.4 0.5 0.4 0.5 0.4 0.5 0.3 0.5 0.4 0.4 0.6 0.8 0.3 0.5 0.4 0.4 0.4 0.5 0.3 0.5 0.6 0.7 0.4 0.6 0.5 0.6 0.3 0.6 0.3 0.7 0.1 0.7 0.1 0.7 z';
27
15
  export const pathAnimatableSmallEightLeafClover = 'm39.3 24.8 0.4 0.8 0.2 0.9 0.2 0.9 -0.0 0.9 -0.1 0.9 -0.2 0.9 -0.2 0.4 -0.1 0.4 -0.5 0.8 -0.6 0.7 -0.6 0.6 -0.8 0.5 -0.8 0.4 -0.8 0.4 -1.1 1.1 -0.3 0.8 -0.5 0.9 -0.5 0.7 -0.7 0.6 -0.6 0.6 -0.8 0.4 -0.2 0.1 -0.7 0.2 -0.8 0.2 -0.9 0.1 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.8 -0.3 -1.6 0.1 -0.8 0.3 -0.9 0.2 -0.9 0.2 -0.9 -0.0 -0.9 -0.1 -0.8 -0.2 -0.4 -0.2 -0.5 -0.2 -0.7 -0.4 -0.7 -0.6 -0.6 -0.6 -0.5 -0.8 -0.4 -0.8 -0.4 -0.8 -1.1 -1.1 -0.9 -0.3 -0.7 -0.5 -0.8 -0.5 -0.6 -0.6 -0.6 -0.7 -0.4 -0.8 -0.1 -0.2 -0.2 -0.6 -0.2 -0.9 -0.1 -0.8 0.0 -1.0 0.2 -0.8 0.2 -0.9 0.4 -0.9 -0.0 -1.5 -0.4 -0.8 -0.2 -0.9 -0.2 -0.8 -0.0 -0.9 0.1 -0.9 0.2 -0.9 0.2 -0.6 0.1 -0.2 0.4 -0.8 0.6 -0.7 0.6 -0.6 0.8 -0.5 0.8 -0.5 0.8 -0.3 1.1 -1.1 0.4 -0.8 0.4 -0.8 0.5 -0.8 0.6 -0.6 0.7 -0.6 0.7 -0.4 0.5 -0.3 0.4 -0.1 0.9 -0.2 0.8 -0.1 0.9 0.0 0.9 0.2 0.9 0.2 0.8 0.3 1.5 0.1 0.9 -0.3 0.9 -0.3 0.9 -0.2 0.9 -0.0 0.9 0.1 0.8 0.1 0.7 0.3 0.2 0.1 0.8 0.4 0.7 0.6 0.6 0.6 0.5 0.7 0.5 0.8 0.3 0.9 1.1 1.1 0.8 0.4 0.8 0.4 0.8 0.5 0.6 0.6 0.6 0.7 0.5 0.8 0.1 0.4 0.2 0.4 0.2 0.9 0.1 0.9 -0.0 0.9 -0.2 0.9 -0.2 0.9 -0.4 0.8 z';
16
+ export const pathAnimatableSmallFan = 'm37.4 24.7 0.3 0.7 0.2 0.8 0.3 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.2 1.0 0.1 1.0 0.0 1.1 0.0 1.0 -0.0 1.1 -0.3 1.1 -0.4 0.9 -0.6 0.8 -0.1 0.1 -0.8 0.6 -0.9 0.4 -1.1 0.3 -1.5 0.0 -1.2 0.0 -0.7 0.0 -1.2 0.0 -0.6 0.0 -1.3 0.0 -0.6 0.0 -0.7 0.0 -1.2 0.0 -0.6 0.0 -0.7 0.0 -1.2 0.0 -0.7 0.0 -0.6 0.0 -0.6 0.0 -1.3 0.0 -0.6 0.0 -1.2 0.0 -0.7 0.0 -1.2 0.0 -1.0 -0.0 -1.1 -0.0 -1.2 -0.1 -1.0 -0.2 -0.9 -0.4 -0.8 -0.6 -0.1 -0.0 -0.6 -0.9 -0.4 -0.9 -0.2 -1.1 -0.1 -1.1 0.0 -1.1 -0.0 -1.0 -0.0 -1.2 -0.0 -1.2 -0.0 -0.6 -0.0 -0.7 -0.0 -1.2 -0.0 -0.6 -0.0 -0.6 -0.0 -1.3 -0.0 -0.6 -0.0 -0.6 -0.0 -1.2 -0.0 -0.7 -0.0 -0.6 -0.0 -1.2 -0.0 -0.6 -0.0 -1.3 -0.0 -0.6 -0.0 -1.2 -0.0 -1.2 0.0 -1.2 0.3 -1.1 0.4 -0.9 0.6 -0.9 0.1 0.0 0.8 -0.6 0.9 -0.4 1.1 -0.3 1.1 0.0 1.1 0.0 1.0 0.1 1.0 0.0 1.0 0.2 0.9 0.1 0.9 0.2 0.8 0.2 0.8 0.3 0.8 0.2 0.7 0.3 0.7 0.2 0.7 0.3 0.6 0.3 0.7 0.4 0.6 0.3 0.5 0.3 0.6 0.3 0.5 0.4 0.5 0.3 0.5 0.4 0.5 0.4 0.5 0.3 0.4 0.4 0.5 0.4 0.4 0.4 0.8 0.8 0.4 0.4 0.4 0.5 0.3 0.4 0.4 0.5 0.4 0.5 0.4 0.5 0.3 0.5 0.4 0.5 0.3 0.6 0.3 0.5 0.4 0.7 0.3 0.5 0.3 0.7 0.3 0.7 z';
28
17
  export const pathAnimatableSmallFlower = 'm40.0 24.0 -0.2 0.8 -0.6 0.8 -0.8 0.7 -0.9 0.6 -1.1 0.5 -1.0 0.3 -0.9 0.3 0.2 1.5 0.5 0.9 0.4 1.1 0.2 1.1 0.1 1.0 -0.1 1.0 -0.5 0.7 -0.0 0.0 -0.7 0.5 -1.0 0.1 -1.0 -0.1 -1.1 -0.3 -1.1 -0.3 -1.0 -0.5 -0.9 -0.5 -0.8 1.2 -0.3 1.0 -0.5 1.0 -0.6 1.0 -0.7 0.9 -0.8 0.5 -0.8 0.2 0.0 -0.0 -0.8 -0.2 -0.8 -0.5 -0.7 -0.9 -0.6 -1.0 -0.5 -1.0 -0.3 -1.0 -0.8 -1.2 -0.9 0.5 -1.0 0.5 -1.1 0.3 -1.1 0.3 -1.0 0.1 -1.0 -0.1 -0.7 -0.5 -0.0 -0.0 -0.5 -0.7 -0.1 -0.9 0.1 -1.1 0.2 -1.1 0.4 -1.1 0.5 -0.9 0.5 -1.0 -1.3 -0.8 -0.9 -0.3 -1.1 -0.5 -0.9 -0.6 -0.9 -0.7 -0.5 -0.8 -0.2 -0.8 0.0 0.0 0.2 -0.8 0.6 -0.8 0.8 -0.7 0.9 -0.6 1.0 -0.4 1.1 -0.4 1.2 -0.8 -0.5 -0.9 -0.5 -1.0 -0.3 -1.1 -0.3 -1.1 -0.1 -1.0 0.1 -1.0 0.5 -0.7 0.0 -0.0 0.7 -0.5 0.9 -0.1 1.1 0.1 1.1 0.2 1.1 0.4 1.0 0.5 1.4 0.2 0.3 -1.0 0.3 -0.9 0.5 -1.1 0.6 -0.9 0.7 -0.9 0.8 -0.5 0.8 -0.2 0.0 0.0 0.8 0.2 0.8 0.5 0.7 0.9 0.6 0.9 0.5 1.1 0.3 0.9 0.3 1.0 1.5 -0.2 0.9 -0.5 1.1 -0.4 1.1 -0.2 1.1 -0.1 0.9 0.1 0.7 0.5 0.0 0.0 0.5 0.7 0.1 1.0 -0.1 1.0 -0.2 1.1 -0.4 1.1 -0.5 1.0 -0.5 0.8 1.3 0.9 1.0 0.4 1.0 0.4 0.9 0.6 0.9 0.7 0.5 0.8 0.2 0.8 z';
18
+ export const pathAnimatableSmallFourLeafClover = 'm37.2 24.7 0.5 0.7 0.4 0.8 0.3 0.8 0.2 0.9 0.1 0.9 0.1 0.8 -0.0 0.9 -0.2 1.0 -0.1 0.8 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.5 0.7 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.7 0.5 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.8 0.2 -1.0 0.1 -0.8 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.8 -0.3 -0.8 -0.4 -0.8 -0.5 -1.3 0.0 -0.7 0.5 -0.8 0.4 -0.8 0.3 -0.9 0.3 -0.9 0.1 -0.8 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.3 -0.8 -0.5 -0.7 -0.5 -0.7 -0.6 0.0 -0.1 -0.6 -0.6 -0.5 -0.8 -0.5 -0.7 -0.3 -0.8 -0.3 -0.9 -0.2 -0.9 -0.2 -0.8 0.0 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.9 0.3 -0.8 0.4 -0.8 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.9 -0.1 -0.8 -0.1 -0.9 0.0 -0.9 0.2 -1.0 0.1 -0.8 0.3 -0.8 0.4 -0.9 0.5 -0.8 0.5 -0.7 0.6 -0.7 0.1 0.0 0.6 -0.6 0.8 -0.5 0.7 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.2 0.8 -0.1 1.0 0.0 0.8 0.1 0.9 0.1 0.9 0.3 0.8 0.3 0.8 0.4 0.7 0.5 1.3 -0.0 0.8 -0.5 0.8 -0.4 0.8 -0.3 0.9 -0.3 0.9 -0.1 0.9 -0.1 0.9 0.0 0.9 0.1 0.8 0.3 0.9 0.3 0.8 0.3 0.7 0.5 0.8 0.5 0.6 0.6 0.1 0.0 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.8 0.2 0.9 0.3 0.9 0.1 0.8 -0.0 1.0 -0.1 0.8 -0.1 0.9 -0.2 0.9 -0.3 0.8 -0.4 0.8 -0.5 0.7 z';
19
+ export const pathAnimatableSmallFourSidedCookie = 'm36.9 24.6 0.1 0.7 0.2 0.8 0.2 0.7 0.4 0.9 0.4 0.9 0.2 0.9 0.1 1.0 0.1 0.9 -0.1 0.9 -0.3 0.9 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.6 -0.1 0.1 -0.6 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -0.9 0.3 -0.9 0.1 -0.9 -0.1 -1.0 -0.1 -0.9 -0.2 -0.9 -0.4 -0.9 -0.4 -0.7 -0.2 -0.8 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.8 0.2 -0.7 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -1.0 0.1 -0.9 0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.6 -0.6 -0.1 -0.1 -0.6 -0.6 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.4 -0.9 0.4 -0.9 0.2 -0.7 0.2 -0.8 0.1 -0.7 -0.0 -1.2 -0.1 -0.7 -0.2 -0.8 -0.2 -0.7 -0.4 -0.9 -0.4 -0.9 -0.2 -0.9 -0.1 -1.0 -0.1 -0.9 0.1 -0.9 0.3 -0.9 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.6 0.1 -0.1 0.6 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 0.9 -0.3 0.9 -0.1 0.9 0.1 1.0 0.1 0.9 0.2 0.9 0.4 0.9 0.4 0.7 0.2 0.8 0.2 0.7 0.1 1.2 -0.0 0.7 -0.1 0.8 -0.2 0.7 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 1.0 -0.1 0.9 -0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.5 0.6 0.6 0.1 0.1 0.6 0.6 0.5 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.4 0.9 -0.4 0.9 -0.2 0.7 -0.2 0.8 -0.1 0.7 z';
20
+ export const pathAnimatableSmallGem = 'm38.0 24.6 0.1 0.8 0.2 0.8 0.1 0.8 0.1 0.9 0.1 0.8 -0.0 0.9 -0.1 0.8 -0.3 0.8 -0.3 0.8 -0.3 0.5 -0.2 0.3 -0.5 0.6 -0.6 0.6 -0.7 0.5 -0.7 0.4 -0.8 0.4 -0.7 0.3 -0.8 0.4 -0.8 0.3 -0.6 0.3 -0.8 0.3 -1.1 0.5 -0.8 0.4 -0.7 0.3 -0.7 0.3 -0.7 0.3 -0.8 0.2 -0.8 0.2 -0.8 0.1 -0.0 -0.0 -0.8 -0.1 -0.8 -0.1 -0.7 -0.3 -0.8 -0.3 -0.7 -0.3 -0.7 -0.3 -0.8 -0.4 -1.1 -0.5 -0.8 -0.3 -0.6 -0.3 -0.8 -0.3 -0.7 -0.4 -0.8 -0.3 -0.8 -0.4 -0.7 -0.4 -0.7 -0.5 -0.6 -0.6 -0.6 -0.6 -0.1 -0.3 -0.3 -0.5 -0.3 -0.8 -0.3 -0.8 -0.1 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.9 0.1 -0.8 0.1 -0.8 0.2 -0.8 0.1 -0.7 0.1 -0.8 0.1 -0.6 0.2 -1.4 0.1 -0.6 0.1 -0.8 0.1 -0.7 0.2 -0.7 0.3 -0.7 0.1 -0.1 0.3 -0.6 0.5 -0.6 0.5 -0.6 0.6 -0.4 0.5 -0.5 0.7 -0.5 0.6 -0.3 0.5 -0.4 1.0 -0.8 0.6 -0.4 0.6 -0.4 0.6 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.4 0.7 -0.2 0.8 -0.2 0.8 -0.0 0.0 -0.0 0.8 0.0 0.8 0.2 0.7 0.2 0.7 0.4 0.7 0.4 0.6 0.4 0.7 0.5 0.6 0.4 0.6 0.5 0.6 0.4 0.6 0.4 1.0 0.8 0.5 0.4 0.6 0.3 0.7 0.5 0.5 0.5 0.6 0.4 0.5 0.6 0.4 0.6 0.4 0.6 0.1 0.1 0.3 0.7 0.2 0.7 0.1 0.7 0.1 0.8 0.1 0.6 0.2 1.4 0.1 0.6 0.1 0.8 z';
21
+ export const pathAnimatableSmallGhostish = 'm39.0 24.6 0.0 0.7 0.0 1.0 0.0 0.7 0.0 1.0 0.0 0.6 0.0 1.0 0.0 1.0 0.0 1.0 0.0 1.0 -0.0 1.1 -0.2 1.0 -0.3 1.0 -0.6 0.8 -0.5 0.7 -0.1 0.1 -0.8 0.6 -0.9 0.5 -0.9 0.4 -1.0 0.2 -1.1 -0.0 -1.1 -0.2 -1.1 -0.4 -1.1 -0.5 -1.0 -0.5 -0.9 -0.5 -0.8 -0.3 -0.7 -0.2 -0.6 -0.2 -0.7 -0.1 -1.2 0.0 -0.7 0.1 -0.6 0.2 -0.7 0.2 -0.8 0.3 -0.9 0.4 -1.0 0.6 -1.1 0.5 -1.1 0.4 -1.1 0.2 -1.1 -0.0 -1.0 -0.2 -0.9 -0.4 -0.9 -0.5 -0.8 -0.6 -0.1 -0.1 -0.5 -0.7 -0.6 -0.8 -0.3 -1.0 -0.2 -1.0 0.0 -1.1 0.0 -1.0 0.0 -1.0 0.0 -1.0 0.0 -1.0 0.0 -0.6 0.0 -1.0 0.0 -0.7 0.0 -1.0 0.0 -0.7 0.0 -1.4 0.0 -0.7 0.1 -0.8 0.1 -0.8 0.2 -0.8 0.2 -0.8 0.2 -0.7 0.3 -0.7 0.4 -0.8 0.3 -0.6 0.1 -0.1 0.4 -0.7 0.4 -0.7 0.5 -0.6 0.5 -0.6 0.6 -0.5 0.6 -0.6 0.6 -0.5 0.6 -0.4 0.7 -0.5 0.7 -0.4 0.7 -0.4 0.7 -0.3 0.7 -0.3 0.8 -0.2 0.7 -0.2 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.7 -0.1 1.6 0.0 0.7 0.1 0.8 0.1 0.8 0.1 0.8 0.2 0.7 0.2 0.8 0.2 0.7 0.3 0.7 0.4 0.7 0.3 0.7 0.4 0.7 0.5 0.6 0.4 0.6 0.5 0.6 0.6 0.6 0.5 0.5 0.6 0.5 0.6 0.4 0.7 0.4 0.7 0.1 0.1 0.3 0.6 0.4 0.8 0.3 0.7 0.2 0.7 0.2 0.8 0.2 0.8 0.1 0.8 0.1 0.8 -0.0 0.7 z';
22
+ export const pathAnimatableSmallHeart = 'm36.1 24.0 -0.6 0.6 -0.6 0.7 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.5 0.5 -0.2 0.2 -0.4 0.5 -0.2 0.3 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.3 0.4 -0.5 0.5 -0.3 0.4 -0.5 0.5 -0.4 0.6 -0.5 0.5 -0.4 0.6 -0.7 0.7 -0.6 0.7 -0.8 1.0 -0.0 -0.0 -0.8 -1.0 -0.6 -0.7 -0.7 -0.8 -0.4 -0.5 -0.5 -0.5 -0.4 -0.6 -0.5 -0.5 -0.3 -0.4 -0.5 -0.5 -0.3 -0.4 -0.4 -0.5 -0.2 -0.2 -0.4 -0.5 -0.4 -0.5 -0.2 -0.3 -0.4 -0.4 -0.4 -0.5 -0.2 -0.3 -0.4 -0.5 -0.2 -0.2 -0.4 -0.5 -0.5 -0.5 -0.2 -0.2 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.6 -0.7 -0.5 -0.6 -0.6 -0.6 -0.7 -0.8 -0.6 -0.8 -0.7 -0.9 -0.5 -0.9 -0.5 -1.1 -0.3 -1.0 -0.1 -1.0 0.0 -1.0 0.2 -1.0 0.3 -0.9 0.5 -0.9 0.5 -0.8 0.1 -0.1 0.6 -0.7 0.8 -0.6 0.8 -0.5 0.9 -0.4 1.0 -0.2 1.0 -0.1 1.1 0.1 1.1 0.2 1.1 0.4 1.1 0.7 1.1 1.1 0.9 1.1 0.9 0.9 0.6 0.7 0.5 0.6 0.5 0.5 0.8 0.0 0.5 -0.5 0.5 -0.6 0.6 -0.7 0.7 -0.8 1.1 -1.2 1.1 -1.0 1.1 -0.7 1.1 -0.5 1.1 -0.2 1.1 -0.1 1.0 0.1 1.0 0.3 0.9 0.3 0.8 0.5 0.8 0.7 0.6 0.6 0.1 0.1 0.5 0.8 0.4 0.9 0.4 0.9 0.2 1.0 -0.0 1.0 -0.1 1.0 -0.3 1.1 -0.5 0.9 -0.5 1.0 -0.7 0.9 -0.6 0.8 -0.7 0.8 z';
23
+ export const pathAnimatableSmallNineSidedCookie = 'm39.9 24.0 -0.3 0.8 -0.4 0.8 -0.3 0.8 -0.2 1.5 0.1 0.9 0.1 0.9 -0.1 0.9 -0.2 0.8 -0.3 0.8 -0.2 0.4 -0.3 0.4 -0.5 0.7 -0.7 0.5 -0.8 0.4 -0.8 0.4 -0.8 0.4 -1.2 1.0 -0.5 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.8 0.4 -0.4 0.2 -0.5 0.1 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.1 -0.8 0.2 -0.9 0.3 -0.9 0.2 -0.8 -0.0 -0.9 -0.2 -0.5 -0.1 -0.4 -0.2 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.5 -0.8 -0.5 -0.7 -1.2 -1.0 -0.7 -0.4 -0.9 -0.4 -0.8 -0.4 -0.6 -0.5 -0.6 -0.7 -0.3 -0.4 -0.2 -0.4 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.9 0.1 -0.9 -0.2 -1.5 -0.3 -0.8 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.1 -0.9 0.1 -0.7 -0.0 -0.2 0.2 -0.8 0.4 -0.8 0.5 -0.7 0.6 -0.6 0.7 -0.7 0.5 -0.6 0.6 -1.3 0.3 -0.9 0.2 -0.8 0.3 -0.8 0.5 -0.7 0.5 -0.6 0.2 -0.2 0.5 -0.4 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.9 -0.0 0.8 -0.1 1.4 -0.5 0.7 -0.4 0.7 -0.5 0.7 -0.5 0.8 -0.3 0.8 -0.2 0.9 -0.1 0.0 -0.0 0.8 0.1 0.9 0.2 0.8 0.3 0.7 0.5 0.7 0.5 0.7 0.4 1.4 0.5 0.8 0.1 0.9 0.0 0.9 0.2 0.8 0.3 0.7 0.4 0.5 0.4 0.2 0.1 0.5 0.7 0.5 0.7 0.3 0.8 0.2 0.8 0.3 0.9 0.6 1.3 0.5 0.6 0.7 0.7 0.6 0.6 0.5 0.7 0.4 0.8 0.2 0.8 0.0 0.2 0.1 0.7 -0.1 0.9 z';
24
+ export const pathAnimatableSmallOval = 'm37.7 24.0 -0.3 0.7 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.6 -0.3 0.5 -0.4 0.6 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.3 0.4 -0.5 0.4 -0.8 0.8 -0.4 0.5 -0.4 0.3 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.6 0.4 -0.5 0.3 -0.6 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.7 0.3 -0.7 0.2 -0.7 0.3 -0.9 0.3 -0.8 0.2 -0.8 0.1 -0.9 0.1 -1.0 0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.3 -0.9 -0.3 -0.8 -0.4 -0.8 -0.6 -0.7 -0.6 -0.0 0.0 -0.6 -0.7 -0.6 -0.8 -0.4 -0.8 -0.3 -0.9 -0.3 -0.9 -0.1 -0.9 -0.1 -0.9 0.0 -0.9 0.1 -1.0 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.2 -0.7 0.3 -0.7 0.4 -0.7 0.3 -0.6 0.3 -0.7 0.4 -0.6 0.3 -0.5 0.4 -0.6 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.4 -0.5 0.3 -0.4 0.5 -0.4 0.8 -0.8 0.4 -0.5 0.4 -0.3 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.6 -0.4 0.7 -0.3 0.6 -0.3 0.7 -0.4 0.7 -0.3 0.7 -0.2 0.7 -0.3 0.9 -0.3 0.8 -0.2 0.8 -0.1 0.9 -0.1 1.0 -0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.3 0.9 0.3 0.8 0.4 0.8 0.6 0.7 0.6 -0.0 0.0 0.6 0.7 0.6 0.8 0.4 0.8 0.3 0.9 0.3 0.9 0.1 0.9 0.1 0.9 -0.0 0.9 -0.1 1.0 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.9 -0.3 0.7 z';
25
+ export const pathAnimatableSmallPentagon = 'm38.9 24.2 -0.2 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.3 0.8 -0.2 0.7 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.2 0.8 -0.4 1.0 -0.4 0.8 -0.4 0.8 -0.6 0.6 -0.7 0.5 0.0 0.1 -0.7 0.4 -0.8 0.3 -0.8 0.3 -0.9 0.1 -1.1 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -0.8 -0.0 -1.1 -0.0 -0.9 -0.1 -0.8 -0.3 -0.8 -0.3 -0.7 -0.5 -0.1 0.0 -0.6 -0.5 -0.6 -0.7 -0.4 -0.7 -0.4 -0.8 -0.4 -1.0 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.7 -0.2 -0.8 -0.3 -0.8 -0.2 -0.7 -0.3 -1.1 -0.2 -0.9 -0.0 -0.8 0.0 -0.9 0.2 -0.8 0.1 -0.1 0.3 -0.7 0.4 -0.8 0.6 -0.6 0.6 -0.6 0.9 -0.7 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.5 0.7 -0.4 0.6 -0.5 0.9 -0.7 0.8 -0.4 0.8 -0.3 0.8 -0.2 0.8 -0.0 0.1 -0.0 0.9 0.0 0.8 0.2 0.8 0.3 0.8 0.4 0.9 0.7 0.6 0.5 0.7 0.4 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.5 0.6 0.4 0.7 0.5 0.6 0.5 0.7 0.4 0.6 0.5 0.9 0.7 0.6 0.6 0.6 0.7 0.4 0.7 0.3 0.7 0.0 0.1 0.2 0.8 0.1 0.9 -0.0 0.9 -0.2 0.8 -0.3 1.1 z';
26
+ export const pathAnimatableSmallPill = 'm39.6 24.0 -0.1 0.8 -0.3 0.8 -0.2 0.8 -0.3 0.7 -0.3 0.8 -0.4 0.7 -0.4 0.7 -0.5 0.6 -0.4 0.6 -0.6 0.6 -0.6 0.6 -0.4 0.4 -0.6 0.6 -0.4 0.5 -0.9 0.8 -0.5 0.5 -0.6 0.6 -0.4 0.4 -0.7 0.7 -0.5 0.5 -0.6 0.4 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.7 0.3 -0.8 0.3 -0.8 0.3 -0.8 0.2 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.9 0.0 -0.8 -0.0 -0.9 -0.1 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.3 -0.8 -0.4 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -0.7 -0.5 -0.6 -0.6 -0.1 -0.1 -0.5 -0.6 -0.6 -0.7 -0.5 -0.7 -0.5 -0.8 -0.4 -0.7 -0.4 -0.8 -0.3 -0.8 -0.2 -0.8 -0.2 -0.9 -0.2 -0.8 -0.1 -0.9 0.0 -0.8 0.0 -0.9 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.3 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.3 -0.7 0.5 -0.6 0.4 -0.7 0.4 -0.5 0.6 -0.6 0.6 -0.7 0.4 -0.4 0.6 -0.6 0.5 -0.4 0.8 -0.9 0.5 -0.5 0.6 -0.6 0.4 -0.4 0.7 -0.7 0.5 -0.5 0.6 -0.4 0.7 -0.5 0.6 -0.4 0.7 -0.4 0.7 -0.3 0.8 -0.3 0.8 -0.3 0.8 -0.2 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.9 -0.0 0.8 0.0 0.9 0.1 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.4 0.8 0.3 0.8 0.4 0.7 0.5 0.7 0.5 0.7 0.5 0.6 0.7 0.1 -0.0 0.5 0.6 0.6 0.7 0.5 0.7 0.5 0.8 0.4 0.7 0.3 0.8 0.4 0.8 0.2 0.8 0.2 0.9 0.2 0.8 0.1 0.9 0.0 0.8 -0.0 0.8 -0.1 0.9 z';
27
+ export const pathAnimatableSmallPixelCircle = 'm39.6 24.0 0.0 2.3 0.0 1.0 0.0 0.1 0.0 0.3 0.0 0.6 0.0 0.2 0.0 0.4 0.0 0.6 0.0 0.6 -0.1 0.3 -2.0 0.0 -0.2 0.1 -0.1 4.5 -2.5 0.0 0.0 1.3 -0.1 1.3 -4.2 0.1 0.0 1.9 -0.1 0.0 -0.5 0.0 -0.3 0.0 -0.4 0.0 -0.4 0.0 -0.7 0.0 -1.0 0.0 -0.2 0.0 -1.0 0.0 -0.1 0.0 -0.2 0.0 -1.5 0.0 -2.3 0.0 -1.0 0.0 -0.1 0.0 -0.3 0.0 -0.6 0.0 -0.2 0.0 -0.4 0.0 -0.6 0.0 -0.6 0.0 -0.3 -0.1 0.0 -1.7 -0.2 -0.2 -4.1 -0.1 -0.1 -2.5 -1.8 0.0 -0.7 -0.1 -0.1 -4.5 -2.2 0.0 0.0 -0.1 0.0 -0.5 0.0 -0.3 0.0 -0.4 0.0 -0.4 0.0 -0.7 0.0 -1.0 0.0 -0.2 0.0 -1.0 0.0 -0.1 0.0 -0.2 0.0 -1.5 0.0 -2.3 0.0 -1.0 0.0 -0.1 0.0 -0.3 0.0 -0.6 0.0 -0.2 0.0 -0.4 0.0 -0.6 0.0 -0.6 0.1 -0.3 2.0 0.0 0.2 -0.1 0.1 -4.5 2.5 0.0 0.0 -1.3 0.1 -1.3 4.2 -0.1 0.0 -1.9 0.1 0.0 0.5 0.0 0.3 0.0 0.4 0.0 0.4 0.0 0.7 0.0 1.0 0.0 0.2 0.0 1.0 0.0 0.1 0.0 0.2 0.0 1.5 0.0 2.3 0.0 1.0 0.0 0.1 0.0 0.3 0.0 0.6 0.0 0.2 0.0 0.4 0.0 0.6 0.0 0.6 0.0 0.3 0.1 0.0 1.7 0.2 0.2 4.1 0.1 0.1 2.5 1.8 0.0 0.7 0.1 0.1 4.5 2.2 0.0 0.0 0.1 0.0 0.5 0.0 0.3 0.0 0.4 0.0 0.4 0.0 0.7 0.0 1.0 0.0 0.2 0.0 1.0 0.0 0.1 0.0 0.2z';
28
+ export const pathAnimatableSmallPixelTriangle = 'm36.4 24.2 -0.1 1.8 -0.5 0.0 -1.6 0.0 -1.0 0.1 0.0 0.7 0.0 2.2 -0.2 0.0 -1.6 0.0 -1.8 0.1 0.0 0.1 0.0 2.0 -0.2 0.3 -1.2 0.0 -2.2 0.0 -0.1 0.2 0.0 1.6 0.0 1.3 -0.4 0.0 -2.4 0.0 -1.6 0.0 0.0 0.3 0.0 2.1 -0.1 0.2 -1.4 0.0 -2.4 0.0 -0.4 1.0 0.0 1.1 -0.1 0.7 -0.2 0.0 -2.4 0.0 -2.4 0.0 -0.5 -0.1 0.1 -0.2 -0.1 -1.0 0.0 -0.6 0.0 -0.6 0.0 -0.6 0.0 -0.8 0.0 -0.6 0.1 -0.9 -0.1 -0.6 0.0 -0.6 0.0 -1.0 0.0 -0.2 0.0 -0.9 0.0 -0.3 0.0 -0.3 0.0 -0.6 0.0 -1.0 0.0 -0.6 0.0 -0.3 0.0 -1.0 0.0 -0.3 0.0 -1.0 0.0 -0.5 0.0 -0.1 0.0 -0.1 0.0 -1.0 0.0 -0.5 0.0 -0.6 0.0 -0.6 0.0 -0.6 0.0 -0.5 0.0 -0.1 0.0 -0.5 0.0 -0.5 0.0 -0.2 0.0 -0.3 0.0 -0.4 0.0 -0.5 0.0 -0.1 0.0 -0.6 0.0 -0.2 0.0 -0.5 0.0 -0.9 0.0 -0.4 0.0 -0.7 -0.1 -0.5 0.1 -0.6 0.0 -0.6 0.0 -0.7 0.0 -0.6 -0.1 -0.4 0.1 -0.7 0.0 -0.8 0.0 -0.8 0.0 -1.4 0.1 -0.4 0.8 0.0 2.4 0.0 2.3 0.0 0.0 1.2 0.0 1.1 0.1 0.5 0.7 0.0 2.3 0.0 1.2 0.1 0.0 0.4 0.0 2.0 0.1 0.1 1.8 0.0 2.4 0.0 0.1 0.1 0.0 1.5 0.1 1.5 0.1 0.0 2.4 0.0 1.1 0.0 0.0 0.6 0.0 1.8 0.3 0.1 1.9 0.0 1.4 0.0 0.0 0.2 0.0 2.4 0.5 0.4 0.9 0.1 1.8 0.0 0.0 0.1z';
29
29
  export const pathAnimatableSmallPuffy = 'm42.2 24.1 -0.1 0.9 -0.3 0.9 -0.6 0.9 -0.9 0.7 -1.4 0.5 0.1 1.8 0.3 1.0 -0.1 0.9 -0.2 0.9 -0.4 0.7 -0.1 0.2 -0.5 0.6 -0.8 0.7 -0.8 0.4 -1.1 0.2 -1.2 -0.1 -2.2 -0.4 -0.2 0.9 -0.4 0.8 -0.5 0.6 -0.7 0.5 -0.7 0.3 -0.0 0.1 -0.8 0.2 -0.8 0.0 -0.8 -0.1 -0.8 -0.2 -0.8 -0.4 -0.7 -0.7 -1.4 0.1 -0.7 0.6 -0.8 0.4 -0.8 0.3 -0.8 0.0 -0.8 -0.1 -0.7 -0.2 -0.1 -0.0 -0.7 -0.4 -0.6 -0.5 -0.5 -0.6 -0.4 -0.8 -0.9 -1.1 -1.6 0.7 -1.2 0.1 -1.0 -0.3 -0.9 -0.4 -0.7 -0.6 -0.6 -0.7 -0.0 -0.1 -0.4 -0.7 -0.2 -0.9 -0.0 -1.0 0.2 -1.0 0.0 -1.7 -1.3 -0.5 -0.9 -0.8 -0.6 -0.8 -0.3 -1.0 -0.1 -0.7 -0.0 -0.4 0.1 -0.8 0.3 -0.9 0.5 -0.8 0.8 -0.8 1.3 -0.6 0.3 -1.6 -0.3 -1.0 -0.0 -1.0 0.2 -0.9 0.4 -0.8 -0.0 -0.1 0.6 -0.7 0.6 -0.6 0.9 -0.4 1.0 -0.3 1.2 0.1 1.5 0.6 1.0 -0.9 0.4 -0.8 0.6 -0.7 0.6 -0.5 0.6 -0.4 0.2 -0.1 0.7 -0.1 0.7 -0.1 0.9 0.0 0.8 0.2 0.8 0.5 0.7 0.6 1.4 0.1 0.7 -0.7 0.8 -0.4 0.8 -0.2 0.8 -0.1 0.8 0.1 0.8 0.2 0.1 -0.0 0.7 0.4 0.6 0.5 0.5 0.6 0.4 0.8 0.9 1.2 1.6 -0.8 1.2 -0.1 1.0 0.3 0.9 0.4 0.7 0.6 0.6 0.7 0.0 0.1 0.4 0.8 0.2 0.9 0.0 1.0 -0.3 1.0 0.3 1.6 1.2 0.6 0.9 0.7 0.5 0.9 0.3 0.9 0.1 0.8 z';
30
30
  export const pathAnimatableSmallPuffyDiamond = 'm40.0 24.0 -0.1 0.9 -0.2 0.8 -0.4 0.7 -0.5 0.8 -0.8 0.6 -0.8 0.5 -1.2 0.3 -1.7 0.6 0.0 0.7 -0.1 0.7 -0.2 0.7 -0.2 0.6 -0.4 0.5 -0.4 0.5 -0.1 0.1 -0.5 0.4 -0.5 0.4 -0.6 0.3 -0.7 0.1 -0.7 0.1 -0.7 0.0 -0.6 1.6 -0.3 1.2 -0.5 0.9 -0.6 0.7 -0.7 0.6 -0.9 0.4 -0.7 0.2 -0.9 0.1 -0.1 0.0 -0.8 -0.1 -0.8 -0.2 -0.7 -0.3 -0.8 -0.6 -0.6 -0.7 -0.5 -0.8 -0.4 -1.2 -0.5 -1.8 -0.7 0.0 -0.7 -0.1 -0.7 -0.2 -0.6 -0.2 -0.6 -0.4 -0.4 -0.4 -0.1 -0.1 -0.4 -0.5 -0.4 -0.5 -0.2 -0.7 -0.2 -0.6 -0.1 -0.7 0.0 -0.7 -1.7 -0.6 -1.2 -0.3 -0.9 -0.5 -0.7 -0.7 -0.5 -0.6 -0.4 -0.8 -0.2 -0.9 -0.1 -0.8 -0.0 -0.0 0.1 -0.8 0.2 -0.9 0.4 -0.7 0.5 -0.8 0.7 -0.6 0.9 -0.5 1.2 -0.3 1.7 -0.6 0.0 -0.7 0.1 -0.7 0.2 -0.7 0.3 -0.5 0.3 -0.6 0.4 -0.5 0.1 -0.0 0.5 -0.5 0.6 -0.3 0.6 -0.3 0.6 -0.2 0.7 -0.1 0.7 0.0 0.5 -1.8 0.4 -1.1 0.5 -0.9 0.6 -0.7 0.8 -0.5 0.7 -0.4 0.9 -0.2 0.7 -0.1 0.1 0.0 0.9 0.1 0.8 0.3 0.7 0.3 0.7 0.6 0.7 0.7 0.5 0.9 0.3 1.2 0.6 1.6 0.7 0.0 0.7 0.1 0.6 0.2 0.6 0.3 0.6 0.3 0.5 0.5 0.1 -0.0 0.4 0.5 0.3 0.5 0.3 0.7 0.2 0.6 0.1 0.7 -0.0 0.7 1.7 0.6 1.2 0.3 0.9 0.5 0.7 0.6 0.5 0.7 0.4 0.8 0.2 0.8 0.1 0.9 z';
31
- export const pathAnimatableSmallBun = 'm34.6 24.5 1.2 0.7 0.9 0.8 0.7 0.9 0.6 0.8 0.5 1.0 0.3 1.0 0.2 1.0 0.1 1.0 -0.1 1.0 -0.2 0.9 -0.3 0.9 -0.4 0.9 -0.5 0.8 -0.6 0.8 -0.5 0.5 -0.2 0.2 -0.8 0.6 -0.8 0.4 -0.9 0.4 -0.9 0.3 -1.0 0.2 -1.2 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -0.5 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -0.5 0.0 -0.9 0.0 -1.0 0.0 -0.9 0.0 -1.0 0.0 -1.2 -0.0 -1.0 -0.2 -0.9 -0.3 -0.9 -0.3 -0.8 -0.5 -0.8 -0.6 -0.3 -0.3 -0.5 -0.4 -0.6 -0.7 -0.5 -0.9 -0.4 -0.8 -0.3 -0.9 -0.2 -1.0 -0.0 -1.0 0.0 -1.0 0.2 -1.0 0.4 -1.0 0.4 -1.0 0.6 -0.9 0.8 -0.8 0.9 -0.8 1.1 -0.7 0.0 -1.0 -1.1 -0.7 -0.9 -0.8 -0.8 -0.9 -0.6 -0.8 -0.4 -1.0 -0.4 -1.0 -0.2 -1.0 -0.0 -1.0 0.1 -1.0 0.1 -0.9 0.3 -1.0 0.4 -0.8 0.6 -0.9 0.6 -0.7 0.4 -0.5 0.3 -0.2 0.8 -0.6 0.8 -0.5 0.9 -0.3 0.9 -0.3 1.0 -0.2 1.2 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 0.5 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 0.5 -0.0 0.9 -0.0 1.0 -0.0 0.9 -0.0 1.0 -0.0 1.2 0.0 1.0 0.2 0.9 0.3 0.9 0.3 0.8 0.5 0.8 0.6 0.3 0.3 0.4 0.4 0.6 0.7 0.6 0.9 0.4 0.8 0.3 1.0 0.2 0.9 0.0 1.0 -0.0 1.0 -0.2 1.0 -0.3 1.0 -0.5 0.9 -0.6 1.0 -0.8 0.8 -0.9 0.8 -1.1 0.6 z';
32
- export const pathAnimatableSmallHeart = 'm36.1 24.0 -0.6 0.6 -0.6 0.7 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.5 0.5 -0.2 0.2 -0.4 0.5 -0.2 0.3 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.4 0.5 -0.2 0.2 -0.4 0.5 -0.3 0.4 -0.5 0.5 -0.3 0.4 -0.5 0.5 -0.4 0.6 -0.5 0.5 -0.4 0.6 -0.7 0.7 -0.6 0.7 -0.8 1.0 -0.0 -0.0 -0.8 -1.0 -0.6 -0.7 -0.7 -0.8 -0.4 -0.5 -0.5 -0.5 -0.4 -0.6 -0.5 -0.5 -0.3 -0.4 -0.5 -0.5 -0.3 -0.4 -0.4 -0.5 -0.2 -0.2 -0.4 -0.5 -0.4 -0.5 -0.2 -0.3 -0.4 -0.4 -0.4 -0.5 -0.2 -0.3 -0.4 -0.5 -0.2 -0.2 -0.4 -0.5 -0.5 -0.5 -0.2 -0.2 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.4 -0.5 -0.6 -0.7 -0.5 -0.6 -0.6 -0.6 -0.7 -0.8 -0.6 -0.8 -0.7 -0.9 -0.5 -0.9 -0.5 -1.1 -0.3 -1.0 -0.1 -1.0 0.0 -1.0 0.2 -1.0 0.3 -0.9 0.5 -0.9 0.5 -0.8 0.1 -0.1 0.6 -0.7 0.8 -0.6 0.8 -0.5 0.9 -0.4 1.0 -0.2 1.0 -0.1 1.1 0.1 1.1 0.2 1.1 0.4 1.1 0.7 1.1 1.1 0.9 1.1 0.9 0.9 0.6 0.7 0.5 0.6 0.5 0.5 0.8 0.0 0.5 -0.5 0.5 -0.6 0.6 -0.7 0.7 -0.8 1.1 -1.2 1.1 -1.0 1.1 -0.7 1.1 -0.5 1.1 -0.2 1.1 -0.1 1.0 0.1 1.0 0.3 0.9 0.3 0.8 0.5 0.8 0.7 0.6 0.6 0.1 0.1 0.5 0.8 0.4 0.9 0.4 0.9 0.2 1.0 -0.0 1.0 -0.1 1.0 -0.3 1.1 -0.5 0.9 -0.5 1.0 -0.7 0.9 -0.6 0.8 -0.7 0.8 z';
31
+ export const pathAnimatableSmallSemicircle = 'm39.1 24.7 0.3 0.9 0.2 0.8 0.2 0.9 0.1 1.0 0.1 0.9 -0.0 0.9 -0.0 1.0 -0.3 0.9 -0.1 0.2 -0.4 0.6 -0.7 0.7 -1.0 0.4 -1.6 0.1 -0.9 0.0 -1.7 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.2 -0.1 -0.6 0.1 -0.9 0.0 -0.8 0.0 -0.2 -0.1 -0.7 0.1 -0.8 0.0 -0.1 -0.0 -0.8 0.0 -0.3 0.0 -0.5 0.0 -0.8 0.0 -0.3 0.0 -0.6 0.0 -0.8 0.0 -0.2 0.1 -0.7 -0.1 -0.8 0.0 -0.9 0.0 -0.1 0.2 -0.7 -0.2 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.7 0.0 -0.9 0.0 -1.6 -0.1 -1.0 -0.4 -0.7 -0.7 -0.4 -0.6 -0.1 -0.2 -0.3 -0.9 -0.0 -1.0 0.0 -0.9 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.2 -0.8 0.3 -0.9 0.3 -0.7 0.3 -0.8 0.4 -0.7 0.4 -0.7 0.4 -0.7 0.4 -0.6 0.5 -0.6 0.4 -0.5 0.5 -0.5 0.5 -0.5 0.5 -0.5 0.5 -0.4 0.5 -0.4 0.6 -0.4 0.5 -0.3 0.5 -0.3 0.6 -0.3 0.5 -0.3 0.5 -0.2 0.6 -0.2 0.5 -0.2 0.5 -0.2 0.5 -0.1 0.6 -0.2 0.5 -0.1 0.5 -0.1 0.5 -0.1 0.6 -0.0 0.5 -0.1 0.5 0.0 1.0 0.0 0.5 0.0 0.5 0.1 0.6 0.0 0.5 0.1 0.5 0.1 0.5 0.1 0.6 0.2 0.5 0.1 0.5 0.2 0.5 0.2 0.6 0.2 0.5 0.2 0.5 0.3 0.6 0.3 0.5 0.3 0.5 0.3 0.6 0.4 0.5 0.4 0.5 0.4 0.5 0.5 0.5 0.5 0.5 0.5 0.4 0.5 0.5 0.6 0.4 0.6 0.4 0.7 0.4 0.7 0.4 0.7 0.3 0.8 z';
32
+ export const pathAnimatableSmallSevenSidedCookie = 'm39.7 24.8 0.2 0.9 0.1 0.8 -0.0 0.9 -0.2 0.8 -0.0 0.2 -0.3 0.7 -0.3 0.7 -0.5 0.8 -0.6 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.5 -1.1 1.2 -0.4 0.7 -0.3 0.8 -0.4 0.8 -0.5 0.8 -0.5 0.7 -0.7 0.6 -0.7 0.5 -0.7 0.3 -0.1 0.1 -0.8 0.3 -0.9 0.2 -0.9 0.0 -0.9 -0.0 -0.8 -0.2 -0.9 -0.3 -0.8 -0.1 -1.6 -0.0 -0.8 0.1 -0.9 0.3 -0.8 0.2 -0.9 0.0 -0.9 -0.1 -0.8 -0.1 -0.9 -0.3 -0.1 -0.1 -0.7 -0.3 -0.7 -0.6 -0.7 -0.5 -0.5 -0.7 -0.5 -0.8 -0.4 -0.8 -0.3 -0.8 -0.4 -0.7 -1.0 -1.1 -0.7 -0.6 -0.7 -0.5 -0.6 -0.6 -0.6 -0.6 -0.5 -0.8 -0.3 -0.7 -0.3 -0.6 -0.0 -0.3 -0.2 -0.8 -0.0 -0.9 0.1 -0.8 0.2 -0.9 0.2 -0.8 0.5 -0.8 0.3 -0.8 0.3 -0.7 0.3 -1.4 -0.0 -0.9 -0.0 -0.8 -0.0 -0.8 0.1 -0.9 0.3 -0.8 0.3 -0.8 0.4 -0.6 0.1 -0.2 0.5 -0.5 0.6 -0.6 0.7 -0.5 0.8 -0.4 0.7 -0.3 0.9 -0.2 0.8 -0.2 0.8 -0.2 1.3 -0.6 0.6 -0.4 0.7 -0.6 0.6 -0.5 0.7 -0.5 0.7 -0.3 0.8 -0.3 0.9 -0.1 0.8 -0.1 0.0 -0.0 0.9 0.1 0.7 0.1 0.9 0.3 0.7 0.3 0.7 0.5 0.7 0.5 0.6 0.6 0.6 0.4 1.3 0.6 0.8 0.2 0.8 0.2 0.8 0.2 0.8 0.3 0.8 0.4 0.7 0.5 0.6 0.5 0.5 0.7 0.0 0.0 0.5 0.8 0.3 0.7 0.3 0.8 0.1 0.9 0.0 0.8 0.0 0.8 0.0 0.9 0.3 1.4 0.3 0.7 0.3 0.8 0.5 0.8 z';
33
+ export const pathAnimatableSmallSixSidedCookie = 'm38.3 24.7 0.2 0.8 0.1 0.8 0.2 0.8 -0.0 0.8 -0.1 0.9 -0.1 0.8 -0.2 0.8 -0.3 0.7 -0.4 0.8 -0.0 0.0 -0.5 0.7 -0.5 0.7 -0.6 0.5 -0.6 0.6 -0.7 0.4 -0.7 0.4 -0.8 0.3 -0.8 0.2 -0.7 0.3 -1.3 0.7 -0.6 0.5 -0.6 0.6 -0.6 0.5 -0.7 0.4 -0.8 0.4 -0.7 0.3 -0.8 0.2 -0.9 0.2 -0.8 -0.0 -0.0 -0.0 -0.8 -0.0 -0.9 -0.2 -0.8 -0.2 -0.8 -0.3 -0.7 -0.4 -0.7 -0.4 -0.6 -0.5 -0.6 -0.6 -0.6 -0.5 -1.3 -0.7 -0.7 -0.3 -0.8 -0.2 -0.8 -0.3 -0.7 -0.4 -0.7 -0.4 -0.6 -0.5 -0.6 -0.6 -0.6 -0.7 -0.4 -0.7 -0.0 -0.0 -0.4 -0.8 -0.3 -0.7 -0.2 -0.8 -0.1 -0.8 -0.1 -0.9 0.0 -0.8 0.2 -0.8 0.1 -0.8 0.2 -0.8 -0.0 -1.4 -0.2 -0.8 -0.1 -0.8 -0.2 -0.8 0.0 -0.8 0.1 -0.9 0.1 -0.8 0.2 -0.8 0.3 -0.7 0.4 -0.8 0.0 -0.1 0.4 -0.6 0.6 -0.7 0.6 -0.5 0.6 -0.6 0.7 -0.4 0.7 -0.4 0.8 -0.3 0.8 -0.3 0.7 -0.2 1.3 -0.8 0.6 -0.4 0.6 -0.6 0.6 -0.5 0.7 -0.4 0.8 -0.4 0.7 -0.3 0.8 -0.2 0.9 -0.2 0.8 0.0 0.0 0.0 0.8 0.0 0.9 0.2 0.8 0.2 0.8 0.3 0.7 0.4 0.7 0.4 0.6 0.5 0.6 0.6 0.6 0.5 1.3 0.7 0.7 0.3 0.8 0.2 0.8 0.3 0.7 0.4 0.7 0.4 0.6 0.5 0.6 0.6 0.6 0.7 0.4 0.7 0.0 0.0 0.4 0.8 0.3 0.7 0.2 0.8 0.1 0.8 0.1 0.9 -0.0 0.8 -0.2 0.8 -0.1 0.8 -0.2 0.8 z';
34
+ export const pathAnimatableSmallSlanted = 'm39.1 24.1 -0.0 0.8 -0.2 1.2 -0.0 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 1.2 -0.1 0.9 -0.1 1.0 -0.2 0.9 -0.2 1.0 -0.4 0.9 -0.6 0.8 -0.6 0.6 -0.1 0.1 -0.7 0.6 -0.9 0.4 -0.9 0.3 -1.0 0.1 -1.0 0.1 -1.0 -0.0 -0.9 -0.0 -1.0 0.0 -0.8 0.0 -0.8 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.2 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -0.8 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.2 -0.0 -1.1 -0.0 -1.0 -0.0 -1.1 -0.1 -1.1 -0.2 -0.9 -0.4 -0.9 -0.6 -0.8 -0.7 0.0 0.0 -0.6 -0.8 -0.5 -0.9 -0.3 -1.0 -0.1 -1.1 0.0 -1.1 0.1 -1.0 0.1 -1.1 0.1 -0.9 0.1 -1.2 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.0 -0.8 0.2 -1.2 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -0.8 0.1 -0.8 0.1 -1.2 0.1 -0.9 0.1 -1.0 0.2 -0.9 0.2 -1.0 0.4 -0.9 0.6 -0.8 0.6 -0.6 0.1 -0.1 0.7 -0.6 0.9 -0.4 0.9 -0.3 1.0 -0.1 1.0 -0.1 1.0 0.0 0.9 0.0 1.0 0.0 0.8 0.0 0.8 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.2 0.0 0.8 0.0 0.9 0.0 0.8 0.0 0.8 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.2 0.0 1.1 0.0 1.0 0.0 1.1 0.1 1.1 0.2 0.9 0.4 0.9 0.6 0.8 0.7 -0.0 -0.0 0.6 0.8 0.5 0.9 0.3 1.0 0.1 1.1 -0.0 1.1 -0.1 1.0 -0.1 1.1 -0.1 1.0 -0.1 1.2 -0.1 0.8 -0.1 0.8 -0.1 0.8 -0.1 0.8 z';
35
+ export const pathAnimatableSmallSoftBoom = 'm39.7 24.0 -0.7 1.1 -3.6 0.8 -2.1 0.0 0.3 0.1 0.4 0.1 3.6 1.9 1.0 1.6 -0.4 0.8 -2.3 0.3 -4.0 -1.5 0.1 0.1 0.0 0.1 2.0 1.9 1.4 2.9 -0.4 0.9 -1.3 0.1 -3.4 -2.4 -1.2 -1.2 0.2 0.3 0.2 0.4 1.3 4.2 -0.5 1.8 -0.8 0.1 -1.8 -1.5 -1.9 -3.9 0.1 0.4 0.0 0.3 0.0 2.4 -1.0 3.1 -0.9 0.4 -1.1 -0.9 -0.7 -4.0 0.0 -1.6 -0.1 0.3 -0.1 0.4 -2.1 3.9 -1.5 0.8 -0.7 -0.4 -0.3 -2.2 1.7 -4.4 -0.3 0.2 -0.2 0.3 -1.4 1.6 -3.1 1.7 -1.1 -0.3 -0.2 -1.2 2.0 -3.2 1.6 -1.4 -0.2 0.0 -0.2 0.1 -4.2 1.4 -1.9 -0.4 -0.3 -0.8 1.2 -1.7 4.2 -2.0 -0.2 -0.1 -0.3 0.1 -1.6 0.1 -3.8 -0.9 -0.6 -1.0 0.5 -0.9 3.4 -1.0 2.7 0.1 -0.3 -0.1 -0.2 -0.1 -3.7 -1.7 -1.3 -1.8 0.3 -0.8 1.6 -0.4 4.6 1.4 0.2 0.0 -0.3 -0.3 -0.9 -0.7 -2.3 -3.4 0.2 -1.3 1.0 -0.3 2.9 1.5 2.2 2.3 -0.2 -0.4 -0.2 -0.3 -1.2 -3.1 0.2 -2.7 0.7 -0.5 1.5 0.7 2.2 4.2 0.2 0.4 0.0 -0.2 -0.1 -1.3 0.8 -4.1 1.0 -0.8 0.9 0.4 1.0 3.0 0.0 3.1 0.1 -0.2 0.1 -0.2 1.6 -3.5 1.8 -1.5 0.9 0.3 0.4 1.9 -1.7 4.6 0.2 0.0 0.2 -0.3 1.0 -1.0 3.3 -2.3 1.3 0.2 0.3 1.1 -1.5 2.8 -2.0 2.1 0.4 -0.2 0.4 -0.2 3.4 -1.2 2.2 0.4 0.3 0.8 -1.1 1.6 -4.3 2.0 0.1 0.1 0.2 0.0 2.1 -0.1 3.5 0.9z';
36
+ export const pathAnimatableSmallSoftBurst = 'm37.4 24.7 0.5 0.7 0.8 0.9 0.8 1.0 0.6 1.0 -0.1 0.8 -0.0 0.1 -0.6 0.7 -1.1 0.5 -1.3 0.3 -1.0 0.2 -0.9 0.4 -0.7 1.1 0.1 1.0 0.1 1.1 0.0 1.2 -0.2 1.1 -0.4 0.5 -0.3 0.2 -0.8 0.2 -1.2 -0.4 -1.2 -0.4 -1.0 -0.5 -0.8 -0.1 -1.3 0.5 -0.5 0.8 -0.6 0.9 -0.6 1.0 -0.8 0.8 -0.8 0.2 -0.1 -0.0 -0.9 -0.3 -0.8 -1.0 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.3 -0.3 -0.9 0.2 -0.9 0.4 -1.2 0.5 -1.2 0.3 -0.8 -0.3 -0.0 -0.1 -0.6 -0.6 -0.1 -1.2 0.1 -1.2 0.0 -1.1 0.0 -0.9 -0.7 -1.1 -0.9 -0.3 -1.1 -0.3 -1.2 -0.3 -1.1 -0.4 -0.5 -0.8 -0.0 0.0 -0.1 -0.9 0.6 -1.0 0.8 -0.9 0.8 -0.9 0.5 -0.7 -0.0 -1.4 -0.5 -0.7 -0.8 -0.9 -0.8 -0.9 -0.6 -1.0 0.1 -0.9 0.0 -0.0 0.5 -0.8 1.1 -0.4 1.2 -0.3 1.1 -0.3 0.9 -0.3 0.7 -1.1 0.0 -0.9 -0.0 -1.1 -0.1 -1.2 0.1 -1.2 0.6 -0.6 0.0 -0.1 0.8 -0.3 1.2 0.3 1.2 0.5 0.9 0.4 0.9 0.2 1.3 -0.3 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.8 -1.0 0.9 -0.3 0.1 0.0 0.8 0.2 0.8 0.8 0.6 1.0 0.6 0.9 0.5 0.8 1.3 0.5 0.8 -0.1 1.0 -0.5 1.2 -0.4 1.2 -0.4 0.8 0.2 0.3 0.2 0.4 0.5 0.2 1.1 -0.0 1.2 -0.1 1.1 -0.1 1.0 0.7 1.1 0.9 0.4 1.0 0.2 1.3 0.3 1.1 0.5 0.6 0.7 0.0 0.1 0.1 0.8 -0.5 1.0 -0.9 1.0 -0.8 0.9 -0.5 0.7 z';
37
+ export const pathAnimatableSmallSquare = 'm40.0 24.8 -0.0 0.9 -0.0 0.8 -0.0 0.9 -0.0 0.8 -0.0 1.0 -0.1 0.9 -0.0 1.0 -0.2 0.9 -0.2 1.0 -0.3 0.9 -0.4 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.8 -0.0 -0.0 -0.8 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.4 -0.9 0.3 -1.0 0.2 -1.0 0.2 -0.9 0.0 -0.9 0.1 -1.0 -0.0 -0.8 -0.0 -0.9 -0.0 -0.8 -0.0 -0.9 0.0 -1.6 0.0 -0.9 -0.0 -0.8 -0.0 -0.9 -0.0 -0.8 -0.0 -1.0 -0.0 -0.9 -0.1 -1.0 -0.0 -0.9 -0.2 -1.0 -0.2 -0.9 -0.3 -0.8 -0.4 -0.8 -0.5 -0.8 -0.6 -0.8 -0.6 0.0 -0.0 -0.6 -0.8 -0.6 -0.8 -0.5 -0.8 -0.4 -0.8 -0.3 -0.9 -0.2 -1.0 -0.2 -1.0 -0.0 -0.9 -0.1 -0.9 0.0 -1.0 0.0 -0.8 0.0 -0.9 0.0 -0.8 -0.0 -0.9 -0.0 -1.6 0.0 -0.9 0.0 -0.8 0.0 -0.9 0.0 -0.8 0.0 -1.0 0.1 -0.9 0.0 -1.0 0.2 -0.9 0.2 -1.0 0.3 -0.9 0.4 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.8 0.0 0.0 0.8 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.4 0.9 -0.3 1.0 -0.2 1.0 -0.2 0.9 -0.0 0.9 -0.1 1.0 0.0 0.8 0.0 0.9 0.0 0.8 0.0 0.9 -0.0 1.6 -0.0 0.9 0.0 0.8 0.0 0.9 0.0 0.8 0.0 1.0 0.0 0.9 0.1 1.0 0.0 0.9 0.2 1.0 0.2 0.9 0.3 0.8 0.4 0.8 0.5 0.8 0.6 0.8 0.6 -0.0 0.0 0.6 0.8 0.6 0.8 0.5 0.8 0.4 0.8 0.3 0.9 0.2 1.0 0.2 1.0 0.0 0.9 0.1 0.9 -0.0 1.0 -0.0 0.8 -0.0 0.9 -0.0 0.8 0.0 0.9 z';
38
+ export const pathAnimatableSmallSunny = 'm40.0 24.0 -0.1 0.8 -0.5 0.8 -0.6 0.8 -0.6 0.6 -0.6 0.7 -0.5 0.6 -0.7 1.2 -0.1 0.7 -0.1 0.8 -0.0 0.9 -0.1 0.9 -0.1 0.9 -0.2 0.9 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.9 0.2 -0.9 0.1 -0.9 0.1 -0.8 0.0 -0.8 0.1 -0.8 0.1 -1.2 0.7 -0.6 0.5 -0.7 0.6 -0.6 0.6 -0.8 0.6 -0.8 0.5 -0.8 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.5 -0.8 -0.6 -0.6 -0.6 -0.7 -0.6 -0.6 -0.5 -1.2 -0.7 -0.7 -0.1 -0.8 -0.1 -0.9 -0.0 -0.9 -0.1 -0.9 -0.1 -0.9 -0.2 -0.7 -0.5 -0.0 0.0 -0.5 -0.7 -0.2 -0.9 -0.1 -0.9 -0.1 -0.9 -0.0 -0.8 -0.1 -0.8 -0.1 -0.8 -0.7 -1.2 -0.5 -0.6 -0.6 -0.7 -0.6 -0.6 -0.6 -0.8 -0.5 -0.8 -0.1 -0.8 -0.0 -0.0 0.1 -0.8 0.5 -0.8 0.6 -0.8 0.6 -0.6 0.6 -0.7 0.5 -0.6 0.7 -1.2 0.1 -0.7 0.1 -0.8 0.0 -0.9 0.1 -0.9 0.1 -0.9 0.2 -0.9 0.5 -0.7 -0.0 -0.0 0.7 -0.5 0.9 -0.2 0.9 -0.1 0.9 -0.1 0.8 -0.0 0.8 -0.1 0.8 -0.1 1.2 -0.7 0.6 -0.5 0.7 -0.6 0.6 -0.6 0.8 -0.6 0.8 -0.5 0.8 -0.1 0.0 -0.0 0.8 0.1 0.8 0.5 0.8 0.6 0.6 0.6 0.7 0.6 0.6 0.5 1.2 0.7 0.7 0.1 0.8 0.1 0.9 0.0 0.9 0.1 0.9 0.1 0.9 0.2 0.7 0.5 0.0 -0.0 0.5 0.7 0.2 0.9 0.1 0.9 0.1 0.9 0.0 0.8 0.1 0.8 0.1 0.8 0.7 1.2 0.5 0.6 0.6 0.7 0.6 0.6 0.6 0.8 0.5 0.8 0.1 0.8 z';
39
+ export const pathAnimatableSmallTriangle = 'm34.8 24.3 0.3 0.5 0.5 0.9 0.3 0.5 0.5 1.0 0.6 0.9 0.6 1.1 0.6 1.1 0.7 1.3 0.7 1.4 0.2 1.2 -0.2 1.1 -0.4 1.0 -0.4 0.6 -0.3 0.2 -0.8 0.6 -1.0 0.4 -1.2 0.1 -1.2 0.1 -1.0 -0.0 -1.1 -0.0 -1.1 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.0 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -0.6 -0.0 -1.1 -0.0 -0.5 -0.0 -1.1 -0.0 -1.1 -0.0 -1.1 -0.0 -1.0 -0.0 -1.2 -0.1 -1.2 -0.1 -1.0 -0.4 -0.8 -0.6 -0.3 -0.2 -0.4 -0.6 -0.4 -1.0 -0.2 -1.1 0.2 -1.2 0.7 -1.4 0.7 -1.3 0.6 -1.1 0.6 -1.1 0.6 -0.9 0.5 -1.0 0.3 -0.5 0.5 -0.9 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.3 -0.5 0.2 -0.4 0.3 -0.5 0.3 -0.5 0.2 -0.5 0.0 -0.0 0.3 -0.4 0.3 -0.5 0.3 -0.5 0.2 -0.5 0.3 -0.4 0.6 -1.0 0.3 -0.6 0.3 -0.6 0.4 -0.6 0.4 -0.7 0.5 -0.8 0.6 -0.6 0.6 -0.6 0.7 -0.3 0.7 -0.2 0.8 -0.1 0.0 0.0 0.8 0.1 0.7 0.2 0.7 0.3 0.6 0.6 0.6 0.6 0.5 0.8 0.4 0.7 0.4 0.6 0.3 0.6 0.4 0.6 0.5 1.0 0.3 0.4 0.2 0.5 0.3 0.5 0.3 0.5 -0.0 0.0 0.3 0.4 0.2 0.5 0.3 0.5 0.3 0.5 0.2 0.4 0.3 0.5 0.3 0.5 0.3 0.5 0.2 0.4 0.3 0.5 0.3 0.5 0.3 0.5 0.2 0.4 z';
40
+ export const pathAnimatableSmallTwelveSidedCookie = 'm40.0 24.0 -0.1 0.8 -0.3 0.9 -0.6 0.7 -0.5 0.7 -0.4 1.4 0.1 0.9 0.1 0.9 -0.1 0.9 -0.3 0.8 -0.1 0.0 -0.5 0.7 -0.6 0.5 -0.9 0.3 -0.8 0.4 -1.1 1.1 -0.3 0.8 -0.4 0.8 -0.5 0.7 -0.7 0.6 -0.0 -0.0 -0.8 0.3 -0.9 0.1 -0.9 -0.1 -0.8 -0.1 -1.5 0.4 -0.7 0.5 -0.8 0.6 -0.7 0.3 -0.9 0.1 -0.0 0.0 -0.9 -0.1 -0.8 -0.4 -0.7 -0.5 -0.7 -0.5 -1.4 -0.4 -0.9 0.1 -0.9 0.1 -0.9 -0.1 -0.8 -0.3 -0.0 -0.1 -0.7 -0.5 -0.5 -0.7 -0.4 -0.8 -0.3 -0.8 -1.1 -1.1 -0.8 -0.4 -0.8 -0.3 -0.7 -0.5 -0.5 -0.7 -0.1 -0.0 -0.3 -0.8 -0.1 -0.9 0.2 -0.9 0.1 -0.9 -0.4 -1.4 -0.6 -0.7 -0.5 -0.7 -0.4 -0.9 -0.1 -0.7 0.0 -0.1 0.1 -0.8 0.4 -0.9 0.5 -0.7 0.6 -0.7 0.4 -1.4 -0.1 -0.9 -0.2 -0.9 0.1 -0.9 0.3 -0.8 0.0 -0.0 0.6 -0.7 0.7 -0.5 0.8 -0.3 0.8 -0.4 1.1 -1.1 0.4 -0.8 0.3 -0.8 0.5 -0.7 0.7 -0.5 0.0 -0.1 0.8 -0.3 0.9 -0.1 0.9 0.1 0.9 0.1 1.4 -0.3 0.7 -0.6 0.7 -0.5 0.9 -0.4 0.7 -0.1 0.1 0.0 0.8 0.1 0.9 0.4 0.7 0.5 0.7 0.6 1.4 0.3 0.9 -0.1 0.9 -0.1 0.9 0.1 0.8 0.3 0.0 0.0 0.7 0.6 0.5 0.7 0.4 0.8 0.3 0.8 1.1 1.1 0.8 0.4 0.8 0.3 0.8 0.5 0.4 0.7 0.1 -0.0 0.3 0.8 0.1 0.9 -0.1 0.9 -0.1 0.9 0.4 1.4 0.5 0.7 0.6 0.7 0.3 0.9 0.1 0.7 z';
41
+ export const pathAnimatableSmallVerySunny = 'm40.0 24.0 -0.1 0.8 -0.4 0.8 -0.8 0.7 -1.0 0.6 -0.9 0.6 -0.7 0.5 -0.6 1.1 -0.1 0.7 0.1 0.8 0.2 1.0 0.3 1.1 0.1 1.1 -0.3 0.8 -0.5 0.7 -0.0 0.0 -0.7 0.5 -0.8 0.3 -1.1 -0.1 -1.1 -0.3 -1.0 -0.2 -0.8 -0.1 -0.7 0.1 -1.1 0.6 -0.5 0.7 -0.6 0.9 -0.5 0.9 -0.8 0.9 -0.7 0.4 -0.9 0.1 -0.0 0.0 -0.8 -0.1 -0.8 -0.4 -0.7 -0.8 -0.6 -1.0 -0.6 -0.9 -0.5 -0.7 -1.1 -0.6 -0.7 -0.1 -0.8 0.1 -1.0 0.2 -1.1 0.3 -1.1 0.1 -0.8 -0.3 -0.7 -0.5 -0.0 -0.0 -0.5 -0.7 -0.3 -0.8 0.1 -1.1 0.3 -1.1 0.2 -1.0 0.1 -0.8 -0.1 -0.7 -0.6 -1.1 -0.7 -0.5 -0.9 -0.6 -1.0 -0.6 -0.8 -0.7 -0.4 -0.8 -0.1 -0.7 -0.0 -0.1 0.1 -0.8 0.4 -0.8 0.8 -0.7 1.0 -0.6 0.9 -0.6 0.7 -0.5 0.6 -1.1 0.1 -0.7 -0.1 -0.8 -0.2 -1.0 -0.3 -1.1 -0.1 -1.1 0.3 -0.8 0.4 -0.7 0.1 -0.0 0.7 -0.5 0.8 -0.3 1.1 0.1 1.1 0.3 1.0 0.2 0.8 0.1 0.7 -0.1 1.1 -0.6 0.5 -0.7 0.6 -0.9 0.6 -1.0 0.7 -0.8 0.8 -0.4 0.7 -0.1 0.1 -0.0 0.8 0.1 0.8 0.4 0.7 0.8 0.6 1.0 0.6 0.9 0.5 0.7 1.1 0.6 0.7 0.1 0.8 -0.1 1.0 -0.2 1.1 -0.3 1.1 -0.1 0.8 0.3 0.7 0.5 0.0 0.0 0.5 0.7 0.3 0.8 -0.1 1.1 -0.3 1.1 -0.2 1.0 -0.1 0.8 0.1 0.7 0.6 1.1 0.7 0.5 0.9 0.6 0.9 0.5 0.9 0.8 0.4 0.7 0.1 0.9 z';
33
42
  // Stats: ~1079 chars/shape avg (vs ~9000 for 720pt versions)
@@ -17,20 +17,42 @@ export interface SharedAxisOptions extends NavigationOptions {
17
17
  * axis while fading through each other.
18
18
  * https://m3.material.io/styles/motion/transitions/transition-patterns#forward-and-backward
19
19
  *
20
+ * The default for common hierarchical navigation (https://m3.material.io/styles/motion/transitions/applying-transitions).
21
+ * Don't use it for hero moments; use `containerTransform` for those. Keep one axis per relationship
22
+ * across the app (coherent spatial model), and move one `target` region as a unit instead of
23
+ * animating many elements independently.
24
+ *
20
25
  * `update` performs the DOM change (`async () => { step++; await tick(); }`). Built on Motion's
21
26
  * `animateView()` — both states never need to coexist in the DOM.
27
+ *
28
+ * Not built into any component: hierarchy levels and wizard steps live in the consuming app.
22
29
  */
23
30
  export declare const sharedAxis: (update: () => void | Promise<void>, { target, axis, direction, spring }?: SharedAxisOptions) => import("motion-dom").ViewTransitionBuilder;
24
31
  /**
25
32
  * M3 lateral: peer screens at the same level (tabs, carousels) slide past each other edge to edge,
26
33
  * without fading — the new screen pushes the old one out.
27
34
  * https://m3.material.io/styles/motion/transitions/transition-patterns#lateral
35
+ *
36
+ * Only for peers in one set (https://m3.material.io/styles/motion/transitions/applying-transitions). Never use it for hierarchical screens
37
+ * (use `sharedAxis`) or navbar/rail/drawer destinations (use `fadeThrough`, since the implied swipe
38
+ * conflicts with carousels and swipeable list items). Don't add a fade: it hides the peer
39
+ * relationship and makes the slide look like forward/backward.
40
+ *
41
+ * Built in: `TabHolder` (switching content panels) and `DateField`/`DateRangeField` (changing the
42
+ * visible month). Any new component that pages between peer views must use this too.
28
43
  */
29
44
  export declare const lateral: (update: () => void | Promise<void>, { target, direction, spring }?: NavigationOptions) => import("motion-dom").ViewTransitionBuilder;
30
45
  /**
31
46
  * M3 top level (fade through): destinations with no spatial relationship, e.g. navigation bar
32
47
  * items. The outgoing screen fades out, then the incoming one fades in while scaling up from 92%.
33
48
  * https://m3.material.io/styles/motion/transitions/transition-patterns#top-level
49
+ *
50
+ * The quick fade for navigation bar, rail and drawer destinations (https://m3.material.io/styles/motion/transitions/applying-transitions).
51
+ * It deliberately creates no spatial connection between screens, and it's the pattern to use
52
+ * instead of `lateral` there.
53
+ *
54
+ * Not built into `Navbar`/`Rail`: they don't own the content region that changes, so the app wraps
55
+ * its own route change in this.
34
56
  */
35
57
  export declare const fadeThrough: (update: () => void | Promise<void>, { target, spring }?: Omit<NavigationOptions, "direction">) => import("motion-dom").ViewTransitionBuilder;
36
58
  export {};
@@ -5,7 +5,9 @@ const view = (update, target, spring) => {
5
5
  const builder = animateView(update, springTransition(spring));
6
6
  return target ? builder.add(target) : builder;
7
7
  };
8
- /* Outgoing content clears quickly; incoming content waits a beat so the two never overlap fully. */
8
+ /* Outgoing content clears quickly; incoming content waits a beat so the two never overlap fully.
9
+ M3 "clean fades" (https://m3.material.io/styles/motion/transitions/applying-transitions): fade out before fading in; any cross-fade stays short
10
+ and hidden in the fastest part of the motion. Don't lengthen these. */
9
11
  const fadeOut = springTransition(springTokens.fastEffects);
10
12
  const fadeIn = { ...springTransition(springTokens.effects), delay: 0.05 };
11
13
  /**
@@ -13,8 +15,15 @@ const fadeIn = { ...springTransition(springTokens.effects), delay: 0.05 };
13
15
  * axis while fading through each other.
14
16
  * https://m3.material.io/styles/motion/transitions/transition-patterns#forward-and-backward
15
17
  *
18
+ * The default for common hierarchical navigation (https://m3.material.io/styles/motion/transitions/applying-transitions).
19
+ * Don't use it for hero moments; use `containerTransform` for those. Keep one axis per relationship
20
+ * across the app (coherent spatial model), and move one `target` region as a unit instead of
21
+ * animating many elements independently.
22
+ *
16
23
  * `update` performs the DOM change (`async () => { step++; await tick(); }`). Built on Motion's
17
24
  * `animateView()` — both states never need to coexist in the DOM.
25
+ *
26
+ * Not built into any component: hierarchy levels and wizard steps live in the consuming app.
18
27
  */
19
28
  export const sharedAxis = (update, { target, axis = 'x', direction = 'forward', spring = springTokens.spatial } = {}) => {
20
29
  const forward = direction === 'forward';
@@ -33,6 +42,14 @@ export const sharedAxis = (update, { target, axis = 'x', direction = 'forward',
33
42
  * M3 lateral: peer screens at the same level (tabs, carousels) slide past each other edge to edge,
34
43
  * without fading — the new screen pushes the old one out.
35
44
  * https://m3.material.io/styles/motion/transitions/transition-patterns#lateral
45
+ *
46
+ * Only for peers in one set (https://m3.material.io/styles/motion/transitions/applying-transitions). Never use it for hierarchical screens
47
+ * (use `sharedAxis`) or navbar/rail/drawer destinations (use `fadeThrough`, since the implied swipe
48
+ * conflicts with carousels and swipeable list items). Don't add a fade: it hides the peer
49
+ * relationship and makes the slide look like forward/backward.
50
+ *
51
+ * Built in: `TabHolder` (switching content panels) and `DateField`/`DateRangeField` (changing the
52
+ * visible month). Any new component that pages between peer views must use this too.
36
53
  */
37
54
  export const lateral = (update, { target, direction = 'forward', spring = springTokens.spatial } = {}) => {
38
55
  const sign = direction === 'forward' ? 1 : -1;
@@ -45,6 +62,13 @@ export const lateral = (update, { target, direction = 'forward', spring = spring
45
62
  * M3 top level (fade through): destinations with no spatial relationship, e.g. navigation bar
46
63
  * items. The outgoing screen fades out, then the incoming one fades in while scaling up from 92%.
47
64
  * https://m3.material.io/styles/motion/transitions/transition-patterns#top-level
65
+ *
66
+ * The quick fade for navigation bar, rail and drawer destinations (https://m3.material.io/styles/motion/transitions/applying-transitions).
67
+ * It deliberately creates no spatial connection between screens, and it's the pattern to use
68
+ * instead of `lateral` there.
69
+ *
70
+ * Not built into `Navbar`/`Rail`: they don't own the content region that changes, so the app wraps
71
+ * its own route change in this.
48
72
  */
49
73
  export const fadeThrough = (update, { target, spring = springTokens.spatial } = {}) => view(update, target, spring)
50
74
  .old({ opacity: [1, 0] }, fadeOut)
@@ -4,6 +4,11 @@ import type { Attachment } from 'svelte/attachments';
4
4
  * for the content with `presence(…, enterExit.fade)` so the reveal is a fade, not a cut.
5
5
  * https://m3.material.io/styles/motion/transitions/transition-patterns#skeleton-loaders
6
6
  *
7
+ * M3 "stable layouts" (https://m3.material.io/styles/motion/transitions/applying-transitions): the placeholder takes the loaded
8
+ * content's footprint so nothing pops in or shifts position when the data arrives.
9
+ *
10
+ * Not built into any component — none of them load their own data. Apps apply it to placeholders.
11
+ *
7
12
  * ```svelte
8
13
  * <div class="bg-md-sys-color-surface-container-highest h-4 rounded-sm" {@attach skeleton}></div>
9
14
  * ```
@@ -8,6 +8,11 @@ const PULSE_HOLD_S = 0.5;
8
8
  * for the content with `presence(…, enterExit.fade)` so the reveal is a fade, not a cut.
9
9
  * https://m3.material.io/styles/motion/transitions/transition-patterns#skeleton-loaders
10
10
  *
11
+ * M3 "stable layouts" (https://m3.material.io/styles/motion/transitions/applying-transitions): the placeholder takes the loaded
12
+ * content's footprint so nothing pops in or shifts position when the data arrives.
13
+ *
14
+ * Not built into any component — none of them load their own data. Apps apply it to placeholders.
15
+ *
11
16
  * ```svelte
12
17
  * <div class="bg-md-sys-color-surface-container-highest h-4 rounded-sm" {@attach skeleton}></div>
13
18
  * ```
@@ -2,15 +2,19 @@
2
2
  @component
3
3
  DateField is a text field that allows users to enter a date or pick it from a docked calendar.
4
4
 
5
+ Changing the visible month slides the grid with the M3 lateral transition (see calendarMotion.ts).
6
+
5
7
  @see https://m3.material.io/components/date-pickers/guidelines
6
8
  -->
7
9
  <script lang="ts">
8
10
  import { DatePicker, useId } from 'bits-ui';
11
+ import type { DateValue } from '@internationalized/date';
9
12
  import { enterExit, presence } from '../../animation/index.js';
10
13
  import ButtonIcon from '../buttons/ButtonIcon.svelte';
11
14
  import Icon from '../../utils/icon/Icon.svelte';
12
15
  import Layer from '../../utils/Layer.svelte';
13
16
  import type { DateFieldProps } from './types';
17
+ import { slideMonth } from './calendarMotion.js';
14
18
  import { dateCalendar, dateField, dateSegment } from './theme';
15
19
 
16
20
  let {
@@ -30,10 +34,18 @@ DateField is a text field that allows users to enter a date or pick it from a do
30
34
 
31
35
  const cls = $derived(dateField({ disabled, error, variant }));
32
36
  const calendar = dateCalendar();
37
+
38
+ // Starts undefined on purpose: bits-ui writes its own default (from value, else today) through
39
+ // the setter on mount, which is why the getter below can assert.
40
+ let placeholder = $state<DateValue>();
41
+ let grids = $state<HTMLElement | null>(null);
42
+ const setPlaceholder = (next: DateValue) =>
43
+ slideMonth(placeholder, next, grids, (date) => (placeholder = date));
33
44
  </script>
34
45
 
35
46
  <DatePicker.Root
36
47
  bind:value
48
+ bind:placeholder={() => placeholder as DateValue, setPlaceholder}
37
49
  {weekStartsOn}
38
50
  {required}
39
51
  {disabled}
@@ -120,33 +132,35 @@ DateField is a text field that allows users to enter a date or pick it from a do
120
132
  </div>
121
133
  </DatePicker.Header>
122
134
 
123
- {#each months as month (month.value.toString())}
124
- <DatePicker.Grid class={calendar.grid()}>
125
- <DatePicker.GridHead>
126
- <DatePicker.GridRow class={calendar.row()}>
127
- {#each weekdays as day, i (i)}
128
- <DatePicker.HeadCell class={calendar.weekday()}>
129
- {day}
130
- </DatePicker.HeadCell>
131
- {/each}
132
- </DatePicker.GridRow>
133
- </DatePicker.GridHead>
134
- <DatePicker.GridBody>
135
- {#each month.weeks as weekDates, i (i)}
135
+ <div bind:this={grids}>
136
+ {#each months as month (month.value.toString())}
137
+ <DatePicker.Grid class={calendar.grid()}>
138
+ <DatePicker.GridHead>
136
139
  <DatePicker.GridRow class={calendar.row()}>
137
- {#each weekDates as date (date.toString())}
138
- <DatePicker.Cell {date} month={month.value} class={calendar.cell()}>
139
- <DatePicker.Day class={calendar.day()}>
140
- <Layer />
141
- {date.day}
142
- </DatePicker.Day>
143
- </DatePicker.Cell>
140
+ {#each weekdays as day, i (i)}
141
+ <DatePicker.HeadCell class={calendar.weekday()}>
142
+ {day}
143
+ </DatePicker.HeadCell>
144
144
  {/each}
145
145
  </DatePicker.GridRow>
146
- {/each}
147
- </DatePicker.GridBody>
148
- </DatePicker.Grid>
149
- {/each}
146
+ </DatePicker.GridHead>
147
+ <DatePicker.GridBody>
148
+ {#each month.weeks as weekDates, i (i)}
149
+ <DatePicker.GridRow class={calendar.row()}>
150
+ {#each weekDates as date (date.toString())}
151
+ <DatePicker.Cell {date} month={month.value} class={calendar.cell()}>
152
+ <DatePicker.Day class={calendar.day()}>
153
+ <Layer />
154
+ {date.day}
155
+ </DatePicker.Day>
156
+ </DatePicker.Cell>
157
+ {/each}
158
+ </DatePicker.GridRow>
159
+ {/each}
160
+ </DatePicker.GridBody>
161
+ </DatePicker.Grid>
162
+ {/each}
163
+ </div>
150
164
  {/snippet}
151
165
  </DatePicker.Calendar>
152
166
  </div>
@@ -2,6 +2,8 @@ import type { DateFieldProps } from './types';
2
2
  /**
3
3
  * DateField is a text field that allows users to enter a date or pick it from a docked calendar.
4
4
  *
5
+ * Changing the visible month slides the grid with the M3 lateral transition (see calendarMotion.ts).
6
+ *
5
7
  * @see https://m3.material.io/components/date-pickers/guidelines
6
8
  */
7
9
  declare const DateField: import("svelte").Component<DateFieldProps, {}, "value">;