@pnp/spfx-controls-react 3.6.0-beta.1817343 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/CHANGELOG.JSON +4 -1
  2. package/CHANGELOG.md +8 -1
  3. package/lib/AdaptiveCardHost.d.ts +2 -0
  4. package/lib/AdaptiveCardHost.d.ts.map +1 -0
  5. package/lib/AdaptiveCardHost.js +2 -0
  6. package/lib/AdaptiveCardHost.js.map +1 -0
  7. package/lib/common/telemetry/version.d.ts.map +1 -1
  8. package/lib/common/telemetry/version.js +1 -1
  9. package/lib/common/telemetry/version.js.map +1 -1
  10. package/lib/controls/adaptiveCardHost/AdaptiveCardHost.css +142 -0
  11. package/lib/controls/adaptiveCardHost/AdaptiveCardHost.d.ts +4 -0
  12. package/lib/controls/adaptiveCardHost/AdaptiveCardHost.d.ts.map +1 -0
  13. package/lib/controls/adaptiveCardHost/AdaptiveCardHost.js +198 -0
  14. package/lib/controls/adaptiveCardHost/AdaptiveCardHost.js.map +1 -0
  15. package/lib/controls/adaptiveCardHost/AdaptiveCardHostHelpers.d.ts +10 -0
  16. package/lib/controls/adaptiveCardHost/AdaptiveCardHostHelpers.d.ts.map +1 -0
  17. package/lib/controls/adaptiveCardHost/AdaptiveCardHostHelpers.js +1005 -0
  18. package/lib/controls/adaptiveCardHost/AdaptiveCardHostHelpers.js.map +1 -0
  19. package/lib/controls/adaptiveCardHost/IAdaptiveCardHostProps.d.ts +96 -0
  20. package/lib/controls/adaptiveCardHost/IAdaptiveCardHostProps.d.ts.map +1 -0
  21. package/lib/controls/adaptiveCardHost/IAdaptiveCardHostProps.js +8 -0
  22. package/lib/controls/adaptiveCardHost/IAdaptiveCardHostProps.js.map +1 -0
  23. package/lib/controls/adaptiveCardHost/fluentUI/Actions.d.ts +27 -0
  24. package/lib/controls/adaptiveCardHost/fluentUI/Actions.d.ts.map +1 -0
  25. package/lib/controls/adaptiveCardHost/fluentUI/Actions.js +172 -0
  26. package/lib/controls/adaptiveCardHost/fluentUI/Actions.js.map +1 -0
  27. package/lib/controls/adaptiveCardHost/fluentUI/Elements.d.ts +145 -0
  28. package/lib/controls/adaptiveCardHost/fluentUI/Elements.d.ts.map +1 -0
  29. package/lib/controls/adaptiveCardHost/fluentUI/Elements.js +706 -0
  30. package/lib/controls/adaptiveCardHost/fluentUI/Elements.js.map +1 -0
  31. package/lib/controls/adaptiveCardHost/fluentUI/FluentUI.d.ts +11 -0
  32. package/lib/controls/adaptiveCardHost/fluentUI/FluentUI.d.ts.map +1 -0
  33. package/lib/controls/adaptiveCardHost/fluentUI/FluentUI.js +75 -0
  34. package/lib/controls/adaptiveCardHost/fluentUI/FluentUI.js.map +1 -0
  35. package/lib/controls/adaptiveCardHost/fluentUI/Shared.d.ts +3 -0
  36. package/lib/controls/adaptiveCardHost/fluentUI/Shared.d.ts.map +1 -0
  37. package/lib/controls/adaptiveCardHost/fluentUI/Shared.js +8 -0
  38. package/lib/controls/adaptiveCardHost/fluentUI/Shared.js.map +1 -0
  39. package/lib/controls/adaptiveCardHost/fluentUI/index.d.ts +5 -0
  40. package/lib/controls/adaptiveCardHost/fluentUI/index.d.ts.map +1 -0
  41. package/lib/controls/adaptiveCardHost/fluentUI/index.js +5 -0
  42. package/lib/controls/adaptiveCardHost/fluentUI/index.js.map +1 -0
  43. package/lib/controls/adaptiveCardHost/index.d.ts +5 -0
  44. package/lib/controls/adaptiveCardHost/index.d.ts.map +1 -0
  45. package/lib/controls/adaptiveCardHost/index.js +5 -0
  46. package/lib/controls/adaptiveCardHost/index.js.map +1 -0
  47. package/lib/controls/adaptiveCardHost/themes/redPalette.json +24 -0
  48. package/lib/controls/adaptiveCardHost/themes/teamsDarkPalette.json +24 -0
  49. package/lib/controls/adaptiveCardHost/themes/teamsDefaultPalette.json +24 -0
  50. package/lib/controls/adaptiveCardHost/themes/teamsHighContrastPalette.json +24 -0
  51. package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.d.ts.map +1 -1
  52. package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.js +3 -1
  53. package/lib/controls/modernTaxonomyPicker/ModernTaxonomyPicker.js.map +1 -1
  54. package/package.json +8 -2
  55. package/release/webpack-stats/sp-dev-fx-controls-react.stats.json +109913 -25404
