@payfit/unity-illustrations 1.1.0 → 1.2.0

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 (199) hide show
  1. package/dist/esm/components/illustration/Illustration.js +40 -28
  2. package/dist/esm/docs/blocks/AnimationLibrary.d.ts +2 -0
  3. package/dist/esm/generated/AccountingAnimation.d.ts +20 -0
  4. package/dist/esm/generated/AccountingAnimation.js +12 -0
  5. package/dist/esm/generated/BinocularsAnimation.d.ts +20 -0
  6. package/dist/esm/generated/BinocularsAnimation.js +12 -0
  7. package/dist/esm/generated/BlankPayslip.d.ts +20 -0
  8. package/dist/esm/generated/BlankPayslip.js +10 -0
  9. package/dist/esm/generated/CardAnimation.d.ts +20 -0
  10. package/dist/esm/generated/CardAnimation.js +12 -0
  11. package/dist/esm/generated/ClockAnimation.d.ts +20 -0
  12. package/dist/esm/generated/ClockAnimation.js +12 -0
  13. package/dist/esm/generated/ConfettisAnimation.d.ts +20 -0
  14. package/dist/esm/generated/ConfettisAnimation.js +12 -0
  15. package/dist/esm/generated/DocumentAnimation.d.ts +20 -0
  16. package/dist/esm/generated/DocumentAnimation.js +12 -0
  17. package/dist/esm/generated/EmptyState.d.ts +20 -0
  18. package/dist/esm/generated/EmptyState.js +10 -0
  19. package/dist/esm/generated/ExceptionalCompensation.d.ts +20 -0
  20. package/dist/esm/generated/ExceptionalCompensation.js +10 -0
  21. package/dist/esm/generated/FreeShare.d.ts +20 -0
  22. package/dist/esm/generated/FreeShare.js +10 -0
  23. package/dist/esm/generated/FullCalendar.d.ts +20 -0
  24. package/dist/esm/generated/FullCalendar.js +10 -0
  25. package/dist/esm/generated/Gift.d.ts +20 -0
  26. package/dist/esm/generated/Gift.js +10 -0
  27. package/dist/esm/generated/HalfCalendar.d.ts +20 -0
  28. package/dist/esm/generated/HalfCalendar.js +10 -0
  29. package/dist/esm/generated/HandsAnimation.d.ts +20 -0
  30. package/dist/esm/generated/HandsAnimation.js +12 -0
  31. package/dist/esm/generated/HolidayVoucher.d.ts +20 -0
  32. package/dist/esm/generated/HolidayVoucher.js +10 -0
  33. package/dist/esm/generated/KpmgAnimation.d.ts +20 -0
  34. package/dist/esm/generated/KpmgAnimation.js +12 -0
  35. package/dist/esm/generated/MealPlate.d.ts +20 -0
  36. package/dist/esm/generated/MealPlate.js +10 -0
  37. package/dist/esm/generated/MoneyLending.d.ts +20 -0
  38. package/dist/esm/generated/MoneyLending.js +10 -0
  39. package/dist/esm/generated/OfficialLetter.d.ts +20 -0
  40. package/dist/esm/generated/OfficialLetter.js +10 -0
  41. package/dist/esm/generated/PanelAnimation.d.ts +20 -0
  42. package/dist/esm/generated/PanelAnimation.js +12 -0
  43. package/dist/esm/generated/PaperPlaneAnimation.d.ts +20 -0
  44. package/dist/esm/generated/PaperPlaneAnimation.js +12 -0
  45. package/dist/esm/generated/PartyAnimation.d.ts +20 -0
  46. package/dist/esm/generated/PartyAnimation.js +12 -0
  47. package/dist/esm/generated/PayslipCoins.d.ts +20 -0
  48. package/dist/esm/generated/PayslipCoins.js +10 -0
  49. package/dist/esm/generated/PayslipFlipAnimation.d.ts +20 -0
  50. package/dist/esm/generated/PayslipFlipAnimation.js +12 -0
  51. package/dist/esm/generated/PeopleAnimation.d.ts +20 -0
  52. package/dist/esm/generated/PeopleAnimation.js +12 -0
  53. package/dist/esm/generated/PiggyBankAnimation.d.ts +20 -0
  54. package/dist/esm/generated/PiggyBankAnimation.js +12 -0
  55. package/dist/esm/generated/PiggyBankCoins.d.ts +20 -0
  56. package/dist/esm/generated/PiggyBankCoins.js +10 -0
  57. package/dist/esm/generated/PlantAnimation.d.ts +20 -0
  58. package/dist/esm/generated/PlantAnimation.js +12 -0
  59. package/dist/esm/generated/Promotion.d.ts +20 -0
  60. package/dist/esm/generated/Promotion.js +10 -0
  61. package/dist/esm/generated/SalarySeizure.d.ts +20 -0
  62. package/dist/esm/generated/SalarySeizure.js +10 -0
  63. package/dist/esm/generated/ScheduleAnimation.d.ts +20 -0
  64. package/dist/esm/generated/ScheduleAnimation.js +12 -0
  65. package/dist/esm/generated/StockOptions.d.ts +20 -0
  66. package/dist/esm/generated/StockOptions.js +10 -0
  67. package/dist/esm/generated/ThumbsupAnimation.d.ts +20 -0
  68. package/dist/esm/generated/ThumbsupAnimation.js +12 -0
  69. package/dist/esm/generated/TokenCoin.d.ts +20 -0
  70. package/dist/esm/generated/TokenCoin.js +10 -0
  71. package/dist/esm/generated/WinterPartyAnimation.d.ts +20 -0
  72. package/dist/esm/generated/WinterPartyAnimation.js +12 -0
  73. package/dist/esm/generated/WorkExpense.d.ts +20 -0
  74. package/dist/esm/generated/WorkExpense.js +10 -0
  75. package/dist/esm/generated/assets/AccountingAnimation.webp.js +4 -0
  76. package/dist/esm/generated/assets/BinocularsAnimation.webp.js +4 -0
  77. package/dist/esm/generated/assets/BlankPayslip.svg.js +4 -0
  78. package/dist/esm/generated/assets/CardAnimation.webp.js +4 -0
  79. package/dist/esm/generated/assets/ClockAnimation.webp.js +4 -0
  80. package/dist/esm/generated/assets/ConfettisAnimation.webp.js +4 -0
  81. package/dist/esm/generated/assets/DocumentAnimation.webp.js +4 -0
  82. package/dist/esm/generated/assets/EmptyState.svg.js +4 -0
  83. package/dist/esm/generated/assets/ExceptionalCompensation.svg.js +4 -0
  84. package/dist/esm/generated/assets/FreeShare.svg.js +4 -0
  85. package/dist/esm/generated/assets/FullCalendar.svg.js +4 -0
  86. package/dist/esm/generated/assets/Gift.svg.js +4 -0
  87. package/dist/esm/generated/assets/HalfCalendar.svg.js +4 -0
  88. package/dist/esm/generated/assets/HandsAnimation.webp.js +4 -0
  89. package/dist/esm/generated/assets/HolidayVoucher.svg.js +4 -0
  90. package/dist/esm/generated/assets/KpmgAnimation.webp.js +4 -0
  91. package/dist/esm/generated/assets/MealPlate.svg.js +4 -0
  92. package/dist/esm/generated/assets/MoneyLending.svg.js +4 -0
  93. package/dist/esm/generated/assets/OfficialLetter.svg.js +4 -0
  94. package/dist/esm/generated/assets/PanelAnimation.webp.js +4 -0
  95. package/dist/esm/generated/assets/PaperPlaneAnimation.webp.js +4 -0
  96. package/dist/esm/generated/assets/PartyAnimation.webp.js +4 -0
  97. package/dist/esm/generated/assets/PayslipCoins.svg.js +4 -0
  98. package/dist/esm/generated/assets/PayslipFlipAnimation.webp.js +4 -0
  99. package/dist/esm/generated/assets/PeopleAnimation.webp.js +4 -0
  100. package/dist/esm/generated/assets/PiggyBankAnimation.webp.js +4 -0
  101. package/dist/esm/generated/assets/PiggyBankCoins.svg.js +4 -0
  102. package/dist/esm/generated/assets/PlantAnimation.webp.js +4 -0
  103. package/dist/esm/generated/assets/Promotion.svg.js +4 -0
  104. package/dist/esm/generated/assets/SalarySeizure.svg.js +4 -0
  105. package/dist/esm/generated/assets/ScheduleAnimation.webp.js +4 -0
  106. package/dist/esm/generated/assets/StockOptions.svg.js +4 -0
  107. package/dist/esm/generated/assets/ThumbsupAnimation.webp.js +4 -0
  108. package/dist/esm/generated/assets/TokenCoin.svg.js +4 -0
  109. package/dist/esm/generated/assets/WinterPartyAnimation.webp.js +4 -0
  110. package/dist/esm/generated/assets/WorkExpense.svg.js +4 -0
  111. package/dist/esm/generated/illustrationAssets.d.ts +111 -3
  112. package/dist/esm/generated/illustrationAssets.js +37 -1
  113. package/dist/esm/generated/types.d.ts +9 -1
  114. package/dist/esm/scripts/templates/assetTemplate.d.ts +5 -0
  115. package/package.json +14 -9
  116. package/src/components/illustration/Illustration.stories.tsx +66 -0
  117. package/src/components/illustration/Illustration.tsx +24 -2
  118. package/src/components/lazy-illustration/LazyIllustration.stories.tsx +19 -0
  119. package/src/docs/2-Reference/2-Find my animation.mdx +14 -0
  120. package/src/docs/blocks/AnimationLibrary.tsx +144 -0
  121. package/src/docs/blocks/IllustrationLibrary.tsx +3 -1
  122. package/src/generated/AccountingAnimation.ts +33 -0
  123. package/src/generated/BinocularsAnimation.ts +33 -0
  124. package/src/generated/BlankPayslip.ts +31 -0
  125. package/src/generated/CardAnimation.ts +33 -0
  126. package/src/generated/ClockAnimation.ts +33 -0
  127. package/src/generated/ConfettisAnimation.ts +33 -0
  128. package/src/generated/DocumentAnimation.ts +33 -0
  129. package/src/generated/EmptyState.ts +31 -0
  130. package/src/generated/ExceptionalCompensation.ts +31 -0
  131. package/src/generated/FreeShare.ts +31 -0
  132. package/src/generated/FullCalendar.ts +31 -0
  133. package/src/generated/Gift.ts +31 -0
  134. package/src/generated/HalfCalendar.ts +31 -0
  135. package/src/generated/HandsAnimation.ts +33 -0
  136. package/src/generated/HolidayVoucher.ts +31 -0
  137. package/src/generated/KpmgAnimation.ts +33 -0
  138. package/src/generated/MealPlate.ts +31 -0
  139. package/src/generated/MoneyLending.ts +31 -0
  140. package/src/generated/OfficialLetter.ts +31 -0
  141. package/src/generated/PanelAnimation.ts +33 -0
  142. package/src/generated/PaperPlaneAnimation.ts +33 -0
  143. package/src/generated/PartyAnimation.ts +33 -0
  144. package/src/generated/PayslipCoins.ts +31 -0
  145. package/src/generated/PayslipFlipAnimation.ts +33 -0
  146. package/src/generated/PeopleAnimation.ts +33 -0
  147. package/src/generated/PiggyBankAnimation.ts +33 -0
  148. package/src/generated/PiggyBankCoins.ts +31 -0
  149. package/src/generated/PlantAnimation.ts +33 -0
  150. package/src/generated/Promotion.ts +31 -0
  151. package/src/generated/SalarySeizure.ts +31 -0
  152. package/src/generated/ScheduleAnimation.ts +33 -0
  153. package/src/generated/StockOptions.ts +31 -0
  154. package/src/generated/ThumbsupAnimation.ts +33 -0
  155. package/src/generated/TokenCoin.ts +31 -0
  156. package/src/generated/WinterPartyAnimation.ts +33 -0
  157. package/src/generated/WorkExpense.ts +31 -0
  158. package/src/generated/assets/AccountingAnimation.webp +0 -0
  159. package/src/generated/assets/BinocularsAnimation.webp +0 -0
  160. package/src/generated/assets/BlankPayslip.svg +1 -0
  161. package/src/generated/assets/CardAnimation.webp +0 -0
  162. package/src/generated/assets/ClockAnimation.webp +0 -0
  163. package/src/generated/assets/ConfettisAnimation.webp +0 -0
  164. package/src/generated/assets/DocumentAnimation.webp +0 -0
  165. package/src/generated/assets/EmptyState.svg +1 -0
  166. package/src/generated/assets/ExceptionalCompensation.svg +1 -0
  167. package/src/generated/assets/FreeShare.svg +1 -0
  168. package/src/generated/assets/FullCalendar.svg +1 -0
  169. package/src/generated/assets/Gift.svg +1 -0
  170. package/src/generated/assets/HalfCalendar.svg +1 -0
  171. package/src/generated/assets/HandsAnimation.webp +0 -0
  172. package/src/generated/assets/HolidayVoucher.svg +1 -0
  173. package/src/generated/assets/KpmgAnimation.webp +0 -0
  174. package/src/generated/assets/MealPlate.svg +1 -0
  175. package/src/generated/assets/MoneyLending.svg +1 -0
  176. package/src/generated/assets/OfficialLetter.svg +1 -0
  177. package/src/generated/assets/PanelAnimation.webp +0 -0
  178. package/src/generated/assets/PaperPlaneAnimation.webp +0 -0
  179. package/src/generated/assets/PartyAnimation.webp +0 -0
  180. package/src/generated/assets/PayslipCoins.svg +1 -0
  181. package/src/generated/assets/PayslipFlipAnimation.webp +0 -0
  182. package/src/generated/assets/PeopleAnimation.webp +0 -0
  183. package/src/generated/assets/PiggyBankAnimation.webp +0 -0
  184. package/src/generated/assets/PiggyBankCoins.svg +1 -0
  185. package/src/generated/assets/PlantAnimation.webp +0 -0
  186. package/src/generated/assets/Promotion.svg +1 -0
  187. package/src/generated/assets/SalarySeizure.svg +1 -0
  188. package/src/generated/assets/ScheduleAnimation.webp +0 -0
  189. package/src/generated/assets/StockOptions.svg +1 -0
  190. package/src/generated/assets/ThumbsupAnimation.webp +0 -0
  191. package/src/generated/assets/TokenCoin.svg +1 -0
  192. package/src/generated/assets/WinterPartyAnimation.webp +0 -0
  193. package/src/generated/assets/WorkExpense.svg +1 -0
  194. package/src/generated/illustrationAssets.ts +119 -10
  195. package/src/generated/types.ts +10 -1
  196. package/src/scripts/generate-assets.ts +98 -14
  197. package/src/scripts/templates/assetTemplate.ts +55 -2
  198. package/src/scripts/templates/baseTypes.ts +10 -1
  199. package/src/scripts/templates/indexTemplate.ts +2 -1
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=empty_state, With background=no.svg
3
+ import svgUrl from './assets/EmptyState.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type EmptyStateAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'EmptyState'
8
+ }>
9
+
10
+ /**
11
+ * EmptyState illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import EmptyState from '@payfit/unity-illustrations/EmptyState'
16
+ *
17
+ * <Illustration
18
+ * illustration={EmptyState}
19
+ * alt="EmptyState illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const EmptyState: EmptyStateAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'EmptyState',
29
+ } as EmptyStateAsset
30
+
31
+ export default EmptyState
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=exceptional_compensation, With background=no.svg
3
+ import svgUrl from './assets/ExceptionalCompensation.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type ExceptionalCompensationAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'ExceptionalCompensation'
8
+ }>
9
+
10
+ /**
11
+ * ExceptionalCompensation illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import ExceptionalCompensation from '@payfit/unity-illustrations/ExceptionalCompensation'
16
+ *
17
+ * <Illustration
18
+ * illustration={ExceptionalCompensation}
19
+ * alt="ExceptionalCompensation illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const ExceptionalCompensation: ExceptionalCompensationAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'ExceptionalCompensation',
29
+ } as ExceptionalCompensationAsset
30
+
31
+ export default ExceptionalCompensation
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=free_share, With background=no.svg
3
+ import svgUrl from './assets/FreeShare.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type FreeShareAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'FreeShare'
8
+ }>
9
+
10
+ /**
11
+ * FreeShare illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import FreeShare from '@payfit/unity-illustrations/FreeShare'
16
+ *
17
+ * <Illustration
18
+ * illustration={FreeShare}
19
+ * alt="FreeShare illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const FreeShare: FreeShareAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'FreeShare',
29
+ } as FreeShareAsset
30
+
31
+ export default FreeShare
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=full_calendar, With background=no.svg
3
+ import svgUrl from './assets/FullCalendar.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type FullCalendarAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'FullCalendar'
8
+ }>
9
+
10
+ /**
11
+ * FullCalendar illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import FullCalendar from '@payfit/unity-illustrations/FullCalendar'
16
+ *
17
+ * <Illustration
18
+ * illustration={FullCalendar}
19
+ * alt="FullCalendar illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const FullCalendar: FullCalendarAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'FullCalendar',
29
+ } as FullCalendarAsset
30
+
31
+ export default FullCalendar
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=gift, With background=no.svg
3
+ import svgUrl from './assets/Gift.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type GiftAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'Gift'
8
+ }>
9
+
10
+ /**
11
+ * Gift illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import Gift from '@payfit/unity-illustrations/Gift'
16
+ *
17
+ * <Illustration
18
+ * illustration={Gift}
19
+ * alt="Gift illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const Gift: GiftAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'Gift',
29
+ } as GiftAsset
30
+
31
+ export default Gift
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=half_calendar, With background=no.svg
3
+ import svgUrl from './assets/HalfCalendar.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type HalfCalendarAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'HalfCalendar'
8
+ }>
9
+
10
+ /**
11
+ * HalfCalendar illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import HalfCalendar from '@payfit/unity-illustrations/HalfCalendar'
16
+ *
17
+ * <Illustration
18
+ * illustration={HalfCalendar}
19
+ * alt="HalfCalendar illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const HalfCalendar: HalfCalendarAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'HalfCalendar',
29
+ } as HalfCalendarAsset
30
+
31
+ export default HalfCalendar
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=hands.webp (Animated WEBP - 750x750)
3
+ import assetUrl from './assets/HandsAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type HandsAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'HandsAnimation'
8
+ }>
9
+
10
+ /**
11
+ * HandsAnimation animated illustration asset (750x750)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import HandsAnimation from '@payfit/unity-illustrations/HandsAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={HandsAnimation}
20
+ * alt="Hands animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const HandsAnimation: HandsAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 750, height: 750 },
29
+ category: 'animation',
30
+ name: 'HandsAnimation',
31
+ } as HandsAnimationAsset
32
+
33
+ export default HandsAnimation
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=holiday_voucher, With background=no.svg
3
+ import svgUrl from './assets/HolidayVoucher.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type HolidayVoucherAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'HolidayVoucher'
8
+ }>
9
+
10
+ /**
11
+ * HolidayVoucher illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import HolidayVoucher from '@payfit/unity-illustrations/HolidayVoucher'
16
+ *
17
+ * <Illustration
18
+ * illustration={HolidayVoucher}
19
+ * alt="HolidayVoucher illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const HolidayVoucher: HolidayVoucherAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'HolidayVoucher',
29
+ } as HolidayVoucherAsset
30
+
31
+ export default HolidayVoucher
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=kpmg.webp (Animated WEBP - 224x224)
3
+ import assetUrl from './assets/KpmgAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type KpmgAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'KpmgAnimation'
8
+ }>
9
+
10
+ /**
11
+ * KpmgAnimation animated illustration asset (224x224)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import KpmgAnimation from '@payfit/unity-illustrations/KpmgAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={KpmgAnimation}
20
+ * alt="Kpmg animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const KpmgAnimation: KpmgAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 224, height: 224 },
29
+ category: 'animation',
30
+ name: 'KpmgAnimation',
31
+ } as KpmgAnimationAsset
32
+
33
+ export default KpmgAnimation
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=meal_plate, With background=no.svg
3
+ import svgUrl from './assets/MealPlate.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type MealPlateAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'MealPlate'
8
+ }>
9
+
10
+ /**
11
+ * MealPlate illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import MealPlate from '@payfit/unity-illustrations/MealPlate'
16
+ *
17
+ * <Illustration
18
+ * illustration={MealPlate}
19
+ * alt="MealPlate illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const MealPlate: MealPlateAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'MealPlate',
29
+ } as MealPlateAsset
30
+
31
+ export default MealPlate
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=money_lending, With background=no.svg
3
+ import svgUrl from './assets/MoneyLending.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type MoneyLendingAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'MoneyLending'
8
+ }>
9
+
10
+ /**
11
+ * MoneyLending illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import MoneyLending from '@payfit/unity-illustrations/MoneyLending'
16
+ *
17
+ * <Illustration
18
+ * illustration={MoneyLending}
19
+ * alt="MoneyLending illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const MoneyLending: MoneyLendingAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'MoneyLending',
29
+ } as MoneyLendingAsset
30
+
31
+ export default MoneyLending
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=official_letter, With background=no.svg
3
+ import svgUrl from './assets/OfficialLetter.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type OfficialLetterAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'OfficialLetter'
8
+ }>
9
+
10
+ /**
11
+ * OfficialLetter illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import OfficialLetter from '@payfit/unity-illustrations/OfficialLetter'
16
+ *
17
+ * <Illustration
18
+ * illustration={OfficialLetter}
19
+ * alt="OfficialLetter illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const OfficialLetter: OfficialLetterAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'OfficialLetter',
29
+ } as OfficialLetterAsset
30
+
31
+ export default OfficialLetter
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=panel.webp (Animated WEBP - 750x750)
3
+ import assetUrl from './assets/PanelAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PanelAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PanelAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PanelAnimation animated illustration asset (750x750)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PanelAnimation from '@payfit/unity-illustrations/PanelAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PanelAnimation}
20
+ * alt="Panel animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PanelAnimation: PanelAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 750, height: 750 },
29
+ category: 'animation',
30
+ name: 'PanelAnimation',
31
+ } as PanelAnimationAsset
32
+
33
+ export default PanelAnimation
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=paper_plane.webp (Animated WEBP - 750x750)
3
+ import assetUrl from './assets/PaperPlaneAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PaperPlaneAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PaperPlaneAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PaperPlaneAnimation animated illustration asset (750x750)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PaperPlaneAnimation from '@payfit/unity-illustrations/PaperPlaneAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PaperPlaneAnimation}
20
+ * alt="PaperPlane animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PaperPlaneAnimation: PaperPlaneAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 750, height: 750 },
29
+ category: 'animation',
30
+ name: 'PaperPlaneAnimation',
31
+ } as PaperPlaneAnimationAsset
32
+
33
+ export default PaperPlaneAnimation
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=party.webp (Animated WEBP - 1600x816)
3
+ import assetUrl from './assets/PartyAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PartyAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PartyAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PartyAnimation animated illustration asset (1600x816)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PartyAnimation from '@payfit/unity-illustrations/PartyAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PartyAnimation}
20
+ * alt="Party animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PartyAnimation: PartyAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 1600, height: 816 },
29
+ category: 'animation',
30
+ name: 'PartyAnimation',
31
+ } as PartyAnimationAsset
32
+
33
+ export default PartyAnimation
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=payslip_coins, With background=no.svg
3
+ import svgUrl from './assets/PayslipCoins.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type PayslipCoinsAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'PayslipCoins'
8
+ }>
9
+
10
+ /**
11
+ * PayslipCoins illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PayslipCoins from '@payfit/unity-illustrations/PayslipCoins'
16
+ *
17
+ * <Illustration
18
+ * illustration={PayslipCoins}
19
+ * alt="PayslipCoins illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const PayslipCoins: PayslipCoinsAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'PayslipCoins',
29
+ } as PayslipCoinsAsset
30
+
31
+ export default PayslipCoins
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=payslip_flip.webp (Animated WEBP - 300x300)
3
+ import assetUrl from './assets/PayslipFlipAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PayslipFlipAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PayslipFlipAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PayslipFlipAnimation animated illustration asset (300x300)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PayslipFlipAnimation from '@payfit/unity-illustrations/PayslipFlipAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PayslipFlipAnimation}
20
+ * alt="PayslipFlip animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PayslipFlipAnimation: PayslipFlipAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 300, height: 300 },
29
+ category: 'animation',
30
+ name: 'PayslipFlipAnimation',
31
+ } as PayslipFlipAnimationAsset
32
+
33
+ export default PayslipFlipAnimation
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=people.webp (Animated WEBP - 224x224)
3
+ import assetUrl from './assets/PeopleAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PeopleAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PeopleAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PeopleAnimation animated illustration asset (224x224)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PeopleAnimation from '@payfit/unity-illustrations/PeopleAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PeopleAnimation}
20
+ * alt="People animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PeopleAnimation: PeopleAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 224, height: 224 },
29
+ category: 'animation',
30
+ name: 'PeopleAnimation',
31
+ } as PeopleAnimationAsset
32
+
33
+ export default PeopleAnimation
@@ -0,0 +1,33 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Type=Animation,Name=piggy_bank.webp (Animated WEBP - 224x224)
3
+ import assetUrl from './assets/PiggyBankAnimation.webp'
4
+ import type { IllustrationAsset, BaseAnimatedImageAsset } from './types'
5
+
6
+ export type PiggyBankAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
7
+ readonly name: 'PiggyBankAnimation'
8
+ }>
9
+
10
+ /**
11
+ * PiggyBankAnimation animated illustration asset (224x224)
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PiggyBankAnimation from '@payfit/unity-illustrations/PiggyBankAnimation'
16
+ *
17
+ * <Illustration
18
+ * variant="picture"
19
+ * src={PiggyBankAnimation}
20
+ * alt="PiggyBank animation"
21
+ * />
22
+ * ```
23
+ */
24
+ const PiggyBankAnimation: PiggyBankAnimationAsset = {
25
+ type: 'image',
26
+ url: assetUrl,
27
+ animated: true,
28
+ dimensions: { width: 224, height: 224 },
29
+ category: 'animation',
30
+ name: 'PiggyBankAnimation',
31
+ } as PiggyBankAnimationAsset
32
+
33
+ export default PiggyBankAnimation
@@ -0,0 +1,31 @@
1
+ // AUTO-GENERATED FILE. DO NOT EDIT.
2
+ // Source: Size=large, Type=generic, Name=piggy_bank_coins, With background=no.svg
3
+ import svgUrl from './assets/PiggyBankCoins.svg'
4
+ import type { IllustrationAsset, BaseSvgAsset } from './types'
5
+
6
+ export type PiggyBankCoinsAsset = IllustrationAsset<BaseSvgAsset & {
7
+ readonly name: 'PiggyBankCoins'
8
+ }>
9
+
10
+ /**
11
+ * PiggyBankCoins illustration asset
12
+ * @example
13
+ * ```tsx
14
+ * import { Illustration } from '@payfit/unity-illustrations'
15
+ * import PiggyBankCoins from '@payfit/unity-illustrations/PiggyBankCoins'
16
+ *
17
+ * <Illustration
18
+ * illustration={PiggyBankCoins}
19
+ * alt="PiggyBankCoins illustration"
20
+ * size="md"
21
+ * />
22
+ * ```
23
+ */
24
+ const PiggyBankCoins: PiggyBankCoinsAsset = {
25
+ type: 'svg',
26
+ url: svgUrl,
27
+ animated: false,
28
+ name: 'PiggyBankCoins',
29
+ } as PiggyBankCoinsAsset
30
+
31
+ export default PiggyBankCoins