@sendoutcards/quantum-design-ui 1.7.4 → 1.7.8

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 (26) hide show
  1. package/dist/index.es.js +708 -369
  2. package/dist/src/atoms/iconography/icons/imageSwap.d.ts +3 -0
  3. package/dist/src/atoms/iconography/icons/stickers.d.ts +3 -0
  4. package/dist/src/atoms/iconography/types/index.d.ts +3 -3
  5. package/dist/src/customThemes/sendOutCards/entities.d.ts +82 -68
  6. package/dist/src/exports/molecules.d.ts +1 -0
  7. package/dist/src/exports/organisms.d.ts +2 -0
  8. package/dist/src/helpers/hoc-types/hocBasePropTypes.d.ts +1 -1
  9. package/dist/src/helpers/style-functions/getIconProperties.d.ts +1 -1
  10. package/dist/src/hooks/useEntities.d.ts +42 -35
  11. package/dist/src/molecules/button/button.d.ts +5 -3
  12. package/dist/src/molecules/imageThumbnail/imageThumbnail.d.ts +8 -0
  13. package/dist/src/molecules/quantitySlider/components/stackedCardHead.d.ts +1 -1
  14. package/dist/src/molecules/select/components/option.d.ts +6 -6
  15. package/dist/src/organisms/imageUploader/imageUploader.d.ts +16 -0
  16. package/dist/src/organisms/settingInput/settingInput.d.ts +10 -0
  17. package/dist/src/organisms/staticNavigation/components/navigationLink.d.ts +2 -0
  18. package/dist/src/organisms/staticNavigation/staticNavigation.d.ts +2 -0
  19. package/dist/src/portfolios/soc/components/bulkSend/cardQuantitySlider.d.ts +1 -1
  20. package/dist/src/stories/atoms/Icons.stories.d.ts +1 -0
  21. package/dist/src/stories/molecules/Button.stories.d.ts +1 -0
  22. package/dist/src/stories/molecules/ImageThumbnail.stories.d.ts +5 -0
  23. package/dist/src/stories/organisms/ImageUploader.stories.d.ts +5 -0
  24. package/dist/src/stories/organisms/SettingInput.stories.d.ts +7 -0
  25. package/dist/src/theme/theming/entities.d.ts +84 -70
  26. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -11,6 +11,7 @@ import InfiniteScroll from 'react-infinite-scroller';
11
11
  import { Page as Page$1, AnimatePresence as AnimatePresence$1 } from 'framer';
12
12
  import { HexColorPicker } from 'react-colorful';
13
13
  import { EyeDropper } from 'react-eyedrop';
14
+ import { useDropzone } from 'react-dropzone';
14
15
 
