@bbl-digital/snorre 4.0.0-beta.5 → 4.0.0-beta.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +54 -27
- package/esm/core/FileInput/FileInput.stories.js +44 -28
- package/esm/core/FileInput/index.js +8 -1
- package/esm/core/FileInput/styles.js +32 -12
- package/esm/icons/Icon.stories.js +358 -10
- package/esm/shared/components/SbIconGrid/index.js +3 -2
- package/lib/core/FileInput/FileInput.stories.d.ts +14 -30
- package/lib/core/FileInput/FileInput.stories.d.ts.map +1 -1
- package/lib/core/FileInput/FileInput.stories.js +44 -28
- package/lib/core/FileInput/index.d.ts +5 -1
- package/lib/core/FileInput/index.d.ts.map +1 -1
- package/lib/core/FileInput/index.js +8 -1
- package/lib/core/FileInput/styles.d.ts +3 -0
- package/lib/core/FileInput/styles.d.ts.map +1 -1
- package/lib/core/FileInput/styles.js +32 -12
- package/lib/icons/Icon.stories.js +358 -10
- package/lib/icons/withIcon.d.ts +2 -0
- package/lib/icons/withIcon.d.ts.map +1 -1
- package/lib/shared/components/SbIconGrid/index.d.ts +1 -1
- package/lib/shared/components/SbIconGrid/index.d.ts.map +1 -1
- package/lib/shared/components/SbIconGrid/index.js +3 -2
- package/package.json +1 -1
@@ -193,75 +193,420 @@ export default {
|
|
193
193
|
|
194
194
|
export const Standard = {
|
195
195
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
196
|
-
children: [/*#__PURE__*/_jsx(IconCheck, {
|
196
|
+
children: [/*#__PURE__*/_jsx(IconCheck, {
|
197
|
+
name: "IconCheck"
|
198
|
+
}), /*#__PURE__*/_jsx(IconClose, {
|
199
|
+
name: "IconClose"
|
200
|
+
}), /*#__PURE__*/_jsx(IconPlus, {
|
201
|
+
name: "IconPlus"
|
202
|
+
}), /*#__PURE__*/_jsx(IconMinus, {
|
203
|
+
name: "IconMinus"
|
204
|
+
}), /*#__PURE__*/_jsx(IconGrid, {
|
205
|
+
name: "IconGrid"
|
206
|
+
}), /*#__PURE__*/_jsx(IconHelp, {
|
207
|
+
name: "IconHelp"
|
208
|
+
}), /*#__PURE__*/_jsx(IconCloseAlt, {
|
209
|
+
name: "IconCloseAlt"
|
210
|
+
}), /*#__PURE__*/_jsx(IconSearch, {
|
211
|
+
name: "IconSearch"
|
212
|
+
}), /*#__PURE__*/_jsx(IconMenu, {
|
213
|
+
name: "IconMenu"
|
214
|
+
}), /*#__PURE__*/_jsx(IconInbox, {
|
215
|
+
name: "IconInbox"
|
216
|
+
}), /*#__PURE__*/_jsx(IconSettings, {
|
217
|
+
name: "IconSettings"
|
218
|
+
}), /*#__PURE__*/_jsx(IconHistory, {
|
219
|
+
name: "IconHistory"
|
220
|
+
}), /*#__PURE__*/_jsx(IconRefresh, {
|
221
|
+
name: "IconRefresh"
|
222
|
+
}), /*#__PURE__*/_jsx(IconBookmarkFilled, {
|
223
|
+
name: "IconBookmarkFilled"
|
224
|
+
}), /*#__PURE__*/_jsx(IconComment, {
|
225
|
+
name: "IconComment"
|
226
|
+
}), /*#__PURE__*/_jsx(IconImportantComment, {
|
227
|
+
name: "IconImportantComment"
|
228
|
+
}), /*#__PURE__*/_jsx(IconBack, {
|
229
|
+
name: "IconBack"
|
230
|
+
}), /*#__PURE__*/_jsx(IconRedo, {
|
231
|
+
name: "IconRedo"
|
232
|
+
}), /*#__PURE__*/_jsx(IconSave, {
|
233
|
+
name: "IconSave"
|
234
|
+
}), /*#__PURE__*/_jsx(IconArchives, {
|
235
|
+
name: "IconArchives"
|
236
|
+
}), /*#__PURE__*/_jsx(IconSend, {
|
237
|
+
name: "IconSend"
|
238
|
+
}), /*#__PURE__*/_jsx(IconDraft, {
|
239
|
+
name: "IconDraft"
|
240
|
+
}), /*#__PURE__*/_jsx(IconMail, {
|
241
|
+
name: "IconMail"
|
242
|
+
}), /*#__PURE__*/_jsx(IconVote, {
|
243
|
+
name: "IconVote"
|
244
|
+
}), /*#__PURE__*/_jsx(IconWarning, {
|
245
|
+
name: "IconWarning"
|
246
|
+
}), /*#__PURE__*/_jsx(IconWarningBell, {
|
247
|
+
name: "IconWarningBell"
|
248
|
+
}), /*#__PURE__*/_jsx(IconExternalLink, {
|
249
|
+
name: "IconExternalLink"
|
250
|
+
}), /*#__PURE__*/_jsx(IconPhone, {
|
251
|
+
name: "IconPhone"
|
252
|
+
}), /*#__PURE__*/_jsx(IconPlusAlt, {
|
253
|
+
name: "IconPlusAlt"
|
254
|
+
}), /*#__PURE__*/_jsx(IconBellOutline, {
|
255
|
+
name: "IconBellOutline"
|
256
|
+
}), /*#__PURE__*/_jsx(IconFilterList, {
|
257
|
+
name: "IconFilterList"
|
258
|
+
}), /*#__PURE__*/_jsx(IconSort, {
|
259
|
+
name: "IconSort"
|
260
|
+
}), /*#__PURE__*/_jsx(IconEarth, {
|
261
|
+
name: "IconEarth"
|
262
|
+
}), /*#__PURE__*/_jsx(IconUndo, {
|
263
|
+
name: "IconUndo"
|
264
|
+
}), /*#__PURE__*/_jsx(IconCalendar, {
|
265
|
+
name: "IconCalendar"
|
266
|
+
}), /*#__PURE__*/_jsx(IconBlock, {
|
267
|
+
name: "IconBlock"
|
268
|
+
}), /*#__PURE__*/_jsx(IconInfoOutline, {
|
269
|
+
name: "IconInfoOutline"
|
270
|
+
}), /*#__PURE__*/_jsx(IconInfoFilled, {
|
271
|
+
name: "IconInfoFilled"
|
272
|
+
}), /*#__PURE__*/_jsx(IconDelete, {
|
273
|
+
name: "IconDelete"
|
274
|
+
}), /*#__PURE__*/_jsx(IconDoor, {
|
275
|
+
name: "IconDoor"
|
276
|
+
}), /*#__PURE__*/_jsx(IconLabel, {
|
277
|
+
name: "IconLabel"
|
278
|
+
}), /*#__PURE__*/_jsx(IconSliders, {
|
279
|
+
name: "IconSliders"
|
280
|
+
}), /*#__PURE__*/_jsx(IconPinned, {
|
281
|
+
name: "IconPinned"
|
282
|
+
}), /*#__PURE__*/_jsx(IconCases, {
|
283
|
+
name: "IconCases"
|
284
|
+
}), /*#__PURE__*/_jsx(IconImage, {
|
285
|
+
name: "IconImage"
|
286
|
+
}), /*#__PURE__*/_jsx(IconCamera, {
|
287
|
+
name: "IconCamera"
|
288
|
+
})]
|
197
289
|
}),
|
198
290
|
name: 'Standard'
|
199
291
|
};
|
200
292
|
export const User = {
|
201
293
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
202
|
-
children: [/*#__PURE__*/_jsx(IconUser, {
|
294
|
+
children: [/*#__PURE__*/_jsx(IconUser, {
|
295
|
+
name: "IconUser"
|
296
|
+
}), /*#__PURE__*/_jsx(IconUserThin, {
|
297
|
+
name: "IconUserThin"
|
298
|
+
}), /*#__PURE__*/_jsx(IconLock, {
|
299
|
+
name: "IconLock"
|
300
|
+
}), /*#__PURE__*/_jsx(IconBoard, {
|
301
|
+
name: "IconBoard"
|
302
|
+
}), /*#__PURE__*/_jsx(IconHumans, {
|
303
|
+
name: "IconHumans"
|
304
|
+
}), /*#__PURE__*/_jsx(IconFamily, {
|
305
|
+
name: "IconFamily"
|
306
|
+
}), /*#__PURE__*/_jsx(IconPortalUser, {
|
307
|
+
name: "IconPortalUser"
|
308
|
+
})]
|
203
309
|
}),
|
204
310
|
name: 'User'
|
205
311
|
};
|
206
312
|
export const Navigation = {
|
207
313
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
208
|
-
children: [/*#__PURE__*/_jsx(IconCaretUp, {
|
314
|
+
children: [/*#__PURE__*/_jsx(IconCaretUp, {
|
315
|
+
name: "IconCaretUp"
|
316
|
+
}), /*#__PURE__*/_jsx(IconCaretDown, {
|
317
|
+
name: "IconCaretDown"
|
318
|
+
}), /*#__PURE__*/_jsx(IconCaretRight, {
|
319
|
+
name: "IconCaretRight"
|
320
|
+
}), /*#__PURE__*/_jsx(IconCaretLeft, {
|
321
|
+
name: "IconCaretLeft"
|
322
|
+
}), /*#__PURE__*/_jsx(IconArrowUp, {
|
323
|
+
name: "IconArrowUp"
|
324
|
+
}), /*#__PURE__*/_jsx(IconArrowDown, {
|
325
|
+
name: "IconArrowDown"
|
326
|
+
}), /*#__PURE__*/_jsx(IconArrowRight, {
|
327
|
+
name: "IconArrowRight"
|
328
|
+
}), /*#__PURE__*/_jsx(IconArrowLeft, {
|
329
|
+
name: "IconArrowLeft"
|
330
|
+
}), /*#__PURE__*/_jsx(IconChevronLeft, {
|
331
|
+
name: "IconChevronLeft"
|
332
|
+
}), /*#__PURE__*/_jsx(IconChevronRight, {
|
333
|
+
name: "IconChevronRight"
|
334
|
+
}), /*#__PURE__*/_jsx(IconChevronDown, {
|
335
|
+
name: "IconChevronDown"
|
336
|
+
})]
|
209
337
|
}),
|
210
338
|
name: 'Navigation'
|
211
339
|
};
|
212
340
|
export const Files = {
|
213
341
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
214
|
-
children: [/*#__PURE__*/_jsx(IconFile, {
|
342
|
+
children: [/*#__PURE__*/_jsx(IconFile, {
|
343
|
+
name: "IconFile"
|
344
|
+
}), /*#__PURE__*/_jsx(IconFileEdit, {
|
345
|
+
name: "IconFileEdit"
|
346
|
+
}), /*#__PURE__*/_jsx(IconFileAdd, {
|
347
|
+
name: "<IconFileAdd"
|
348
|
+
}), /*#__PURE__*/_jsx(IconFileExcel, {
|
349
|
+
name: "IconFileExcel"
|
350
|
+
}), /*#__PURE__*/_jsx(IconFilePDF, {
|
351
|
+
name: "IconFilePDF"
|
352
|
+
}), /*#__PURE__*/_jsx(IconFileWord, {
|
353
|
+
name: "IconFileWord"
|
354
|
+
}), /*#__PURE__*/_jsx(IconArchives, {
|
355
|
+
name: "IconArchives"
|
356
|
+
}), /*#__PURE__*/_jsx(IconReciept, {
|
357
|
+
name: "IconReciept"
|
358
|
+
}), /*#__PURE__*/_jsx(IconFileCopy, {
|
359
|
+
name: "IconFileCopy"
|
360
|
+
}), /*#__PURE__*/_jsx(IconPrint, {
|
361
|
+
name: "IconPrint"
|
362
|
+
})]
|
215
363
|
}),
|
216
364
|
name: 'Files'
|
217
365
|
};
|
218
366
|
export const Handling = {
|
219
367
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
220
|
-
children: [/*#__PURE__*/_jsx(IconFillOut, {
|
368
|
+
children: [/*#__PURE__*/_jsx(IconFillOut, {
|
369
|
+
name: "IconFillOut"
|
370
|
+
}), /*#__PURE__*/_jsx(IconDownload, {
|
371
|
+
name: "IconDownload"
|
372
|
+
}), /*#__PURE__*/_jsx(IconUpload, {
|
373
|
+
name: "IconUpload"
|
374
|
+
}), /*#__PURE__*/_jsx(IconSign, {
|
375
|
+
name: "IconSign"
|
376
|
+
}), /*#__PURE__*/_jsx(IconEye, {
|
377
|
+
name: "IconEye"
|
378
|
+
}), /*#__PURE__*/_jsx(IconEyeDeny, {
|
379
|
+
name: "IconEyeDeny"
|
380
|
+
}), /*#__PURE__*/_jsx(IconAttachment, {
|
381
|
+
name: "IconAttachment"
|
382
|
+
}), /*#__PURE__*/_jsx(IconSwitch, {
|
383
|
+
name: "IconSwitch"
|
384
|
+
}), /*#__PURE__*/_jsx(IconEdit, {
|
385
|
+
name: "IconEdit"
|
386
|
+
}), /*#__PURE__*/_jsx(IconChoice, {
|
387
|
+
name: "IconChoice"
|
388
|
+
}), /*#__PURE__*/_jsx(IconReply, {
|
389
|
+
name: "IconReply"
|
390
|
+
}), /*#__PURE__*/_jsx(IconReplyAll, {
|
391
|
+
name: "IconReplyAll"
|
392
|
+
}), /*#__PURE__*/_jsx(IconForward, {
|
393
|
+
name: "IconForward"
|
394
|
+
}), /*#__PURE__*/_jsx(IconRearrange, {
|
395
|
+
name: "IconRearrange"
|
396
|
+
})]
|
221
397
|
}),
|
222
398
|
name: 'Handling'
|
223
399
|
};
|
224
400
|
export const Buildings = {
|
225
401
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
226
|
-
children: [/*#__PURE__*/_jsx(IconApartment, {
|
402
|
+
children: [/*#__PURE__*/_jsx(IconApartment, {
|
403
|
+
name: "IconApartment"
|
404
|
+
}), /*#__PURE__*/_jsx(IconHouse, {
|
405
|
+
name: "IconHouse"
|
406
|
+
}), /*#__PURE__*/_jsx(IconStore, {
|
407
|
+
name: "IconStore"
|
408
|
+
}), /*#__PURE__*/_jsx(IconTypeOfBuilding, {
|
409
|
+
name: "IconTypeOfBuilding"
|
410
|
+
}), /*#__PURE__*/_jsx(IconGarage, {
|
411
|
+
name: "IconGarage"
|
412
|
+
}), /*#__PURE__*/_jsx(IconCompanyBuilding, {
|
413
|
+
name: "IconCompanyBuilding"
|
414
|
+
}), /*#__PURE__*/_jsx(IconCompanyBuildingOutline, {
|
415
|
+
name: "IconCompanyBuildingOutline"
|
416
|
+
}), /*#__PURE__*/_jsx(IconCompanyBuildingFilled, {
|
417
|
+
name: "IconCompanyBuildingFilled"
|
418
|
+
})]
|
227
419
|
}),
|
228
420
|
name: 'Buildings'
|
229
421
|
};
|
230
422
|
export const Housing = {
|
231
423
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
232
|
-
children: [/*#__PURE__*/_jsx(IconArea, {
|
424
|
+
children: [/*#__PURE__*/_jsx(IconArea, {
|
425
|
+
name: "IconArea"
|
426
|
+
}), /*#__PURE__*/_jsx(IconRoom, {
|
427
|
+
name: "IconRoom"
|
428
|
+
}), /*#__PURE__*/_jsx(IconFloor, {
|
429
|
+
name: "IconFloor"
|
430
|
+
}), /*#__PURE__*/_jsx(IconBath, {
|
431
|
+
name: "IconBath"
|
432
|
+
}), /*#__PURE__*/_jsx(IconKey, {
|
433
|
+
name: "IconKey"
|
434
|
+
}), /*#__PURE__*/_jsx(IconMap, {
|
435
|
+
name: "IconMap"
|
436
|
+
}), /*#__PURE__*/_jsx(IconKitchen, {
|
437
|
+
name: "IconKitchen"
|
438
|
+
}), /*#__PURE__*/_jsx(IconElevator, {
|
439
|
+
name: "IconElevator"
|
440
|
+
}), /*#__PURE__*/_jsx(IconParking, {
|
441
|
+
name: "IconParking"
|
442
|
+
}), /*#__PURE__*/_jsx(IconGym, {
|
443
|
+
name: "IconGym"
|
444
|
+
}), /*#__PURE__*/_jsx(IconLeisureTime, {
|
445
|
+
name: "IconLeisureTime"
|
446
|
+
}), /*#__PURE__*/_jsx(IconShopping, {
|
447
|
+
name: "IconShopping"
|
448
|
+
}), /*#__PURE__*/_jsx(IconZip, {
|
449
|
+
name: "IconZip"
|
450
|
+
})]
|
233
451
|
}),
|
234
452
|
name: 'Housing'
|
235
453
|
};
|
236
454
|
export const Transportation = {
|
237
455
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
238
|
-
children: [/*#__PURE__*/_jsx(IconTransport, {
|
456
|
+
children: [/*#__PURE__*/_jsx(IconTransport, {
|
457
|
+
name: "IconTransport"
|
458
|
+
}), /*#__PURE__*/_jsx(IconBus, {
|
459
|
+
name: "IconBus"
|
460
|
+
}), /*#__PURE__*/_jsx(IconTram, {
|
461
|
+
name: "IconTram"
|
462
|
+
}), /*#__PURE__*/_jsx(IconTrain, {
|
463
|
+
name: "IconTrain"
|
464
|
+
}), /*#__PURE__*/_jsx(IconSubway, {
|
465
|
+
name: "IconSubway"
|
466
|
+
}), /*#__PURE__*/_jsx(IconWalk, {
|
467
|
+
name: "IconWalk"
|
468
|
+
}), /*#__PURE__*/_jsx(IconCar, {
|
469
|
+
name: "IconCar"
|
470
|
+
}), /*#__PURE__*/_jsx(IconFerry, {
|
471
|
+
name: "IconFerry"
|
472
|
+
})]
|
239
473
|
}),
|
240
474
|
name: 'Transportation'
|
241
475
|
};
|
242
476
|
export const Toggles = {
|
243
477
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
244
|
-
children: [/*#__PURE__*/_jsx(IconHearth, {
|
478
|
+
children: [/*#__PURE__*/_jsx(IconHearth, {
|
479
|
+
name: "IconHearth"
|
480
|
+
}), /*#__PURE__*/_jsx(IconHearthOutline, {
|
481
|
+
name: "IconHearthOutline"
|
482
|
+
}), /*#__PURE__*/_jsx(IconStarFilled, {
|
483
|
+
name: "IconStarFilled"
|
484
|
+
}), /*#__PURE__*/_jsx(IconStarHalf, {
|
485
|
+
name: "IconStarHalf"
|
486
|
+
}), /*#__PURE__*/_jsx(IconStarOutline, {
|
487
|
+
name: "IconStarOutline"
|
488
|
+
}), /*#__PURE__*/_jsx(IconCheckedFilled, {
|
489
|
+
name: "IconCheckedFilled"
|
490
|
+
}), /*#__PURE__*/_jsx(IconCheckedOutline, {
|
491
|
+
name: "IconCheckedOutline"
|
492
|
+
}), /*#__PURE__*/_jsx(IconErrorFilled, {
|
493
|
+
name: "IconErrorFilled"
|
494
|
+
}), /*#__PURE__*/_jsx(IconErrorOutline, {
|
495
|
+
name: "IconErrorOutline"
|
496
|
+
}), /*#__PURE__*/_jsx(IconDotFilled, {
|
497
|
+
name: "IconDotFilled"
|
498
|
+
}), /*#__PURE__*/_jsx(IconDotOutline, {
|
499
|
+
name: "IconDotOutline"
|
500
|
+
}), /*#__PURE__*/_jsx(IconLockLocked, {
|
501
|
+
name: "IconLockLocked"
|
502
|
+
}), /*#__PURE__*/_jsx(IconLockOpen, {
|
503
|
+
name: "IconLockOpen"
|
504
|
+
}), /*#__PURE__*/_jsx(IconBookmarkFilled, {
|
505
|
+
name: "IconBookmarkFilled"
|
506
|
+
}), /*#__PURE__*/_jsx(IconBookmarkOutline, {
|
507
|
+
name: "IconBookmarkOutline"
|
508
|
+
}), /*#__PURE__*/_jsx(IconDashboard, {
|
509
|
+
name: "IconDashboard"
|
510
|
+
}), /*#__PURE__*/_jsx(IconDashboardFilled, {
|
511
|
+
name: "IconDashboardFilled"
|
512
|
+
}), /*#__PURE__*/_jsx(IconCommunication, {
|
513
|
+
name: "IconCommunication"
|
514
|
+
}), /*#__PURE__*/_jsx(IconCommunicationFilled, {
|
515
|
+
name: "IconCommunicationFilled"
|
516
|
+
}), /*#__PURE__*/_jsx(IconEconomy, {
|
517
|
+
name: "IconEconomy"
|
518
|
+
}), /*#__PURE__*/_jsx(IconEconomyFilled, {
|
519
|
+
name: "IconEconomyFilled"
|
520
|
+
}), /*#__PURE__*/_jsx(IconWork, {
|
521
|
+
name: "IconWork"
|
522
|
+
}), /*#__PURE__*/_jsx(IconWorkFilled, {
|
523
|
+
name: "IconWorkFilled"
|
524
|
+
}), /*#__PURE__*/_jsx(IconProfile, {
|
525
|
+
name: "IconProfile"
|
526
|
+
}), /*#__PURE__*/_jsx(IconProfileFilled, {
|
527
|
+
name: "IconProfileFilled"
|
528
|
+
}), /*#__PURE__*/_jsx(IconLookup, {
|
529
|
+
name: "IconLookup"
|
530
|
+
}), /*#__PURE__*/_jsx(IconLookupFilled, {
|
531
|
+
name: "IconLookupFilled"
|
532
|
+
}), /*#__PURE__*/_jsx(IconDocument, {
|
533
|
+
name: "IconDocument"
|
534
|
+
}), /*#__PURE__*/_jsx(IconDocumentFilled, {
|
535
|
+
name: "IconDocumentFilled"
|
536
|
+
}), /*#__PURE__*/_jsx(IconMembership, {
|
537
|
+
name: "IconMembership"
|
538
|
+
}), /*#__PURE__*/_jsx(IconMembershipFilled, {
|
539
|
+
name: "IconMembershipFilled"
|
540
|
+
}), /*#__PURE__*/_jsx(IconHouse, {
|
541
|
+
name: "IconHouse"
|
542
|
+
}), /*#__PURE__*/_jsx(IconHouseOutline, {
|
543
|
+
name: "IconHouseOutline"
|
544
|
+
}), /*#__PURE__*/_jsx(IconMinusAltFilled, {
|
545
|
+
name: "IconMinusAltFilled"
|
546
|
+
}), /*#__PURE__*/_jsx(IconMinusAlt, {
|
547
|
+
name: "IconMinusAlt"
|
548
|
+
}), /*#__PURE__*/_jsx(IconTypeOfBuilding, {
|
549
|
+
name: "IconTypeOfBuilding"
|
550
|
+
}), /*#__PURE__*/_jsx(IconTypeOfBuildingOutline, {
|
551
|
+
name: "IconTypeOfBuildingOutline"
|
552
|
+
}), /*#__PURE__*/_jsx(IconFullscreenClose, {
|
553
|
+
name: "IconFullscreenClose"
|
554
|
+
}), /*#__PURE__*/_jsx(IconFullscreenOpen, {
|
555
|
+
name: "IconFullscreenOpen"
|
556
|
+
}), /*#__PURE__*/_jsx(IconLeafFilled, {
|
557
|
+
name: "IconLeafFilled"
|
558
|
+
}), /*#__PURE__*/_jsx(IconLeafOutline, {
|
559
|
+
name: "IconLeafOutline"
|
560
|
+
}), /*#__PURE__*/_jsx(IconHomeFilled, {
|
561
|
+
name: "IconHomeFilled"
|
562
|
+
}), /*#__PURE__*/_jsx(IconHomeOutline, {
|
563
|
+
name: "IconHomeOutline"
|
564
|
+
}), /*#__PURE__*/_jsx(IconHouseBlockFilled, {
|
565
|
+
name: "IconHouseBlockFilled"
|
566
|
+
}), /*#__PURE__*/_jsx(IconHouseBlockOutline, {
|
567
|
+
name: "IconHouseBlockOutline"
|
568
|
+
}), /*#__PURE__*/_jsx(IconAuditorFilled, {
|
569
|
+
name: "IconAuditorFilled"
|
570
|
+
}), /*#__PURE__*/_jsx(IconAuditorOutline, {
|
571
|
+
name: "IconAuditorOutline"
|
572
|
+
}), /*#__PURE__*/_jsx(IconJanitorFilled, {
|
573
|
+
name: "IconJanitorFilled"
|
574
|
+
}), /*#__PURE__*/_jsx(IconJanitorOutline, {
|
575
|
+
name: "IconJanitorOutline"
|
576
|
+
})]
|
245
577
|
}),
|
246
578
|
name: 'Transportation'
|
247
579
|
};
|
248
580
|
export const Values = {
|
249
581
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
250
|
-
children: [/*#__PURE__*/_jsx(IconMoney, {
|
582
|
+
children: [/*#__PURE__*/_jsx(IconMoney, {
|
583
|
+
name: "IconMoney"
|
584
|
+
}), /*#__PURE__*/_jsx(IconJointcost, {
|
585
|
+
name: "IconJointcost"
|
586
|
+
}), /*#__PURE__*/_jsx(IconJointcost2, {
|
587
|
+
name: "IconJointcost2"
|
588
|
+
}), /*#__PURE__*/_jsx(IconPaymentCard, {
|
589
|
+
name: "IconPaymentCard"
|
590
|
+
})]
|
251
591
|
}),
|
252
592
|
name: 'Values'
|
253
593
|
};
|
254
594
|
export const Logos = {
|
255
595
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
256
596
|
children: [/*#__PURE__*/_jsx(IconVisa, {
|
597
|
+
name: "IconVisa",
|
257
598
|
size: "50px"
|
258
599
|
}), /*#__PURE__*/_jsx(IconMasterCard, {
|
600
|
+
name: "IconMasterCard",
|
259
601
|
size: "50px"
|
260
602
|
}), /*#__PURE__*/_jsx(IconBankAxept, {
|
603
|
+
name: "IconBankAxept",
|
261
604
|
size: "50px"
|
262
605
|
}), /*#__PURE__*/_jsx(IconAmericanExpress, {
|
606
|
+
name: "IconAmericanExpress",
|
263
607
|
size: "50px"
|
264
608
|
}), /*#__PURE__*/_jsx(IconOffice365, {
|
609
|
+
name: "IconOffice365",
|
265
610
|
size: "50px"
|
266
611
|
}), /*#__PURE__*/_jsx(IconGmail, {})]
|
267
612
|
}),
|
@@ -270,10 +615,13 @@ export const Logos = {
|
|
270
615
|
export const Insurance = {
|
271
616
|
render: () => /*#__PURE__*/_jsxs(SbIconGrid, {
|
272
617
|
children: [/*#__PURE__*/_jsx(IconBblFlame, {
|
618
|
+
name: "IconBblFlame",
|
273
619
|
size: "60px"
|
274
620
|
}), /*#__PURE__*/_jsx(IconBblWater, {
|
621
|
+
name: "IconBblWater",
|
275
622
|
size: "60px"
|
276
623
|
}), /*#__PURE__*/_jsx(IconBblShield, {
|
624
|
+
name: "IconBblShield",
|
277
625
|
size: "60px"
|
278
626
|
})]
|
279
627
|
}),
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
2
2
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
3
|
+
import React from 'react';
|
3
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
4
5
|
const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
5
6
|
target: "e4tbyf10"
|
@@ -12,14 +13,14 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
12
13
|
} : {
|
13
14
|
name: "9jww75",
|
14
15
|
styles: "display:grid;grid-auto-flow:row;grid-column-gap:10px;grid-template-columns:repeat(13, 1fr);grid-row-gap:10px;margin-top:10px;margin-bottom:40px;max-width:500px",
|
15
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
16
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvY29tcG9uZW50cy9TYkljb25HcmlkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL3NoYXJlZC9jb21wb25lbnRzL1NiSWNvbkdyaWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogcm93O1xuICBncmlkLWNvbHVtbi1nYXA6IDEwcHg7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEzLCAxZnIpO1xuICBncmlkLXJvdy1nYXA6IDEwcHg7XG4gIG1hcmdpbi10b3A6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gIG1heC13aWR0aDogNTAwcHg7XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICBjaGlsZHJlbjogYW55W11cbn1cblxuY29uc3QgU2JJY29uR3JpZDogUmVhY3QuRkM8SVByb3BzPiA9ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgPFdyYXBwZXI+XG4gICAge2NoaWxkcmVuLm1hcCgoaXRlbSwga2V5KSA9PiAoXG4gICAgICA8c3BhbiBrZXk9e2tleX0gdGl0bGU9e2l0ZW0/LnByb3BzPy5uYW1lIHx8ICcnfT5cbiAgICAgICAge2l0ZW19XG4gICAgICA8L3NwYW4+XG4gICAgKSl9XG4gIDwvV3JhcHBlcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgU2JJY29uR3JpZFxuIl19 */",
|
16
17
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
18
|
});
|
18
19
|
const SbIconGrid = ({
|
19
20
|
children
|
20
21
|
}) => /*#__PURE__*/_jsx(Wrapper, {
|
21
22
|
children: children.map((item, key) => /*#__PURE__*/_jsx("span", {
|
22
|
-
title: item?.props?.
|
23
|
+
title: item?.props?.name || '',
|
23
24
|
children: item
|
24
25
|
}, key))
|
25
26
|
});
|
@@ -1,31 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
export declare const Multiple:
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
export declare const
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
export declare const FilePdf: {
|
16
|
-
render: () => JSX.Element;
|
17
|
-
name: string;
|
18
|
-
};
|
19
|
-
export declare const HideFileList: {
|
20
|
-
render: () => JSX.Element;
|
21
|
-
name: string;
|
22
|
-
};
|
23
|
-
export declare const InitialFile: {
|
24
|
-
render: () => JSX.Element;
|
25
|
-
name: string;
|
26
|
-
};
|
27
|
-
export declare const Maxsize: {
|
28
|
-
render: () => JSX.Element;
|
29
|
-
name: string;
|
30
|
-
};
|
1
|
+
import FileInput from '.';
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
3
|
+
declare const meta: Meta<typeof FileInput>;
|
4
|
+
export default meta;
|
5
|
+
declare type Story = StoryObj<typeof FileInput>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const Multiple: Story;
|
8
|
+
export declare const WithError: Story;
|
9
|
+
export declare const FilePdf: Story;
|
10
|
+
export declare const HideFileList: Story;
|
11
|
+
export declare const InitialFile: Story;
|
12
|
+
export declare const Maxsize: Story;
|
13
|
+
export declare const NoStyle: Story;
|
14
|
+
export declare const RotateIcon: Story;
|
31
15
|
//# sourceMappingURL=FileInput.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/FileInput.stories.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,GAAG,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGxB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAOvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA"}
|
@@ -1,61 +1,77 @@
|
|
1
1
|
import FileInput from '.';
|
2
|
-
|
3
|
-
export default {
|
2
|
+
const meta = {
|
4
3
|
title: 'Core/FileInput',
|
5
4
|
component: FileInput
|
6
5
|
};
|
6
|
+
export default meta;
|
7
7
|
const initialFile = new File([''], 'attachment.pdf', {
|
8
8
|
type: 'application/pdf',
|
9
9
|
lastModified: new Date().getTime()
|
10
10
|
});
|
11
|
-
export const
|
12
|
-
|
11
|
+
export const Default = {
|
12
|
+
name: 'Default',
|
13
|
+
args: {
|
13
14
|
onChange: e => console.log('CB', e)
|
14
|
-
}
|
15
|
-
name: 'Deafult'
|
15
|
+
}
|
16
16
|
};
|
17
17
|
export const Multiple = {
|
18
|
-
|
18
|
+
name: 'Multiple',
|
19
|
+
args: {
|
19
20
|
onChange: e => console.log('CB', e),
|
20
21
|
multiple: true
|
21
|
-
}
|
22
|
-
name: 'Multiple'
|
22
|
+
}
|
23
23
|
};
|
24
24
|
export const WithError = {
|
25
|
-
|
25
|
+
name: 'With error',
|
26
|
+
args: {
|
26
27
|
onChange: e => console.log('CB', e),
|
27
|
-
invalidMessage:
|
28
|
-
label:
|
29
|
-
}
|
30
|
-
name: 'With error'
|
28
|
+
invalidMessage: 'This is an uninformative error',
|
29
|
+
label: 'Should contain error'
|
30
|
+
}
|
31
31
|
};
|
32
32
|
export const FilePdf = {
|
33
|
-
|
33
|
+
name: 'File pdf',
|
34
|
+
args: {
|
34
35
|
onChange: e => console.log('CB', e),
|
35
|
-
accept:
|
36
|
-
text:
|
37
|
-
}
|
38
|
-
name: 'File pdf'
|
36
|
+
accept: '.pdf',
|
37
|
+
text: 'Last opp PDF'
|
38
|
+
}
|
39
39
|
};
|
40
40
|
export const HideFileList = {
|
41
|
-
|
41
|
+
name: 'Hide file list',
|
42
|
+
args: {
|
42
43
|
hideFileList: true,
|
43
44
|
onChange: e => console.log('CB', e)
|
44
|
-
}
|
45
|
-
name: 'Hide file list'
|
45
|
+
}
|
46
46
|
};
|
47
47
|
export const InitialFile = {
|
48
|
-
|
48
|
+
name: 'Initial file',
|
49
|
+
args: {
|
49
50
|
onChange: e => console.log('CB', e),
|
50
51
|
initialFiles: [initialFile]
|
51
|
-
}
|
52
|
-
name: 'Initial file'
|
52
|
+
}
|
53
53
|
};
|
54
54
|
export const Maxsize = {
|
55
|
-
|
55
|
+
name: 'Maxsize',
|
56
|
+
args: {
|
56
57
|
multiple: true,
|
57
58
|
fileMaxsixe: 512000,
|
58
59
|
onChange: e => console.log('CB', e)
|
59
|
-
}
|
60
|
-
|
60
|
+
}
|
61
|
+
};
|
62
|
+
export const NoStyle = {
|
63
|
+
name: 'No style',
|
64
|
+
args: {
|
65
|
+
nostyle: true,
|
66
|
+
hideFileList: true,
|
67
|
+
multiple: true,
|
68
|
+
onChange: e => console.log('CB', e)
|
69
|
+
}
|
70
|
+
};
|
71
|
+
export const RotateIcon = {
|
72
|
+
name: 'Rotate icon',
|
73
|
+
args: {
|
74
|
+
rotateIcon: true,
|
75
|
+
onChange: e => console.log('CB', e)
|
76
|
+
}
|
61
77
|
};
|
@@ -20,9 +20,13 @@ interface IProps {
|
|
20
20
|
icon?: React.ReactNode;
|
21
21
|
/** Max size for individual file (in bytes) */
|
22
22
|
fileMaxsixe?: number;
|
23
|
+
/** Removes styling of button */
|
24
|
+
nostyle?: boolean;
|
25
|
+
/** Rotates icon ???deg */
|
26
|
+
rotateIcon?: boolean;
|
23
27
|
/** Event CB on change, returns object if not multiple is set, if not return list of type File[] */
|
24
28
|
onChange: (files: any) => void;
|
25
29
|
}
|
26
|
-
declare const FileInput:
|
30
|
+
declare const FileInput: ({ multiple, accept, label, invalidMessage, text, initialFiles, width, hideFileList, icon, fileMaxsixe, nostyle, rotateIcon, onChange, }: IProps) => JSX.Element;
|
27
31
|
export default FileInput;
|
28
32
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAqB/C,UAAU,MAAM;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oGAAoG;IACpG,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,SAAS,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAqB/C,UAAU,MAAM;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oGAAoG;IACpG,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,SAAS,4IAcZ,MAAM,gBAkHR,CAAA;AAED,eAAe,SAAS,CAAA"}
|