@amboss/design-system 3.2.0 → 3.3.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 (21) hide show
  1. package/build/cjs/components/AccessCardItem/AccessCardItem.d.ts +25 -0
  2. package/build/cjs/components/AccessCardItem/AccessCardItem.js +1 -0
  3. package/build/cjs/components/Notification/Notification.d.ts +2 -2
  4. package/build/cjs/components/Notification/Notification.js +1 -1
  5. package/build/cjs/index.d.ts +1 -0
  6. package/build/cjs/index.js +1 -1
  7. package/build/cjs/web-tokens/_colors.json +848 -825
  8. package/build/cjs/web-tokens/visualConfig.d.ts +157 -157
  9. package/build/cjs/web-tokens/visualConfig.js +1 -1
  10. package/build/esm/components/AccessCardItem/AccessCardItem.d.ts +25 -0
  11. package/build/esm/components/AccessCardItem/AccessCardItem.js +1 -0
  12. package/build/esm/components/Notification/Notification.d.ts +2 -2
  13. package/build/esm/components/Notification/Notification.js +1 -1
  14. package/build/esm/index.d.ts +1 -0
  15. package/build/esm/index.js +1 -1
  16. package/build/esm/web-tokens/_colors.json +848 -825
  17. package/build/esm/web-tokens/visualConfig.d.ts +157 -157
  18. package/build/esm/web-tokens/visualConfig.js +1 -1
  19. package/build/scss/_theming.scss +118 -86
  20. package/build/scss/_variables.scss +96 -43
  21. package/package.json +1 -3
package/build/cjs/web-tokens/visualConfig.d.ts CHANGED
@@ -175,6 +175,163 @@ type AmbossTheme = {
175
175
  "gray": string;
176
176
  };
177
177
  };
178
+ "toggle": {
179
+ "background": {
180
+ "highlight": string;
181
+ };
182
+ "border": {
183
+ "highlight": string;
184
+ };
185
+ };
186
+ "segmentedProgressBar": {
187
+ "monochrome": string;
188
+ "success": string;
189
+ "warning": string;
190
+ "alert": string;
191
+ "inProgress": string;
192
+ };
193
+ "tag": {
194
+ "background": {
195
+ "gray": string;
196
+ "blue": string;
197
+ };
198
+ "text": {
199
+ "gray": string;
200
+ "blue": string;
201
+ };
202
+ };
203
+ "destructiveTertiaryButton": {
204
+ "background": {
205
+ "hover": string;
206
+ "active": string;
207
+ };
208
+ };
209
+ "rangeInput": {
210
+ "background": {
211
+ "thumb": {
212
+ "default": string;
213
+ };
214
+ };
215
+ };
216
+ "searchInput": {
217
+ "background": {
218
+ "default": string;
219
+ };
220
+ };
221
+ "qbankAnswer": {
222
+ "background": {
223
+ "title": {
224
+ "correct": {
225
+ "default": string;
226
+ "hover": string;
227
+ };
228
+ "correctWithHint": {
229
+ "default": string;
230
+ "hover": string;
231
+ };
232
+ "incorrect": {
233
+ "default": string;
234
+ "hover": string;
235
+ };
236
+ };
237
+ "explanation": {
238
+ "correct": {
239
+ "default": string;
240
+ };
241
+ "correctWithHint": {
242
+ "default": string;
243
+ };
244
+ "incorrect": {
245
+ "default": string;
246
+ };
247
+ };
248
+ };
249
+ "border": {
250
+ "correct": {
251
+ "default": string;
252
+ };
253
+ "correctWithHint": {
254
+ "default": string;
255
+ };
256
+ "incorrect": {
257
+ "default": string;
258
+ };
259
+ };
260
+ };
261
+ "chart": {
262
+ "border": {
263
+ "default": string;
264
+ };
265
+ "grid": {
266
+ "primary": {
267
+ "default": string;
268
+ };
269
+ "secondary": {
270
+ "default": string;
271
+ };
272
+ };
273
+ "background": {
274
+ "default": string;
275
+ "inverted": string;
276
+ };
277
+ "text": {
278
+ "positive": {
279
+ "default": string;
280
+ };
281
+ "negative": {
282
+ "default": string;
283
+ };
284
+ "warning": {
285
+ "default": string;
286
+ };
287
+ };
288
+ "neutral": {
289
+ "default": string;
290
+ "subtle": string;
291
+ "bold": string;
292
+ };
293
+ "positive": {
294
+ "default": string;
295
+ "subtle": string;
296
+ "bold": string;
297
+ };
298
+ "warning": {
299
+ "default": string;
300
+ "subtle": string;
301
+ "bold": string;
302
+ };
303
+ "negative": {
304
+ "default": string;
305
+ "subtle": string;
306
+ "bold": string;
307
+ };
308
+ "info": {
309
+ "default": string;
310
+ "subtle": string;
311
+ "bold": string;
312
+ };
313
+ "accent": {
314
+ "default": string;
315
+ "subtle": string;
316
+ "bold": string;
317
+ };
318
+ };
319
+ "mediaItem": {
320
+ "background": {
321
+ "black": string;
322
+ "white": string;
323
+ "transparent": string;
324
+ };
325
+ "overlay": {
326
+ "hover": string;
327
+ "active": string;
328
+ };
329
+ "categoryIcon": {
330
+ "background": {
331
+ "default": string;
332
+ };
333
+ };
334
+ };
178
335
  "canvas": string;
