@payfit/unity-illustrations 2.55.21 → 2.55.23
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/package.json +18 -11
- package/skills/unity-illustrations/SKILL.md +39 -0
- package/src/agent-references/illustrations-catalog.json +1996 -0
- package/src/agent-references/manifest.json +16 -0
- package/dist/esm/scripts/agent-references/illustration-reference.d.ts +0 -17
- package/src/agent-references/README.mdx +0 -17
- package/src/agent-references/illustrations.mdx +0 -74
- package/src/components/illustration/Illustration.stories.tsx +0 -362
- package/src/components/illustration/Illustration.tsx +0 -169
- package/src/components/illustration/figma/IllustrationLarge.figma.ts +0 -258
- package/src/components/illustration/figma/IllustrationMedium.figma.ts +0 -258
- package/src/components/illustration/figma/IllustrationSmall.figma.ts +0 -258
- package/src/components/lazy-illustration/LazyIllustration.stories.tsx +0 -204
- package/src/components/lazy-illustration/LazyIllustration.tsx +0 -125
- package/src/components/lazy-illustration/figma/LazyIllustrationLarge.figma.ts +0 -255
- package/src/components/lazy-illustration/figma/LazyIllustrationMedium.figma.ts +0 -255
- package/src/components/lazy-illustration/figma/LazyIllustrationSmall.figma.ts +0 -255
- package/src/docs/1-Introduction/1-Welcome.mdx +0 -111
- package/src/docs/1-Introduction/2-Getting Started.mdx +0 -25
- package/src/docs/1-Introduction/3-Usage.mdx +0 -114
- package/src/docs/1-Introduction/4-Changelog.mdx +0 -6
- package/src/docs/2-Reference/1-Find my illustration.mdx +0 -12
- package/src/docs/2-Reference/2-Find my animation.mdx +0 -14
- package/src/docs/2-Reference/3-Multi brand support.mdx +0 -146
- package/src/docs/blocks/AnimationLibrary.tsx +0 -181
- package/src/docs/blocks/BrandSupportBadge.tsx +0 -190
- package/src/docs/blocks/BrandSupportFilter.tsx +0 -72
- package/src/docs/blocks/Cards.tsx +0 -74
- package/src/docs/blocks/IllustrationLibrary.tsx +0 -179
- package/src/docs/blocks/useStorybookTheme.ts +0 -73
- package/src/index.ts +0 -4
- package/src/scripts/agent-references/illustration-reference.test.ts +0 -100
- package/src/scripts/agent-references/illustration-reference.ts +0 -140
- package/src/scripts/generate-assets.ts +0 -649
- package/src/scripts/templates/assetTemplate.ts +0 -224
- package/src/scripts/templates/baseTypes.ts +0 -45
- package/src/scripts/templates/indexTemplate.ts +0 -109
- package/src/unity.css +0 -5
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=216-3916
|
|
2
|
-
// component=Illustration
|
|
3
|
-
// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* AUTO-GENERATED - DO NOT EDIT
|
|
7
|
-
*
|
|
8
|
-
* Template file for Figma Code Connect - Illustration component (Large)
|
|
9
|
-
*
|
|
10
|
-
* Handles dynamic mapping of:
|
|
11
|
-
* - Name property -> PascalCase code name
|
|
12
|
-
* - Type property -> "EmptyState" prefix for empty-state type
|
|
13
|
-
* - With background property -> "WithBackground" suffix
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
import figma from 'figma'
|
|
17
|
-
const instance = figma.selectedInstance
|
|
18
|
-
|
|
19
|
-
const nameValue = instance.getEnum('Name', {
|
|
20
|
-
accounting: 'Accounting',
|
|
21
|
-
activation_button: 'ActivationButton',
|
|
22
|
-
activation_toggle: 'ActivationToggle',
|
|
23
|
-
add_employee: 'AddEmployee',
|
|
24
|
-
administrative_document: 'AdministrativeDocument',
|
|
25
|
-
alphabet_cube: 'AlphabetCube',
|
|
26
|
-
analysis: 'Analysis',
|
|
27
|
-
annual_taxes: 'AnnualTaxes',
|
|
28
|
-
automation_in_progress: 'AutomationInProgress',
|
|
29
|
-
baby_bottle: 'BabyBottle',
|
|
30
|
-
bell: 'Bell',
|
|
31
|
-
bicycle: 'Bicycle',
|
|
32
|
-
big_idea: 'BigIdea',
|
|
33
|
-
binoculars: 'Binoculars',
|
|
34
|
-
biscuit: 'Biscuit',
|
|
35
|
-
biscuit_crumbs: 'BiscuitCrumbs',
|
|
36
|
-
blank_payslip: 'BlankPayslip',
|
|
37
|
-
book: 'Book',
|
|
38
|
-
box: 'Box',
|
|
39
|
-
brainstorming: 'Brainstorming',
|
|
40
|
-
buoy: 'Buoy',
|
|
41
|
-
calculator: 'Calculator',
|
|
42
|
-
calendar: 'Calendar',
|
|
43
|
-
card: 'Card',
|
|
44
|
-
character_headphone: 'CharacterHeadphone',
|
|
45
|
-
chat: 'Chat',
|
|
46
|
-
checkbox: 'Checkbox',
|
|
47
|
-
christmas_sock: 'ChristmasSock',
|
|
48
|
-
christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
|
|
49
|
-
clock: 'Clock',
|
|
50
|
-
closed_lock: 'ClosedLock',
|
|
51
|
-
collaboration: 'Collaboration',
|
|
52
|
-
collective_research: 'CollectiveResearch',
|
|
53
|
-
computer_documentation: 'ComputerDocumentation',
|
|
54
|
-
computer_mail: 'ComputerMail',
|
|
55
|
-
confetti_cannon: 'ConfettiCannon',
|
|
56
|
-
confettis: 'Confettis',
|
|
57
|
-
contact: 'Contact',
|
|
58
|
-
contract_signature: 'ContractSignature',
|
|
59
|
-
conversation: 'Conversation',
|
|
60
|
-
cross_legged: 'CrossLegged',
|
|
61
|
-
cup_of_coffee: 'CupOfCoffee',
|
|
62
|
-
dancing: 'Dancing',
|
|
63
|
-
dancing_people: 'DancingPeople',
|
|
64
|
-
dancing_skier: 'DancingSkier',
|
|
65
|
-
data: 'Data',
|
|
66
|
-
desert: 'Desert',
|
|
67
|
-
dialogue: 'Dialogue',
|
|
68
|
-
discount: 'Discount',
|
|
69
|
-
discussion: 'Discussion',
|
|
70
|
-
doctor: 'Doctor',
|
|
71
|
-
document: 'Document',
|
|
72
|
-
document_creation: 'DocumentCreation',
|
|
73
|
-
document_error: 'DocumentError',
|
|
74
|
-
document_filing: 'DocumentFiling',
|
|
75
|
-
document_scan: 'DocumentScan',
|
|
76
|
-
document_scanning: 'DocumentScanning',
|
|
77
|
-
e_signature: 'ESignature',
|
|
78
|
-
email_login: 'EmailLogin',
|
|
79
|
-
email_notification: 'EmailNotification',
|
|
80
|
-
emergency_contact: 'EmergencyContact',
|
|
81
|
-
employment_contract: 'EmploymentContract',
|
|
82
|
-
empty_document: 'EmptyDocument',
|
|
83
|
-
empty_folder: 'EmptyFolder',
|
|
84
|
-
empty_state: 'EmptyState',
|
|
85
|
-
evaluation: 'Evaluation',
|
|
86
|
-
exceeding_threshold: 'ExceedingThreshold',
|
|
87
|
-
exceptional_compensation: 'ExceptionalCompensation',
|
|
88
|
-
expenses: 'Expenses',
|
|
89
|
-
FAQ: 'FAQ',
|
|
90
|
-
field_glasses: 'FieldGlasses',
|
|
91
|
-
filing_documents: 'FilingDocuments',
|
|
92
|
-
flowchart: 'Flowchart',
|
|
93
|
-
free_share: 'FreeShare',
|
|
94
|
-
full_calendar: 'FullCalendar',
|
|
95
|
-
gear: 'Gear',
|
|
96
|
-
gift: 'Gift',
|
|
97
|
-
golden_ribbon: 'GoldenRibbon',
|
|
98
|
-
graph: 'Graph',
|
|
99
|
-
graphic: 'Graphic',
|
|
100
|
-
half_calendar: 'HalfCalendar',
|
|
101
|
-
hammer: 'Hammer',
|
|
102
|
-
hand_hello: 'HandHello',
|
|
103
|
-
hands: 'Hands',
|
|
104
|
-
happy_character: 'HappyCharacter',
|
|
105
|
-
health: 'Health',
|
|
106
|
-
health_insurance: 'HealthInsurance',
|
|
107
|
-
high_five: 'HighFive',
|
|
108
|
-
highlight_books: 'HighlightBooks',
|
|
109
|
-
holiday_voucher: 'HolidayVoucher',
|
|
110
|
-
idea: 'Idea',
|
|
111
|
-
identity_card: 'IdentityCard',
|
|
112
|
-
incident_panel: 'IncidentPanel',
|
|
113
|
-
indicate_something: 'IndicateSomething',
|
|
114
|
-
information_update: 'InformationUpdate',
|
|
115
|
-
JEI_JEU_JEC: 'JeiJeuJec',
|
|
116
|
-
jetlang_calculator: 'JetlangCalculator',
|
|
117
|
-
kanoon: 'Kanoon',
|
|
118
|
-
kpmg: 'Kpmg',
|
|
119
|
-
legal_help: 'LegalHelp',
|
|
120
|
-
letter_box: 'LetterBox',
|
|
121
|
-
library: 'Library',
|
|
122
|
-
light_bulb: 'LightBulb',
|
|
123
|
-
little_rocket: 'LittleRocket',
|
|
124
|
-
lunch_voucher: 'LunchVoucher',
|
|
125
|
-
magnifying_glass: 'MagnifyingGlass',
|
|
126
|
-
maintenance: 'Maintenance',
|
|
127
|
-
marteler: 'Marteler',
|
|
128
|
-
meal_plate: 'MealPlate',
|
|
129
|
-
meal_voucher: 'MealVoucher',
|
|
130
|
-
meal_voucher_card: 'MealVoucherCard',
|
|
131
|
-
mobility: 'Mobility',
|
|
132
|
-
money_lending: 'MoneyLending',
|
|
133
|
-
moon: 'Moon',
|
|
134
|
-
mug: 'Mug',
|
|
135
|
-
notes: 'Notes',
|
|
136
|
-
official_letter: 'OfficialLetter',
|
|
137
|
-
open_lock: 'OpenLock',
|
|
138
|
-
organismes_payment: 'OrganismesPayment',
|
|
139
|
-
paid_leave: 'PaidLeave',
|
|
140
|
-
panel: 'Panel',
|
|
141
|
-
paper_plane: 'PaperPlane',
|
|
142
|
-
party: 'Party',
|
|
143
|
-
payfitters_with_badge: 'PayfittersWithBadge',
|
|
144
|
-
payment_information: 'PaymentInformation',
|
|
145
|
-
payroll_error: 'PayrollError',
|
|
146
|
-
payslip: 'Payslip',
|
|
147
|
-
payslip_coins: 'PayslipCoins',
|
|
148
|
-
pen: 'Pen',
|
|
149
|
-
people: 'People',
|
|
150
|
-
performance: 'Performance',
|
|
151
|
-
performance_discussion: 'PerformanceDiscussion',
|
|
152
|
-
person: 'Person',
|
|
153
|
-
person_headphone: 'PersonHeadphone',
|
|
154
|
-
personal_details: 'PersonalDetails',
|
|
155
|
-
phone_message: 'PhoneMessage',
|
|
156
|
-
piggy_bank: 'PiggyBank',
|
|
157
|
-
piggy_bank_coins: 'PiggyBankCoins',
|
|
158
|
-
planet: 'Planet',
|
|
159
|
-
plant: 'Plant',
|
|
160
|
-
post_it: 'PostIt',
|
|
161
|
-
progression: 'Progression',
|
|
162
|
-
promotion: 'Promotion',
|
|
163
|
-
provident_scheme: 'ProvidentScheme',
|
|
164
|
-
puzzle: 'Puzzle',
|
|
165
|
-
puzzle_piece: 'PuzzlePiece',
|
|
166
|
-
reading_a_book: 'ReadingABook',
|
|
167
|
-
receiving_pay: 'ReceivingPay',
|
|
168
|
-
rehire_employee: 'RehireEmployee',
|
|
169
|
-
remote: 'Remote',
|
|
170
|
-
remote_work: 'RemoteWork',
|
|
171
|
-
report: 'Report',
|
|
172
|
-
research: 'Research',
|
|
173
|
-
rocket: 'Rocket',
|
|
174
|
-
safe_deposit_box: 'SafeDepositBox',
|
|
175
|
-
salary: 'Salary',
|
|
176
|
-
salary_advance: 'SalaryAdvance',
|
|
177
|
-
salary_payment: 'SalaryPayment',
|
|
178
|
-
salary_seizure: 'SalarySeizure',
|
|
179
|
-
sale: 'Sale',
|
|
180
|
-
sand_castle: 'SandCastle',
|
|
181
|
-
schedule: 'Schedule',
|
|
182
|
-
security_fields: 'SecurityFields',
|
|
183
|
-
set_up_task: 'SetUpTask',
|
|
184
|
-
setting_slider: 'SettingSlider',
|
|
185
|
-
sick_leave: 'SickLeave',
|
|
186
|
-
signature: 'Signature',
|
|
187
|
-
sitting_on_the_sofa: 'SittingOnTheSofa',
|
|
188
|
-
small_puzzle: 'SmallPuzzle',
|
|
189
|
-
smiling_character: 'SmilingCharacter',
|
|
190
|
-
solve_problem: 'SolveProblem',
|
|
191
|
-
speaker_fingertips: 'SpeakerFingertips',
|
|
192
|
-
speaker_welcome: 'SpeakerWelcome',
|
|
193
|
-
speaker_with_microphone: 'SpeakerWithMicrophone',
|
|
194
|
-
spreadsheet: 'Spreadsheet',
|
|
195
|
-
stack_of_book_2: 'StackOfBook2',
|
|
196
|
-
stair_treads: 'StairTreads',
|
|
197
|
-
stethoscope: 'Stethoscope',
|
|
198
|
-
stock_options: 'StockOptions',
|
|
199
|
-
stopwatch: 'Stopwatch',
|
|
200
|
-
sunshade: 'Sunshade',
|
|
201
|
-
taking_note: 'TakingNote',
|
|
202
|
-
target: 'Target',
|
|
203
|
-
task_to_do: 'TaskToDo',
|
|
204
|
-
team_building: 'TeamBuilding',
|
|
205
|
-
telescope: 'Telescope',
|
|
206
|
-
template: 'Template',
|
|
207
|
-
template_form: 'TemplateForm',
|
|
208
|
-
thumbsup: 'Thumbsup',
|
|
209
|
-
thumbtack: 'Thumbtack',
|
|
210
|
-
time_tracking: 'TimeTracking',
|
|
211
|
-
timer: 'Timer',
|
|
212
|
-
tips_jar: 'TipsJar',
|
|
213
|
-
to_do: 'ToDo',
|
|
214
|
-
toggle_off: 'ToggleOff',
|
|
215
|
-
toggle_on: 'ToggleOn',
|
|
216
|
-
token_coin: 'TokenCoin',
|
|
217
|
-
trophy: 'Trophy',
|
|
218
|
-
trophy_won: 'TrophyWon',
|
|
219
|
-
validation_window: 'ValidationWindow',
|
|
220
|
-
visually_impaired: 'VisuallyImpaired',
|
|
221
|
-
visually_impaired_winter: 'VisuallyImpairedWinter',
|
|
222
|
-
walking_people: 'WalkingPeople',
|
|
223
|
-
winter_party: 'WinterParty',
|
|
224
|
-
work_at_office: 'WorkAtOffice',
|
|
225
|
-
work_expense: 'WorkExpense',
|
|
226
|
-
work_from_anywhere: 'WorkFromAnywhere',
|
|
227
|
-
working_time: 'WorkingTime',
|
|
228
|
-
wrench: 'Wrench',
|
|
229
|
-
write_book: 'WriteBook',
|
|
230
|
-
})
|
|
231
|
-
|
|
232
|
-
const typeValue = instance.getEnum('Type', {
|
|
233
|
-
generic: 'generic',
|
|
234
|
-
specific: 'specific',
|
|
235
|
-
'empty-state': 'empty-state',
|
|
236
|
-
})
|
|
237
|
-
|
|
238
|
-
const withBackgroundValue = instance.getBoolean('With background')
|
|
239
|
-
const nameWithType =
|
|
240
|
-
typeValue === 'empty-state' ? `EmptyState${nameValue ?? ''}` : nameValue
|
|
241
|
-
const finalSrc = withBackgroundValue
|
|
242
|
-
? `${nameWithType}WithBackground`
|
|
243
|
-
: nameWithType
|
|
244
|
-
|
|
245
|
-
const code = figma.tsx`<Illustration
|
|
246
|
-
src={${finalSrc}}
|
|
247
|
-
variant="picture"
|
|
248
|
-
alt="${finalSrc} illustration"
|
|
249
|
-
/>`
|
|
250
|
-
|
|
251
|
-
export default {
|
|
252
|
-
id: 'illustration-large',
|
|
253
|
-
example: code,
|
|
254
|
-
imports: [
|
|
255
|
-
"import { Illustration } from '@payfit/unity-illustrations'",
|
|
256
|
-
`import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
|
|
257
|
-
],
|
|
258
|
-
}
|
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=214-5807
|
|
2
|
-
// component=Illustration
|
|
3
|
-
// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* AUTO-GENERATED - DO NOT EDIT
|
|
7
|
-
*
|
|
8
|
-
* Template file for Figma Code Connect - Illustration component (Medium)
|
|
9
|
-
*
|
|
10
|
-
* Handles dynamic mapping of:
|
|
11
|
-
* - Name property -> PascalCase code name
|
|
12
|
-
* - Type property -> "EmptyState" prefix for empty-state type
|
|
13
|
-
* - With background property -> "WithBackground" suffix
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
import figma from 'figma'
|
|
17
|
-
const instance = figma.selectedInstance
|
|
18
|
-
|
|
19
|
-
const nameValue = instance.getEnum('Name', {
|
|
20
|
-
accounting: 'Accounting',
|
|
21
|
-
activation_button: 'ActivationButton',
|
|
22
|
-
activation_toggle: 'ActivationToggle',
|
|
23
|
-
add_employee: 'AddEmployee',
|
|
24
|
-
administrative_document: 'AdministrativeDocument',
|
|
25
|
-
alphabet_cube: 'AlphabetCube',
|
|
26
|
-
analysis: 'Analysis',
|
|
27
|
-
annual_taxes: 'AnnualTaxes',
|
|
28
|
-
automation_in_progress: 'AutomationInProgress',
|
|
29
|
-
baby_bottle: 'BabyBottle',
|
|
30
|
-
bell: 'Bell',
|
|
31
|
-
bicycle: 'Bicycle',
|
|
32
|
-
big_idea: 'BigIdea',
|
|
33
|
-
binoculars: 'Binoculars',
|
|
34
|
-
biscuit: 'Biscuit',
|
|
35
|
-
biscuit_crumbs: 'BiscuitCrumbs',
|
|
36
|
-
blank_payslip: 'BlankPayslip',
|
|
37
|
-
book: 'Book',
|
|
38
|
-
box: 'Box',
|
|
39
|
-
brainstorming: 'Brainstorming',
|
|
40
|
-
buoy: 'Buoy',
|
|
41
|
-
calculator: 'Calculator',
|
|
42
|
-
calendar: 'Calendar',
|
|
43
|
-
card: 'Card',
|
|
44
|
-
character_headphone: 'CharacterHeadphone',
|
|
45
|
-
chat: 'Chat',
|
|
46
|
-
checkbox: 'Checkbox',
|
|
47
|
-
christmas_sock: 'ChristmasSock',
|
|
48
|
-
christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
|
|
49
|
-
clock: 'Clock',
|
|
50
|
-
closed_lock: 'ClosedLock',
|
|
51
|
-
collaboration: 'Collaboration',
|
|
52
|
-
collective_research: 'CollectiveResearch',
|
|
53
|
-
computer_documentation: 'ComputerDocumentation',
|
|
54
|
-
computer_mail: 'ComputerMail',
|
|
55
|
-
confetti_cannon: 'ConfettiCannon',
|
|
56
|
-
confettis: 'Confettis',
|
|
57
|
-
contact: 'Contact',
|
|
58
|
-
contract_signature: 'ContractSignature',
|
|
59
|
-
conversation: 'Conversation',
|
|
60
|
-
cross_legged: 'CrossLegged',
|
|
61
|
-
cup_of_coffee: 'CupOfCoffee',
|
|
62
|
-
dancing: 'Dancing',
|
|
63
|
-
dancing_people: 'DancingPeople',
|
|
64
|
-
dancing_skier: 'DancingSkier',
|
|
65
|
-
data: 'Data',
|
|
66
|
-
desert: 'Desert',
|
|
67
|
-
dialogue: 'Dialogue',
|
|
68
|
-
discount: 'Discount',
|
|
69
|
-
discussion: 'Discussion',
|
|
70
|
-
doctor: 'Doctor',
|
|
71
|
-
document: 'Document',
|
|
72
|
-
document_creation: 'DocumentCreation',
|
|
73
|
-
document_error: 'DocumentError',
|
|
74
|
-
document_filing: 'DocumentFiling',
|
|
75
|
-
document_scan: 'DocumentScan',
|
|
76
|
-
document_scanning: 'DocumentScanning',
|
|
77
|
-
e_signature: 'ESignature',
|
|
78
|
-
email_login: 'EmailLogin',
|
|
79
|
-
email_notification: 'EmailNotification',
|
|
80
|
-
emergency_contact: 'EmergencyContact',
|
|
81
|
-
employment_contract: 'EmploymentContract',
|
|
82
|
-
empty_document: 'EmptyDocument',
|
|
83
|
-
empty_folder: 'EmptyFolder',
|
|
84
|
-
empty_state: 'EmptyState',
|
|
85
|
-
evaluation: 'Evaluation',
|
|
86
|
-
exceeding_threshold: 'ExceedingThreshold',
|
|
87
|
-
exceptional_compensation: 'ExceptionalCompensation',
|
|
88
|
-
expenses: 'Expenses',
|
|
89
|
-
FAQ: 'FAQ',
|
|
90
|
-
field_glasses: 'FieldGlasses',
|
|
91
|
-
filing_documents: 'FilingDocuments',
|
|
92
|
-
flowchart: 'Flowchart',
|
|
93
|
-
free_share: 'FreeShare',
|
|
94
|
-
full_calendar: 'FullCalendar',
|
|
95
|
-
gear: 'Gear',
|
|
96
|
-
gift: 'Gift',
|
|
97
|
-
golden_ribbon: 'GoldenRibbon',
|
|
98
|
-
graph: 'Graph',
|
|
99
|
-
graphic: 'Graphic',
|
|
100
|
-
half_calendar: 'HalfCalendar',
|
|
101
|
-
hammer: 'Hammer',
|
|
102
|
-
hand_hello: 'HandHello',
|
|
103
|
-
hands: 'Hands',
|
|
104
|
-
happy_character: 'HappyCharacter',
|
|
105
|
-
health: 'Health',
|
|
106
|
-
health_insurance: 'HealthInsurance',
|
|
107
|
-
high_five: 'HighFive',
|
|
108
|
-
highlight_books: 'HighlightBooks',
|
|
109
|
-
holiday_voucher: 'HolidayVoucher',
|
|
110
|
-
idea: 'Idea',
|
|
111
|
-
identity_card: 'IdentityCard',
|
|
112
|
-
incident_panel: 'IncidentPanel',
|
|
113
|
-
indicate_something: 'IndicateSomething',
|
|
114
|
-
information_update: 'InformationUpdate',
|
|
115
|
-
JEI_JEU_JEC: 'JeiJeuJec',
|
|
116
|
-
jetlang_calculator: 'JetlangCalculator',
|
|
117
|
-
kanoon: 'Kanoon',
|
|
118
|
-
kpmg: 'Kpmg',
|
|
119
|
-
legal_help: 'LegalHelp',
|
|
120
|
-
letter_box: 'LetterBox',
|
|
121
|
-
library: 'Library',
|
|
122
|
-
light_bulb: 'LightBulb',
|
|
123
|
-
little_rocket: 'LittleRocket',
|
|
124
|
-
lunch_voucher: 'LunchVoucher',
|
|
125
|
-
magnifying_glass: 'MagnifyingGlass',
|
|
126
|
-
maintenance: 'Maintenance',
|
|
127
|
-
marteler: 'Marteler',
|
|
128
|
-
meal_plate: 'MealPlate',
|
|
129
|
-
meal_voucher: 'MealVoucher',
|
|
130
|
-
meal_voucher_card: 'MealVoucherCard',
|
|
131
|
-
mobility: 'Mobility',
|
|
132
|
-
money_lending: 'MoneyLending',
|
|
133
|
-
moon: 'Moon',
|
|
134
|
-
mug: 'Mug',
|
|
135
|
-
notes: 'Notes',
|
|
136
|
-
official_letter: 'OfficialLetter',
|
|
137
|
-
open_lock: 'OpenLock',
|
|
138
|
-
organismes_payment: 'OrganismesPayment',
|
|
139
|
-
paid_leave: 'PaidLeave',
|
|
140
|
-
panel: 'Panel',
|
|
141
|
-
paper_plane: 'PaperPlane',
|
|
142
|
-
party: 'Party',
|
|
143
|
-
payfitters_with_badge: 'PayfittersWithBadge',
|
|
144
|
-
payment_information: 'PaymentInformation',
|
|
145
|
-
payroll_error: 'PayrollError',
|
|
146
|
-
payslip: 'Payslip',
|
|
147
|
-
payslip_coins: 'PayslipCoins',
|
|
148
|
-
pen: 'Pen',
|
|
149
|
-
people: 'People',
|
|
150
|
-
performance: 'Performance',
|
|
151
|
-
performance_discussion: 'PerformanceDiscussion',
|
|
152
|
-
person: 'Person',
|
|
153
|
-
person_headphone: 'PersonHeadphone',
|
|
154
|
-
personal_details: 'PersonalDetails',
|
|
155
|
-
phone_message: 'PhoneMessage',
|
|
156
|
-
piggy_bank: 'PiggyBank',
|
|
157
|
-
piggy_bank_coins: 'PiggyBankCoins',
|
|
158
|
-
planet: 'Planet',
|
|
159
|
-
plant: 'Plant',
|
|
160
|
-
post_it: 'PostIt',
|
|
161
|
-
progression: 'Progression',
|
|
162
|
-
promotion: 'Promotion',
|
|
163
|
-
provident_scheme: 'ProvidentScheme',
|
|
164
|
-
puzzle: 'Puzzle',
|
|
165
|
-
puzzle_piece: 'PuzzlePiece',
|
|
166
|
-
reading_a_book: 'ReadingABook',
|
|
167
|
-
receiving_pay: 'ReceivingPay',
|
|
168
|
-
rehire_employee: 'RehireEmployee',
|
|
169
|
-
remote: 'Remote',
|
|
170
|
-
remote_work: 'RemoteWork',
|
|
171
|
-
report: 'Report',
|
|
172
|
-
research: 'Research',
|
|
173
|
-
rocket: 'Rocket',
|
|
174
|
-
safe_deposit_box: 'SafeDepositBox',
|
|
175
|
-
salary: 'Salary',
|
|
176
|
-
salary_advance: 'SalaryAdvance',
|
|
177
|
-
salary_payment: 'SalaryPayment',
|
|
178
|
-
salary_seizure: 'SalarySeizure',
|
|
179
|
-
sale: 'Sale',
|
|
180
|
-
sand_castle: 'SandCastle',
|
|
181
|
-
schedule: 'Schedule',
|
|
182
|
-
security_fields: 'SecurityFields',
|
|
183
|
-
set_up_task: 'SetUpTask',
|
|
184
|
-
setting_slider: 'SettingSlider',
|
|
185
|
-
sick_leave: 'SickLeave',
|
|
186
|
-
signature: 'Signature',
|
|
187
|
-
sitting_on_the_sofa: 'SittingOnTheSofa',
|
|
188
|
-
small_puzzle: 'SmallPuzzle',
|
|
189
|
-
smiling_character: 'SmilingCharacter',
|
|
190
|
-
solve_problem: 'SolveProblem',
|
|
191
|
-
speaker_fingertips: 'SpeakerFingertips',
|
|
192
|
-
speaker_welcome: 'SpeakerWelcome',
|
|
193
|
-
speaker_with_microphone: 'SpeakerWithMicrophone',
|
|
194
|
-
spreadsheet: 'Spreadsheet',
|
|
195
|
-
stack_of_book_2: 'StackOfBook2',
|
|
196
|
-
stair_treads: 'StairTreads',
|
|
197
|
-
stethoscope: 'Stethoscope',
|
|
198
|
-
stock_options: 'StockOptions',
|
|
199
|
-
stopwatch: 'Stopwatch',
|
|
200
|
-
sunshade: 'Sunshade',
|
|
201
|
-
taking_note: 'TakingNote',
|
|
202
|
-
target: 'Target',
|
|
203
|
-
task_to_do: 'TaskToDo',
|
|
204
|
-
team_building: 'TeamBuilding',
|
|
205
|
-
telescope: 'Telescope',
|
|
206
|
-
template: 'Template',
|
|
207
|
-
template_form: 'TemplateForm',
|
|
208
|
-
thumbsup: 'Thumbsup',
|
|
209
|
-
thumbtack: 'Thumbtack',
|
|
210
|
-
time_tracking: 'TimeTracking',
|
|
211
|
-
timer: 'Timer',
|
|
212
|
-
tips_jar: 'TipsJar',
|
|
213
|
-
to_do: 'ToDo',
|
|
214
|
-
toggle_off: 'ToggleOff',
|
|
215
|
-
toggle_on: 'ToggleOn',
|
|
216
|
-
token_coin: 'TokenCoin',
|
|
217
|
-
trophy: 'Trophy',
|
|
218
|
-
trophy_won: 'TrophyWon',
|
|
219
|
-
validation_window: 'ValidationWindow',
|
|
220
|
-
visually_impaired: 'VisuallyImpaired',
|
|
221
|
-
visually_impaired_winter: 'VisuallyImpairedWinter',
|
|
222
|
-
walking_people: 'WalkingPeople',
|
|
223
|
-
winter_party: 'WinterParty',
|
|
224
|
-
work_at_office: 'WorkAtOffice',
|
|
225
|
-
work_expense: 'WorkExpense',
|
|
226
|
-
work_from_anywhere: 'WorkFromAnywhere',
|
|
227
|
-
working_time: 'WorkingTime',
|
|
228
|
-
wrench: 'Wrench',
|
|
229
|
-
write_book: 'WriteBook',
|
|
230
|
-
})
|
|
231
|
-
|
|
232
|
-
const typeValue = instance.getEnum('Type', {
|
|
233
|
-
generic: 'generic',
|
|
234
|
-
specific: 'specific',
|
|
235
|
-
'empty-state': 'empty-state',
|
|
236
|
-
})
|
|
237
|
-
|
|
238
|
-
const withBackgroundValue = instance.getBoolean('With background')
|
|
239
|
-
const nameWithType =
|
|
240
|
-
typeValue === 'empty-state' ? `EmptyState${nameValue ?? ''}` : nameValue
|
|
241
|
-
const finalSrc = withBackgroundValue
|
|
242
|
-
? `${nameWithType}WithBackground`
|
|
243
|
-
: nameWithType
|
|
244
|
-
|
|
245
|
-
const code = figma.tsx`<Illustration
|
|
246
|
-
src={${finalSrc}}
|
|
247
|
-
variant="picture"
|
|
248
|
-
alt="${finalSrc} illustration"
|
|
249
|
-
/>`
|
|
250
|
-
|
|
251
|
-
export default {
|
|
252
|
-
id: 'illustration-medium',
|
|
253
|
-
example: code,
|
|
254
|
-
imports: [
|
|
255
|
-
"import { Illustration } from '@payfit/unity-illustrations'",
|
|
256
|
-
`import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
|
|
257
|
-
],
|
|
258
|
-
}
|