@sendoutcards/quantum-design-ui 1.7.7 → 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.
- package/dist/index.es.js +612 -340
- package/dist/src/atoms/iconography/icons/imageSwap.d.ts +3 -0
- package/dist/src/atoms/iconography/types/index.d.ts +2 -2
- package/dist/src/customThemes/sendOutCards/entities.d.ts +82 -68
- package/dist/src/exports/organisms.d.ts +2 -0
- package/dist/src/helpers/hoc-types/hocBasePropTypes.d.ts +1 -1
- package/dist/src/helpers/style-functions/getIconProperties.d.ts +1 -1
- package/dist/src/hooks/useEntities.d.ts +42 -35
- package/dist/src/molecules/button/button.d.ts +5 -3
- package/dist/src/molecules/quantitySlider/components/stackedCardHead.d.ts +1 -1
- package/dist/src/organisms/imageUploader/imageUploader.d.ts +16 -0
- package/dist/src/organisms/settingInput/settingInput.d.ts +10 -0
- package/dist/src/portfolios/soc/components/bulkSend/cardQuantitySlider.d.ts +1 -1
- package/dist/src/stories/molecules/Button.stories.d.ts +1 -0
- package/dist/src/stories/organisms/ImageUploader.stories.d.ts +5 -0
- package/dist/src/stories/organisms/SettingInput.stories.d.ts +7 -0
- package/dist/src/theme/theming/entities.d.ts +84 -70
- 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
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
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
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
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
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
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
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3420
|
-
|
|
3421
|
-
|
|
3422
|
-
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
|
|
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
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
|
|
4084
|
-
|
|
4085
|
-
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
|
|
4102
|
-
|
|
4103
|
-
|
|
4104
|
-
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
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
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
|
|
4788
|
-
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
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
|
-
|
|
5454
|
-
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
|
|
5463
|
-
|
|
5464
|
-
|
|
5465
|
-
|
|
5466
|
-
|
|
5467
|
-
|
|
5468
|
-
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
|
|
5473
|
-
|
|
5474
|
-
|
|
5475
|
-
|
|
5476
|
-
|
|
5477
|
-
|
|
5478
|
-
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
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
|
-
|
|
6138
|
-
|
|
6139
|
-
|
|
6140
|
-
|
|
6141
|
-
|
|
6142
|
-
|
|
6143
|
-
|
|
6144
|
-
|
|
6145
|
-
|
|
6146
|
-
|
|
6147
|
-
|
|
6148
|
-
|
|
6149
|
-
|
|
6150
|
-
|
|
6151
|
-
|
|
6152
|
-
|
|
6153
|
-
|
|
6154
|
-
|
|
6155
|
-
|
|
6156
|
-
|
|
6157
|
-
|
|
6158
|
-
|
|
6159
|
-
|
|
6160
|
-
|
|
6161
|
-
|
|
6162
|
-
|
|
6163
|
-
|
|
6164
|
-
|
|
6165
|
-
|
|
6166
|
-
|
|
6167
|
-
|
|
6168
|
-
|
|
6169
|
-
|
|
6170
|
-
|
|
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
|
-
|
|
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;
|
|
@@ -11803,12 +11869,12 @@ var computeButtonSizeProperties = function (size, sizeMap) {
|
|
|
11803
11869
|
return mapSizeType(size, sizeMap);
|
|
11804
11870
|
};
|
|
11805
11871
|
|
|
11806
|
-
var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11872
|
+
var _emotionSourceMap2$q = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3dEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xyXG5pbXBvcnQgQ29sb3IgZnJvbSAnY29sb3InO1xyXG5pbXBvcnQgeyBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMgfSBmcm9tIFwiLi4vLi4vaGVscGVycy9zdHlsZS1mdW5jdGlvbnMvY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGJ1dHRvblN0eWxlczogZnVuY3Rpb24gKGJ1dHRvblR5cGUsIGJ1dHRvbkVudGl0eSwgYnV0dG9uU3R5bGUsIHNpemUsIGhvdmVyLCBvdXRsaW5lZCwgZnVsbFdpZHRoKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LWZhbWlseTogaW5oZXJpdDtcXG4gICAgd2lkdGg6IFwiLCBcIjtcXG4gICAgYmFja2dyb3VuZDogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIiwgXCI7XFxuICAgIHBhZGRpbmctbGVmdDogXCIsIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIiwgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICBsaW5lLWhlaWdodDogMS4yO1xcbiAgICBib3JkZXItcmFkaXVzOiBcIiwgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIDpkaXNhYmxlZCB7XFxuICAgICAgb3BhY2l0eTogMC4zNTtcXG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xcbiAgICAgIDpob3ZlciB7XFxuICAgICAgICBib3gtc2hhZG93OiBub25lO1xcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xcbiAgICAgIH1cXG4gICAgfVxcbiAgICA6aG92ZXIge1xcbiAgICAgIHRyYW5zZm9ybTogXCIsIFwiO1xcbiAgICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgICB0cmFuc2l0aW9uOiBcIiwgXCI7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXRvcDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctYm90dG9tOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1yaWdodDogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICBib3JkZXI6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBjdXJzb3I6IHBvaW50ZXI7XFxuICAgIG91dGxpbmU6IG5vbmU7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdKSksIGZ1bGxXaWR0aCAmJiAnMTAwJScsIG91dGxpbmVkID8gJ3RyYW5zcGFyZW50JyA6IGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvciwgIW91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykuaW5zZXQsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAudmVydGljYWwsIG91dGxpbmVkICYmXHJcbiAgICAgICAgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcykub3V0bGluZWRJbnNldFxyXG4gICAgICAgICAgICAuaG9yaXpvbnRhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZFxyXG4gICAgICAgID8gYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuZm9udENvbG9yXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvclxyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3Ntb2tlJ1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiAnbm9uZScsIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpXHJcbiAgICAgICAgLmJvcmRlclJhZGl1cywgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgb3V0bGluZWRcclxuICAgICAgICA/ICdub25lJ1xyXG4gICAgICAgIDogYnV0dG9uVHlwZSA9PT0gJ3NoYWRvdydcclxuICAgICAgICAgICAgPyBidXR0b25FbnRpdHkuYm94U2hhZG93KCdsaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmZvbnRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKVxyXG4gICAgICAgICAgICA6IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ3hMaWdodCcsIENvbG9yKGJ1dHRvblN0eWxlLmJhY2tncm91bmRDb2xvcikucmdiKCkuYWxwaGEoMC41KS50b1N0cmluZygpKSwgaG92ZXIgJiYgJ3RyYW5zbGF0ZVkoM3B4KScsIGhvdmVyICYmICdub25lJywgaG92ZXIgJiYgJ3RyYW5zZm9ybSAwLjJzLCBib3gtc2hhZG93IDAuMnMgZWFzZS1vdXQnKTsgfSxcclxuICAgIGJ1dHRvblRpdGxlOiBmdW5jdGlvbiAoYnV0dG9uRW50aXR5LCBzaXplKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBmb250LXNpemU6IFwiLCBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSwgW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtd2VpZ2h0OiBcIiwgXCI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICBcIl0pKSwgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuZm9udFNpemUsIGJ1dHRvbkVudGl0eS5mb250V2VpZ2h0KTsgfSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
|
|
11807
11873
|
|
|
11808
|
-
var _emotionSourceMap$E = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/
|
|
11874
|
+
var _emotionSourceMap$E = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLOEciLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCBDb2xvciBmcm9tICdjb2xvcic7XHJcbmltcG9ydCB7IGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyB9IGZyb20gXCIuLi8uLi9oZWxwZXJzL3N0eWxlLWZ1bmN0aW9ucy9jb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXNcIjtcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgYnV0dG9uU3R5bGVzOiBmdW5jdGlvbiAoYnV0dG9uVHlwZSwgYnV0dG9uRW50aXR5LCBidXR0b25TdHlsZSwgc2l6ZSwgaG92ZXIsIG91dGxpbmVkLCBmdWxsV2lkdGgpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xcbiAgICB3aWR0aDogXCIsIFwiO1xcbiAgICBiYWNrZ3JvdW5kOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IFwiLCBcIjtcXG4gICAgcGFkZGluZy10b3A6IFwiLCBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLCBcIjtcXG4gICAgcGFkZGluZy1sZWZ0OiBcIiwgXCI7XFxuICAgIHBhZGRpbmctcmlnaHQ6IFwiLCBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsIFwiO1xcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgY3Vyc29yOiBwb2ludGVyO1xcbiAgICBvdXRsaW5lOiBub25lO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLCBcIjtcXG4gICAgOmRpc2FibGVkIHtcXG4gICAgICBvcGFjaXR5OiAwLjM1O1xcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XFxuICAgICAgOmhvdmVyIHtcXG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XFxuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XFxuICAgICAgfVxcbiAgICB9XFxuICAgIDpob3ZlciB7XFxuICAgICAgdHJhbnNmb3JtOiBcIiwgXCI7XFxuICAgICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICAgIHRyYW5zaXRpb246IFwiLCBcIjtcXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XFxuICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcGFkZGluZzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIHBhZGRpbmctdG9wOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgcGFkZGluZy1ib3R0b206IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLWxlZnQ6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nLXJpZ2h0OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XFxuICAgIGJvcmRlcjogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgbGluZS1oZWlnaHQ6IDEuMjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGN1cnNvcjogcG9pbnRlcjtcXG4gICAgb3V0bGluZTogbm9uZTtcXG4gICAgYm94LXNoYWRvdzogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIGJveC1zaGFkb3c6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICA6ZGlzYWJsZWQge1xcbiAgICAgIG9wYWNpdHk6IDAuMzU7XFxuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcXG4gICAgICA6aG92ZXIge1xcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcXG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcXG4gICAgICB9XFxuICAgIH1cXG4gICAgOmhvdmVyIHtcXG4gICAgICB0cmFuc2Zvcm06IFwiLCBcIjtcXG4gICAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgICAgdHJhbnNpdGlvbjogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0pKSwgZnVsbFdpZHRoICYmICcxMDAlJywgb3V0bGluZWQgPyAndHJhbnNwYXJlbnQnIDogYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yLCAhb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5pbnNldCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC52ZXJ0aWNhbCwgb3V0bGluZWQgJiZcclxuICAgICAgICBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKS5vdXRsaW5lZEluc2V0XHJcbiAgICAgICAgICAgIC5ob3Jpem9udGFsLCBvdXRsaW5lZCAmJlxyXG4gICAgICAgIGNvbXB1dGVCdXR0b25TaXplUHJvcGVydGllcyhzaXplLCBidXR0b25FbnRpdHkuc2l6ZXMpLm91dGxpbmVkSW5zZXRcclxuICAgICAgICAgICAgLmhvcml6b250YWwsIG91dGxpbmVkXHJcbiAgICAgICAgPyBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3JkZXJTaXplICsgXCIgc29saWQgXCIgKyBidXR0b25TdHlsZS5mb250Q29sb3JcclxuICAgICAgICAgICAgOiBidXR0b25FbnRpdHkuYm9yZGVyU2l6ZSArIFwiIHNvbGlkIFwiICsgYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc21va2UnXHJcbiAgICAgICAgICAgID8gYnV0dG9uRW50aXR5LmJvcmRlclNpemUgKyBcIiBzb2xpZCBcIiArIGJ1dHRvblN0eWxlLmZvbnRDb2xvclxyXG4gICAgICAgICAgICA6ICdub25lJywgY29tcHV0ZUJ1dHRvblNpemVQcm9wZXJ0aWVzKHNpemUsIGJ1dHRvbkVudGl0eS5zaXplcylcclxuICAgICAgICAuYm9yZGVyUmFkaXVzLCBvdXRsaW5lZFxyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ2xpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuZm9udENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBvdXRsaW5lZFxyXG4gICAgICAgID8gJ25vbmUnXHJcbiAgICAgICAgOiBidXR0b25UeXBlID09PSAnc2hhZG93J1xyXG4gICAgICAgICAgICA/IGJ1dHRvbkVudGl0eS5ib3hTaGFkb3coJ2xpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuZm9udENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgICAgIDogYnV0dG9uRW50aXR5LmJveFNoYWRvdygneExpZ2h0JywgQ29sb3IoYnV0dG9uU3R5bGUuYmFja2dyb3VuZENvbG9yKS5yZ2IoKS5hbHBoYSgwLjUpLnRvU3RyaW5nKCkpLCBob3ZlciAmJiAndHJhbnNsYXRlWSgzcHgpJywgaG92ZXIgJiYgJ25vbmUnLCBob3ZlciAmJiAndHJhbnNmb3JtIDAuMnMsIGJveC1zaGFkb3cgMC4ycyBlYXNlLW91dCcpOyB9LFxyXG4gICAgYnV0dG9uVGl0bGU6IGZ1bmN0aW9uIChidXR0b25FbnRpdHksIHNpemUpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGZvbnQtc2l6ZTogXCIsIFwiO1xcbiAgICBmb250LXdlaWdodDogXCIsIFwiO1xcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xcbiAgXCJdLCBbXCJcXG4gICAgZm9udC1zaXplOiBcIixcclxuICAgICAgICBcIjtcXG4gICAgZm9udC13ZWlnaHQ6IFwiLCBcIjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gIFwiXSkpLCBjb21wdXRlQnV0dG9uU2l6ZVByb3BlcnRpZXMoc2l6ZSwgYnV0dG9uRW50aXR5LnNpemVzKVxyXG4gICAgICAgIC5mb250U2l6ZSwgYnV0dG9uRW50aXR5LmZvbnRXZWlnaHQpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
|
|
11809
11875
|
var styles$D = {
|
|
11810
11876
|
buttonStyles: function (buttonType, buttonEntity, buttonStyle, size, hover, outlined, fullWidth) {
|
|
11811
|
-
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');
|
|
11812
11878
|
},
|
|
11813
11879
|
buttonTitle: function (buttonEntity, size) {
|
|
11814
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);
|
|
@@ -11874,6 +11940,9 @@ var getButtonStyle = function (type, buttonMap) {
|
|
|
11874
11940
|
case 'accent':
|
|
11875
11941
|
return buttonMap.accent;
|
|
11876
11942
|
|
|
11943
|
+
case 'smoke':
|
|
11944
|
+
return buttonMap.smoke;
|
|
11945
|
+
|
|
11877
11946
|
default:
|
|
11878
11947
|
return buttonMap.primary;
|
|
11879
11948
|
}
|
|
@@ -11894,9 +11963,27 @@ var Button = function (_a) {
|
|
|
11894
11963
|
fullWidth = _a.fullWidth,
|
|
11895
11964
|
textColorOverride = _a.textColorOverride,
|
|
11896
11965
|
disabledCaption = _a.disabledCaption,
|
|
11897
|
-
id = _a.id
|
|
11966
|
+
id = _a.id,
|
|
11967
|
+
icon = _a.icon;
|
|
11898
11968
|
var buttons = useEntities().buttons;
|
|
11899
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
|
+
|
|
11900
11987
|
var _d = useState(false),
|
|
11901
11988
|
isHovering = _d[0],
|
|
11902
11989
|
setIsHovering = _d[1];
|
|
@@ -11911,6 +11998,7 @@ var Button = function (_a) {
|
|
|
11911
11998
|
position: "relative",
|
|
11912
11999
|
width: fullWidth ? '100%' : undefined
|
|
11913
12000
|
}, disabled && disabledCaption && isHovering && jsx(Flex, {
|
|
12001
|
+
justifyContent: "space-around",
|
|
11914
12002
|
width: "100%",
|
|
11915
12003
|
transition: {
|
|
11916
12004
|
ease: 'easeIn',
|
|
@@ -11932,27 +12020,32 @@ var Button = function (_a) {
|
|
|
11932
12020
|
return typeof onClick !== 'string' && (onClick === null || onClick === void 0 ? void 0 : onClick());
|
|
11933
12021
|
},
|
|
11934
12022
|
css: styles$D.buttonStyles(type, entities$8.buttons, getButtonStyle(type, {
|
|
11935
|
-
primary: buttons.primary,
|
|
11936
|
-
secondary: buttons.secondary,
|
|
11937
|
-
warning: buttons.warning,
|
|
11938
|
-
danger: buttons.danger,
|
|
11939
|
-
success: buttons.success,
|
|
11940
|
-
shadow: buttons.shadow,
|
|
11941
|
-
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
|
|
11942
12031
|
}), size, hover, outlined, fullWidth),
|
|
11943
12032
|
disabled: disabled
|
|
11944
12033
|
}, jsx(Span, {
|
|
12034
|
+
width: "100%",
|
|
12035
|
+
display: "flex",
|
|
12036
|
+
justifyContent: "space-around",
|
|
12037
|
+
alignItems: "center",
|
|
11945
12038
|
css: styles$D.buttonTitle(buttons, size),
|
|
11946
|
-
color:
|
|
11947
|
-
|
|
11948
|
-
|
|
11949
|
-
|
|
11950
|
-
|
|
11951
|
-
|
|
11952
|
-
|
|
11953
|
-
|
|
11954
|
-
|
|
11955
|
-
}, 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)));
|
|
11956
12049
|
};
|
|
11957
12050
|
|
|
11958
12051
|
var _emotionSourceMap2$p = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGluZm9CbG9ja0NvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcXG4gICAgc3BhbiB7XFxuICAgICAgZGlzcGxheTogYmxvY2s7XFxuICAgIH1cXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XFxuICAgIHNwYW4ge1xcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xcbiAgICB9XFxuICBcIl0pKSksXHJcbiAgICB0ZXh0Q29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlwiXSwgW1wiXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
|
|
@@ -16167,19 +16260,32 @@ var StackedCards = function (_a) {
|
|
|
16167
16260
|
backgroundImage = _a.backgroundImage,
|
|
16168
16261
|
_c = _a.stackBackgroundColor,
|
|
16169
16262
|
stackBackgroundColor = _c === void 0 ? 'foreground' : _c;
|
|
16170
|
-
var stackCountArr = Array.from(Array(stackCount).keys());
|
|
16263
|
+
var stackCountArr = Array.from(Array(stackCount - 1).keys());
|
|
16171
16264
|
return jsx(Flex, {
|
|
16172
16265
|
position: "relative",
|
|
16173
16266
|
justifyContent: 'flex-start',
|
|
16174
16267
|
alignContent: "center",
|
|
16175
|
-
width: width +
|
|
16268
|
+
width: width + "px",
|
|
16176
16269
|
height: height + "px"
|
|
16177
|
-
},
|
|
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) {
|
|
16178
16285
|
index += 1;
|
|
16179
|
-
var isTopCard = index === 1;
|
|
16180
16286
|
return jsx(Card, {
|
|
16181
16287
|
key: index,
|
|
16182
|
-
backgroundColor:
|
|
16288
|
+
backgroundColor: stackBackgroundColor,
|
|
16183
16289
|
width: width + "px",
|
|
16184
16290
|
height: height + "px",
|
|
16185
16291
|
style: {
|
|
@@ -16190,11 +16296,8 @@ var StackedCards = function (_a) {
|
|
|
16190
16296
|
top: '50%',
|
|
16191
16297
|
boxShadow: "mediumLight",
|
|
16192
16298
|
zIndex: stackCountArr.length - index,
|
|
16193
|
-
backgroundImage: isTopCard ? backgroundImage : undefined,
|
|
16194
|
-
backgroundPosition: "center",
|
|
16195
|
-
backgroundSize: "cover",
|
|
16196
16299
|
transformOrigin: '175% 50%'
|
|
16197
|
-
}
|
|
16300
|
+
});
|
|
16198
16301
|
}));
|
|
16199
16302
|
};
|
|
16200
16303
|
|
|
@@ -20310,6 +20413,87 @@ var FeatureAnnouncement = function (_a) {
|
|
|
20310
20413
|
})));
|
|
20311
20414
|
};
|
|
20312
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
|
+
|
|
20313
20497
|
var _emotionSourceMap$1 = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGZlYXR1cmVMaXN0Q29udGFpbmVyOiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcXG4gICAgICB3aWR0aDogMHB4O1xcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xcbiAgICB9XFxuICBcIl0pKSksXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
20314
20498
|
var styles$1 = {
|
|
20315
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])))
|
|
@@ -20411,6 +20595,92 @@ var ReleaseNote = function (_a) {
|
|
|
20411
20595
|
}))));
|
|
20412
20596
|
};
|
|
20413
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
|
+
|
|
20414
20684
|
var QuantitySlider = function (_a) {
|
|
20415
20685
|
var quantity = _a.quantity,
|
|
20416
20686
|
min = _a.min,
|
|
@@ -20983,7 +21253,9 @@ var StackedCardHead = function (_a) {
|
|
|
20983
21253
|
cardOrientation = _a.cardOrientation,
|
|
20984
21254
|
quantity = _a.quantity,
|
|
20985
21255
|
quantityDescription = _a.quantityDescription;
|
|
20986
|
-
return jsx(
|
|
21256
|
+
return jsx(VStack, {
|
|
21257
|
+
gap: "x2"
|
|
21258
|
+
}, jsx(StackedCards, {
|
|
20987
21259
|
width: cardOrientation === 'vertical' ? 200 : 285,
|
|
20988
21260
|
height: cardOrientation === 'vertical' ? 285 : 200,
|
|
20989
21261
|
stackBackgroundColor: "background",
|
|
@@ -21307,4 +21579,4 @@ var useColorSwatch = function () {
|
|
|
21307
21579
|
};
|
|
21308
21580
|
};
|
|
21309
21581
|
|
|
21310
|
-
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, 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 };
|