package/lib/controls/adaptiveCardHost/AdaptiveCardHostHelpers.js ADDED
@@ -0,0 +1,1005 @@
1
+ import { LocalizedFontFamilies } from '@fluentui/theme/lib/fonts';
2
+ import { mergeThemes } from '@fluentui/theme/lib/mergeThemes';
3
+ import { ActionAlignment, AdaptiveCard, TextColor, TextWeight } from 'adaptivecards';
4
+ import * as markdown from 'markdown-it';
5
+ import { getDefaultFluentUITheme } from './fluentUI';
6
+ var fluentUICSSVariablePrefix = "ach-fui";
7
+ var lightenDarkenColor = function (col, amt) {
8
+ var usePound = false;
9
+ if (col[0] == "#") {
10
+ col = col.slice(1);
11
+ usePound = true;
12
+ }
13
+ var num = parseInt(col, 16);
14
+ var r = (num >> 16) + amt;
15
+ if (r > 255)
16
+ r = 255;
17
+ else if (r < 0)
18
+ r = 0;
19
+ var b = ((num >> 8) & 0x00FF) + amt;
20
+ if (b > 255)
21
+ b = 255;
22
+ else if (b < 0)
23
+ b = 0;
24
+ var g = (num & 0x0000FF) + amt;
25
+ if (g > 255)
26
+ g = 255;
27
+ else if (g < 0)
28
+ g = 0;
29
+ return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
30
+ };
31
+ export var initProcessMarkdown = function () {
32
+ if (!AdaptiveCard.onProcessMarkdown) {
33
+ AdaptiveCard.onProcessMarkdown = function (text, result) {
34
+ result.outputHtml = new markdown.default().render(text);
35
+ result.didProcess = true;
36
+ try {
37
+ result.outputHtml = new markdown.default().render(text);
38
+ result.didProcess = true;
39
+ }
40
+ catch (error) {
41
+ console.error('AdaptiveCardHost: Error parsing Markdown', error);
42
+ result.didProcess = false;
43
+ }
44
+ };
45
+ }
46
+ };
47
+ export var createSharePointHostConfig = function (theme) {
48
+ var hostConfig = {
49
+ fontFamily: (theme.fonts.medium.fontFamily)
50
+ ? theme.fonts.medium.fontFamily
51
+ : LocalizedFontFamilies.WestEuropean
52
+ };
53
+ if (theme) {
54
+ hostConfig = {
55
+ fontFamily: theme.fonts.mediumPlus.fontFamily,
56
+ separator: {
57
+ lineThickness: 1,
58
+ lineColor: theme.semanticColors.bodyFrameDivider
59
+ },
60
+ containerStyles: {
61
+ default: {
62
+ backgroundColor: theme.semanticColors.bodyBackground,
63
+ foregroundColors: {
64
+ default: {
65
+ default: theme.semanticColors.bodyText,
66
+ subtle: theme.semanticColors.bodySubtext
67
+ },
68
+ dark: {
69
+ default: theme.palette.themeDark,
70
+ subtle: theme.palette.themeDarkAlt
71
+ },
72
+ light: {
73
+ default: theme.palette.themeLight,
74
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
75
+ },
76
+ accent: {
77
+ default: theme.palette.accent,
78
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
79
+ },
80
+ attention: {
81
+ default: theme.palette.redDark,
82
+ subtle: theme.palette.red
83
+ },
84
+ good: {
85
+ default: theme.palette.greenDark,
86
+ subtle: theme.palette.green
87
+ },
88
+ warning: {
89
+ default: theme.palette.yellowDark,
90
+ subtle: theme.palette.yellowDark
91
+ }
92
+ }
93
+ },
94
+ emphasis: {
95
+ backgroundColor: theme.palette.neutralLight,
96
+ foregroundColors: {
97
+ default: {
98
+ default: theme.semanticColors.bodyText,
99
+ subtle: theme.semanticColors.bodySubtext
100
+ },
101
+ dark: {
102
+ default: theme.palette.themeDark,
103
+ subtle: theme.palette.themeDarkAlt
104
+ },
105
+ light: {
106
+ default: theme.palette.themeLight,
107
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
108
+ },
109
+ accent: {
110
+ default: theme.palette.accent,
111
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
112
+ },
113
+ attention: {
114
+ default: theme.palette.redDark,
115
+ subtle: theme.palette.red
116
+ },
117
+ good: {
118
+ default: theme.palette.greenDark,
119
+ subtle: theme.palette.green
120
+ },
121
+ warning: {
122
+ default: theme.palette.yellowDark,
123
+ subtle: theme.palette.yellowDark
124
+ }
125
+ }
126
+ },
127
+ "accent": {
128
+ "backgroundColor": "#E2E2F6",
129
+ "foregroundColors": {
130
+ "default": {
131
+ "default": "#323130",
132
+ "subtle": "#8A8886"
133
+ },
134
+ "dark": {
135
+ "default": "#000000",
136
+ "subtle": "#605E5C"
137
+ },
138
+ "light": {
139
+ "default": "#F3F2F1",
140
+ "subtle": "#E1DFDD"
141
+ },
142
+ "accent": {
143
+ "default": "#6264A7",
144
+ "subtle": "#A6A7DC"
145
+ },
146
+ "attention": {
147
+ "default": "#A80000",
148
+ "subtle": "#A3A80000"
149
+ },
150
+ "good": {
151
+ "default": "#107C10",
152
+ "subtle": "#A3107C10"
153
+ },
154
+ "warning": {
155
+ "default": "#797673",
156
+ "subtle": "#A19F9D"
157
+ }
158
+ }
159
+ },
160
+ "good": {
161
+ "backgroundColor": "#DFF6DD",
162
+ "foregroundColors": {
163
+ "default": {
164
+ "default": "#323130",
165
+ "subtle": "#8A8886"
166
+ },
167
+ "dark": {
168
+ "default": "#000000",
169
+ "subtle": "#605E5C"
170
+ },
171
+ "light": {
172
+ "default": "#F3F2F1",
173
+ "subtle": "#E1DFDD"
174
+ },
175
+ "accent": {
176
+ "default": "#6264A7",
177
+ "subtle": "#A6A7DC"
178
+ },
179
+ "attention": {
180
+ "default": "#A80000",
181
+ "subtle": "#A3A80000"
182
+ },
183
+ "good": {
184
+ "default": "#107C10",
185
+ "subtle": "#A3107C10"
186
+ },
187
+ "warning": {
188
+ "default": "#797673",
189
+ "subtle": "#A19F9D"
190
+ }
191
+ }
192
+ },
193
+ "attention": {
194
+ "backgroundColor": "#FED9CC",
195
+ "foregroundColors": {
196
+ "default": {
197
+ "default": "#323130",
198
+ "subtle": "#8A8886"
199
+ },
200
+ "dark": {
201
+ "default": "#000000",
202
+ "subtle": "#605E5C"
203
+ },
204
+ "light": {
205
+ "default": "#F3F2F1",
206
+ "subtle": "#E1DFDD"
207
+ },
208
+ "accent": {
209
+ "default": "#6264A7",
210
+ "subtle": "#A6A7DC"
211
+ },
212
+ "attention": {
213
+ "default": "#A80000",
214
+ "subtle": "#A3A80000"
215
+ },
216
+ "good": {
217
+ "default": "#107C10",
218
+ "subtle": "#A3107C10"
219
+ },
220
+ "warning": {
221
+ "default": "#797673",
222
+ "subtle": "#A19F9D"
223
+ }
224
+ }
225
+ },
226
+ "warning": {
227
+ "backgroundColor": "#FFF4CE",
228
+ "foregroundColors": {
229
+ "default": {
230
+ "default": "#323130",
231
+ "subtle": "#8A8886"
232
+ },
233
+ "dark": {
234
+ "default": "#000000",
235
+ "subtle": "#605E5C"
236
+ },
237
+ "light": {
238
+ "default": "#F3F2F1",
239
+ "subtle": "#E1DFDD"
240
+ },
241
+ "accent": {
242
+ "default": "#6264A7",
243
+ "subtle": "#A6A7DC"
244
+ },
245
+ "attention": {
246
+ "default": "#A80000",
247
+ "subtle": "#A3A80000"
248
+ },
249
+ "good": {
250
+ "default": "#107C10",
251
+ "subtle": "#A3107C10"
252
+ },
253
+ "warning": {
254
+ "default": "#797673",
255
+ "subtle": "#A19F9D"
256
+ }
257
+ }
258
+ }
259
+ },
260
+ inputs: {
261
+ label: {
262
+ requiredInputs: { weight: TextWeight.Bolder },
263
+ optionalInputs: { weight: TextWeight.Bolder },
264
+ },
265
+ errorMessage: {
266
+ color: TextColor.Attention,
267
+ weight: TextWeight.Bolder
268
+ }
269
+ },
270
+ actions: {
271
+ buttonSpacing: 10,
272
+ actionAlignment: ActionAlignment.Right
273
+ }
274
+ };
275
+ }
276
+ return hostConfig;
277
+ };
278
+ export var createDefaultTeamsHostConfig = function (theme) {
279
+ var hostConfig = {
280
+ fontFamily: (theme.fonts.medium.fontFamily)
281
+ ? theme.fonts.medium.fontFamily
282
+ : LocalizedFontFamilies.WestEuropean
283
+ };
284
+ if (theme) {
285
+ hostConfig = {
286
+ fontFamily: theme.fonts.mediumPlus.fontFamily,
287
+ separator: {
288
+ lineThickness: 1,
289
+ lineColor: theme.semanticColors.bodyFrameDivider
290
+ },
291
+ containerStyles: {
292
+ default: {
293
+ backgroundColor: theme.semanticColors.bodyBackground,
294
+ foregroundColors: {
295
+ default: {
296
+ default: theme.semanticColors.bodyText,
297
+ subtle: theme.semanticColors.bodySubtext
298
+ },
299
+ dark: {
300
+ default: theme.palette.themeDark,
301
+ subtle: theme.palette.themeDarkAlt
302
+ },
303
+ light: {
304
+ default: theme.palette.themeLight,
305
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
306
+ },
307
+ accent: {
308
+ default: theme.palette.accent,
309
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
310
+ },
311
+ attention: {
312
+ default: theme.palette.redDark,
313
+ subtle: theme.palette.red
314
+ },
315
+ good: {
316
+ default: theme.palette.greenDark,
317
+ subtle: theme.palette.green
318
+ },
319
+ warning: {
320
+ default: theme.palette.yellowDark,
321
+ subtle: theme.palette.yellowDark
322
+ }
323
+ }
324
+ },
325
+ emphasis: {
326
+ backgroundColor: theme.palette.neutralLight,
327
+ foregroundColors: {
328
+ default: {
329
+ default: theme.semanticColors.bodyText,
330
+ subtle: theme.semanticColors.bodySubtext
331
+ },
332
+ dark: {
333
+ default: theme.palette.themeDark,
334
+ subtle: theme.palette.themeDarkAlt
335
+ },
336
+ light: {
337
+ default: theme.palette.themeLight,
338
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
339
+ },
340
+ accent: {
341
+ default: theme.palette.accent,
342
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
343
+ },
344
+ attention: {
345
+ default: theme.palette.redDark,
346
+ subtle: theme.palette.red
347
+ },
348
+ good: {
349
+ default: theme.palette.greenDark,
350
+ subtle: theme.palette.green
351
+ },
352
+ warning: {
353
+ default: theme.palette.yellowDark,
354
+ subtle: theme.palette.yellowDark
355
+ }
356
+ }
357
+ },
358
+ "accent": {
359
+ "borderColor": "#62A8F7",
360
+ "backgroundColor": "#C7DEF9",
361
+ "foregroundColors": {
362
+ "default": {
363
+ "default": "#ff252424",
364
+ "subtle": "#bf252424"
365
+ },
366
+ "dark": {
367
+ "default": "#252424",
368
+ "subtle": "#bf252424"
369
+ },
370
+ "light": {
371
+ "default": "#ffffff",
372
+ "subtle": "#fff3f2f1"
373
+ },
374
+ "accent": {
375
+ "default": "#6264a7",
376
+ "subtle": "#8b8cc7"
377
+ },
378
+ "good": {
379
+ "default": "#92c353",
380
+ "subtle": "#e592c353"
381
+ },
382
+ "warning": {
383
+ "default": "#f8d22a",
384
+ "subtle": "#e5f8d22a"
385
+ },
386
+ "attention": {
387
+ "default": "#c4314b",
388
+ "subtle": "#e5c4314b"
389
+ }
390
+ }
391
+ },
392
+ "good": {
393
+ "borderColor": "#69E569",
394
+ "backgroundColor": "#CCFFCC",
395
+ "foregroundColors": {
396
+ "default": {
397
+ "default": "#ff252424",
398
+ "subtle": "#bf252424"
399
+ },
400
+ "dark": {
401
+ "default": "#252424",
402
+ "subtle": "#bf252424"
403
+ },
404
+ "light": {
405
+ "default": "#ffffff",
406
+ "subtle": "#fff3f2f1"
407
+ },
408
+ "accent": {
409
+ "default": "#6264a7",
410
+ "subtle": "#8b8cc7"
411
+ },
412
+ "good": {
413
+ "default": "#92c353",
414
+ "subtle": "#e592c353"
415
+ },
416
+ "warning": {
417
+ "default": "#f8d22a",
418
+ "subtle": "#e5f8d22a"
419
+ },
420
+ "attention": {
421
+ "default": "#c4314b",
422
+ "subtle": "#e5c4314b"
423
+ }
424
+ }
425
+ },
426
+ "attention": {
427
+ "borderColor": "#FF764C",
428
+ "backgroundColor": "#FFC5B2",
429
+ "foregroundColors": {
430
+ "default": {
431
+ "default": "#ff252424",
432
+ "subtle": "#bf252424"
433
+ },
434
+ "dark": {
435
+ "default": "#252424",
436
+ "subtle": "#bf252424"
437
+ },
438
+ "light": {
439
+ "default": "#ffffff",
440
+ "subtle": "#fff3f2f1"
441
+ },
442
+ "accent": {
443
+ "default": "#6264a7",
444
+ "subtle": "#8b8cc7"
445
+ },
446
+ "good": {
447
+ "default": "#92c353",
448
+ "subtle": "#e592c353"
449
+ },
450
+ "warning": {
451
+ "default": "#f8d22a",
452
+ "subtle": "#e5f8d22a"
453
+ },
454
+ "attention": {
455
+ "default": "#c4314b",
456
+ "subtle": "#e5c4314b"
457
+ }
458
+ }
459
+ },
460
+ "warning": {
461
+ "borderColor": "#FFBC51",
462
+ "backgroundColor": "#FFE2B2",
463
+ "foregroundColors": {
464
+ "default": {
465
+ "default": "#ff252424",
466
+ "subtle": "#bf252424"
467
+ },
468
+ "dark": {
469
+ "default": "#252424",
470
+ "subtle": "#bf252424"
471
+ },
472
+ "light": {
473
+ "default": "#ffffff",
474
+ "subtle": "#fff3f2f1"
475
+ },
476
+ "accent": {
477
+ "default": "#6264a7",
478
+ "subtle": "#8b8cc7"
479
+ },
480
+ "good": {
481
+ "default": "#92c353",
482
+ "subtle": "#e592c353"
483
+ },
484
+ "warning": {
485
+ "default": "#f8d22a",
486
+ "subtle": "#e5f8d22a"
487
+ },
488
+ "attention": {
489
+ "default": "#c4314b",
490
+ "subtle": "#e5c4314b"
491
+ }
492
+ }
493
+ }
494
+ },
495
+ inputs: {
496
+ label: {
497
+ requiredInputs: { weight: TextWeight.Bolder },
498
+ optionalInputs: { weight: TextWeight.Bolder },
499
+ },
500
+ errorMessage: {
501
+ color: TextColor.Attention,
502
+ weight: TextWeight.Bolder
503
+ }
504
+ },
505
+ actions: {
506
+ buttonSpacing: 10,
507
+ actionAlignment: ActionAlignment.Right
508
+ }
509
+ };
510
+ }
511
+ return hostConfig;
512
+ };
513
+ export var createDarkTeamsHostConfig = function (theme) {
514
+ var hostConfig = {
515
+ fontFamily: (theme.fonts.medium.fontFamily)
516
+ ? theme.fonts.medium.fontFamily
517
+ : LocalizedFontFamilies.WestEuropean
518
+ };
519
+ if (theme) {
520
+ hostConfig = {
521
+ fontFamily: theme.fonts.mediumPlus.fontFamily,
522
+ separator: {
523
+ lineThickness: 1,
524
+ lineColor: theme.semanticColors.bodyFrameDivider
525
+ },
526
+ containerStyles: {
527
+ default: {
528
+ backgroundColor: theme.semanticColors.bodyBackground,
529
+ foregroundColors: {
530
+ default: {
531
+ default: theme.semanticColors.bodyText,
532
+ subtle: theme.semanticColors.bodySubtext
533
+ },
534
+ dark: {
535
+ default: theme.palette.themeDark,
536
+ subtle: theme.palette.themeDarkAlt
537
+ },
538
+ light: {
539
+ default: theme.palette.themeLight,
540
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
541
+ },
542
+ accent: {
543
+ default: theme.palette.accent,
544
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
545
+ },
546
+ attention: {
547
+ default: theme.palette.redDark,
548
+ subtle: theme.palette.red
549
+ },
550
+ good: {
551
+ default: theme.palette.greenDark,
552
+ subtle: theme.palette.green
553
+ },
554
+ warning: {
555
+ default: theme.palette.yellowDark,
556
+ subtle: theme.palette.yellowDark
557
+ }
558
+ }
559
+ },
560
+ "emphasis": {
561
+ "foregroundColors": {
562
+ "default": {
563
+ "default": "#ffffffff",
564
+ "subtle": "#bfffffff"
565
+ },
566
+ "dark": {
567
+ "default": "#ff201f1f",
568
+ "subtle": "#ff2d2c2c"
569
+ },
570
+ "light": {
571
+ "default": "#ffffffff",
572
+ "subtle": "#bfffffff"
573
+ },
574
+ "accent": {
575
+ "default": "#ffa6a7dc",
576
+ "subtle": "#ff8b8cc7"
577
+ },
578
+ "good": {
579
+ "default": "#ff92c353",
580
+ "subtle": "#e592c353"
581
+ },
582
+ "warning": {
583
+ "default": "#fff8d22a",
584
+ "subtle": "#e5f8d22a"
585
+ },
586
+ "attention": {
587
+ "default": "#ffd74654",
588
+ "subtle": "#e5d74654"
589
+ }
590
+ },
591
+ "borderColor": "#666666",
592
+ "backgroundColor": "#ff292828"
593
+ },
594
+ "accent": {
595
+ "borderColor": "#62A8F7",
596
+ "backgroundColor": "#C7DEF9",
597
+ "foregroundColors": {
598
+ "default": {
599
+ "default": "#ff201f1f",
600
+ "subtle": "#ff2d2c2c"
601
+ },
602
+ "dark": {
603
+ "default": "#ff201f1f",
604
+ "subtle": "#ff2d2c2c"
605
+ },
606
+ "light": {
607
+ "default": "#ffffffff",
608
+ "subtle": "#bfffffff"
609
+ },
610
+ "accent": {
611
+ "default": "#ffa6a7dc",
612
+ "subtle": "#ff8b8cc7"
613
+ },
614
+ "good": {
615
+ "default": "#ff92c353",
616
+ "subtle": "#e592c353"
617
+ },
618
+ "warning": {
619
+ "default": "#fff8d22a",
620
+ "subtle": "#e5f8d22a"
621
+ },
622
+ "attention": {
623
+ "default": "#ffd74654",
624
+ "subtle": "#e5d74654"
625
+ }
626
+ }
627
+ },
628
+ "good": {
629
+ "borderColor": "#69E569",
630
+ "backgroundColor": "#CCFFCC",
631
+ "foregroundColors": {
632
+ "default": {
633
+ "default": "#ff201f1f",
634
+ "subtle": "#ff2d2c2c"
635
+ },
636
+ "dark": {
637
+ "default": "#ff201f1f",
638
+ "subtle": "#ff2d2c2c"
639
+ },
640
+ "light": {
641
+ "default": "#ffffffff",
642
+ "subtle": "#bfffffff"
643
+ },
644
+ "accent": {
645
+ "default": "#ffa6a7dc",
646
+ "subtle": "#ff8b8cc7"
647
+ },
648
+ "good": {
649
+ "default": "#ff92c353",
650
+ "subtle": "#e592c353"
651
+ },
652
+ "warning": {
653
+ "default": "#fff8d22a",
654
+ "subtle": "#e5f8d22a"
655
+ },
656
+ "attention": {
657
+ "default": "#ffd74654",
658
+ "subtle": "#e5d74654"
659
+ }
660
+ }
661
+ },
662
+ "attention": {
663
+ "borderColor": "#FF764C",
664
+ "backgroundColor": "#FFC5B2",
665
+ "foregroundColors": {
666
+ "default": {
667
+ "default": "#ff201f1f",
668
+ "subtle": "#ff2d2c2c"
669
+ },
670
+ "dark": {
671
+ "default": "#ff201f1f",
672
+ "subtle": "#ff2d2c2c"
673
+ },
674
+ "light": {
675
+ "default": "#ffffffff",
676
+ "subtle": "#bfffffff"
677
+ },
678
+ "accent": {
679
+ "default": "#ffa6a7dc",
680
+ "subtle": "#ff8b8cc7"
681
+ },
682
+ "good": {
683
+ "default": "#ff92c353",
684
+ "subtle": "#e592c353"
685
+ },
686
+ "warning": {
687
+ "default": "#fff8d22a",
688
+ "subtle": "#e5f8d22a"
689
+ },
690
+ "attention": {
691
+ "default": "#ffd74654",
692
+ "subtle": "#e5d74654"
693
+ }
694
+ }
695
+ },
696
+ "warning": {
697
+ "borderColor": "#FFBC51",
698
+ "backgroundColor": "#FFE2B2",
699
+ "foregroundColors": {
700
+ "default": {
701
+ "default": "#ff201f1f",
702
+ "subtle": "#ff2d2c2c"
703
+ },
704
+ "dark": {
705
+ "default": "#ff201f1f",
706
+ "subtle": "#ff2d2c2c"
707
+ },
708
+ "light": {
709
+ "default": "#ffffffff",
710
+ "subtle": "#bfffffff"
711
+ },
712
+ "accent": {
713
+ "default": "#ffa6a7dc",
714
+ "subtle": "#ff8b8cc7"
715
+ },
716
+ "good": {
717
+ "default": "#ff92c353",
718
+ "subtle": "#e592c353"
719
+ },
720
+ "warning": {
721
+ "default": "#fff8d22a",
722
+ "subtle": "#e5f8d22a"
723
+ },
724
+ "attention": {
725
+ "default": "#ffd74654",
726
+ "subtle": "#e5d74654"
727
+ }
728
+ }
729
+ }
730
+ },
731
+ inputs: {
732
+ label: {
733
+ requiredInputs: { weight: TextWeight.Bolder },
734
+ optionalInputs: { weight: TextWeight.Bolder },
735
+ },
736
+ errorMessage: {
737
+ color: TextColor.Attention,
738
+ weight: TextWeight.Bolder
739
+ }
740
+ },
741
+ actions: {
742
+ buttonSpacing: 10,
743
+ actionAlignment: ActionAlignment.Right
744
+ }
745
+ };
746
+ }
747
+ return hostConfig;
748
+ };
749
+ export var createHighContrastTeamsHostConfig = function (theme) {
750
+ var hostConfig = {
751
+ fontFamily: (theme.fonts.medium.fontFamily)
752
+ ? theme.fonts.medium.fontFamily
753
+ : LocalizedFontFamilies.WestEuropean
754
+ };
755
+ if (theme) {
756
+ hostConfig = {
757
+ fontFamily: theme.fonts.mediumPlus.fontFamily,
758
+ separator: {
759
+ lineThickness: 1,
760
+ lineColor: theme.semanticColors.bodyFrameDivider
761
+ },
762
+ containerStyles: {
763
+ default: {
764
+ backgroundColor: theme.semanticColors.bodyBackground,
765
+ foregroundColors: {
766
+ default: {
767
+ default: theme.semanticColors.bodyText,
768
+ subtle: theme.semanticColors.bodySubtext
769
+ },
770
+ dark: {
771
+ default: theme.palette.themeDark,
772
+ subtle: theme.palette.themeDarkAlt
773
+ },
774
+ light: {
775
+ default: theme.palette.themeLight,
776
+ subtle: lightenDarkenColor(theme.palette.themeLight, 20)
777
+ },
778
+ accent: {
779
+ default: theme.palette.accent,
780
+ subtle: lightenDarkenColor(theme.palette.accent, 20)
781
+ },
782
+ attention: {
783
+ default: theme.palette.redDark,
784
+ subtle: theme.palette.red
785
+ },
786
+ good: {
787
+ default: theme.palette.greenDark,
788
+ subtle: theme.palette.green
789
+ },
790
+ warning: {
791
+ default: theme.palette.yellowDark,
792
+ subtle: theme.palette.yellowDark
793
+ }
794
+ }
795
+ },
796
+ "emphasis": {
797
+ "borderColor": "#717171",
798
+ "backgroundColor": "#2F2F2F",
799
+ "foregroundColors": {
800
+ "default": {
801
+ "default": "#FFFFFF",
802
+ "subtle": "#D2D2D2"
803
+ },
804
+ "dark": {
805
+ "default": "#000000",
806
+ "subtle": "#737373"
807
+ },
808
+ "light": {
809
+ "default": "#FFFFFF",
810
+ "subtle": "#D2D2D2"
811
+ },
812
+ "accent": {
813
+ "default": "#82C7FF",
814
+ "subtle": "#3AA0F3"
815
+ },
816
+ "good": {
817
+ "default": "#92C353",
818
+ "subtle": "#498205"
819
+ },
820
+ "warning": {
821
+ "default": "#F8D22A",
822
+ "subtle": "#C19C00"
823
+ },
824
+ "attention": {
825
+ "default": "#D74553",
826
+ "subtle": "#D13438"
827
+ }
828
+ }
829
+ },
830
+ "accent": {
831
+ "borderColor": "#62A8F7",
832
+ "backgroundColor": "#1B3345",
833
+ "foregroundColors": {
834
+ "default": {
835
+ "default": "#FFFFFF",
836
+ "subtle": "#D2D2D2"
837
+ },
838
+ "dark": {
839
+ "default": "#000000",
840
+ "subtle": "#737373"
841
+ },
842
+ "light": {
843
+ "default": "#FFFFFF",
844
+ "subtle": "#D2D2D2"
845
+ },
846
+ "accent": {
847
+ "default": "#82C7FF",
848
+ "subtle": "#3AA0F3"
849
+ },
850
+ "good": {
851
+ "default": "#92C353",
852
+ "subtle": "#498205"
853
+ },
854
+ "warning": {
855
+ "default": "#F8D22A",
856
+ "subtle": "#C19C00"
857
+ },
858
+ "attention": {
859
+ "default": "#D74553",
860
+ "subtle": "#D13438"
861
+ }
862
+ }
863
+ },
864
+ "good": {
865
+ "borderColor": "#69E569",
866
+ "backgroundColor": "#92C353",
867
+ "foregroundColors": {
868
+ "default": {
869
+ "default": "#000000",
870
+ "subtle": "#415725"
871
+ },
872
+ "dark": {
873
+ "default": "#000000",
874
+ "subtle": "#415725"
875
+ },
876
+ "light": {
877
+ "default": "#FFFFFF",
878
+ "subtle": "#EBF4E0"
879
+ },
880
+ "accent": {
881
+ "default": "#82C7FF",
882
+ "subtle": "#3AA0F3"
883
+ },
884
+ "good": {
885
+ "default": "#92C353",
886
+ "subtle": "#498205"
887
+ },
888
+ "warning": {
889
+ "default": "#F8D22A",
890
+ "subtle": "#C19C00"
891
+ },
892
+ "attention": {
893
+ "default": "#D74553",
894
+ "subtle": "#D13438"
895
+ }
896
+ }
897
+ },
898
+ "attention": {
899
+ "borderColor": "#FF764C",
900
+ "backgroundColor": "#D74553",
901
+ "foregroundColors": {
902
+ "default": {
903
+ "default": "#000000",
904
+ "subtle": "#601F25"
905
+ },
906
+ "dark": {
907
+ "default": "#000000",
908
+ "subtle": "#601F25"
909
+ },
910
+ "light": {
911
+ "default": "#FFFFFF",
912
+ "subtle": "#F7DEE0"
913
+ },
914
+ "accent": {
915
+ "default": "#82C7FF",
916
+ "subtle": "#3AA0F3"
917
+ },
918
+ "good": {
919
+ "default": "#92C353",
920
+ "subtle": "#498205"
921
+ },
922
+ "warning": {
923
+ "default": "#F8D22A",
924
+ "subtle": "#C19C00"
925
+ },
926
+ "attention": {
927
+ "default": "#D74553",
928
+ "subtle": "#D13438"
929
+ }
930
+ }
931
+ },
932
+ "warning": {
933
+ "borderColor": "#FFBC51",
934
+ "backgroundColor": "#F8D22A",
935
+ "foregroundColors": {
936
+ "default": {
937
+ "default": "#000000",
938
+ "subtle": "#6F5E12"
939
+ },
940
+ "dark": {
941
+ "default": "#000000",
942
+ "subtle": "#6F5E12"
943
+ },
944
+ "light": {
945
+ "default": "#FFFFFF",
946
+ "subtle": "#FDF7D9"
947
+ },
948
+ "accent": {
949
+ "default": "#82C7FF",
950
+ "subtle": "#3AA0F3"
951
+ },
952
+ "good": {
953
+ "default": "#92C353",
954
+ "subtle": "#498205"
955
+ },
956
+ "warning": {
957
+ "default": "#F8D22A",
958
+ "subtle": "#C19C00"
959
+ },
960
+ "attention": {
961
+ "default": "#D74553",
962
+ "subtle": "#D13438"
963
+ }
964
+ }
965
+ }
966
+ },
967
+ inputs: {
968
+ label: {
969
+ requiredInputs: { weight: TextWeight.Bolder },
970
+ optionalInputs: { weight: TextWeight.Bolder },
971
+ },
972
+ errorMessage: {
973
+ color: TextColor.Attention,
974
+ weight: TextWeight.Bolder
975
+ }
976
+ },
977
+ actions: {
978
+ buttonSpacing: 10,
979
+ actionAlignment: ActionAlignment.Right
980
+ }
981
+ };
982
+ }
983
+ return hostConfig;
984
+ };
985
+ export var setFluentUIThemeAsCSSVariables = function (domElement, theme) {
986
+ setCSSVariables(domElement, fluentUICSSVariablePrefix, theme.semanticColors);
987
+ setCSSVariables(domElement, fluentUICSSVariablePrefix, theme.palette);
988
+ setCSSVariables(domElement, fluentUICSSVariablePrefix, {
989
+ fontFamily: (theme.fonts.medium.fontFamily)
990
+ ? theme.fonts.medium.fontFamily
991
+ : LocalizedFontFamilies.WestEuropean
992
+ });
993
+ };
994
+ export var convertFromPartialThemeToTheme = function (partialTheme) {
995
+ return mergeThemes(getDefaultFluentUITheme(), partialTheme);
996
+ };
997
+ var setCSSVariables = function (domElement, prefix, obj) {
998
+ var keys = Object.keys(obj);
999
+ if (keys !== null) {
1000
+ keys.forEach(function (key) {
1001
+ domElement.style.setProperty("--" + prefix + "-" + key, obj[key]);
1002
+ });
1003
+ }
1004
+ };
1005
+ //# sourceMappingURL=AdaptiveCardHostHelpers.js.map