15
16
  /*! *****************************************************************************
16
17
  Copyright (c) Microsoft Corporation. All rights reserved.
@@ -549,6 +550,48 @@ var hocs$8 = {
549
550
  }; // TODO - revisit buttons for contrast and font color
550
551
 
551
552
  var buttons$8 = {
553
+ types: {
554
+ primary: {
555
+ backgroundColor: concepts$8.colors.primaryBrand.base,
556
+ fontColor: concepts$8.typography.colors.inverseBody,
557
+ fontFamily: concepts$8.typography.families.body
558
+ },
559
+ secondary: {
560
+ backgroundColor: concepts$8.colors.secondaryBrand.base,
561
+ fontColor: concepts$8.typography.colors.inverseBody,
562
+ fontFamily: concepts$8.typography.families.body
563
+ },
564
+ warning: {
565
+ backgroundColor: concepts$8.colors.warning.base,
566
+ fontColor: concepts$8.typography.colors.inverseBody,
567
+ fontFamily: concepts$8.typography.families.body
568
+ },
569
+ success: {
570
+ backgroundColor: concepts$8.colors.success.base,
571
+ fontColor: concepts$8.typography.colors.inverseBody,
572
+ fontFamily: concepts$8.typography.families.body
573
+ },
574
+ danger: {
575
+ backgroundColor: concepts$8.colors.danger.base,
576
+ fontColor: concepts$8.typography.colors.inverseBody,
577
+ fontFamily: concepts$8.typography.families.body
578
+ },
579
+ shadow: {
580
+ backgroundColor: concepts$8.colors.foreground,
581
+ fontColor: concepts$8.typography.colors.primaryBody,
582
+ fontFamily: concepts$8.typography.families.body
583
+ },
584
+ accent: {
585
+ backgroundColor: concepts$8.colors.accent.base,
586
+ fontColor: concepts$8.typography.colors.primaryBody,
587
+ fontFamily: concepts$8.typography.families.body
588
+ },
589
+ smoke: {
590
+ backgroundColor: concepts$8.colors.background,
591
+ fontColor: concepts$8.colors.grayScale._800,
592
+ fontFamily: concepts$8.typography.families.body
593
+ }
594
+ },
552
595
  boxShadow: concepts$8.shadows.generate,
553
596
  borderSize: borders$9.default,
554
597
  outlinedBackgroundColor: concepts$8.colors.foreground,
@@ -599,41 +642,6 @@ var buttons$8 = {
599
642
  fontSize: text$8.types.subtitle.size,
600
643
  borderRadius: concepts$8.radius.default
601
644
  }
602
- },
603
- primary: {
604
- backgroundColor: concepts$8.colors.primaryBrand.base,
605
- fontColor: concepts$8.typography.colors.inverseBody,
606
- fontFamily: concepts$8.typography.families.body
607
- },
608
- secondary: {
609
- backgroundColor: concepts$8.colors.secondaryBrand.base,
610
- fontColor: concepts$8.typography.colors.inverseBody,
611
- fontFamily: concepts$8.typography.families.body
612
- },
613
- warning: {
614
- backgroundColor: concepts$8.colors.warning.base,
615
- fontColor: concepts$8.typography.colors.inverseBody,
616
- fontFamily: concepts$8.typography.families.body
617
- },
618
- success: {
619
- backgroundColor: concepts$8.colors.success.base,
620
- fontColor: concepts$8.typography.colors.inverseBody,
621
- fontFamily: concepts$8.typography.families.body
622
- },
623
- danger: {
624
- backgroundColor: concepts$8.colors.danger.base,
625
- fontColor: concepts$8.typography.colors.inverseBody,
626
- fontFamily: concepts$8.typography.families.body
627
- },
628
- shadow: {
629
- backgroundColor: concepts$8.colors.foreground,
630
- fontColor: concepts$8.typography.colors.primaryBody,
631
- fontFamily: concepts$8.typography.families.body
632
- },
633
- accent: {
634
- backgroundColor: concepts$8.colors.accent.base,
635
- fontColor: concepts$8.typography.colors.primaryBody,
636
- fontFamily: concepts$8.typography.families.body
637
645
  }
638
646
  };
639
647
  var inputs$8 = {
@@ -1328,40 +1336,47 @@ var buttons$7 = {
1328
1336
  borderRadius: concepts$7.radius.default
1329
1337
  }
1330
1338
  },
1331
- primary: {
1332
- backgroundColor: concepts$7.colors.primaryBrand.base,
1333
- fontColor: concepts$7.typography.colors.inverseBody,
1334
- fontFamily: concepts$7.typography.families.body
1335
- },
1336
- secondary: {
1337
- backgroundColor: concepts$7.colors.secondaryBrand.base,
1338
- fontColor: concepts$7.typography.colors.inverseBody,
1339
- fontFamily: concepts$7.typography.families.body
1340
- },
1341
- warning: {
1342
- backgroundColor: concepts$7.colors.warning.base,
1343
- fontColor: concepts$7.typography.colors.inverseBody,
1344
- fontFamily: concepts$7.typography.families.body
1345
- },
1346
- success: {
1347
- backgroundColor: concepts$7.colors.success.base,
1348
- fontColor: concepts$7.typography.colors.inverseBody,
1349
- fontFamily: concepts$7.typography.families.body
1350
- },
1351
- danger: {
1352
- backgroundColor: concepts$7.colors.danger.base,
1353
- fontColor: concepts$7.typography.colors.inverseBody,
1354
- fontFamily: concepts$7.typography.families.body
1355
- },
1356
- shadow: {
1357
- backgroundColor: concepts$7.colors.foreground,
1358
- fontColor: concepts$7.typography.colors.primaryBody,
1359
- fontFamily: concepts$7.typography.families.body
1360
- },
1361
- accent: {
1362
- backgroundColor: concepts$7.colors.accent.base,
1363
- fontColor: concepts$7.typography.colors.primaryBody,
1364
- fontFamily: concepts$7.typography.families.body
1339
+ types: {
1340
+ primary: {
1341
+ backgroundColor: concepts$7.colors.primaryBrand.base,
1342
+ fontColor: concepts$7.typography.colors.inverseBody,
1343
+ fontFamily: concepts$7.typography.families.body
1344
+ },
1345
+ secondary: {
1346
+ backgroundColor: concepts$7.colors.secondaryBrand.base,
1347
+ fontColor: concepts$7.typography.colors.inverseBody,
1348
+ fontFamily: concepts$7.typography.families.body
1349
+ },
1350
+ warning: {
1351
+ backgroundColor: concepts$7.colors.warning.base,
1352
+ fontColor: concepts$7.typography.colors.inverseBody,
1353
+ fontFamily: concepts$7.typography.families.body
1354
+ },
1355
+ success: {
1356
+ backgroundColor: concepts$7.colors.success.base,
1357
+ fontColor: concepts$7.typography.colors.inverseBody,
1358
+ fontFamily: concepts$7.typography.families.body
1359
+ },
1360
+ danger: {
1361
+ backgroundColor: concepts$7.colors.danger.base,
1362
+ fontColor: concepts$7.typography.colors.inverseBody,
1363
+ fontFamily: concepts$7.typography.families.body
1364
+ },
1365
+ shadow: {
1366
+ backgroundColor: concepts$7.colors.foreground,
1367
+ fontColor: concepts$7.typography.colors.primaryBody,
1368
+ fontFamily: concepts$7.typography.families.body
1369
+ },
1370
+ accent: {
1371
+ backgroundColor: concepts$7.colors.accent.base,
1372
+ fontColor: concepts$7.typography.colors.primaryBody,
1373
+ fontFamily: concepts$7.typography.families.body
1374
+ },
1375
+ smoke: {
1376
+ backgroundColor: concepts$7.colors.background,
1377
+ fontColor: concepts$7.colors.grayScale._800,
1378
+ fontFamily: concepts$7.typography.families.body
1379
+ }
1365
1380
  }
1366
1381
  };
1367
1382
  var inputs$7 = {
@@ -2013,40 +2028,47 @@ var buttons$6 = {
2013
2028
  borderRadius: concepts$6.radius.default
2014
2029
  }
2015
2030
  },
2016
- primary: {
2017
- backgroundColor: concepts$6.colors.primaryBrand.base,
2018
- fontColor: concepts$6.typography.colors.inverseBody,
2019
- fontFamily: concepts$6.typography.families.body
2020
- },
2021
- secondary: {
2022
- backgroundColor: concepts$6.colors.secondaryBrand.base,
2023
- fontColor: concepts$6.typography.colors.inverseBody,
2024
- fontFamily: concepts$6.typography.families.body
2025
- },
2026
- warning: {
2027
- backgroundColor: concepts$6.colors.warning.base,
2028
- fontColor: concepts$6.typography.colors.inverseBody,
2029
- fontFamily: concepts$6.typography.families.body
2030
- },
2031
- success: {
2032
- backgroundColor: concepts$6.colors.success.base,
2033
- fontColor: concepts$6.typography.colors.inverseBody,
2034
- fontFamily: concepts$6.typography.families.body
2035
- },
2036
- danger: {
2037
- backgroundColor: concepts$6.colors.danger.base,
2038
- fontColor: concepts$6.typography.colors.inverseBody,
2039
- fontFamily: concepts$6.typography.families.body
2040
- },
2041
- shadow: {
2042
- backgroundColor: concepts$6.colors.foreground,
2043
- fontColor: concepts$6.typography.colors.primaryBody,
2044
- fontFamily: concepts$6.typography.families.body
2045
- },
2046
- accent: {
2047
- backgroundColor: concepts$6.colors.accent.base,
2048
- fontColor: concepts$6.typography.colors.primaryBody,
2049
- fontFamily: concepts$6.typography.families.body
2031
+ types: {
2032
+ primary: {
2033
+ backgroundColor: concepts$6.colors.primaryBrand.base,
2034
+ fontColor: concepts$6.typography.colors.inverseBody,
2035
+ fontFamily: concepts$6.typography.families.body
2036
+ },
2037
+ secondary: {
2038
+ backgroundColor: concepts$6.colors.secondaryBrand.base,
2039
+ fontColor: concepts$6.typography.colors.inverseBody,
2040
+ fontFamily: concepts$6.typography.families.body
2041
+ },
2042
+ warning: {
2043
+ backgroundColor: concepts$6.colors.warning.base,
2044
+ fontColor: concepts$6.typography.colors.inverseBody,
2045
+ fontFamily: concepts$6.typography.families.body
2046
+ },
2047
+ success: {
2048
+ backgroundColor: concepts$6.colors.success.base,
2049
+ fontColor: concepts$6.typography.colors.inverseBody,
2050
+ fontFamily: concepts$6.typography.families.body
2051
+ },
2052
+ danger: {
2053
+ backgroundColor: concepts$6.colors.danger.base,
2054
+ fontColor: concepts$6.typography.colors.inverseBody,
2055
+ fontFamily: concepts$6.typography.families.body
2056
+ },
2057
+ shadow: {
2058
+ backgroundColor: concepts$6.colors.foreground,
2059
+ fontColor: concepts$6.typography.colors.primaryBody,
2060
+ fontFamily: concepts$6.typography.families.body
2061
+ },
2062
+ accent: {
2063
+ backgroundColor: concepts$6.colors.accent.base,
2064
+ fontColor: concepts$6.typography.colors.primaryBody,
2065
+ fontFamily: concepts$6.typography.families.body
2066
+ },
2067
+ smoke: {
2068
+ backgroundColor: concepts$6.colors.background,
2069
+ fontColor: concepts$6.colors.grayScale._800,
2070
+ fontFamily: concepts$6.typography.families.body
2071
+ }
2050
2072
  }
2051
2073
  };
2052
2074
  var slider$6 = {
@@ -2702,40 +2724,47 @@ var buttons$5 = {
2702
2724
  borderRadius: concepts$5.radius.default
2703
2725
  }
2704
2726
  },
2705
- primary: {
2706
- backgroundColor: concepts$5.colors.primaryBrand.base,
2707
- fontColor: concepts$5.typography.colors.inverseBody,
2708
- fontFamily: concepts$5.typography.families.body
2709
- },
2710
- secondary: {
2711
- backgroundColor: concepts$5.colors.secondaryBrand.base,
2712
- fontColor: concepts$5.typography.colors.inverseBody,
2713
- fontFamily: concepts$5.typography.families.body
2714
- },
2715
- warning: {
2716
- backgroundColor: concepts$5.colors.warning.base,
2717
- fontColor: concepts$5.typography.colors.inverseBody,
2718
- fontFamily: concepts$5.typography.families.body
2719
- },
2720
- success: {
2721
- backgroundColor: concepts$5.colors.success.base,
2722
- fontColor: concepts$5.typography.colors.inverseBody,
2723
- fontFamily: concepts$5.typography.families.body
2724
- },
2725
- danger: {
2726
- backgroundColor: concepts$5.colors.danger.base,
2727
- fontColor: concepts$5.typography.colors.inverseBody,
2728
- fontFamily: concepts$5.typography.families.body
2729
- },
2730
- shadow: {
2731
- backgroundColor: concepts$5.colors.foreground,
2732
- fontColor: concepts$5.typography.colors.primaryBody,
2733
- fontFamily: concepts$5.typography.families.body
2734
- },
2735
- accent: {
2736
- backgroundColor: concepts$5.colors.accent.base,
2737
- fontColor: concepts$5.typography.colors.primaryBody,
2738
- fontFamily: concepts$5.typography.families.body
2727
+ types: {
2728
+ primary: {
2729
+ backgroundColor: concepts$5.colors.primaryBrand.base,
2730
+ fontColor: concepts$5.typography.colors.inverseBody,
2731
+ fontFamily: concepts$5.typography.families.body
2732
+ },
2733
+ secondary: {
2734
+ backgroundColor: concepts$5.colors.secondaryBrand.base,
2735
+ fontColor: concepts$5.typography.colors.inverseBody,
2736
+ fontFamily: concepts$5.typography.families.body
2737
+ },
2738
+ warning: {
2739
+ backgroundColor: concepts$5.colors.warning.base,
2740
+ fontColor: concepts$5.typography.colors.inverseBody,
2741
+ fontFamily: concepts$5.typography.families.body
2742
+ },
2743
+ success: {
2744
+ backgroundColor: concepts$5.colors.success.base,
2745
+ fontColor: concepts$5.typography.colors.inverseBody,
2746
+ fontFamily: concepts$5.typography.families.body
2747
+ },
2748
+ danger: {
2749
+ backgroundColor: concepts$5.colors.danger.base,
2750
+ fontColor: concepts$5.typography.colors.inverseBody,
2751
+ fontFamily: concepts$5.typography.families.body
2752
+ },
2753
+ shadow: {
2754
+ backgroundColor: concepts$5.colors.foreground,
2755
+ fontColor: concepts$5.typography.colors.primaryBody,
2756
+ fontFamily: concepts$5.typography.families.body
2757
+ },
2758
+ accent: {
2759
+ backgroundColor: concepts$5.colors.accent.base,
2760
+ fontColor: concepts$5.typography.colors.primaryBody,
2761
+ fontFamily: concepts$5.typography.families.body
2762
+ },
2763
+ smoke: {
2764
+ backgroundColor: concepts$5.colors.background,
2765
+ fontColor: concepts$5.colors.grayScale._800,
2766
+ fontFamily: concepts$5.typography.families.body
2767
+ }
2739
2768
  }
2740
2769
  };
2741
2770
  var slider$5 = {
@@ -3389,40 +3418,47 @@ var buttons$4 = {
3389
3418
  borderRadius: concepts$4.radius.default
3390
3419
  }
3391
3420
  },
3392
- primary: {
3393
- backgroundColor: concepts$4.colors.primaryBrand.base,
3394
- fontColor: concepts$4.typography.colors.inverseBody,
3395
- fontFamily: concepts$4.typography.families.body
3396
- },
3397
- secondary: {
3398
- backgroundColor: concepts$4.colors.secondaryBrand.base,
3399
- fontColor: concepts$4.typography.colors.inverseBody,
3400
- fontFamily: concepts$4.typography.families.body
3401
- },
3402
- warning: {
3403
- backgroundColor: concepts$4.colors.warning.base,
3404
- fontColor: concepts$4.typography.colors.inverseBody,
3405
- fontFamily: concepts$4.typography.families.body
3406
- },
3407
- success: {
3408
- backgroundColor: concepts$4.colors.success.base,
3409
- fontColor: concepts$4.typography.colors.inverseBody,
3410
- fontFamily: concepts$4.typography.families.body
3411
- },
3412
- danger: {
3413
- backgroundColor: concepts$4.colors.danger.base,
3414
- fontColor: concepts$4.typography.colors.inverseBody,
3415
- fontFamily: concepts$4.typography.families.body
3416
- },
3417
- shadow: {
3418
- backgroundColor: concepts$4.colors.foreground,
3419
- fontColor: concepts$4.typography.colors.primaryBody,
3420
- fontFamily: concepts$4.typography.families.body
3421
- },
3422
- accent: {
3423
- backgroundColor: concepts$4.colors.accent.base,
3424
- fontColor: concepts$4.typography.colors.primaryBody,
3425
- fontFamily: concepts$4.typography.families.body
3421
+ types: {
3422
+ primary: {
3423
+ backgroundColor: concepts$4.colors.primaryBrand.base,
3424
+ fontColor: concepts$4.typography.colors.inverseBody,
3425
+ fontFamily: concepts$4.typography.families.body
3426
+ },
3427
+ secondary: {
3428
+ backgroundColor: concepts$4.colors.secondaryBrand.base,
3429
+ fontColor: concepts$4.typography.colors.inverseBody,
3430
+ fontFamily: concepts$4.typography.families.body
3431
+ },
3432
+ warning: {
3433
+ backgroundColor: concepts$4.colors.warning.base,
3434
+ fontColor: concepts$4.typography.colors.inverseBody,
3435
+ fontFamily: concepts$4.typography.families.body
3436
+ },
3437
+ success: {
3438
+ backgroundColor: concepts$4.colors.success.base,
3439
+ fontColor: concepts$4.typography.colors.inverseBody,
3440
+ fontFamily: concepts$4.typography.families.body
3441
+ },
3442
+ danger: {
3443
+ backgroundColor: concepts$4.colors.danger.base,
3444
+ fontColor: concepts$4.typography.colors.inverseBody,
3445
+ fontFamily: concepts$4.typography.families.body
3446
+ },
3447
+ shadow: {
3448
+ backgroundColor: concepts$4.colors.foreground,
3449
+ fontColor: concepts$4.typography.colors.primaryBody,
3450
+ fontFamily: concepts$4.typography.families.body
3451
+ },
3452
+ accent: {
3453
+ backgroundColor: concepts$4.colors.accent.base,
3454
+ fontColor: concepts$4.typography.colors.primaryBody,
3455
+ fontFamily: concepts$4.typography.families.body
3456
+ },
3457
+ smoke: {
3458
+ backgroundColor: concepts$4.colors.background,
3459
+ fontColor: concepts$4.colors.grayScale._800,
3460
+ fontFamily: concepts$4.typography.families.body
3461
+ }
3426
3462
  }
3427
3463
  };
3428
3464
  var slider$4 = {
@@ -4076,40 +4112,47 @@ var buttons$3 = {
4076
4112
  borderRadius: concepts$3.radius.default
4077
4113
  }
4078
4114
  },
4079
- primary: {
4080
- backgroundColor: concepts$3.colors.primaryBrand.base,
4081
- fontColor: concepts$3.typography.colors.inverseBody,
4082
- fontFamily: concepts$3.typography.families.body
4083
- },
4084
- secondary: {
4085
- backgroundColor: concepts$3.colors.secondaryBrand.base,
4086
- fontColor: concepts$3.typography.colors.inverseBody,
4087
- fontFamily: concepts$3.typography.families.body
4088
- },
4089
- warning: {
4090
- backgroundColor: concepts$3.colors.warning.base,
4091
- fontColor: concepts$3.typography.colors.inverseBody,
4092
- fontFamily: concepts$3.typography.families.body
4093
- },
4094
- success: {
4095
- backgroundColor: concepts$3.colors.success.base,
4096
- fontColor: concepts$3.typography.colors.inverseBody,
4097
- fontFamily: concepts$3.typography.families.body
4098
- },
4099
- danger: {
4100
- backgroundColor: concepts$3.colors.danger.base,
4101
- fontColor: concepts$3.typography.colors.inverseBody,
4102
- fontFamily: concepts$3.typography.families.body
4103
- },
4104
- shadow: {
4105
- backgroundColor: concepts$3.colors.foreground,
4106
- fontColor: concepts$3.typography.colors.primaryBody,
4107
- fontFamily: concepts$3.typography.families.body
4108
- },
4109
- accent: {
4110
- backgroundColor: concepts$3.colors.accent.base,
4111
- fontColor: concepts$3.typography.colors.primaryBody,
4112
- fontFamily: concepts$3.typography.families.body
4115
+ types: {
4116
+ primary: {
4117
+ backgroundColor: concepts$3.colors.primaryBrand.base,
4118
+ fontColor: concepts$3.typography.colors.inverseBody,
4119
+ fontFamily: concepts$3.typography.families.body
4120
+ },
4121
+ secondary: {
4122
+ backgroundColor: concepts$3.colors.secondaryBrand.base,
4123
+ fontColor: concepts$3.typography.colors.inverseBody,
4124
+ fontFamily: concepts$3.typography.families.body
4125
+ },
4126
+ warning: {
4127
+ backgroundColor: concepts$3.colors.warning.base,
4128
+ fontColor: concepts$3.typography.colors.inverseBody,
4129
+ fontFamily: concepts$3.typography.families.body
4130
+ },
4131
+ success: {
4132
+ backgroundColor: concepts$3.colors.success.base,
4133
+ fontColor: concepts$3.typography.colors.inverseBody,
4134
+ fontFamily: concepts$3.typography.families.body
4135
+ },
4136
+ danger: {
4137
+ backgroundColor: concepts$3.colors.danger.base,
4138
+ fontColor: concepts$3.typography.colors.inverseBody,
4139
+ fontFamily: concepts$3.typography.families.body
4140
+ },
4141
+ shadow: {
4142
+ backgroundColor: concepts$3.colors.foreground,
4143
+ fontColor: concepts$3.typography.colors.primaryBody,
4144
+ fontFamily: concepts$3.typography.families.body
4145
+ },
4146
+ accent: {
4147
+ backgroundColor: concepts$3.colors.accent.base,
4148
+ fontColor: concepts$3.typography.colors.primaryBody,
4149
+ fontFamily: concepts$3.typography.families.body
4150
+ },
4151
+ smoke: {
4152
+ backgroundColor: concepts$3.colors.background,
4153
+ fontColor: concepts$3.colors.grayScale._800,
4154
+ fontFamily: concepts$3.typography.families.body
4155
+ }
4113
4156
  }
4114
4157
  };
4115
4158
  var slider$3 = {
@@ -4763,40 +4806,47 @@ var buttons$2 = {
4763
4806
  borderRadius: concepts$2.radius.default
4764
4807
  }
4765
4808
  },
4766
- primary: {
4767
- backgroundColor: concepts$2.colors.primaryBrand.base,
4768
- fontColor: concepts$2.typography.colors.inverseBody,
4769
- fontFamily: concepts$2.typography.families.body
4770
- },
4771
- secondary: {
4772
- backgroundColor: concepts$2.colors.secondaryBrand.base,
4773
- fontColor: concepts$2.typography.colors.inverseBody,
4774
- fontFamily: concepts$2.typography.families.body
4775
- },
4776
- warning: {
4777
- backgroundColor: concepts$2.colors.warning.base,
4778
- fontColor: concepts$2.typography.colors.inverseBody,
4779
- fontFamily: concepts$2.typography.families.body
4780
- },
4781
- success: {
4782
- backgroundColor: concepts$2.colors.success.base,
4783
- fontColor: concepts$2.typography.colors.inverseBody,
4784
- fontFamily: concepts$2.typography.families.body
4785
- },
4786
- danger: {
4787
- backgroundColor: concepts$2.colors.danger.base,
4788
- fontColor: concepts$2.typography.colors.inverseBody,
4789
- fontFamily: concepts$2.typography.families.body
4790
- },
4791
- shadow: {
4792
- backgroundColor: concepts$2.colors.foreground,
4793
- fontColor: concepts$2.typography.colors.primaryBody,
4794
- fontFamily: concepts$2.typography.families.body
4795
- },
4796
- accent: {
4797
- backgroundColor: concepts$2.colors.accent.base,
4798
- fontColor: concepts$2.typography.colors.primaryBody,
4799
- fontFamily: concepts$2.typography.families.body
4809
+ types: {
4810
+ primary: {
4811
+ backgroundColor: concepts$2.colors.primaryBrand.base,
4812
+ fontColor: concepts$2.typography.colors.inverseBody,
4813
+ fontFamily: concepts$2.typography.families.body
4814
+ },
4815
+ secondary: {
4816
+ backgroundColor: concepts$2.colors.secondaryBrand.base,
4817
+ fontColor: concepts$2.typography.colors.inverseBody,
4818
+ fontFamily: concepts$2.typography.families.body
4819
+ },
4820
+ warning: {
4821
+ backgroundColor: concepts$2.colors.warning.base,
4822
+ fontColor: concepts$2.typography.colors.inverseBody,
4823
+ fontFamily: concepts$2.typography.families.body
4824
+ },
4825
+ success: {
4826
+ backgroundColor: concepts$2.colors.success.base,
4827
+ fontColor: concepts$2.typography.colors.inverseBody,
4828
+ fontFamily: concepts$2.typography.families.body
4829
+ },
4830
+ danger: {
4831
+ backgroundColor: concepts$2.colors.danger.base,
4832
+ fontColor: concepts$2.typography.colors.inverseBody,
4833
+ fontFamily: concepts$2.typography.families.body
4834
+ },
4835
+ shadow: {
4836
+ backgroundColor: concepts$2.colors.foreground,
4837
+ fontColor: concepts$2.typography.colors.primaryBody,
4838
+ fontFamily: concepts$2.typography.families.body
4839
+ },
4840
+ accent: {
4841
+ backgroundColor: concepts$2.colors.accent.base,
4842
+ fontColor: concepts$2.typography.colors.primaryBody,
4843
+ fontFamily: concepts$2.typography.families.body
4844
+ },
4845
+ smoke: {
4846
+ backgroundColor: concepts$2.colors.background,
4847
+ fontColor: concepts$2.colors.grayScale._800,
4848
+ fontFamily: concepts$2.typography.families.body
4849
+ }
4800
4850
  }
4801
4851
  };
4802
4852
  var slider$2 = {
@@ -5439,51 +5489,58 @@ var buttons$1 = {
5439
5489
  },
5440
5490
  fontSize: text$1.types.largeBody.size,
5441
5491
  borderRadius: concepts$1.radius.default
5442
- },
5443
- xLarge: {
5444
- inset: spacing$1.x3 + " " + spacing$1.x5,
5445
- outlinedInset: {
5446
- vertical: "calc(" + spacing$1.x3 + " - 2px)",
5447
- horizontal: "calc(" + spacing$1.x5 + " - 2px)"
5448
- },
5449
- fontSize: text$1.types.subtitle.size,
5450
- borderRadius: concepts$1.radius.default
5451
- }
5452
- },
5453
- primary: {
5454
- backgroundColor: concepts$1.colors.primaryBrand.base,
5455
- fontColor: concepts$1.typography.colors.inverseBody,
5456
- fontFamily: concepts$1.typography.families.body
5457
- },
5458
- secondary: {
5459
- backgroundColor: concepts$1.colors.secondaryBrand.base,
5460
- fontColor: concepts$1.typography.colors.inverseBody,
5461
- fontFamily: concepts$1.typography.families.body
5462
- },
5463
- warning: {
5464
- backgroundColor: concepts$1.colors.warning.base,
5465
- fontColor: concepts$1.typography.colors.inverseBody,
5466
- fontFamily: concepts$1.typography.families.body
5467
- },
5468
- success: {
5469
- backgroundColor: concepts$1.colors.success.base,
5470
- fontColor: concepts$1.typography.colors.inverseBody,
5471
- fontFamily: concepts$1.typography.families.body
5472
- },
5473
- danger: {
5474
- backgroundColor: concepts$1.colors.danger.base,
5475
- fontColor: concepts$1.typography.colors.inverseBody,
5476
- fontFamily: concepts$1.typography.families.body
5477
- },
5478
- shadow: {
5479
- backgroundColor: concepts$1.colors.foreground,
5480
- fontColor: concepts$1.typography.colors.primaryBody,
5481
- fontFamily: concepts$1.typography.families.body
5492
+ },
5493
+ xLarge: {
5494
+ inset: spacing$1.x3 + " " + spacing$1.x5,
5495
+ outlinedInset: {
5496
+ vertical: "calc(" + spacing$1.x3 + " - 2px)",
5497
+ horizontal: "calc(" + spacing$1.x5 + " - 2px)"
5498
+ },
5499
+ fontSize: text$1.types.subtitle.size,
5500
+ borderRadius: concepts$1.radius.default
5501
+ }
5482
5502
  },
5483
- accent: {
5484
- backgroundColor: concepts$1.colors.accent.base,
5485
- fontColor: concepts$1.typography.colors.primaryBody,
5486
- fontFamily: concepts$1.typography.families.body
5503
+ types: {
5504
+ primary: {
5505
+ backgroundColor: concepts$1.colors.primaryBrand.base,
5506
+ fontColor: concepts$1.typography.colors.inverseBody,
5507
+ fontFamily: concepts$1.typography.families.body
5508
+ },
5509
+ secondary: {
5510
+ backgroundColor: concepts$1.colors.secondaryBrand.base,
5511
+ fontColor: concepts$1.typography.colors.inverseBody,
5512
+ fontFamily: concepts$1.typography.families.body
5513
+ },
5514
+ warning: {
5515
+ backgroundColor: concepts$1.colors.warning.base,
5516
+ fontColor: concepts$1.typography.colors.inverseBody,
5517
+ fontFamily: concepts$1.typography.families.body
5518
+ },
5519
+ success: {
5520
+ backgroundColor: concepts$1.colors.success.base,
5521
+ fontColor: concepts$1.typography.colors.inverseBody,
5522
+ fontFamily: concepts$1.typography.families.body
5523
+ },
5524
+ danger: {
5525
+ backgroundColor: concepts$1.colors.danger.base,
5526
+ fontColor: concepts$1.typography.colors.inverseBody,
5527
+ fontFamily: concepts$1.typography.families.body
5528
+ },
5529
+ shadow: {
5530
+ backgroundColor: concepts$1.colors.foreground,
5531
+ fontColor: concepts$1.typography.colors.primaryBody,
5532
+ fontFamily: concepts$1.typography.families.body
5533
+ },
5534
+ accent: {
5535
+ backgroundColor: concepts$1.colors.accent.base,
5536
+ fontColor: concepts$1.typography.colors.primaryBody,
5537
+ fontFamily: concepts$1.typography.families.body
5538
+ },
5539
+ smoke: {
5540
+ backgroundColor: concepts$1.colors.background,
5541
+ fontColor: concepts$1.colors.grayScale._800,
5542
+ fontFamily: concepts$1.typography.families.body
5543
+ }
5487
5544
  }
5488
5545
  };
5489
5546
  var slider$1 = {
@@ -6134,40 +6191,47 @@ var buttons = {
6134
6191
  borderRadius: concepts.radius.default
6135
6192
  }
6136
6193
  },
6137
- primary: {
6138
- backgroundColor: concepts.colors.primaryBrand.base,
6139
- fontColor: concepts.typography.colors.inverseBody,
6140
- fontFamily: concepts.typography.families.body
6141
- },
6142
- secondary: {
6143
- backgroundColor: concepts.colors.secondaryBrand.base,
6144
- fontColor: concepts.typography.colors.inverseBody,
6145
- fontFamily: concepts.typography.families.body
6146
- },
6147
- warning: {
6148
- backgroundColor: concepts.colors.warning.base,
6149
- fontColor: concepts.typography.colors.inverseBody,
6150
- fontFamily: concepts.typography.families.body
6151
- },
6152
- success: {
6153
- backgroundColor: concepts.colors.success.base,
6154
- fontColor: concepts.typography.colors.inverseBody,
6155
- fontFamily: concepts.typography.families.body
6156
- },
6157
- danger: {
6158
- backgroundColor: concepts.colors.danger.base,
6159
- fontColor: concepts.typography.colors.inverseBody,
6160
- fontFamily: concepts.typography.families.body
6161
- },
6162
- shadow: {
6163
- backgroundColor: concepts.colors.foreground,
6164
- fontColor: concepts.typography.colors.primaryBody,
6165
- fontFamily: concepts.typography.families.body
6166
- },
6167
- accent: {
6168
- backgroundColor: concepts.colors.accent.base,
6169
- fontColor: concepts.typography.colors.primaryBody,
6170
- fontFamily: concepts.typography.families.body
6194
+ types: {
6195
+ primary: {
6196
+ backgroundColor: concepts.colors.primaryBrand.base,
6197
+ fontColor: concepts.typography.colors.inverseBody,
6198
+ fontFamily: concepts.typography.families.body
6199
+ },
6200
+ secondary: {
6201
+ backgroundColor: concepts.colors.secondaryBrand.base,
6202
+ fontColor: concepts.typography.colors.inverseBody,
6203
+ fontFamily: concepts.typography.families.body
6204
+ },
6205
+ warning: {
6206
+ backgroundColor: concepts.colors.warning.base,
6207
+ fontColor: concepts.typography.colors.inverseBody,
6208
+ fontFamily: concepts.typography.families.body
6209
+ },
6210
+ success: {
6211
+ backgroundColor: concepts.colors.success.base,
6212
+ fontColor: concepts.typography.colors.inverseBody,
6213
+ fontFamily: concepts.typography.families.body
6214
+ },
6215
+ danger: {
6216
+ backgroundColor: concepts.colors.danger.base,
6217
+ fontColor: concepts.typography.colors.inverseBody,
6218
+ fontFamily: concepts.typography.families.body
6219
+ },
6220
+ shadow: {
6221
+ backgroundColor: concepts.colors.foreground,
6222
+ fontColor: concepts.typography.colors.primaryBody,
6223
+ fontFamily: concepts.typography.families.body
6224
+ },
6225
+ accent: {
6226
+ backgroundColor: concepts.colors.accent.base,
6227
+ fontColor: concepts.typography.colors.primaryBody,
6228
+ fontFamily: concepts.typography.families.body
6229
+ },
6230
+ smoke: {
6231
+ backgroundColor: concepts.colors.background,
6232
+ fontColor: concepts.colors.grayScale._800,
6233
+ fontFamily: concepts.typography.families.body
6234
+ }
6171
6235
  }
6172
6236
  };
6173
6237
  var inputs = {
@@ -6497,7 +6561,9 @@ var QuantumThemeWrapper = function (_a) {
6497
6561
  var templateObject_1$S, templateObject_2$v;
6498
6562
 
6499
6563
  var getIconColor = function (color, entity) {
6500
- return entity.colors[color];
6564
+ var _a;
6565
+
6566
+ return (_a = entity.colors[color]) !== null && _a !== void 0 ? _a : color;
6501
6567
  };
6502
6568
  var getIconSize = function (size, entity) {
6503
6569
  if (typeof size === 'number') return size;
@@ -10164,6 +10230,32 @@ var Upload = function (_a) {
10164
10230
  }));
10165
10231
  };
10166
10232
 
10233
+ var Stickers = function (_a) {
10234
+ var primaryColor = _a.primaryColor,
10235
+ onClick = _a.onClick,
10236
+ size = _a.size,
10237
+ entity = _a.entity;
10238
+ return jsx("svg", {
10239
+ width: getIconSize(size, entity),
10240
+ height: getIconSize(size, entity),
10241
+ fill: getIconColor(primaryColor, entity),
10242
+ viewBox: "0 0 24 24",
10243
+ xmlns: "http://www.w3.org/2000/svg",
10244
+ onClick: onClick && function () {
10245
+ return onClick();
10246
+ }
10247
+ }, jsx("path", {
10248
+ d: "M10 14.75H6.2C2.78 14.75 1.25 13.22 1.25 9.80005V6.19995C1.25 2.77995 2.78 1.25 6.2 1.25H9.8C13.22 1.25 14.75 2.77995 14.75 6.19995V10C14.75 10.41 14.42 10.74 14.01 10.75C11.61 10.79 10.79 11.62 10.75 14.01C10.74 14.42 10.41 14.75 10 14.75ZM6.2 2.75C3.62 2.75 2.75 3.61995 2.75 6.19995V9.80005C2.75 12.38 3.62 13.25 6.2 13.25H9.29C9.53 10.81 10.81 9.54004 13.25 9.29004V6.19995C13.25 3.61995 12.38 2.75 9.8 2.75H6.2Z",
10249
+ fill: getIconColor(primaryColor, entity)
10250
+ }), jsx("path", {
10251
+ d: "M5.19952 6.63014C4.96952 6.63014 4.72952 6.52019 4.58952 6.31019 4.34952 5.97019 4.42952 5.50015 4.76952 5.26015 5.54952 4.71015 6.59951 4.70013 7.38951 5.24013 7.72951 5.47013 7.81952 5.94017 7.58952 6.28017 7.35952 6.62017 6.88951 6.71012 6.54951 6.48012 6.27951 6.30012 5.91952 6.30013 5.64952 6.49013 5.49952 6.59013 5.34952 6.63014 5.19952 6.63014zM9.19952 6.63014C8.96952 6.63014 8.72952 6.52019 8.58952 6.31019 8.34952 5.97019 8.42952 5.50015 8.76952 5.26015 9.54952 4.71015 10.5995 4.70013 11.3895 5.24013 11.7295 5.47013 11.8195 5.94017 11.5895 6.28017 11.3595 6.62017 10.8895 6.71012 10.5495 6.48012 10.2795 6.30012 9.91952 6.30013 9.64952 6.49013 9.49952 6.59013 9.34952 6.63014 9.19952 6.63014zM8.16078 12.1702H5.84078C5.13078 12.1702 4.55078 11.5901 4.55078 10.8801 4.55078 8.98013 6.10078 7.43018 8.00078 7.43018 8.78078 7.43018 9.55078 7.70006 10.1608 8.19006 10.4808 8.45006 10.5408 8.92011 10.2808 9.24011 10.0208 9.56011 9.55078 9.61011 9.23078 9.36011 8.88078 9.08011 8.46078 8.93018 8.01078 8.93018 7.01078 8.93018 6.18078 9.69017 6.07078 10.6702H8.17078C8.58078 10.6702 8.92078 11.0102 8.92078 11.4202 8.92078 11.8302 8.57078 12.1702 8.16078 12.1702zM17.8 22.75H14.2C10.78 22.75 9.25 21.22 9.25 17.8V14C9.31 10.81 10.81 9.31 13.99 9.25H17.8C21.22 9.25 22.75 10.78 22.75 14.2V17.8C22.75 21.22 21.22 22.75 17.8 22.75zM14 10.75C11.62 10.79 10.79 11.62 10.75 14.01V17.8C10.75 20.38 11.62 21.25 14.2 21.25H17.8C20.38 21.25 21.25 20.38 21.25 17.8V14.2C21.25 11.62 20.38 10.75 17.8 10.75H14z",
10252
+ fill: getIconColor(primaryColor, entity)
10253
+ }), jsx("path", {
10254
+ d: "M14.0895 14.6301C13.6195 14.6301 13.1595 14.4901 12.7695 14.2101 12.4295 13.9701 12.3495 13.5002 12.5895 13.1602 12.8295 12.8202 13.2995 12.7401 13.6395 12.9801 13.9095 13.1701 14.2695 13.1701 14.5395 12.9901 14.8795 12.7601 15.3495 12.8401 15.5795 13.1901 15.8095 13.5301 15.7295 14.0001 15.3795 14.2301 14.9895 14.5001 14.5395 14.6301 14.0895 14.6301zM18.0895 14.6301C17.6195 14.6301 17.1595 14.4901 16.7695 14.2101 16.4295 13.9701 16.3495 13.5002 16.5895 13.1602 16.8295 12.8202 17.2995 12.7401 17.6395 12.9801 17.9095 13.1701 18.2695 13.1701 18.5395 12.9901 18.8795 12.7601 19.3495 12.8401 19.5795 13.1901 19.8095 13.5301 19.7295 14.0001 19.3795 14.2301 18.9895 14.5001 18.5395 14.6301 18.0895 14.6301zM16.0008 20.1702C14.1008 20.1702 12.5508 18.6201 12.5508 16.7201 12.5508 16.0101 13.1308 15.4302 13.8408 15.4302H18.1608C18.8708 15.4302 19.4508 16.0101 19.4508 16.7201 19.4508 18.6201 17.9008 20.1702 16.0008 20.1702zM14.0608 16.9302C14.1608 17.9102 14.9908 18.6702 16.0008 18.6702 17.0108 18.6702 17.8308 17.9102 17.9408 16.9302H14.0608z",
10255
+ fill: getIconColor(primaryColor, entity)
10256
+ }));
10257
+ };
10258
+
10167
10259
  var Icon = function (_a) {
10168
10260
  var primaryColor = _a.primaryColor,
10169
10261
  secondaryColor = _a.secondaryColor,
@@ -10495,6 +10587,9 @@ var Icon = function (_a) {
10495
10587
 
10496
10588
  case 'upload':
10497
10589
  return jsx(Upload, props);
10590
+
10591
+ case 'stickers':
10592
+ return jsx(Stickers, props);
10498
10593
  }
10499
10594
  };
10500
10595
 
@@ -11774,12 +11869,12 @@ var computeButtonSizeProperties = function (size, sizeMap) {
11774
11869
  return mapSizeType(size, sizeMap);
11775
11870
  };
11776
11871
 
11777
- var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3dEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKGJ1dHRvblR5cGUsIGJ1dHRvbkVudGl0eSwgYnV0dG9uU3R5bGUsIHNpemUsIGhvdmVyLCBvdXRsaW5lZCwgZnVsbFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIDpkaXNhYmxlZCB7XFxuICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgIH1cXG4gICAgfVxcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgIW91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykuaW5zZXQsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAuaG9yaXpvbnRhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZFxyXG4gICAgICAgID8gYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgIDogJ25vbmUnLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5ib3JkZXJSYWRpdXMsIG91dGxpbmVkXHJcbiAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICA6IGJ1dHRvblR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJveFNoYWRvdygnbGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5mb250Q29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIG91dGxpbmVkXHJcbiAgICAgICAgPyAnbm9uZSdcclxuICAgICAgICA6IGJ1dHRvblR5cGUgPT09ICdzaGFkb3cnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJveFNoYWRvdygnbGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5mb250Q29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSlcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm94U2hhZG93KCd4TGlnaHQnLCBDb2xvcihidXR0b25TdHlsZS5iYWNrZ3JvdW5kQ29sb3IpLnJnYigpLmFscGhhKDAuNSkudG9TdHJpbmcoKSksIGhvdmVyICYmICd0cmFuc2xhdGVZKDNweCknLCBob3ZlciAmJiAnbm9uZScsIGhvdmVyICYmICd0cmFuc2Zvcm0gMC4ycywgYm94LXNoYWRvdyAwLjJzIGVhc2Utb3V0Jyk7IH0sXHJcbiAgICBidXR0b25UaXRsZTogZnVuY3Rpb24gKGJ1dHRvbkVudGl0eSwgc2l6ZSkgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzIgfHwgKHRlbXBsYXRlT2JqZWN0XzIgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZm9udC1zaXplOiBcIiwgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0sIFtcIlxcbiAgICBmb250LXNpemU6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgXCJdKSksIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmZvbnRTaXplLCBidXR0b25FbnRpdHkuZm9udFdlaWdodCk7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
11872
+ var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKGJ1dHRvblR5cGUsIGJ1dHRvbkVudGl0eSwgYnV0dG9uU3R5bGUsIHNpemUsIGhvdmVyLCBvdXRsaW5lZCwgZnVsbFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIDpkaXNhYmxlZCB7XFxuICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgIH1cXG4gICAgfVxcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgIW91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykuaW5zZXQsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAuaG9yaXpvbnRhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZFxyXG4gICAgICAgID8gYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiAnbm9uZScsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmJvcmRlclJhZGl1cywgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTsgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAoYnV0dG9uRW50aXR5LCBzaXplKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGJ1dHRvbkVudGl0eS5mb250V2VpZ2h0KTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
11778
11873
 
11779
- var _emotionSourceMap$E = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgOiAnbm9uZScsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmJvcmRlclJhZGl1cywgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTsgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAoYnV0dG9uRW50aXR5LCBzaXplKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGJ1dHRvbkVudGl0eS5mb250V2VpZ2h0KTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
11874
+ var _emotionSourceMap$E = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmZvbnRDb2xvclxyXG4gICAgICAgICAgICA6ICdub25lJywgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuYm9yZGVyUmFkaXVzLCBvdXRsaW5lZFxyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ2xpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuZm9udENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBvdXRsaW5lZFxyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ2xpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuZm9udENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBob3ZlciAmJiAndHJhbnNsYXRlWSgzcHgpJywgaG92ZXIgJiYgJ25vbmUnLCBob3ZlciAmJiAndHJhbnNmb3JtIDAuMnMsIGJveC1zaGFkb3cgMC4ycyBlYXNlLW91dCcpOyB9LFxyXG4gICAgYnV0dG9uVGl0bGU6IGZ1bmN0aW9uIChidXR0b25FbnRpdHksIHNpemUpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsIFwiO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1zaXplOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSkpLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5mb250U2l6ZSwgYnV0dG9uRW50aXR5LmZvbnRXZWlnaHQpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
11780
11875
  var styles$D = {
11781
11876
  buttonStyles: function (buttonType, buttonEntity, buttonStyle, size, hover, outlined, fullWidth) {
11782
- return /*#__PURE__*/css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n font-family: inherit;\n width: ", ";\n background: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n border: ", ";\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\n box-shadow: ", ";\n box-shadow: ", ";\n :disabled {\n opacity: 0.35;\n cursor: not-allowed;\n :hover {\n box-shadow: none;\n transform: translateY(0);\n }\n }\n :hover {\n transform: ", ";\n box-shadow: ", ";\n transition: ", ";\n }\n " + _emotionSourceMap$E], ["\n font-family: inherit;\n width: ", ";\n background: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n border: ", ";\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\n box-shadow: ", ";\n box-shadow: ", ";\n :disabled {\n opacity: 0.35;\n cursor: not-allowed;\n :hover {\n box-shadow: none;\n transform: translateY(0);\n }\n }\n :hover {\n transform: ", ";\n box-shadow: ", ";\n transition: ", ";\n }\n " + _emotionSourceMap$E])), fullWidth && '100%', outlined ? 'transparent' : buttonStyle.backgroundColor, !outlined && computeButtonSizeProperties(size, buttonEntity.sizes).inset, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined ? buttonType === 'shadow' ? buttonEntity.borderSize + " solid " + buttonStyle.fontColor : buttonEntity.borderSize + " solid " + buttonStyle.backgroundColor : 'none', computeButtonSizeProperties(size, buttonEntity.sizes).borderRadius, outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
11877
+ return /*#__PURE__*/css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n font-family: inherit;\n width: ", ";\n background: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n border: ", ";\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\n box-shadow: ", ";\n box-shadow: ", ";\n :disabled {\n opacity: 0.35;\n cursor: not-allowed;\n :hover {\n box-shadow: none;\n transform: translateY(0);\n }\n }\n :hover {\n transform: ", ";\n box-shadow: ", ";\n transition: ", ";\n }\n " + _emotionSourceMap$E], ["\n font-family: inherit;\n width: ", ";\n background: ", ";\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n display: flex;\n justify-content: center;\n border: ", ";\n font-size: inherit;\n line-height: 1.2;\n border-radius: ", ";\n cursor: pointer;\n outline: none;\n box-shadow: ", ";\n box-shadow: ", ";\n :disabled {\n opacity: 0.35;\n cursor: not-allowed;\n :hover {\n box-shadow: none;\n transform: translateY(0);\n }\n }\n :hover {\n transform: ", ";\n box-shadow: ", ";\n transition: ", ";\n }\n " + _emotionSourceMap$E])), fullWidth && '100%', outlined ? 'transparent' : buttonStyle.backgroundColor, !outlined && computeButtonSizeProperties(size, buttonEntity.sizes).inset, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.vertical, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined && computeButtonSizeProperties(size, buttonEntity.sizes).outlinedInset.horizontal, outlined ? buttonType === 'shadow' ? buttonEntity.borderSize + " solid " + buttonStyle.fontColor : buttonEntity.borderSize + " solid " + buttonStyle.backgroundColor : buttonType === 'smoke' ? buttonEntity.borderSize + " solid " + buttonStyle.fontColor : 'none', computeButtonSizeProperties(size, buttonEntity.sizes).borderRadius, outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), outlined ? 'none' : buttonType === 'shadow' ? buttonEntity.boxShadow('light', Color$1(buttonStyle.fontColor).rgb().alpha(0.5).toString()) : buttonEntity.boxShadow('xLight', Color$1(buttonStyle.backgroundColor).rgb().alpha(0.5).toString()), hover && 'translateY(3px)', hover && 'none', hover && 'transform 0.2s, box-shadow 0.2s ease-out');
11783
11878
  },