179
336
  "background": {
180
337
  "primary": {
@@ -388,163 +545,6 @@ type AmbossTheme = {
388
545
  "secondary": string;
389
546
  "secondarySolid": string;
390
547
  };
391
- "toggle": {
392
- "background": {
393
- "highlight": string;
394
- };
395
- "border": {
396
- "highlight": string;
397
- };
398
- };
399
- "segmentedProgressBar": {
400
- "monochrome": string;
401
- "success": string;
402
- "warning": string;
403
- "alert": string;
404
- "inProgress": string;
405
- };
406
- "tag": {
407
- "background": {
408
- "gray": string;
409
- "blue": string;
410
- };
411
- "text": {
412
- "gray": string;
413
- "blue": string;
414
- };
415
- };
416
- "destructiveTertiaryButton": {
417
- "background": {
418
- "hover": string;
419
- "active": string;
420
- };
421
- };
422
- "rangeInput": {
423
- "background": {
424
- "thumb": {
425
- "default": string;
426
- };
427
- };
428
- };
429
- "searchInput": {
430
- "background": {
431
- "default": string;
432
- };
433
- };
434
- "qbankAnswer": {
435
- "background": {
436
- "title": {
437
- "correct": {
438
- "default": string;
439
- "hover": string;
440
- };
441
- "correctWithHint": {
442
- "default": string;
443
- "hover": string;
444
- };
445
- "incorrect": {
446
- "default": string;
447
- "hover": string;
448
- };
449
- };
450
- "explanation": {
451
- "correct": {
452
- "default": string;
453
- };
454
- "correctWithHint": {
455
- "default": string;
456
- };
457
- "incorrect": {
458
- "default": string;
459
- };
460
- };
461
- };
462
- "border": {
463
- "correct": {
464
- "default": string;
465
- };
466
- "correctWithHint": {
467
- "default": string;
468
- };
469
- "incorrect": {
470
- "default": string;
471
- };
472
- };
473
- };
474
- "chart": {
475
- "border": {
476
- "default": string;
477
- };
478
- "grid": {
479
- "primary": {
480
- "default": string;
481
- };
482
- "secondary": {
483
- "default": string;
484
- };
485
- };
486
- "background": {
487
- "default": string;
488
- "inverted": string;
489
- };
490
- "text": {
491
- "positive": {
492
- "default": string;
493
- };
494
- "negative": {
495
- "default": string;
496
- };
497
- "warning": {
498
- "default": string;
499
- };
500
- };
501
- "neutral": {
502
- "default": string;
503
- "subtle": string;
504
- "bold": string;
505
- };
506
- "positive": {
507
- "default": string;
508
- "subtle": string;
509
- "bold": string;
510
- };
511
- "warning": {
512
- "default": string;
513
- "subtle": string;
514
- "bold": string;
515
- };
516
- "negative": {
517
- "default": string;
518
- "subtle": string;
519
- "bold": string;
520
- };
521
- "info": {
522
- "default": string;
523
- "subtle": string;
524
- "bold": string;
525
- };
526
- "accent": {
527
- "default": string;
528
- "subtle": string;
529
- "bold": string;
530
- };
531
- };
532
- "mediaItem": {
533
- "background": {
534
- "black": string;
535
- "white": string;
536
- "transparent": string;
537
- };
538
- "overlay": {
539
- "hover": string;
540
- "active": string;
541
- };
542
- "categoryIcon": {
543
- "background": {
544
- "default": string;
545
- };
546
- };
547
- };
548
548
  };
549
549
  "elevation": {
550
550
  "1": string;
package/build/cjs/web-tokens/visualConfig.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},animation:{modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}}},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"rgba(255, 255, 255, 0)",blue:"rgba(255, 255, 255, 0)",yellow:"rgba(255, 255, 255, 0)",brand:"rgba(255, 255, 255, 0)",purple:"rgba(255, 255, 255, 0)",red:"rgba(255, 255, 255, 0)",gray:"rgba(255, 255, 255, 0)"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"#282c34",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2e9aa7",hover:"#80dfea"}},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#FFFFFF",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dc4847"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#ee6160",hover:"#dc4847"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#607585",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#607585"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dc4847",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dc4847"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#607585"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dc4847"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#FFFFFF",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},animation:{modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}}},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"rgba(255, 255, 255, 0)",blue:"rgba(255, 255, 255, 0)",yellow:"rgba(255, 255, 255, 0)",brand:"rgba(255, 255, 255, 0)",purple:"rgba(255, 255, 255, 0)",red:"rgba(255, 255, 255, 0)",gray:"rgba(255, 255, 255, 0)"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#FFFFFF",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"#282c34",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2e9aa7",hover:"#80dfea"}},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dc4847"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#ee6160",hover:"#dc4847"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dc4847"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#607585"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dc4847"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#FFFFFF",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#607585",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#607585"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dc4847",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
package/build/esm/components/AccessCardItem/AccessCardItem.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import type { ElementType } from "react";
2
+ import React from "react";
3
+ import { type BadgeProps } from "../Badge/Badge";
4
+ import { type ButtonProps } from "../Button/Button";
5
+ import { type IconProps } from "../Icon/Icon";
6
+ type ActionButton = ButtonProps & {
7
+ label: string;
8
+ href?: string;
9
+ target?: string;
10
+ as?: ElementType;
11
+ testId?: ButtonProps["data-e2e-test-id"];
12
+ };
13
+ export type AccessCardItemProps = {
14
+ title: string;
15
+ isIconActive: boolean;
16
+ iconName: IconProps["name"];
17
+ subTitle?: string;
18
+ badge?: Pick<BadgeProps, "text" | "color">;
19
+ additionalInfo?: string;
20
+ primaryButton?: ActionButton;
21
+ secondaryButtons?: ActionButton[];
22
+ "data-e2e-test-id"?: string;
23
+ };
24
+ export declare function AccessCardItem({ isIconActive, iconName, title, subTitle, badge, additionalInfo, primaryButton, secondaryButtons, "data-e2e-test-id": dataE2eTestId, }: AccessCardItemProps): React.ReactElement;
25
+ export {};
package/build/esm/components/AccessCardItem/AccessCardItem.js ADDED
@@ -0,0 +1 @@
1
+ import React from"react";import styled from"@emotion/styled";import{Badge}from"../Badge/Badge";import{Button}from"../Button/Button";import{Columns,Column}from"../Column/Columns";import{Inline}from"../Inline/Inline";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";let StyledIconContainer=/*#__PURE__*/styled("div",{target:"e14jvsz40",label:"StyledIconContainer"})(({theme,isIconActive})=>({display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:isIconActive?theme.values.color.background.accentSubtle.default:theme.values.color.background.secondary.default,borderRadius:"50%",height:theme.variables.size.spacing.xxl,width:theme.variables.size.spacing.xxl}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQWNjZXNzQ2FyZEl0ZW0vQWNjZXNzQ2FyZEl0ZW0udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BY2Nlc3NDYXJkSXRlbS9BY2Nlc3NDYXJkSXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBFbGVtZW50VHlwZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCYWRnZSwgdHlwZSBCYWRnZVByb3BzIH0gZnJvbSBcIi4uL0JhZGdlL0JhZGdlXCI7XG5pbXBvcnQgeyBCdXR0b24sIHR5cGUgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dENsYW1wZWQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0Q2xhbXBlZC9UZXh0Q2xhbXBlZFwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbnR5cGUgQWN0aW9uQnV0dG9uID0gQnV0dG9uUHJvcHMgJiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGhyZWY/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbiAgYXM/OiBFbGVtZW50VHlwZTtcbiAgdGVzdElkPzogQnV0dG9uUHJvcHNbXCJkYXRhLWUyZS10ZXN0LWlkXCJdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjZXNzQ2FyZEl0ZW1Qcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaXNJY29uQWN0aXZlOiBib29sZWFuO1xuICBpY29uTmFtZTogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgc3ViVGl0bGU/OiBzdHJpbmc7XG4gIGJhZGdlPzogUGljazxCYWRnZVByb3BzLCBcInRleHRcIiB8IFwiY29sb3JcIj47XG4gIGFkZGl0aW9uYWxJbmZvPzogc3RyaW5nO1xuICBwcmltYXJ5QnV0dG9uPzogQWN0aW9uQnV0dG9uO1xuICBzZWNvbmRhcnlCdXR0b25zPzogQWN0aW9uQnV0dG9uW107XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXY8XG4gIFBpY2s8QWNjZXNzQ2FyZEl0ZW1Qcm9wcywgXCJpc0ljb25BY3RpdmVcIj5cbj4oKHsgdGhlbWUsIGlzSWNvbkFjdGl2ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJhY2tncm91bmRDb2xvcjogaXNJY29uQWN0aXZlXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdFxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bCxcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQWNjZXNzQ2FyZEl0ZW0oe1xuICBpc0ljb25BY3RpdmUgPSB0cnVlLFxuICBpY29uTmFtZSA9IFwiYWN0aXZpdHlcIixcbiAgdGl0bGUsXG4gIHN1YlRpdGxlLFxuICBiYWRnZSxcbiAgYWRkaXRpb25hbEluZm8sXG4gIHByaW1hcnlCdXR0b24sXG4gIHNlY29uZGFyeUJ1dHRvbnMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkID0gXCJkZXRhaWwtY2FyZC1pdGVtLWNvbXBvbmVudFwiLFxufTogQWNjZXNzQ2FyZEl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENvbHVtbnMgZ2FwPVwibFwiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICB7LyogQ29sdW1uIGZvciBlbGVtZW50cyBsZWZ0IHNpZGUgZnJvbSBidXR0b25zOiB0aGUgaWNvbiwgdGl0bGUsIHN1YnRpdGxlIGFuZCBhZGRpdGlvbmFsIGluZm8gKi99XG4gICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgIDxDb2x1bW5zIGdhcD1cIm1cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHsvKiBDb2x1bW4gZm9yIHRoZSBpY29uICovfVxuICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lciBpc0ljb25BY3RpdmU9e2lzSWNvbkFjdGl2ZX0+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgY29sb3I9e2lzSWNvbkFjdGl2ZSA/IFwiYWNjZW50XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YGljb24taW4tJHtkYXRhRTJlVGVzdElkfWB9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgey8qIENvbHVtbiBmb3IgdGhlIHRpdGxlLCBiYWRnZSwgc3VidGl0bGUgYW5kIGFkZGl0aW9uYWwgaW5mbyAqL31cbiAgICAgICAgICA8Q29sdW1uPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwieHNcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICB7LyogQ29sdW1uIGZvciB0aGUgdGl0bGUsIGJhZGdlIGFuZCBzdWJ0aXRsZSAqL31cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHRDbGFtcGVkIHNpemU9XCJtXCI+e3RpdGxlfTwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICAgICB7YmFkZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QmFkZ2VcbiAgICAgICAgICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtgYmFkZ2UtaW4tJHtkYXRhRTJlVGVzdElkfWB9XG4gICAgICAgICAgICAgICAgICAgICAgdGV4dD17YmFkZ2U/LnRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9e2JhZGdlPy5jb2xvciA/PyBcImdyZWVuXCJ9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YHN1YnRpdGxlLWluLSR7ZGF0YUUyZVRlc3RJZH1gfVxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtzdWJUaXRsZX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAge2FkZGl0aW9uYWxJbmZvICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgMTIsIFwibmFycm93XCJdfT5cbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgICAgICAgICAgICAgIHdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtgYWRkaXRpb25hbC1pbmZvLWluLSR7ZGF0YUUyZVRlc3RJZH1gfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7YWRkaXRpb25hbEluZm99XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgIDwvQ29sdW1ucz5cbiAgICAgIDwvQ29sdW1uPlxuICAgICAgey8qIENvbHVtbiBmb3IgdGhlIGJ1dHRvbnMgKi99XG4gICAgICB7KHByaW1hcnlCdXR0b24gfHwgc2Vjb25kYXJ5QnV0dG9ucz8ubGVuZ3RoID4gMCkgJiYgKFxuICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgXCJuYXJyb3dcIl19PlxuICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInhzXCI+XG4gICAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ucz8ubWFwKCh7IGxhYmVsLCAuLi5idXR0b25Qcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxDb2x1bW4ga2V5PXtsYWJlbH0gc2l6ZT17WzEyLCBcIm5hcnJvd1wiXX0+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gICAgICAgICAgICAgICAgICB7Li4uYnV0dG9uUHJvcHN9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgICAge3ByaW1hcnlCdXR0b24gJiYgKFxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9e1sxMiwgXCJuYXJyb3dcIl19PlxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgICAgICAgICAgICAgICAgIHsuLi5wcmltYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtwcmltYXJ5QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICA8L0NvbHVtbj5cbiAgICAgICl9XG4gICAgPC9Db2x1bW5zPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIifQ== */");export function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component"}){return /*#__PURE__*/React.createElement(Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId},/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Columns,{gap:"m",vAlignItems:"center"},/*#__PURE__*/React.createElement(Column,{size:"narrow",alignSelf:"start"},/*#__PURE__*/React.createElement(StyledIconContainer,{isIconActive:isIconActive},/*#__PURE__*/React.createElement(Icon,{name:iconName,color:isIconActive?"accent":"tertiary","data-e2e-test-id":`icon-in-${dataE2eTestId}`}))),/*#__PURE__*/React.createElement(Column,null,/*#__PURE__*/React.createElement(Columns,{gap:"xs",vAlignItems:"center"},/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},/*#__PURE__*/React.createElement(TextClamped,{size:"m"},title),badge&&/*#__PURE__*/React.createElement(Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green"})),subTitle&&/*#__PURE__*/React.createElement(Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&/*#__PURE__*/React.createElement(Column,{size:[12,12,"narrow"]},/*#__PURE__*/React.createElement(Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||secondaryButtons?.length>0)&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow"]},/*#__PURE__*/React.createElement(Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>/*#__PURE__*/React.createElement(Column,{key:label,size:[12,"narrow"]},/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow"]},/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
package/build/esm/components/Notification/Notification.d.ts CHANGED
@@ -11,9 +11,9 @@ export type NotificationProps = {
11
11
  shrinkButtonLabel?: string;
12
12
  expandable?: boolean;
13
13
  /** This prop introduces additional space to the left to account for the side navigation collapse button in ui-amboss */
14
- isAppLevel?: boolean;
14
+ adjustForSideNavToggle?: boolean;
15
15
  onClickCallToAction?: (e: React.MouseEvent) => void;
16
16
  onClickDismiss?: () => void;
17
17
  children?: React.ReactNode;
18
18
  };
