@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.
- package/dist/animation/Shapes.stories.svelte +56 -0
- package/dist/animation/Shapes.stories.svelte.d.ts +3 -0
- package/dist/animation/TransitionPatterns.stories.svelte +2 -0
- package/dist/animation/containerTransform.d.ts +9 -0
- package/dist/animation/containerTransform.js +9 -0
- package/dist/animation/enterExit.d.ts +9 -0
- package/dist/animation/enterExit.js +2 -2
- package/dist/animation/index.d.ts +1 -0
- package/dist/animation/index.js +1 -0
- package/dist/animation/shapeMorph.svelte.d.ts +52 -0
- package/dist/animation/shapeMorph.svelte.js +112 -0
- package/dist/animation/shapesAnimatableSmall.d.ts +28 -22
- package/dist/animation/shapesAnimatableSmall.js +32 -23
- package/dist/animation/sharedAxisTransition.d.ts +22 -0
- package/dist/animation/sharedAxisTransition.js +25 -1
- package/dist/animation/skeleton.d.ts +5 -0
- package/dist/animation/skeleton.js +5 -0
- package/dist/components/date/DateField.svelte +38 -24
- package/dist/components/date/DateField.svelte.d.ts +2 -0
- package/dist/components/date/DateRangeField.svelte +42 -28
- package/dist/components/date/DateRangeField.svelte.d.ts +2 -0
- package/dist/components/date/calendarMotion.d.ts +9 -0
- package/dist/components/date/calendarMotion.js +23 -0
- package/dist/components/date/theme.js +5 -1
- package/dist/components/forms/textfield/theme.d.ts +3 -0
- package/dist/components/forms/textfield/theme.js +4 -1
- package/dist/components/nav/tabs/TabHolder.svelte +29 -3
- package/dist/components/nav/tabs/TabHolder.svelte.d.ts +3 -1
- package/dist/components/time/TimeField.svelte +13 -7
- package/dist/components/time/TimeField.svelte.d.ts +6 -0
- package/dist/components/time/TimepickerInput.svelte +8 -4
- package/dist/components/time/types.d.ts +11 -1
- package/dist/utils/icon/loadingShapes.js +11 -10
- package/package.json +1 -1
|
@@ -1,33 +1,42 @@
|
|
|
1
|
-
//
|
|
1
|
+
// 35 shapes
|
|
2
2
|
// 0,0,48,48 viewport, 38x38 shapes
|
|
3
3
|
// 120 points
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
|
11
|
-
export const
|
|
12
|
-
export const
|
|
13
|
-
export const
|
|
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
|
|
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
|
|
32
|
-
export const
|
|
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
|
-
{
|
|
124
|
-
|
|
125
|
-
<DatePicker.
|
|
126
|
-
<DatePicker.
|
|
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
|
|
138
|
-
<DatePicker.
|
|
139
|
-
|
|
140
|
-
|
|
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
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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">;
|