11784
11879
  buttonTitle: function (buttonEntity, size) {
11785
11880
  return /*#__PURE__*/css(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n " + _emotionSourceMap2$q], ["\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n " + _emotionSourceMap2$q])), computeButtonSizeProperties(size, buttonEntity.sizes).fontSize, buttonEntity.fontWeight);
@@ -11845,6 +11940,9 @@ var getButtonStyle = function (type, buttonMap) {
11845
11940
  case 'accent':
11846
11941
  return buttonMap.accent;
11847
11942
 
11943
+ case 'smoke':
11944
+ return buttonMap.smoke;
11945
+
11848
11946
  default:
11849
11947
  return buttonMap.primary;
11850
11948
  }
@@ -11865,9 +11963,27 @@ var Button = function (_a) {
11865
11963
  fullWidth = _a.fullWidth,
11866
11964
  textColorOverride = _a.textColorOverride,
11867
11965
  disabledCaption = _a.disabledCaption,
11868
- id = _a.id;
11966
+ id = _a.id,
11967
+ icon = _a.icon;
11869
11968
  var buttons = useEntities().buttons;
11870
11969
 
11970
+ var getColor = function () {
11971
+ if (textColorOverride) {
11972
+ return textColorOverride;
11973
+ } else {
11974
+ return type === 'shadow' ? 'primaryBody' : type === 'smoke' ? buttons.types.smoke.fontColor : outlined ? getButtonStyle(type, {
11975
+ primary: 'primaryBrand',
11976
+ secondary: 'secondaryBrand',
11977
+ danger: 'danger',
11978
+ success: 'success',
11979
+ warning: 'warning',
11980
+ shadow: 'inverseBody',
11981
+ accent: 'accent',
11982
+ smoke: 'primaryBody'
11983
+ }) : 'inverseBody';
11984
+ }
11985
+ };
11986
+
11871
11987
  var _d = useState(false),
11872
11988
  isHovering = _d[0],
11873
11989
  setIsHovering = _d[1];
@@ -11882,6 +11998,7 @@ var Button = function (_a) {
11882
11998
  position: "relative",
11883
11999
  width: fullWidth ? '100%' : undefined
11884
12000
  }, disabled && disabledCaption && isHovering && jsx(Flex, {
12001
+ justifyContent: "space-around",
11885
12002
  width: "100%",
11886
12003
  transition: {
11887
12004
  ease: 'easeIn',
@@ -11903,27 +12020,32 @@ var Button = function (_a) {
11903
12020
  return typeof onClick !== 'string' && (onClick === null || onClick === void 0 ? void 0 : onClick());
11904
12021
  },
11905
12022
  css: styles$D.buttonStyles(type, entities$8.buttons, getButtonStyle(type, {
11906
- primary: buttons.primary,
11907
- secondary: buttons.secondary,
11908
- warning: buttons.warning,
11909
- danger: buttons.danger,
11910
- success: buttons.success,
11911
- shadow: buttons.shadow,
11912
- accent: buttons.accent
12023
+ primary: buttons.types.primary,
12024
+ secondary: buttons.types.secondary,
12025
+ warning: buttons.types.warning,
12026
+ danger: buttons.types.danger,
12027
+ success: buttons.types.success,
12028
+ shadow: buttons.types.shadow,
12029
+ accent: buttons.types.accent,
12030
+ smoke: buttons.types.smoke
11913
12031
  }), size, hover, outlined, fullWidth),
11914
12032
  disabled: disabled
11915
12033
  }, jsx(Span, {
12034
+ width: "100%",
12035
+ display: "flex",
12036
+ justifyContent: "space-around",
12037
+ alignItems: "center",
11916
12038
  css: styles$D.buttonTitle(buttons, size),
11917
- color: type === 'shadow' && textColorOverride ? textColorOverride : type === 'shadow' ? 'primaryBody' : textColorOverride ? textColorOverride : outlined ? getButtonStyle(type, {
11918
- primary: 'primaryBrand',
11919
- secondary: 'secondaryBrand',
11920
- danger: 'danger',
11921
- success: 'success',
11922
- warning: 'warning',
11923
- shadow: 'inverseBody',
11924
- accent: 'accent'
11925
- }) : 'inverseBody'
11926
- }, title || children)));
12039
+ color: getColor()
12040
+ }, icon && jsx(Div, {
12041
+ outset: {
12042
+ right: 'x2'
12043
+ }
12044
+ }, jsx(Icon, {
12045
+ primaryColor: getColor(),
12046
+ size: "medium",
12047
+ name: icon
12048
+ })), title || children)));
11927
12049
  };
