@amboss/design-system 1.18.0 → 1.19.1
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/build/cjs/build-tokens/visualConfig.js +125 -29
- package/build/cjs/src/components/Callout/Callout.js +8 -24
- package/build/cjs/src/components/Link/Link.js +42 -33
- package/build/cjs/src/components/Typography/Text/Text.js +56 -17
- package/build/cjs/src/components/UserHighlightTooltip/UserHighlightTooltip.js +115 -4
- package/build/cjs/src/index.js +1 -0
- package/build/cjs/src/shared/mediaQueries.js +2 -0
- package/build/esm/build-tokens/_colors.json +39 -4
- package/build/esm/build-tokens/_sizes.json +2 -2
- package/build/esm/build-tokens/visualConfig.d.ts +48 -0
- package/build/esm/build-tokens/visualConfig.js +125 -29
- package/build/esm/build-tokens/visualConfig.js.map +1 -1
- package/build/esm/src/components/Callout/Callout.js +8 -24
- package/build/esm/src/components/Callout/Callout.js.map +1 -1
- package/build/esm/src/components/Link/Link.d.ts +15 -5
- package/build/esm/src/components/Link/Link.js +43 -34
- package/build/esm/src/components/Link/Link.js.map +1 -1
- package/build/esm/src/components/Typography/Text/Text.d.ts +5 -6
- package/build/esm/src/components/Typography/Text/Text.js +55 -18
- package/build/esm/src/components/Typography/Text/Text.js.map +1 -1
- package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.d.ts +8 -3
- package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js +116 -5
- package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js.map +1 -1
- package/build/esm/src/index.js +1 -1
- package/build/esm/src/shared/mediaQueries.js +2 -0
- package/build/esm/src/shared/mediaQueries.js.map +1 -1
- package/build/esm/src/types/index.d.ts +6 -4
- package/build/scss/_theming.scss +10 -2
- package/build/scss/_variables.scss +4 -0
- package/package.json +1 -1
|
@@ -296,6 +296,14 @@ const ambossVisualConfiguration = {
|
|
|
296
296
|
},
|
|
297
297
|
"success": {
|
|
298
298
|
"default": "#a6f2dd"
|
|
299
|
+
},
|
|
300
|
+
"underline": {
|
|
301
|
+
"default": "#757a84",
|
|
302
|
+
"hover": "#93979f"
|
|
303
|
+
},
|
|
304
|
+
"dottedUnderline": {
|
|
305
|
+
"default": "#93979f",
|
|
306
|
+
"hover": "#b9bcc3"
|
|
299
307
|
}
|
|
300
308
|
},
|
|
301
309
|
"icon": {
|
|
@@ -430,15 +438,15 @@ const ambossVisualConfiguration = {
|
|
|
430
438
|
"text": {
|
|
431
439
|
"primary": {
|
|
432
440
|
"default": "#ffffff",
|
|
433
|
-
"hover": "#
|
|
441
|
+
"hover": "#ffffff"
|
|
434
442
|
},
|
|
435
443
|
"secondary": {
|
|
436
444
|
"default": "#ffffff",
|
|
437
|
-
"hover": "#
|
|
445
|
+
"hover": "#ffffff"
|
|
438
446
|
},
|
|
439
447
|
"tertiary": {
|
|
440
448
|
"default": "#ced1d6",
|
|
441
|
-
"hover": "#
|
|
449
|
+
"hover": "#ffffff"
|
|
442
450
|
},
|
|
443
451
|
"accent": {
|
|
444
452
|
"default": "#ffffff",
|
|
@@ -449,6 +457,14 @@ const ambossVisualConfiguration = {
|
|
|
449
457
|
},
|
|
450
458
|
"error": {
|
|
451
459
|
"default": "#ee6160"
|
|
460
|
+
},
|
|
461
|
+
"underline": {
|
|
462
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
463
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
464
|
+
},
|
|
465
|
+
"dottedUnderline": {
|
|
466
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
467
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
452
468
|
}
|
|
453
469
|
},
|
|
454
470
|
"icon": {
|
|
@@ -497,15 +513,15 @@ const ambossVisualConfiguration = {
|
|
|
497
513
|
"text": {
|
|
498
514
|
"primary": {
|
|
499
515
|
"default": "#ffffff",
|
|
500
|
-
"hover": "#
|
|
516
|
+
"hover": "#ffffff"
|
|
501
517
|
},
|
|
502
518
|
"secondary": {
|
|
503
519
|
"default": "#ffffff",
|
|
504
|
-
"hover": "#
|
|
520
|
+
"hover": "#ffffff"
|
|
505
521
|
},
|
|
506
522
|
"tertiary": {
|
|
507
523
|
"default": "#ced1d6",
|
|
508
|
-
"hover": "#
|
|
524
|
+
"hover": "#ffffff"
|
|
509
525
|
},
|
|
510
526
|
"accent": {
|
|
511
527
|
"default": "#ffffff",
|
|
@@ -516,6 +532,14 @@ const ambossVisualConfiguration = {
|
|
|
516
532
|
},
|
|
517
533
|
"error": {
|
|
518
534
|
"default": "#d07c7c"
|
|
535
|
+
},
|
|
536
|
+
"underline": {
|
|
537
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
538
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
539
|
+
},
|
|
540
|
+
"dottedUnderline": {
|
|
541
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
542
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
519
543
|
}
|
|
520
544
|
},
|
|
521
545
|
"icon": {
|
|
@@ -564,15 +588,15 @@ const ambossVisualConfiguration = {
|
|
|
564
588
|
"text": {
|
|
565
589
|
"primary": {
|
|
566
590
|
"default": "#ffffff",
|
|
567
|
-
"hover": "#
|
|
591
|
+
"hover": "#ffffff"
|
|
568
592
|
},
|
|
569
593
|
"secondary": {
|
|
570
594
|
"default": "#ffffff",
|
|
571
|
-
"hover": "#
|
|
595
|
+
"hover": "#ffffff"
|
|
572
596
|
},
|
|
573
597
|
"tertiary": {
|
|
574
598
|
"default": "#ced1d6",
|
|
575
|
-
"hover": "#
|
|
599
|
+
"hover": "#ffffff"
|
|
576
600
|
},
|
|
577
601
|
"accent": {
|
|
578
602
|
"default": "#ffffff",
|
|
@@ -586,6 +610,14 @@ const ambossVisualConfiguration = {
|
|
|
586
610
|
},
|
|
587
611
|
"info": {
|
|
588
612
|
"default": "#6e95cf"
|
|
613
|
+
},
|
|
614
|
+
"underline": {
|
|
615
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
616
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
617
|
+
},
|
|
618
|
+
"dottedUnderline": {
|
|
619
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
620
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
589
621
|
}
|
|
590
622
|
},
|
|
591
623
|
"icon": {
|
|
@@ -657,6 +689,14 @@ const ambossVisualConfiguration = {
|
|
|
657
689
|
},
|
|
658
690
|
"info": {
|
|
659
691
|
"default": "#29364c"
|
|
692
|
+
},
|
|
693
|
+
"underline": {
|
|
694
|
+
"default": "#93979f",
|
|
695
|
+
"hover": "#757a84"
|
|
696
|
+
},
|
|
697
|
+
"dottedUnderline": {
|
|
698
|
+
"default": "#93979f",
|
|
699
|
+
"hover": "#757a84"
|
|
660
700
|
}
|
|
661
701
|
},
|
|
662
702
|
"icon": {
|
|
@@ -706,15 +746,15 @@ const ambossVisualConfiguration = {
|
|
|
706
746
|
"text": {
|
|
707
747
|
"primary": {
|
|
708
748
|
"default": "#ffffff",
|
|
709
|
-
"hover": "#
|
|
749
|
+
"hover": "#ffffff"
|
|
710
750
|
},
|
|
711
751
|
"secondary": {
|
|
712
752
|
"default": "#ffffff",
|
|
713
|
-
"hover": "#
|
|
753
|
+
"hover": "#ffffff"
|
|
714
754
|
},
|
|
715
755
|
"tertiary": {
|
|
716
756
|
"default": "#ced1d6",
|
|
717
|
-
"hover": "#
|
|
757
|
+
"hover": "#ffffff"
|
|
718
758
|
},
|
|
719
759
|
"accent": {
|
|
720
760
|
"default": "#ffffff",
|
|
@@ -725,6 +765,14 @@ const ambossVisualConfiguration = {
|
|
|
725
765
|
},
|
|
726
766
|
"error": {
|
|
727
767
|
"default": "#d07c7c"
|
|
768
|
+
},
|
|
769
|
+
"underline": {
|
|
770
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
771
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
772
|
+
},
|
|
773
|
+
"dottedUnderline": {
|
|
774
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
775
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
728
776
|
}
|
|
729
777
|
},
|
|
730
778
|
"icon": {
|
|
@@ -835,12 +883,12 @@ const ambossVisualConfiguration = {
|
|
|
835
883
|
},
|
|
836
884
|
"secondary": {
|
|
837
885
|
"default": "#40515e",
|
|
838
|
-
"hover": "#
|
|
886
|
+
"hover": "#1a1c1c"
|
|
839
887
|
},
|
|
840
888
|
"tertiary": {
|
|
841
889
|
"default": "#607585",
|
|
842
890
|
"disabled": "rgba(64, 81, 94, 0.3)",
|
|
843
|
-
"hover": "#
|
|
891
|
+
"hover": "#1a1c1c"
|
|
844
892
|
},
|
|
845
893
|
"quaternary": {
|
|
846
894
|
"default": "#a3b2bd"
|
|
@@ -868,6 +916,14 @@ const ambossVisualConfiguration = {
|
|
|
868
916
|
},
|
|
869
917
|
"success": {
|
|
870
918
|
"default": "#0a5c45"
|
|
919
|
+
},
|
|
920
|
+
"underline": {
|
|
921
|
+
"default": "#a3b2bd",
|
|
922
|
+
"hover": "#607585"
|
|
923
|
+
},
|
|
924
|
+
"dottedUnderline": {
|
|
925
|
+
"default": "#607585",
|
|
926
|
+
"hover": "#40515e"
|
|
871
927
|
}
|
|
872
928
|
},
|
|
873
929
|
"icon": {
|
|
@@ -1002,15 +1058,15 @@ const ambossVisualConfiguration = {
|
|
|
1002
1058
|
"text": {
|
|
1003
1059
|
"primary": {
|
|
1004
1060
|
"default": "#ffffff",
|
|
1005
|
-
"hover": "#
|
|
1061
|
+
"hover": "#ffffff"
|
|
1006
1062
|
},
|
|
1007
1063
|
"secondary": {
|
|
1008
1064
|
"default": "#ffffff",
|
|
1009
|
-
"hover": "#
|
|
1065
|
+
"hover": "#ffffff"
|
|
1010
1066
|
},
|
|
1011
1067
|
"tertiary": {
|
|
1012
1068
|
"default": "#e0e6eb",
|
|
1013
|
-
"hover": "#
|
|
1069
|
+
"hover": "#ffffff"
|
|
1014
1070
|
},
|
|
1015
1071
|
"accent": {
|
|
1016
1072
|
"default": "#ffffff",
|
|
@@ -1021,6 +1077,14 @@ const ambossVisualConfiguration = {
|
|
|
1021
1077
|
},
|
|
1022
1078
|
"error": {
|
|
1023
1079
|
"default": "#ee6160"
|
|
1080
|
+
},
|
|
1081
|
+
"underline": {
|
|
1082
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1083
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1084
|
+
},
|
|
1085
|
+
"dottedUnderline": {
|
|
1086
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1087
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1024
1088
|
}
|
|
1025
1089
|
},
|
|
1026
1090
|
"icon": {
|
|
@@ -1069,15 +1133,15 @@ const ambossVisualConfiguration = {
|
|
|
1069
1133
|
"text": {
|
|
1070
1134
|
"primary": {
|
|
1071
1135
|
"default": "#ffffff",
|
|
1072
|
-
"hover": "#
|
|
1136
|
+
"hover": "#ffffff"
|
|
1073
1137
|
},
|
|
1074
1138
|
"secondary": {
|
|
1075
1139
|
"default": "#ffffff",
|
|
1076
|
-
"hover": "#
|
|
1140
|
+
"hover": "#ffffff"
|
|
1077
1141
|
},
|
|
1078
1142
|
"tertiary": {
|
|
1079
1143
|
"default": "#e0e6eb",
|
|
1080
|
-
"hover": "#
|
|
1144
|
+
"hover": "#ffffff"
|
|
1081
1145
|
},
|
|
1082
1146
|
"accent": {
|
|
1083
1147
|
"default": "#ffffff",
|
|
@@ -1088,6 +1152,14 @@ const ambossVisualConfiguration = {
|
|
|
1088
1152
|
},
|
|
1089
1153
|
"error": {
|
|
1090
1154
|
"default": "#ee6160"
|
|
1155
|
+
},
|
|
1156
|
+
"underline": {
|
|
1157
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1158
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1159
|
+
},
|
|
1160
|
+
"dottedUnderline": {
|
|
1161
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1162
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1091
1163
|
}
|
|
1092
1164
|
},
|
|
1093
1165
|
"icon": {
|
|
@@ -1136,15 +1208,15 @@ const ambossVisualConfiguration = {
|
|
|
1136
1208
|
"text": {
|
|
1137
1209
|
"primary": {
|
|
1138
1210
|
"default": "#ffffff",
|
|
1139
|
-
"hover": "#
|
|
1211
|
+
"hover": "#ffffff"
|
|
1140
1212
|
},
|
|
1141
1213
|
"secondary": {
|
|
1142
1214
|
"default": "#ffffff",
|
|
1143
|
-
"hover": "#
|
|
1215
|
+
"hover": "#ffffff"
|
|
1144
1216
|
},
|
|
1145
1217
|
"tertiary": {
|
|
1146
1218
|
"default": "#e0e6eb",
|
|
1147
|
-
"hover": "#
|
|
1219
|
+
"hover": "#ffffff"
|
|
1148
1220
|
},
|
|
1149
1221
|
"accent": {
|
|
1150
1222
|
"default": "#ffffff",
|
|
@@ -1158,6 +1230,14 @@ const ambossVisualConfiguration = {
|
|
|
1158
1230
|
},
|
|
1159
1231
|
"info": {
|
|
1160
1232
|
"default": "#d2e2f9"
|
|
1233
|
+
},
|
|
1234
|
+
"underline": {
|
|
1235
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1236
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1237
|
+
},
|
|
1238
|
+
"dottedUnderline": {
|
|
1239
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1240
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1161
1241
|
}
|
|
1162
1242
|
},
|
|
1163
1243
|
"icon": {
|
|
@@ -1207,15 +1287,15 @@ const ambossVisualConfiguration = {
|
|
|
1207
1287
|
"text": {
|
|
1208
1288
|
"primary": {
|
|
1209
1289
|
"default": "#e0e6eb",
|
|
1210
|
-
"hover": "#
|
|
1290
|
+
"hover": "#e0e6eb"
|
|
1211
1291
|
},
|
|
1212
1292
|
"secondary": {
|
|
1213
1293
|
"default": "#a3b2bd",
|
|
1214
|
-
"hover": "#
|
|
1294
|
+
"hover": "#e0e6eb"
|
|
1215
1295
|
},
|
|
1216
1296
|
"tertiary": {
|
|
1217
1297
|
"default": "#a3b2bd",
|
|
1218
|
-
"hover": "#
|
|
1298
|
+
"hover": "#e0e6eb"
|
|
1219
1299
|
},
|
|
1220
1300
|
"accent": {
|
|
1221
1301
|
"default": "#8adcc6",
|
|
@@ -1229,6 +1309,14 @@ const ambossVisualConfiguration = {
|
|
|
1229
1309
|
},
|
|
1230
1310
|
"info": {
|
|
1231
1311
|
"default": "#6e95cf"
|
|
1312
|
+
},
|
|
1313
|
+
"underline": {
|
|
1314
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1315
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1316
|
+
},
|
|
1317
|
+
"dottedUnderline": {
|
|
1318
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1319
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1232
1320
|
}
|
|
1233
1321
|
},
|
|
1234
1322
|
"icon": {
|
|
@@ -1278,15 +1366,15 @@ const ambossVisualConfiguration = {
|
|
|
1278
1366
|
"text": {
|
|
1279
1367
|
"primary": {
|
|
1280
1368
|
"default": "#ffffff",
|
|
1281
|
-
"hover": "#
|
|
1369
|
+
"hover": "#ffffff"
|
|
1282
1370
|
},
|
|
1283
1371
|
"secondary": {
|
|
1284
1372
|
"default": "#ffffff",
|
|
1285
|
-
"hover": "#
|
|
1373
|
+
"hover": "#ffffff"
|
|
1286
1374
|
},
|
|
1287
1375
|
"tertiary": {
|
|
1288
1376
|
"default": "#e0e6eb",
|
|
1289
|
-
"hover": "#
|
|
1377
|
+
"hover": "#ffffff"
|
|
1290
1378
|
},
|
|
1291
1379
|
"accent": {
|
|
1292
1380
|
"default": "#ffffff",
|
|
@@ -1297,6 +1385,14 @@ const ambossVisualConfiguration = {
|
|
|
1297
1385
|
},
|
|
1298
1386
|
"onAccent": {
|
|
1299
1387
|
"default": "#0a5c45"
|
|
1388
|
+
},
|
|
1389
|
+
"underline": {
|
|
1390
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1391
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1392
|
+
},
|
|
1393
|
+
"dottedUnderline": {
|
|
1394
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
1395
|
+
"hover": "rgba(255, 255, 255, 0.8)"
|
|
1300
1396
|
}
|
|
1301
1397
|
},
|
|
1302
1398
|
"icon": {
|
|
@@ -32,27 +32,9 @@ const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env
|
|
|
32
32
|
display: "flex",
|
|
33
33
|
borderRadius: theme.variables.size.borderRadius.button.m,
|
|
34
34
|
padding: theme.variables.size.spacing.m,
|
|
35
|
-
|
|
36
|
-
color: theme.values.color.text[type].default,
|
|
37
|
-
backgroundColor: theme.values.color.background[`${type}Subtle`].default,
|
|
38
|
-
svg: {
|
|
39
|
-
color: theme.values.color.icon[type]
|
|
40
|
-
},
|
|
41
|
-
...{
|
|
42
|
-
"a,button,p": {
|
|
43
|
-
color: "inherit",
|
|
44
|
-
"&:hover": {
|
|
45
|
-
color: "inherit"
|
|
46
|
-
},
|
|
47
|
-
"& button": {
|
|
48
|
-
fontWeight: "inherit",
|
|
49
|
-
fontSize: "inherit",
|
|
50
|
-
lineHeight: "inherit"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
35
|
+
backgroundColor: theme.values.color.background[`${type}Subtle`].default
|
|
54
36
|
};
|
|
55
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+
|
|
37
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmRbYCR7dHlwZX1TdWJ0bGVgXS5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBwYWRkaW5nVG9wOiBcIjFweFwiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYWxsb3V0KHtcbiAgdGV4dCxcbiAgZGVzY3JpcHRpb24sXG4gIHR5cGUsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ2FsbG91dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdGl0bGVGb250V2VpZ2h0ID0gZGVzY3JpcHRpb24gPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNhbGxvdXRcIlxuICAgICAgdHlwZT17dHlwZX1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwidG9wXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9e3R5cGV9IHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIiBjb2xvcj17dHlwZX0+XG4gICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9e3R5cGV9PlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
|
|
56
38
|
const StyledIconContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
57
39
|
target: "evdfhap0"
|
|
58
40
|
} : {
|
|
@@ -64,7 +46,7 @@ const StyledIconContainer = /*#__PURE__*/_styled__default.default("div", process
|
|
|
64
46
|
} : {
|
|
65
47
|
name: "1pjpfnb",
|
|
66
48
|
styles: "padding-top:1px",
|
|
67
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMuYnV0dG9uLm0sXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmRbYCR7dHlwZX1TdWJ0bGVgXS5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoe1xuICBwYWRkaW5nVG9wOiBcIjFweFwiLFxufSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYWxsb3V0KHtcbiAgdGV4dCxcbiAgZGVzY3JpcHRpb24sXG4gIHR5cGUsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ2FsbG91dFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdGl0bGVGb250V2VpZ2h0ID0gZGVzY3JpcHRpb24gPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNhbGxvdXRcIlxuICAgICAgdHlwZT17dHlwZX1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwidG9wXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9e3R5cGV9IHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIiBjb2xvcj17dHlwZX0+XG4gICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9e3R5cGV9PlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */",
|
|
68
50
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
69
51
|
});
|
|
70
52
|
function Callout(_ref2) {
|
|
@@ -86,15 +68,17 @@ function Callout(_ref2) {
|
|
|
86
68
|
noWrap: true
|
|
87
69
|
}, /*#__PURE__*/React__default.default.createElement(StyledIconContainer, null, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
|
|
88
70
|
name: icon,
|
|
89
|
-
color:
|
|
71
|
+
color: type,
|
|
90
72
|
size: "s"
|
|
91
73
|
})), /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
|
|
92
74
|
space: "xxs"
|
|
93
75
|
}, /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
94
76
|
weight: titleFontWeight,
|
|
95
|
-
size: "s"
|
|
77
|
+
size: "s",
|
|
78
|
+
color: type
|
|
96
79
|
}, text), description && /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
97
|
-
size: "s"
|
|
80
|
+
size: "s",
|
|
81
|
+
color: type
|
|
98
82
|
}, description))));
|
|
99
83
|
}
|
|
100
84
|
Callout.defaultProps = defaultProps;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _styled = require('@emotion/styled/base');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var Text = require('../Typography/Text/Text.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
9
|
|
|
@@ -11,16 +11,6 @@ var _extends__default = /*#__PURE__*/_interopDefault(_extends);
|
|
|
11
11
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
13
|
|
|
14
|
-
const handleVariant = (theme, variant, state) => {
|
|
15
|
-
switch (variant) {
|
|
16
|
-
case "primary":
|
|
17
|
-
return theme.values.color.text.accent[state];
|
|
18
|
-
case "secondary":
|
|
19
|
-
return theme.values.color.text.primary[state];
|
|
20
|
-
default:
|
|
21
|
-
return theme.values.color.text[variant][state];
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
14
|
const StyledLink = /*#__PURE__*/_styled__default.default("a", process.env.NODE_ENV === "production" ? {
|
|
25
15
|
target: "eadqxyf0"
|
|
26
16
|
} : {
|
|
@@ -30,48 +20,67 @@ const StyledLink = /*#__PURE__*/_styled__default.default("a", process.env.NODE_E
|
|
|
30
20
|
let {
|
|
31
21
|
theme,
|
|
32
22
|
weight,
|
|
33
|
-
variant,
|
|
34
23
|
size,
|
|
35
|
-
color
|
|
24
|
+
color,
|
|
25
|
+
inline
|
|
36
26
|
} = _ref;
|
|
37
27
|
return {
|
|
38
|
-
textDecoration: "underline",
|
|
39
28
|
cursor: "pointer",
|
|
40
29
|
background: "none",
|
|
41
30
|
border: "none",
|
|
42
31
|
padding: 0,
|
|
43
|
-
|
|
44
|
-
"&:hover": {
|
|
45
|
-
color: variant ? handleVariant(theme, variant, "hover") : theme.values.color.text[color].hover
|
|
46
|
-
},
|
|
47
|
-
fontSize: theme.variables.size.font.link[size],
|
|
32
|
+
fontSize: theme.variables.size.font[size],
|
|
48
33
|
fontWeight: theme.variables.weight[weight],
|
|
49
34
|
lineHeight: theme.variables.size.lineHeight.link[size],
|
|
50
|
-
fontFamily: theme.variables.fontFamily.lato
|
|
35
|
+
fontFamily: theme.variables.fontFamily.lato,
|
|
36
|
+
textDecorationLine: inline ? "underline" : "none",
|
|
37
|
+
color: color ? theme.values.color.text[color].default : "inherit",
|
|
38
|
+
...((color === "primary" || color === "secondary" || color === "tertiary") && {
|
|
39
|
+
textDecorationColor: theme.values.color.text.underline.default
|
|
40
|
+
}),
|
|
41
|
+
"&:hover": {
|
|
42
|
+
textDecorationLine: "underline",
|
|
43
|
+
textDecorationThickness: "0.125em",
|
|
44
|
+
// it's not working in Safari for a link as button
|
|
45
|
+
...((color === "primary" || color === "secondary" || color === "tertiary") && {
|
|
46
|
+
textDecorationColor: theme.values.color.text.underline.hover,
|
|
47
|
+
color: theme.values.color.text[color].hover
|
|
48
|
+
})
|
|
49
|
+
}
|
|
51
50
|
};
|
|
52
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHRDb250ZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQge1xuICBUZXh0Q29sb3JzLFxuICBUZXh0U2l6ZSxcbiAgVGV4dFdlaWdodCxcbiAgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWYsXG4gIFBvbHltb3JwaGljUmVmLFxuICBMaW5rVmFyaWF0aW9ucyxcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmV4cG9ydCB0eXBlIExpbmtDb25kaXRpb25hbFByb3BzID1cbiAgfCB7XG4gICAgICAvKiogSXQgZm9yY2VzIHRvIGluaGVyaXQgY29sb3IsIHdlaWdodCwgc2l6ZSBmcm9tIHBhcmVudCAqL1xuICAgICAgaW5saW5lPzogdHJ1ZTtcbiAgICAgIC8qKiBBIGNvbG9yIGlzIGluaGVyaXRlZCBmcm9tIGl0cyBwYXJlbnQgVGV4dCBvdGhlcndpc2Ugc2V0IGFzICdwcmltYXJ5JyAqL1xuICAgICAgY29sb3I6IFRleHRDb2xvcnM7XG4gICAgfVxuICB8IHtcbiAgICAgIGlubGluZT86IGZhbHNlO1xuICAgICAgY29sb3I/OiBUZXh0Q29sb3JzO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIExpbmtQcm9wcyA9IHtcbiAgLyoqIEEgc2l6ZSBpcyBpbmhlcml0ZWQgZnJvbSBpdHMgcGFyZW50ICovXG4gIHNpemU/OiBUZXh0U2l6ZTtcbiAgLyoqIEEgd2VpZ2h0IGlzIGluaGVyaXRlZCBmcm9tIGl0cyBwYXJlbnQgKi9cbiAgd2VpZ2h0PzogVGV4dFdlaWdodDtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQsIHBsZWFzZSB1c2UgXCJjb2xvclwiIHByb3AgaW5zdGVhZCAqL1xuICB2YXJpYW50PzogTGlua1ZhcmlhdGlvbnM7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn0gJiBMaW5rQ29uZGl0aW9uYWxQcm9wcztcblxudHlwZSBMaW5rQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYVwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz5cbikgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZC5hPFBhcnRpYWw8TGlua1Byb3BzPj4oXG4gICh7IHRoZW1lLCB3ZWlnaHQsIHNpemUsIGNvbG9yLCBpbmxpbmUgfSkgPT5cbiAgICAoe1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udFtzaXplXSxcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubGlua1tzaXplXSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG5cbiAgICAgIHRleHREZWNvcmF0aW9uTGluZTogaW5saW5lID8gXCJ1bmRlcmxpbmVcIiA6IFwibm9uZVwiLFxuICAgICAgY29sb3I6IGNvbG9yID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQgOiBcImluaGVyaXRcIixcblxuICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwic2Vjb25kYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwidGVydGlhcnlcIikgJiYge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuZGVmYXVsdCxcbiAgICAgIH0pLFxuXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkxpbmU6IFwidW5kZXJsaW5lXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uVGhpY2tuZXNzOiBcIjAuMTI1ZW1cIiwgLy8gaXQncyBub3Qgd29ya2luZyBpbiBTYWZhcmkgZm9yIGEgbGluayBhcyBidXR0b25cbiAgICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgICBjb2xvciA9PT0gXCJzZWNvbmRhcnlcIiB8fFxuICAgICAgICAgIGNvbG9yID09PSBcInRlcnRpYXJ5XCIpICYmIHtcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuaG92ZXIsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5ob3ZlcixcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGNvbnN0IExpbms6IExpbmtDb21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJhXCI+KFxuICAgIHtcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yOiBjb2xvclByb3AsXG4gICAgICBzaXplLFxuICAgICAgdmFyaWFudCxcbiAgICAgIGlubGluZSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgaW5oZXJpdFByb3BzRnJvbVRleHQgPSB1c2VDb250ZXh0KFRleHRDb250ZXh0KTtcblxuICAgIGNvbnN0IGdldENvbG9yID0gKCkgPT4ge1xuICAgICAgaWYgKHZhcmlhbnQpIHtcbiAgICAgICAgLy8gdGhpcyBpcyBnb2luZyB0byBiZSBkZWxldGVkIGFmdGVyIG1pZ3JhdGlvblxuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJwcmltYXJ5XCIpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikgcmV0dXJuIFwicHJpbWFyeVwiO1xuICAgICAgICByZXR1cm4gdmFyaWFudDtcbiAgICAgIH1cbiAgICAgIGlmIChjb2xvclByb3ApIHJldHVybiBjb2xvclByb3A7XG4gICAgICBpZiAoaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yKSByZXR1cm4gaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yO1xuICAgICAgaWYgKCFpbmxpbmUpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaW5rXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJMaW5rXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGlubGluZT17aW5saW5lIHx8ICEhaW5oZXJpdFByb3BzRnJvbVRleHR9XG4gICAgICAgIGNvbG9yPXtnZXRDb2xvcigpfVxuICAgICAgICBzaXplPXtzaXplIHx8IGluaGVyaXRQcm9wc0Zyb21UZXh0Py5zaXplfVxuICAgICAgICB3ZWlnaHQ9e3dlaWdodCB8fCBpbmhlcml0UHJvcHNGcm9tVGV4dD8ud2VpZ2h0fVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
|
|
53
52
|
const Link = /*#__PURE__*/React__default.default.forwardRef((_ref2, ref) => {
|
|
54
53
|
let {
|
|
55
|
-
children,
|
|
56
|
-
size,
|
|
57
54
|
weight,
|
|
55
|
+
color: colorProp,
|
|
56
|
+
size,
|
|
58
57
|
variant,
|
|
59
|
-
|
|
58
|
+
inline,
|
|
60
59
|
"data-e2e-test-id": dataE2eTestId,
|
|
61
60
|
...rest
|
|
62
61
|
} = _ref2;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
const inheritPropsFromText = React.useContext(Text.TextContext);
|
|
63
|
+
const getColor = () => {
|
|
64
|
+
if (variant) {
|
|
65
|
+
// this is going to be deleted after migration
|
|
66
|
+
if (variant === "primary") return "accent";
|
|
67
|
+
if (variant === "secondary") return "primary";
|
|
68
|
+
return variant;
|
|
69
|
+
}
|
|
70
|
+
if (colorProp) return colorProp;
|
|
71
|
+
if (inheritPropsFromText?.color) return inheritPropsFromText?.color;
|
|
72
|
+
if (!inline) return "accent";
|
|
73
|
+
return undefined;
|
|
74
|
+
};
|
|
66
75
|
return /*#__PURE__*/React__default.default.createElement(StyledLink, _extends__default.default({
|
|
67
76
|
"data-e2e-test-id": dataE2eTestId,
|
|
68
77
|
"data-ds-id": "Link",
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}, rest)
|
|
78
|
+
ref: ref,
|
|
79
|
+
inline: inline || !!inheritPropsFromText,
|
|
80
|
+
color: getColor(),
|
|
81
|
+
size: size || inheritPropsFromText?.size,
|
|
82
|
+
weight: weight || inheritPropsFromText?.weight
|
|
83
|
+
}, rest));
|
|
75
84
|
});
|
|
76
85
|
|
|
77
86
|
exports.Link = Link;
|