@sendoutcards/quantum-design-ui 1.7.5 → 1.7.9

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 +677 -345
  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 +2 -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 = {
@@ -5450,40 +5500,47 @@ var buttons$1 = {
5450
5500
  borderRadius: concepts$1.radius.default
5451
5501
  }
5452
5502
  },
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
5482
- },
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
 
@@ -19490,7 +19622,8 @@ var NavigationLink = function (_a) {
19490
19622
  var title = _a.title,
19491
19623
  isActive = _a.isActive,
19492
19624
  linkTitleColor = _a.linkTitleColor,
19493
- href = _a.href;
19625
+ href = _a.href,
19626
+ target = _a.target;
19494
19627
  return jsx(Flex, {
19495
19628
  height: "100%",
19496
19629
  alignItems: "center",
@@ -19501,7 +19634,8 @@ var NavigationLink = function (_a) {
19501
19634
  }, href ? jsx(StaticLink, {
19502
19635
  href: href,
19503
19636
  title: title,
19504
- linkTitleColor: linkTitleColor
19637
+ linkTitleColor: linkTitleColor,
19638
+ target: target
19505
19639
  }) : jsx(Flex, {
19506
19640
  inset: {
19507
19641
  horizontal: 'x1'
@@ -19549,7 +19683,8 @@ var NavigationLink = function (_a) {
19549
19683
 
19550
19684
  function StaticLink(_a) {
19551
19685
  var href = _a.href,
19552
- title = _a.title;
19686
+ title = _a.title,
19687
+ target = _a.target;
19553
19688
 
19554
19689
  var _b = useState(false),
19555
19690
  isHovering = _b[0],
@@ -19582,7 +19717,7 @@ function StaticLink(_a) {
19582
19717
  }
19583
19718
  }, jsx(Anchor, {
19584
19719
  position: "relative",
19585
- target: "_blank",
19720
+ target: target !== null && target !== void 0 ? target : '_blank',
19586
19721
  href: href
19587
19722
  }, jsx(Text, {
19588
19723
  content: title,
@@ -19831,7 +19966,8 @@ var StaticNavigation = function (_a) {
19831
19966
  })) : jsx(NavigationLink, {
19832
19967
  title: link.title,
19833
19968
  isActive: selectedTab === index && isOpen,
19834
- href: link.href
19969
+ href: link.href,
19970
+ target: link.target
19835
19971
  }));
19836
19972
  })), accountSection && jsx(Div, {
19837
19973
  display: "flex"
@@ -20277,6 +20413,87 @@ var FeatureAnnouncement = function (_a) {
20277
20413
  })));
20278
20414
  };
20279
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
+
20280
20497
  var _emotionSourceMap$1 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGZlYXR1cmVMaXN0Q29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0pKSksXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
20281
20498
  var styles$1 = {
20282
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])))
@@ -20378,6 +20595,93 @@ var ReleaseNote = function (_a) {
20378
20595
  }))));
20379
20596
  };
20380
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 onUpload = props.onUpload;
20606
+ var onDrop = useCallback(function (acceptedFiles, rejectedFiles) {
20607
+ var hasMaxFilesBeenExceeded = rejectedFiles.some(function (rejectedFile) {
20608
+ return rejectedFile.errors.some(function (file) {
20609
+ return file.code === 'too-many-files';
20610
+ });
20611
+ });
20612
+
20613
+ if (hasMaxFilesBeenExceeded) {
20614
+ setError('Too many files were attempted to upload');
20615
+ } else {
20616
+ onUpload({
20617
+ accepted: acceptedFiles,
20618
+ rejected: rejectedFiles
20619
+ });
20620
+ }
20621
+ }, [onUpload]);
20622
+
20623
+ var parseAcceptedFiles = function (acceptedFiles) {
20624
+ return acceptedFiles.map(function (file) {
20625
+ return "image/" + file;
20626
+ });
20627
+ };
20628
+
20629
+ var onDragEnter = useCallback(function () {
20630
+ setError(null);
20631
+ }, []);
20632
+
20633
+ var _c = useDropzone({
20634
+ onDrop: onDrop,
20635
+ accept: parseAcceptedFiles(props.acceptedFiles),
20636
+ multiple: props.hasMultiupload,
20637
+ maxFiles: props.maxAcceptedFiles,
20638
+ maxSize: props.maxFileSize,
20639
+ onDragEnter: onDragEnter
20640
+ }),
20641
+ getRootProps = _c.getRootProps,
20642
+ getInputProps = _c.getInputProps,
20643
+ isDragActive = _c.isDragActive;
20644
+
20645
+ return jsx(React.Fragment, null, jsx(Flex, {
20646
+ inset: "x1",
20647
+ flexWrap: "wrap",
20648
+ width: '100%',
20649
+ height: '100%',
20650
+ backgroundColor: isDragActive ? 'foreground' : 'background',
20651
+ borderColor: isDragActive ? {
20652
+ swatch: 'success',
20653
+ shade: 'base'
20654
+ } : 'transparent',
20655
+ borderStyle: "solid",
20656
+ borderWidth: "default",
20657
+ borderRadius: "small",
20658
+ overflowY: "auto",
20659
+ cursor: "pointer",
20660
+ justifyContent: "center",
20661
+ alignItems: "center"
20662
+ }, jsx("div", getRootProps(), jsx("input", _extends({}, getInputProps(), {
20663
+ onClick: onDragEnter
20664
+ })), jsx(Flex, {
20665
+ flexDirection: "column",
20666
+ alignItems: "center"
20667
+ }, jsx(Icon, {
20668
+ name: "upload",
20669
+ size: "medium",
20670
+ primaryColor: "primaryBodyText"
20671
+ }), jsx(Text, {
20672
+ type: "largeBody",
20673
+ content: (_a = props.uploadTitle) !== null && _a !== void 0 ? _a : 'Upload Photo'
20674
+ })))), error && jsx(Text, {
20675
+ type: "footnote",
20676
+ content: error,
20677
+ color: "danger",
20678
+ outset: {
20679
+ top: 'x1',
20680
+ left: 'x_5'
20681
+ }
20682
+ }));
20683
+ };
20684
+
20381
20685
  var QuantitySlider = function (_a) {
20382
20686
  var quantity = _a.quantity,
20383
20687
  min = _a.min,
@@ -20563,6 +20867,32 @@ var TitledList = function (_a) {
20563
20867
  })));
20564
20868
  };
20565
20869
 
20870
+ var ImageThumbnail = function (_a) {
20871
+ var url = _a.url,
20872
+ width = _a.width,
20873
+ height = _a.height,
20874
+ onRemove = _a.onRemove;
20875
+ return jsx(Flex, {
20876
+ width: width + "px",
20877
+ height: height + "px"
20878
+ }, !!onRemove && jsx(Span, {
20879
+ position: "relative",
20880
+ top: "0px",
20881
+ right: "-" + width + "px"
20882
+ }, jsx(CloseButton, {
20883
+ onClose: onRemove,
20884
+ size: "xSmall"
20885
+ })), jsx(Image, {
20886
+ isActive: true,
20887
+ width: '100%',
20888
+ height: '100%',
20889
+ image: {
20890
+ url: url
20891
+ },
20892
+ backgroundSize: "cover"
20893
+ }));
20894
+ };
20895
+
20566
20896
  var _emotionSourceMap = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHRodW1ibmFpbENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcIl0sIFtcIlwiXSkpKSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
20567
20897
  var styles = {
20568
20898
  thumbnailContainer: /*#__PURE__*/css(templateObject_1 || (templateObject_1 = __makeTemplateObject([";label:thumbnailContainer;" + _emotionSourceMap], [";label:thumbnailContainer;" + _emotionSourceMap])))
@@ -20924,7 +21254,9 @@ var StackedCardHead = function (_a) {
20924
21254
  cardOrientation = _a.cardOrientation,
20925
21255
  quantity = _a.quantity,
20926
21256
  quantityDescription = _a.quantityDescription;
20927
- return jsx(React.Fragment, null, jsx(StackedCards, {
21257
+ return jsx(VStack, {
21258
+ gap: "x2"
21259
+ }, jsx(StackedCards, {
20928
21260
  width: cardOrientation === 'vertical' ? 200 : 285,
20929
21261
  height: cardOrientation === 'vertical' ? 285 : 200,
20930
21262
  stackBackgroundColor: "background",
@@ -21248,4 +21580,4 @@ var useColorSwatch = function () {
21248
21580
  };
21249
21581
  };
21250
21582
 
21251
- 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 };
21583
+ 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 };