11928
12050
 
11929
12051
  var _emotionSourceMap2$p = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGluZm9CbG9ja0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gICAgc3BhbiB7XFxuICAgICAgZGlzcGxheTogYmxvY2s7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICAgIHNwYW4ge1xcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICB9XFxuICBcIl0pKSksXHJcbiAgICB0ZXh0Q29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlwiXSwgW1wiXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
@@ -16138,19 +16260,32 @@ var StackedCards = function (_a) {
16138
16260
  backgroundImage = _a.backgroundImage,
16139
16261
  _c = _a.stackBackgroundColor,
16140
16262
  stackBackgroundColor = _c === void 0 ? 'foreground' : _c;
16141
- var stackCountArr = Array.from(Array(stackCount).keys());
16263
+ var stackCountArr = Array.from(Array(stackCount - 1).keys());
16142
16264
  return jsx(Flex, {
16143
16265
  position: "relative",
16144
16266
  justifyContent: 'flex-start',
16145
16267
  alignContent: "center",
16146
- width: width + stackCountArr.length * 8 + "px",
16268
+ width: width + "px",
16147
16269
  height: height + "px"
16148
- }, stackCountArr.map(function (_, index) {
16270
+ }, jsx(Card, {
16271
+ width: width + "px",
16272
+ height: height + "px",
16273
+ position: "absolute",
16274
+ top: '50%',
16275
+ boxShadow: "mediumLight",
16276
+ backgroundImage: backgroundImage,
16277
+ backgroundPosition: "center",
16278
+ backgroundSize: "cover",
16279
+ style: {
16280
+ scale: 1,
16281
+ translateY: '-50%'
16282
+ },
16283
+ zIndex: stackCountArr.length
16284
+ }, !backgroundImage && children), stackCountArr.map(function (_, index) {
16149
16285
  index += 1;
16150
- var isTopCard = index === 1;
16151
16286
  return jsx(Card, {
16152
16287
  key: index,
16153
- backgroundColor: !isTopCard ? stackBackgroundColor : 'foreground',
16288
+ backgroundColor: stackBackgroundColor,
16154
16289
  width: width + "px",
16155
16290
  height: height + "px",
16156
16291
  style: {
@@ -16161,11 +16296,8 @@ var StackedCards = function (_a) {
16161
16296
  top: '50%',
16162
16297
  boxShadow: "mediumLight",
16163
16298
  zIndex: stackCountArr.length - index,
16164
- backgroundImage: isTopCard ? backgroundImage : undefined,
16165
- backgroundPosition: "center",
16166
- backgroundSize: "cover",
16167
16299
  transformOrigin: '175% 50%'
16168
- }, isTopCard && !!!backgroundImage && children);
16300
+ });
16169
16301
  }));
16170
16302
  };
16171
16303
 
@@ -16194,7 +16326,7 @@ var ConfigurationCard = function (_a) {
16194
16326
  cursor: "pointer",
16195
16327
  inset: {
16196
16328
  vertical: 'x4',
16197
- horizontal: 'x1'
16329
+ horizontal: 'x2'
16198
16330
  },
16199
16331
  borderWidth: "default",
16200
16332
  borderRadius: "default",
@@ -16202,8 +16334,7 @@ var ConfigurationCard = function (_a) {
16202
16334
  borderColor: isSelected && !hasNoGraphic ? {
16203
16335
  swatch: 'success',
16204
16336
  shade: 'base'
16205
- } : 'transparent',
16206
- minWidth: "420px"
16337
+ } : 'transparent'
16207
16338
  }, jsx(Div, {
16208
16339
  right: "x1",
16209
16340
  position: "absolute",
@@ -16213,16 +16344,25 @@ var ConfigurationCard = function (_a) {
16213
16344
  size: "small",
16214
16345
  primaryColor: "secondaryBrand"
16215
16346
  })), jsx(Flex, {
16347
+ minWidth: "420px",
16216
16348
  justifyContent: "space-between",
16217
16349
  alignItems: "center",
16218
16350
  width: "100%",
16219
16351
  flexDirection: layout === 'horizontal' ? 'row' : 'column'
16220
- }, !hasNoGraphic && jsx(StackedCards, {
16352
+ }, !hasNoGraphic && jsx(Div, {
16353
+ position: "relative",
16354
+ width: "116px"
16355
+ }, jsx(StackedCards, {
16221
16356
  width: 75,
16222
16357
  height: 50,
16223
16358
  stackCount: 3,
16224
16359
  backgroundImage: stackedCardImage
16225
- }), jsx(Text, {
16360
+ })), jsx(Div, {
16361
+ minWidth: "216px",
16362
+ outset: {
16363
+ horizontal: 'x2'
16364
+ }
16365
+ }, jsx(Text, {
16226
16366
  weight: "bold",
16227
16367
  type: {
16228
16368
  xSmall: 'body',
@@ -16234,7 +16374,7 @@ var ConfigurationCard = function (_a) {
16234
16374
  xSmall: 'footnote',
16235
16375
  medium: 'caption'
16236
16376
  }
16237
- }, description)), cost && jsx(Text, {
16377
+ }, description))), cost && jsx(Text, {
16238
16378
  type: "footnote",
16239
16379
  whiteSpace: "nowrap",
16240
16380
  content: " $" + (typeof cost === 'number' ? "" + cost.toFixed(2) : cost) + " " + itemPriceTitle
@@ -19482,7 +19622,8 @@ var NavigationLink = function (_a) {
19482
19622
  var title = _a.title,
19483
19623
  isActive = _a.isActive,
19484
19624
  linkTitleColor = _a.linkTitleColor,
19485
- href = _a.href;
19625
+ href = _a.href,
19626
+ target = _a.target;
19486
19627
  return jsx(Flex, {
19487
19628
  height: "100%",
19488
19629
  alignItems: "center",
@@ -19493,7 +19634,8 @@ var NavigationLink = function (_a) {
19493
19634
  }, href ? jsx(StaticLink, {
19494
19635
  href: href,
19495
19636
  title: title,
19496
- linkTitleColor: linkTitleColor
19637
+ linkTitleColor: linkTitleColor,
19638
+ target: target
19497
19639
  }) : jsx(Flex, {
19498
19640
  inset: {
19499
19641
  horizontal: 'x1'
@@ -19541,7 +19683,8 @@ var NavigationLink = function (_a) {
19541
19683
 
19542
19684
  function StaticLink(_a) {
19543
19685
  var href = _a.href,
19544
- title = _a.title;
19686
+ title = _a.title,
19687
+ target = _a.target;
19545
19688
 
19546
19689
  var _b = useState(false),
19547
19690
  isHovering = _b[0],
@@ -19574,7 +19717,7 @@ function StaticLink(_a) {
19574
19717
  }
19575
19718
  }, jsx(Anchor, {
19576
19719
  position: "relative",
19577
- target: "_blank",
19720
+ target: target !== null && target !== void 0 ? target : '_blank',
19578
19721
  href: href
19579
19722
  }, jsx(Text, {
19580
19723
  content: title,
@@ -19823,7 +19966,8 @@ var StaticNavigation = function (_a) {
19823
19966
  })) : jsx(NavigationLink, {
19824
19967
  title: link.title,
19825
19968
  isActive: selectedTab === index && isOpen,
19826
- href: link.href
19969
+ href: link.href,
19970
+ target: link.target
19827
19971
  }));
19828
19972
  })), accountSection && jsx(Div, {
19829
19973
  display: "flex"
@@ -20224,7 +20368,7 @@ var FeatureAnnouncement = function (_a) {
20224
20368
  maxWidth: maxWidth,
20225
20369
  position: "relative"
20226
20370
  }, onClose && jsx(CloseButton, {
20227
- top: "0",
20371
+ top: "-8px",
20228
20372
  right: "0",
20229
20373
  onClose: onClose
20230
20374
  }), jsx(Card, {
@@ -20269,6 +20413,87 @@ var FeatureAnnouncement = function (_a) {
20269
20413
  })));
20270
20414
  };
20271
20415
 
20416
+ var SettingInput = function (_a) {
20417
+ var value = _a.value,
20418
+ _b = _a.settingsType,
20419
+ settingsType = _b === void 0 ? 'color' : _b,
20420
+ inactiveTitle = _a.inactiveTitle,
20421
+ onRemove = _a.onRemove,
20422
+ onClick = _a.onClick;
20423
+ var label = settingsType === 'color' ? 'Color' : 'Image';
20424
+ return jsx(Div, {
20425
+ minWidth: "230px",
20426
+ cursor: "pointer"
20427
+ }, jsx(Text, {
20428
+ type: "caption",
20429
+ content: label
20430
+ }), jsx(Flex, {
20431
+ justifyContent: "space-between",
20432
+ minWidth: "230px",
20433
+ onClick: onClick,
20434
+ width: "100%",
20435
+ borderRadius: "small",
20436
+ inset: "x1",
20437
+ display: "inline-flex",
20438
+ backgroundColor: "background",
20439
+ borderStyle: "solid",
20440
+ borderColor: "lightgrey",
20441
+ borderWidth: "thin",
20442
+ alignItems: "center"
20443
+ }, value ? jsx(Flex, {
20444
+ width: "100%",
20445
+ display: "flex",
20446
+ flexDirection: "row",
20447
+ justifyContent: "space-between"
20448
+ }, jsx(HStack, {
20449
+ gap: "0",
20450
+ justify: "start"
20451
+ }, jsx(Div, {
20452
+ backgroundColor: settingsType === 'color' ? value : undefined,
20453
+ backgroundImage: settingsType === 'image' ? value : undefined,
20454
+ borderRadius: "4px",
20455
+ width: "24px",
20456
+ height: "24px"
20457
+ }), jsx(Text, {
20458
+ alignment: "left",
20459
+ outset: {
20460
+ left: 'x2'
20461
+ },
20462
+ type: "body",
20463
+ content: settingsType === 'color' ? value : 'Image'
20464
+ })), jsx(Div, {
20465
+ display: "flex",
20466
+ alignItems: "center",
20467
+ onMouseEvent: function (e) {
20468
+ e.stopPropagation();
20469
+ onRemove();
20470
+ },
20471
+ onClick: onRemove
20472
+ }, jsx(Icon, {
20473
+ name: "closeCircle",
20474
+ size: "xSmall",
20475
+ primaryColor: "danger"
20476
+ }))) : jsx(Flex, {
20477
+ justifyContent: "flex-start"
20478
+ }, jsx(Div, {
20479
+ borderRadius: "4px",
20480
+ width: "24px",
20481
+ height: "24px",
20482
+ borderStyle: "solid",
20483
+ borderColor: "lightgrey",
20484
+ borderWidth: "thin",
20485
+ overflow: "visible",
20486
+ "background-color": "#d4d4d4"
20487
+ }), jsx(Text, {
20488
+ alignment: "left",
20489
+ outset: {
20490
+ left: 'x2'
20491
+ },
20492
+ type: "body",
20493
+ content: inactiveTitle
20494
+ }))));
20495
+ };
20496
+
20272
20497
  var _emotionSourceMap$1 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGZlYXR1cmVMaXN0Q29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0pKSksXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
20273
20498
  var styles$1 = {
20274
20499
  featureListContainer: /*#__PURE__*/css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n }\n ;label:featureListContainer;" + _emotionSourceMap$1], ["\n ::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n }\n ;label:featureListContainer;" + _emotionSourceMap$1])))
@@ -20370,6 +20595,92 @@ var ReleaseNote = function (_a) {
20370
20595
  }))));
20371
20596
  };
20372
20597
 
20598
+ var ImageUploader = function (props) {
20599
+ var _a;
20600
+
20601
+ var _b = React.useState(null),
20602
+ error = _b[0],
20603
+ setError = _b[1];
20604
+
20605
+ var onDrop = useCallback(function (acceptedFiles, rejectedFiles) {
20606
+ var hasMaxFilesBeenExceeded = rejectedFiles.some(function (rejectedFile) {
20607
+ return rejectedFile.errors.some(function (file) {
20608
+ return file.code === 'too-many-files';
20609
+ });
20610
+ });
20611
+
20612
+ if (hasMaxFilesBeenExceeded) {
20613
+ setError('Too many files were attempted to upload');
20614
+ } else {
20615
+ props.onUpload({
20616
+ accepted: acceptedFiles,
20617
+ rejected: rejectedFiles
20618
+ });
20619
+ }
20620
+ }, [props]);
20621
+
20622
+ var parseAcceptedFiles = function (acceptedFiles) {
20623
+ return acceptedFiles.map(function (file) {
20624
+ return "image/" + file;
20625
+ });
20626
+ };
20627
+
20628
+ var onDragEnter = useCallback(function () {
20629
+ setError(null);
20630
+ }, []);
20631
+
20632
+ var _c = useDropzone({
20633
+ onDrop: onDrop,
20634
+ accept: parseAcceptedFiles(props.acceptedFiles),
20635
+ multiple: props.hasMultiupload,
20636
+ maxFiles: props.maxAcceptedFiles,
20637
+ maxSize: props.maxFileSize,
20638
+ onDragEnter: onDragEnter
20639
+ }),
20640
+ getRootProps = _c.getRootProps,
20641
+ getInputProps = _c.getInputProps,
20642
+ isDragActive = _c.isDragActive;
20643
+
20644
+ return jsx(React.Fragment, null, jsx(Flex, {
20645
+ inset: "x1",
20646
+ flexWrap: "wrap",
20647
+ width: '100%',
20648
+ height: '100%',
20649
+ backgroundColor: isDragActive ? 'foreground' : 'background',
20650
+ borderColor: isDragActive ? {
20651
+ swatch: 'success',
20652
+ shade: 'base'
20653
+ } : 'transparent',
20654
+ borderStyle: "solid",
20655
+ borderWidth: "default",
20656
+ borderRadius: "small",
20657
+ overflowY: "auto",
20658
+ cursor: "pointer",
20659
+ justifyContent: "center",
20660
+ alignItems: "center"
20661
+ }, jsx("div", getRootProps(), jsx("input", _extends({}, getInputProps(), {
20662
+ onClick: onDragEnter
20663
+ })), jsx(Flex, {
20664
+ flexDirection: "column",
20665
+ alignItems: "center"
20666
+ }, jsx(Icon, {
20667
+ name: "upload",
20668
+ size: "medium",
20669
+ primaryColor: "primaryBodyText"
20670
+ }), jsx(Text, {
20671
+ type: "largeBody",
20672
+ content: (_a = props.uploadTitle) !== null && _a !== void 0 ? _a : 'Upload Photo'
20673
+ })))), error && jsx(Text, {
20674
+ type: "footnote",
20675
+ content: error,
20676
+ color: "danger",
20677
+ outset: {
20678
+ top: 'x1',
20679
+ left: 'x_5'
20680
+ }
20681
+ }));
20682
+ };
20683
+
20373
20684
  var QuantitySlider = function (_a) {
20374
20685
  var quantity = _a.quantity,
20375
20686
  min = _a.min,
@@ -20555,6 +20866,32 @@ var TitledList = function (_a) {
20555
20866
  })));