19
- export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, isAppLevel, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;
19
+ export declare function Notification({ text, icon, isDismissable, callToActionLabel, onClickDismiss, onClickCallToAction, expandable, expandButtonLabel, shrinkButtonLabel, children, adjustForSideNavToggle, "data-e2e-test-id": dataE2eTestId, }: NotificationProps): React.ReactElement;
package/build/esm/components/Notification/Notification.js CHANGED
@@ -1 +1 @@
1
- import React,{useState}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";let StyledExpandingContainer=/*#__PURE__*/styled("div",{target:"elb6ahc0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${isDismissed?200:0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGlzQXBwTGV2ZWw/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgaXNBcHBMZXZlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBpc0FwcExldmVsICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCI+XG4gICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRGlzbWlzc2VkPXtpc0Rpc21pc3NlZH0+XG4gICAgICAgIDxDYXJkIHNxdWFyZUNvcm5lcnMgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9XCJwcmltYXJ5XCIgZGF0YS10ZXN0aWQ9XCJpY29uXCIgLz5cbiAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0Pnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICB7KGNhbGxUb0FjdGlvbkxhYmVsIHx8IGV4cGFuZGFibGUpICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgb3JkZXI9e1tcImxhc3RcIiwgXCJ1bnNldFwiLCBcInVuc2V0XCJdfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNcIiBmdWxsV2lkdGggb25DbGljaz17b25DbGlja0NhbGxUb0FjdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgcmlnaHRJY29uPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NhcmQ+XG4gICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmlDIn0= */"),StyledContainer=/*#__PURE__*/styled("div",{target:"elb6ahc1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGlzQXBwTGV2ZWw/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgaXNBcHBMZXZlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBpc0FwcExldmVsICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCI+XG4gICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRGlzbWlzc2VkPXtpc0Rpc21pc3NlZH0+XG4gICAgICAgIDxDYXJkIHNxdWFyZUNvcm5lcnMgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gY29sb3I9XCJwcmltYXJ5XCIgZGF0YS10ZXN0aWQ9XCJpY29uXCIgLz5cbiAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgIDxUZXh0Pnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICB7KGNhbGxUb0FjdGlvbkxhYmVsIHx8IGV4cGFuZGFibGUpICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgb3JkZXI9e1tcImxhc3RcIiwgXCJ1bnNldFwiLCBcInVuc2V0XCJdfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gc2l6ZT1cInNcIiBmdWxsV2lkdGggb25DbGljaz17b25DbGlja0NhbGxUb0FjdGlvbn0+XG4gICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgcmlnaHRJY29uPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NhcmQ+XG4gICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3dCIn0= */");export function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,isAppLevel,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1);return /*#__PURE__*/React.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/React.createElement(Box,{space:"s",...isAppLevel&&{lSpace:["s","l"]}},/*#__PURE__*/React.createElement(Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
1
+ import React,{useState}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";let StyledExpandingContainer=/*#__PURE__*/styled("div",{target:"efrw8mo0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${isDismissed?200:0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGFkanVzdEZvclNpZGVOYXZUb2dnbGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIGlmIChpc0Rpc21pc3NlZCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHsuLi5sZWZ0U3BhY2VQcm9wfT5cbiAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBjb2xvcj1cInByaW1hcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCaUMifQ== */"),StyledContainer=/*#__PURE__*/styled("div",{target:"efrw8mo1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGlzRGlzbWlzc2FibGU/OiBib29sZWFuO1xuICBjYWxsVG9BY3Rpb25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIHNocmlua0J1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRhYmxlPzogYm9vbGVhbjtcbiAgLyoqIFRoaXMgcHJvcCBpbnRyb2R1Y2VzIGFkZGl0aW9uYWwgc3BhY2UgdG8gdGhlIGxlZnQgdG8gYWNjb3VudCBmb3IgdGhlIHNpZGUgbmF2aWdhdGlvbiBjb2xsYXBzZSBidXR0b24gaW4gdWktYW1ib3NzICovXG4gIGFkanVzdEZvclNpZGVOYXZUb2dnbGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgY29uc3QgbGVmdFNwYWNlUHJvcDogUGFydGlhbDxCb3hQcm9wcz4gPSBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlICYmIHtcbiAgICBsU3BhY2U6IFtcInNcIiwgXCJsXCJdLFxuICB9O1xuXG4gIGlmIChpc0Rpc21pc3NlZCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHsuLi5sZWZ0U3BhY2VQcm9wfT5cbiAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSBjb2xvcj1cInByaW1hcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDd0IifQ== */");export function Notification({text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,"data-e2e-test-id":dataE2eTestId}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1);return isDismissed?null:/*#__PURE__*/React.createElement(StyledContainer,{"data-ds-id":"Notification"},/*#__PURE__*/React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},/*#__PURE__*/React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},/*#__PURE__*/React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},/*#__PURE__*/React.createElement(Columns,{gap:"s",vAlignItems:"top"},icon&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Icon,{name:icon,color:"primary","data-testid":"icon"}))),/*#__PURE__*/React.createElement(Column,{size:"fill"},/*#__PURE__*/React.createElement(Box,{vSpace:"xxs",space:"zero"},/*#__PURE__*/React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&/*#__PURE__*/React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&/*#__PURE__*/React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&/*#__PURE__*/React.createElement(Column,{size:"narrow"},/*#__PURE__*/React.createElement(Button,{leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children))))}
package/build/esm/index.d.ts CHANGED
@@ -69,3 +69,4 @@ export * from "./components/EntityList";
69
69
  export * from "./components/Form/Select";
70
70
  export * from "./components/BinaryFeedback/BinaryFeedback";
71
71
  export * from "./components/Grid/Grid";
72
+ export * from "./components/AccessCardItem/AccessCardItem";