@payfit/unity-illustrations 1.1.1-beta.1 → 2.0.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.
- package/dist/esm/components/illustration/Illustration.js +40 -28
- package/dist/esm/docs/blocks/AnimationLibrary.d.ts +2 -0
- package/dist/esm/generated/AccountingAnimation.d.ts +20 -0
- package/dist/esm/generated/AccountingAnimation.js +12 -0
- package/dist/esm/generated/BinocularsAnimation.d.ts +20 -0
- package/dist/esm/generated/BinocularsAnimation.js +12 -0
- package/dist/esm/generated/BlankPayslip.d.ts +20 -0
- package/dist/esm/generated/BlankPayslip.js +10 -0
- package/dist/esm/generated/CardAnimation.d.ts +20 -0
- package/dist/esm/generated/CardAnimation.js +12 -0
- package/dist/esm/generated/ClockAnimation.d.ts +20 -0
- package/dist/esm/generated/ClockAnimation.js +12 -0
- package/dist/esm/generated/ConfettisAnimation.d.ts +20 -0
- package/dist/esm/generated/ConfettisAnimation.js +12 -0
- package/dist/esm/generated/DocumentAnimation.d.ts +20 -0
- package/dist/esm/generated/DocumentAnimation.js +12 -0
- package/dist/esm/generated/EmptyState.d.ts +20 -0
- package/dist/esm/generated/EmptyState.js +10 -0
- package/dist/esm/generated/ExceptionalCompensation.d.ts +20 -0
- package/dist/esm/generated/ExceptionalCompensation.js +10 -0
- package/dist/esm/generated/FreeShare.d.ts +20 -0
- package/dist/esm/generated/FreeShare.js +10 -0
- package/dist/esm/generated/FullCalendar.d.ts +20 -0
- package/dist/esm/generated/FullCalendar.js +10 -0
- package/dist/esm/generated/Gift.d.ts +20 -0
- package/dist/esm/generated/Gift.js +10 -0
- package/dist/esm/generated/HalfCalendar.d.ts +20 -0
- package/dist/esm/generated/HalfCalendar.js +10 -0
- package/dist/esm/generated/HandsAnimation.d.ts +20 -0
- package/dist/esm/generated/HandsAnimation.js +12 -0
- package/dist/esm/generated/HolidayVoucher.d.ts +20 -0
- package/dist/esm/generated/HolidayVoucher.js +10 -0
- package/dist/esm/generated/KpmgAnimation.d.ts +20 -0
- package/dist/esm/generated/KpmgAnimation.js +12 -0
- package/dist/esm/generated/MealPlate.d.ts +20 -0
- package/dist/esm/generated/MealPlate.js +10 -0
- package/dist/esm/generated/MoneyLending.d.ts +20 -0
- package/dist/esm/generated/MoneyLending.js +10 -0
- package/dist/esm/generated/OfficialLetter.d.ts +20 -0
- package/dist/esm/generated/OfficialLetter.js +10 -0
- package/dist/esm/generated/PanelAnimation.d.ts +20 -0
- package/dist/esm/generated/PanelAnimation.js +12 -0
- package/dist/esm/generated/PaperPlaneAnimation.d.ts +20 -0
- package/dist/esm/generated/PaperPlaneAnimation.js +12 -0
- package/dist/esm/generated/PartyAnimation.d.ts +20 -0
- package/dist/esm/generated/PartyAnimation.js +12 -0
- package/dist/esm/generated/PayslipCoins.d.ts +20 -0
- package/dist/esm/generated/PayslipCoins.js +10 -0
- package/dist/esm/generated/PayslipFlipAnimation.d.ts +20 -0
- package/dist/esm/generated/PayslipFlipAnimation.js +12 -0
- package/dist/esm/generated/PeopleAnimation.d.ts +20 -0
- package/dist/esm/generated/PeopleAnimation.js +12 -0
- package/dist/esm/generated/PiggyBankAnimation.d.ts +20 -0
- package/dist/esm/generated/PiggyBankAnimation.js +12 -0
- package/dist/esm/generated/PiggyBankCoins.d.ts +20 -0
- package/dist/esm/generated/PiggyBankCoins.js +10 -0
- package/dist/esm/generated/PlantAnimation.d.ts +20 -0
- package/dist/esm/generated/PlantAnimation.js +12 -0
- package/dist/esm/generated/Promotion.d.ts +20 -0
- package/dist/esm/generated/Promotion.js +10 -0
- package/dist/esm/generated/SalarySeizure.d.ts +20 -0
- package/dist/esm/generated/SalarySeizure.js +10 -0
- package/dist/esm/generated/ScheduleAnimation.d.ts +20 -0
- package/dist/esm/generated/ScheduleAnimation.js +12 -0
- package/dist/esm/generated/StockOptions.d.ts +20 -0
- package/dist/esm/generated/StockOptions.js +10 -0
- package/dist/esm/generated/ThumbsupAnimation.d.ts +20 -0
- package/dist/esm/generated/ThumbsupAnimation.js +12 -0
- package/dist/esm/generated/TokenCoin.d.ts +20 -0
- package/dist/esm/generated/TokenCoin.js +10 -0
- package/dist/esm/generated/WinterPartyAnimation.d.ts +20 -0
- package/dist/esm/generated/WinterPartyAnimation.js +12 -0
- package/dist/esm/generated/WorkExpense.d.ts +20 -0
- package/dist/esm/generated/WorkExpense.js +10 -0
- package/dist/esm/generated/assets/AccountingAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/BinocularsAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/BlankPayslip.svg.js +4 -0
- package/dist/esm/generated/assets/CardAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/ClockAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/ConfettisAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/DocumentAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/EmptyState.svg.js +4 -0
- package/dist/esm/generated/assets/ExceptionalCompensation.svg.js +4 -0
- package/dist/esm/generated/assets/FreeShare.svg.js +4 -0
- package/dist/esm/generated/assets/FullCalendar.svg.js +4 -0
- package/dist/esm/generated/assets/Gift.svg.js +4 -0
- package/dist/esm/generated/assets/HalfCalendar.svg.js +4 -0
- package/dist/esm/generated/assets/HandsAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/HolidayVoucher.svg.js +4 -0
- package/dist/esm/generated/assets/KpmgAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/MealPlate.svg.js +4 -0
- package/dist/esm/generated/assets/MoneyLending.svg.js +4 -0
- package/dist/esm/generated/assets/OfficialLetter.svg.js +4 -0
- package/dist/esm/generated/assets/PanelAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PaperPlaneAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PartyAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PayslipCoins.svg.js +4 -0
- package/dist/esm/generated/assets/PayslipFlipAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PeopleAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PiggyBankAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/PiggyBankCoins.svg.js +4 -0
- package/dist/esm/generated/assets/PlantAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/Promotion.svg.js +4 -0
- package/dist/esm/generated/assets/SalarySeizure.svg.js +4 -0
- package/dist/esm/generated/assets/ScheduleAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/StockOptions.svg.js +4 -0
- package/dist/esm/generated/assets/ThumbsupAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/TokenCoin.svg.js +4 -0
- package/dist/esm/generated/assets/WinterPartyAnimation.webp.js +4 -0
- package/dist/esm/generated/assets/WorkExpense.svg.js +4 -0
- package/dist/esm/generated/illustrationAssets.d.ts +111 -3
- package/dist/esm/generated/illustrationAssets.js +37 -1
- package/dist/esm/generated/types.d.ts +9 -1
- package/dist/esm/scripts/templates/assetTemplate.d.ts +5 -0
- package/package.json +14 -12
- package/src/components/illustration/Illustration.stories.tsx +66 -0
- package/src/components/illustration/Illustration.tsx +24 -2
- package/src/components/lazy-illustration/LazyIllustration.stories.tsx +19 -0
- package/src/docs/2-Reference/2-Find my animation.mdx +14 -0
- package/src/docs/blocks/AnimationLibrary.tsx +144 -0
- package/src/docs/blocks/IllustrationLibrary.tsx +3 -1
- package/src/generated/AccountingAnimation.ts +33 -0
- package/src/generated/BinocularsAnimation.ts +33 -0
- package/src/generated/BlankPayslip.ts +31 -0
- package/src/generated/CardAnimation.ts +33 -0
- package/src/generated/ClockAnimation.ts +33 -0
- package/src/generated/ConfettisAnimation.ts +33 -0
- package/src/generated/DocumentAnimation.ts +33 -0
- package/src/generated/EmptyState.ts +31 -0
- package/src/generated/ExceptionalCompensation.ts +31 -0
- package/src/generated/FreeShare.ts +31 -0
- package/src/generated/FullCalendar.ts +31 -0
- package/src/generated/Gift.ts +31 -0
- package/src/generated/HalfCalendar.ts +31 -0
- package/src/generated/HandsAnimation.ts +33 -0
- package/src/generated/HolidayVoucher.ts +31 -0
- package/src/generated/KpmgAnimation.ts +33 -0
- package/src/generated/MealPlate.ts +31 -0
- package/src/generated/MoneyLending.ts +31 -0
- package/src/generated/OfficialLetter.ts +31 -0
- package/src/generated/PanelAnimation.ts +33 -0
- package/src/generated/PaperPlaneAnimation.ts +33 -0
- package/src/generated/PartyAnimation.ts +33 -0
- package/src/generated/PayslipCoins.ts +31 -0
- package/src/generated/PayslipFlipAnimation.ts +33 -0
- package/src/generated/PeopleAnimation.ts +33 -0
- package/src/generated/PiggyBankAnimation.ts +33 -0
- package/src/generated/PiggyBankCoins.ts +31 -0
- package/src/generated/PlantAnimation.ts +33 -0
- package/src/generated/Promotion.ts +31 -0
- package/src/generated/SalarySeizure.ts +31 -0
- package/src/generated/ScheduleAnimation.ts +33 -0
- package/src/generated/StockOptions.ts +31 -0
- package/src/generated/ThumbsupAnimation.ts +33 -0
- package/src/generated/TokenCoin.ts +31 -0
- package/src/generated/WinterPartyAnimation.ts +33 -0
- package/src/generated/WorkExpense.ts +31 -0
- package/src/generated/assets/AccountingAnimation.webp +0 -0
- package/src/generated/assets/BinocularsAnimation.webp +0 -0
- package/src/generated/assets/BlankPayslip.svg +1 -0
- package/src/generated/assets/CardAnimation.webp +0 -0
- package/src/generated/assets/ClockAnimation.webp +0 -0
- package/src/generated/assets/ConfettisAnimation.webp +0 -0
- package/src/generated/assets/DocumentAnimation.webp +0 -0
- package/src/generated/assets/EmptyState.svg +1 -0
- package/src/generated/assets/ExceptionalCompensation.svg +1 -0
- package/src/generated/assets/FreeShare.svg +1 -0
- package/src/generated/assets/FullCalendar.svg +1 -0
- package/src/generated/assets/Gift.svg +1 -0
- package/src/generated/assets/HalfCalendar.svg +1 -0
- package/src/generated/assets/HandsAnimation.webp +0 -0
- package/src/generated/assets/HolidayVoucher.svg +1 -0
- package/src/generated/assets/KpmgAnimation.webp +0 -0
- package/src/generated/assets/MealPlate.svg +1 -0
- package/src/generated/assets/MoneyLending.svg +1 -0
- package/src/generated/assets/OfficialLetter.svg +1 -0
- package/src/generated/assets/PanelAnimation.webp +0 -0
- package/src/generated/assets/PaperPlaneAnimation.webp +0 -0
- package/src/generated/assets/PartyAnimation.webp +0 -0
- package/src/generated/assets/PayslipCoins.svg +1 -0
- package/src/generated/assets/PayslipFlipAnimation.webp +0 -0
- package/src/generated/assets/PeopleAnimation.webp +0 -0
- package/src/generated/assets/PiggyBankAnimation.webp +0 -0
- package/src/generated/assets/PiggyBankCoins.svg +1 -0
- package/src/generated/assets/PlantAnimation.webp +0 -0
- package/src/generated/assets/Promotion.svg +1 -0
- package/src/generated/assets/SalarySeizure.svg +1 -0
- package/src/generated/assets/ScheduleAnimation.webp +0 -0
- package/src/generated/assets/StockOptions.svg +1 -0
- package/src/generated/assets/ThumbsupAnimation.webp +0 -0
- package/src/generated/assets/TokenCoin.svg +1 -0
- package/src/generated/assets/WinterPartyAnimation.webp +0 -0
- package/src/generated/assets/WorkExpense.svg +1 -0
- package/src/generated/illustrationAssets.ts +119 -10
- package/src/generated/types.ts +10 -1
- package/src/scripts/generate-assets.ts +98 -14
- package/src/scripts/templates/assetTemplate.ts +55 -2
- package/src/scripts/templates/baseTypes.ts +10 -1
- package/src/scripts/templates/indexTemplate.ts +2 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type MoneyLendingAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'MoneyLending';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* MoneyLending illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import MoneyLending from '@payfit/unity-illustrations/MoneyLending'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={MoneyLending}
|
|
14
|
+
* alt="MoneyLending illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const MoneyLending: MoneyLendingAsset;
|
|
20
|
+
export default MoneyLending;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type OfficialLetterAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'OfficialLetter';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* OfficialLetter illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import OfficialLetter from '@payfit/unity-illustrations/OfficialLetter'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={OfficialLetter}
|
|
14
|
+
* alt="OfficialLetter illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const OfficialLetter: OfficialLetterAsset;
|
|
20
|
+
export default OfficialLetter;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PanelAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PanelAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PanelAnimation animated illustration asset (750x750)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PanelAnimation from '@payfit/unity-illustrations/PanelAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PanelAnimation}
|
|
15
|
+
* alt="Panel animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PanelAnimation: PanelAnimationAsset;
|
|
20
|
+
export default PanelAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PaperPlaneAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PaperPlaneAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PaperPlaneAnimation animated illustration asset (750x750)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PaperPlaneAnimation from '@payfit/unity-illustrations/PaperPlaneAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PaperPlaneAnimation}
|
|
15
|
+
* alt="PaperPlane animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PaperPlaneAnimation: PaperPlaneAnimationAsset;
|
|
20
|
+
export default PaperPlaneAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PartyAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PartyAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PartyAnimation animated illustration asset (1600x816)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PartyAnimation from '@payfit/unity-illustrations/PartyAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PartyAnimation}
|
|
15
|
+
* alt="Party animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PartyAnimation: PartyAnimationAsset;
|
|
20
|
+
export default PartyAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type PayslipCoinsAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'PayslipCoins';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PayslipCoins illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PayslipCoins from '@payfit/unity-illustrations/PayslipCoins'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={PayslipCoins}
|
|
14
|
+
* alt="PayslipCoins illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PayslipCoins: PayslipCoinsAsset;
|
|
20
|
+
export default PayslipCoins;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PayslipFlipAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PayslipFlipAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PayslipFlipAnimation animated illustration asset (300x300)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PayslipFlipAnimation from '@payfit/unity-illustrations/PayslipFlipAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PayslipFlipAnimation}
|
|
15
|
+
* alt="PayslipFlip animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PayslipFlipAnimation: PayslipFlipAnimationAsset;
|
|
20
|
+
export default PayslipFlipAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PeopleAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PeopleAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PeopleAnimation animated illustration asset (224x224)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PeopleAnimation from '@payfit/unity-illustrations/PeopleAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PeopleAnimation}
|
|
15
|
+
* alt="People animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PeopleAnimation: PeopleAnimationAsset;
|
|
20
|
+
export default PeopleAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PiggyBankAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PiggyBankAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PiggyBankAnimation animated illustration asset (224x224)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PiggyBankAnimation from '@payfit/unity-illustrations/PiggyBankAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PiggyBankAnimation}
|
|
15
|
+
* alt="PiggyBank animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PiggyBankAnimation: PiggyBankAnimationAsset;
|
|
20
|
+
export default PiggyBankAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type PiggyBankCoinsAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'PiggyBankCoins';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PiggyBankCoins illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PiggyBankCoins from '@payfit/unity-illustrations/PiggyBankCoins'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={PiggyBankCoins}
|
|
14
|
+
* alt="PiggyBankCoins illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PiggyBankCoins: PiggyBankCoinsAsset;
|
|
20
|
+
export default PiggyBankCoins;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type PlantAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'PlantAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* PlantAnimation animated illustration asset (224x224)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import PlantAnimation from '@payfit/unity-illustrations/PlantAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={PlantAnimation}
|
|
15
|
+
* alt="Plant animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const PlantAnimation: PlantAnimationAsset;
|
|
20
|
+
export default PlantAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type PromotionAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'Promotion';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* Promotion illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import Promotion from '@payfit/unity-illustrations/Promotion'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={Promotion}
|
|
14
|
+
* alt="Promotion illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const Promotion: PromotionAsset;
|
|
20
|
+
export default Promotion;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type SalarySeizureAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'SalarySeizure';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* SalarySeizure illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import SalarySeizure from '@payfit/unity-illustrations/SalarySeizure'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={SalarySeizure}
|
|
14
|
+
* alt="SalarySeizure illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const SalarySeizure: SalarySeizureAsset;
|
|
20
|
+
export default SalarySeizure;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type ScheduleAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'ScheduleAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* ScheduleAnimation animated illustration asset (224x224)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import ScheduleAnimation from '@payfit/unity-illustrations/ScheduleAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={ScheduleAnimation}
|
|
15
|
+
* alt="Schedule animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const ScheduleAnimation: ScheduleAnimationAsset;
|
|
20
|
+
export default ScheduleAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type StockOptionsAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'StockOptions';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* StockOptions illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import StockOptions from '@payfit/unity-illustrations/StockOptions'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={StockOptions}
|
|
14
|
+
* alt="StockOptions illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const StockOptions: StockOptionsAsset;
|
|
20
|
+
export default StockOptions;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type ThumbsupAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'ThumbsupAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* ThumbsupAnimation animated illustration asset (1260x927)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import ThumbsupAnimation from '@payfit/unity-illustrations/ThumbsupAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={ThumbsupAnimation}
|
|
15
|
+
* alt="Thumbsup animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const ThumbsupAnimation: ThumbsupAnimationAsset;
|
|
20
|
+
export default ThumbsupAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type TokenCoinAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'TokenCoin';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* TokenCoin illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import TokenCoin from '@payfit/unity-illustrations/TokenCoin'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={TokenCoin}
|
|
14
|
+
* alt="TokenCoin illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const TokenCoin: TokenCoinAsset;
|
|
20
|
+
export default TokenCoin;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseAnimatedImageAsset } from './types.js';
|
|
2
|
+
export type WinterPartyAnimationAsset = IllustrationAsset<BaseAnimatedImageAsset & {
|
|
3
|
+
readonly name: 'WinterPartyAnimation';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* WinterPartyAnimation animated illustration asset (1600x816)
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import WinterPartyAnimation from '@payfit/unity-illustrations/WinterPartyAnimation'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* variant="picture"
|
|
14
|
+
* src={WinterPartyAnimation}
|
|
15
|
+
* alt="WinterParty animation"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const WinterPartyAnimation: WinterPartyAnimationAsset;
|
|
20
|
+
export default WinterPartyAnimation;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IllustrationAsset, BaseSvgAsset } from './types.js';
|
|
2
|
+
export type WorkExpenseAsset = IllustrationAsset<BaseSvgAsset & {
|
|
3
|
+
readonly name: 'WorkExpense';
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* WorkExpense illustration asset
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { Illustration } from '@payfit/unity-illustrations'
|
|
10
|
+
* import WorkExpense from '@payfit/unity-illustrations/WorkExpense'
|
|
11
|
+
*
|
|
12
|
+
* <Illustration
|
|
13
|
+
* illustration={WorkExpense}
|
|
14
|
+
* alt="WorkExpense illustration"
|
|
15
|
+
* size="md"
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const WorkExpense: WorkExpenseAsset;
|
|
20
|
+
export default WorkExpense;
|