20556
20867
  };
20557
20868
 
20869
+ var ImageThumbnail = function (_a) {
20870
+ var url = _a.url,
20871
+ width = _a.width,
20872
+ height = _a.height,
20873
+ onRemove = _a.onRemove;
20874
+ return jsx(Flex, {
20875
+ width: width + "px",
20876
+ height: height + "px"
20877
+ }, !!onRemove && jsx(Span, {
20878
+ position: "relative",
20879
+ top: "0px",
20880
+ right: "-" + width + "px"
20881
+ }, jsx(CloseButton, {
20882
+ onClose: onRemove,
20883
+ size: "xSmall"
20884
+ })), jsx(Image, {
20885
+ isActive: true,
20886
+ width: '100%',
20887
+ height: '100%',
20888
+ image: {
20889
+ url: url
20890
+ },
20891
+ backgroundSize: "cover"
20892
+ }));
20893
+ };
20894
+
20558
20895
  var _emotionSourceMap = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHRodW1ibmFpbENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcIl0sIFtcIlwiXSkpKSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
20559
20896
  var styles = {
20560
20897
  thumbnailContainer: /*#__PURE__*/css(templateObject_1 || (templateObject_1 = __makeTemplateObject([";label:thumbnailContainer;" + _emotionSourceMap], [";label:thumbnailContainer;" + _emotionSourceMap])))
@@ -20916,7 +21253,9 @@ var StackedCardHead = function (_a) {
20916
21253
  cardOrientation = _a.cardOrientation,
20917
21254
  quantity = _a.quantity,
20918
21255
  quantityDescription = _a.quantityDescription;
20919
- return jsx(React.Fragment, null, jsx(StackedCards, {
21256
+ return jsx(VStack, {
21257
+ gap: "x2"
21258
+ }, jsx(StackedCards, {
20920
21259
  width: cardOrientation === 'vertical' ? 200 : 285,
20921
21260
  height: cardOrientation === 'vertical' ? 285 : 200,
20922
21261
  stackBackgroundColor: "background",
@@ -21007,7 +21346,7 @@ var BulkSend = function (_a) {
21007
21346
  inset: "x3",
21008
21347
  flexDirection: {
21009
21348
  xSmall: 'column',
21010
- medium: 'row'
21349
+ large: 'row'
21011
21350
  }
21012
21351
  }, isAddDialogOpen && addDialog ? jsx(ConfirmDialog, {
21013
21352
  title: addDialog === null || addDialog === void 0 ? void 0 : addDialog.title,
@@ -21056,18 +21395,18 @@ var BulkSend = function (_a) {
21056
21395
  }), jsx(Flex, {
21057
21396
  width: {
21058
21397
  xSmall: '100%',
21059
- medium: '50%'
21398
+ large: '50%'
21060
21399
  },
21061
21400
  flexDirection: "column",
21062
21401
  outset: {
21063
21402
  top: {
21064
21403
  xSmall: 'x4',
21065
- medium: 'x0'
21404
+ large: 'x0'
21066
21405
  }
21067
21406
  },
21068
21407
  order: {
21069
21408
  xSmall: 2,
21070
- medium: 0
21409
+ large: 0
21071
21410
  }
21072
21411
  }, jsx(AnimatePresence$1, null, !isConfigurable && jsx(Overlay, {
21073
21412
  variants: overlayVariants,
@@ -21123,7 +21462,7 @@ var BulkSend = function (_a) {
21123
21462
  })), isActive && isConfigurable && jsx(React.Fragment, null, configurationSections.map(function (section, index) {
21124
21463
  return jsx(React.Fragment, null, jsx(Flex, {
21125
21464
  flexDirection: "column",
21126
- maxWidth: "480px",
21465
+ maxWidth: "1200px",
21127
21466
  key: index
21128
21467
  }, jsx(Div, {
21129
21468
  outset: {
@@ -21181,14 +21520,14 @@ var BulkSend = function (_a) {
21181
21520
  }))), jsx(Flex, {
21182
21521
  width: {
21183
21522
  xSmall: '100%',
21184
- medium: '50%'
21523
+ large: '50%'
21185
21524
  },
21186
21525
  justifyContent: "center",
21187
21526
  alignItems: "center",
21188
21527
  flexDirection: "column",
21189
21528
  order: {
21190
21529
  xSmall: 1,
21191
- medium: 0
21530
+ large: 0
21192
21531
  }
21193
21532
  }, jsx(CardQuantitySlider, {
21194
21533
  unitPrice: unitPrice,
@@ -21240,4 +21579,4 @@ var useColorSwatch = function () {
21240
21579
  };
21241
21580
  };
21242
21581
 
21243
- export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };
21582
+ export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, AffiliateUpsalePromotionWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image, ImageThumbnail, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };