@elastic/eui 103.0.0 → 103.1.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 (56) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +8 -8
  2. package/dist/eui_theme_amsterdam_light.json +8 -8
  3. package/es/components/card/checkable_card/checkable_card.js +4 -2
  4. package/es/components/combo_box/combo_box.js +4 -2
  5. package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  6. package/es/components/datagrid/controls/fullscreen_selector.js +11 -6
  7. package/es/components/datagrid/data_grid.js +3 -2
  8. package/es/components/form/checkbox/checkbox.js +1 -1
  9. package/es/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  10. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
  11. package/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
  12. package/es/themes/json/eui_theme_amsterdam_light.json +8 -8
  13. package/eui.d.ts +8 -3
  14. package/lib/components/card/checkable_card/checkable_card.js +4 -2
  15. package/lib/components/combo_box/combo_box.js +4 -2
  16. package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  17. package/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
  18. package/lib/components/datagrid/data_grid.js +3 -2
  19. package/lib/components/form/checkbox/checkbox.js +1 -1
  20. package/lib/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  21. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  22. package/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
  23. package/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
  24. package/optimize/es/components/card/checkable_card/checkable_card.js +4 -2
  25. package/optimize/es/components/combo_box/combo_box.js +4 -2
  26. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +3 -1
  27. package/optimize/es/components/datagrid/controls/fullscreen_selector.js +11 -6
  28. package/optimize/es/components/datagrid/data_grid.js +3 -2
  29. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  30. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +1 -1
  31. package/optimize/es/themes/json/eui_theme_amsterdam_dark.json +8 -8
  32. package/optimize/es/themes/json/eui_theme_amsterdam_light.json +8 -8
  33. package/optimize/lib/components/card/checkable_card/checkable_card.js +4 -2
  34. package/optimize/lib/components/combo_box/combo_box.js +4 -2
  35. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +3 -1
  36. package/optimize/lib/components/datagrid/controls/fullscreen_selector.js +11 -6
  37. package/optimize/lib/components/datagrid/data_grid.js +3 -2
  38. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  39. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  40. package/optimize/lib/themes/json/eui_theme_amsterdam_dark.json +8 -8
  41. package/optimize/lib/themes/json/eui_theme_amsterdam_light.json +8 -8
  42. package/package.json +2 -2
  43. package/src/themes/amsterdam/_colors_dark.scss +8 -8
  44. package/src/themes/amsterdam/_colors_light.scss +8 -8
  45. package/test-env/components/card/checkable_card/checkable_card.js +4 -2
  46. package/test-env/components/combo_box/combo_box.js +4 -2
  47. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  48. package/test-env/components/datagrid/controls/fullscreen_selector.js +11 -6
  49. package/test-env/components/datagrid/data_grid.js +3 -2
  50. package/test-env/components/form/checkbox/checkbox.js +1 -1
  51. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +200 -216
  52. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +5 -5
  53. package/test-env/themes/json/eui_theme_amsterdam_dark.json +8 -8
  54. package/test-env/themes/json/eui_theme_amsterdam_light.json +8 -8
  55. package/package/eui.d.ts +0 -29802
  56. package/temp/package/eui.d.ts +0 -29802
@@ -388,44 +388,36 @@ export var border_colors = {
388
388
  }, ['colors.lightestShade']),
389
389
  borderStrongPrimary: computed(function (_ref120) {
390
390
  var _ref121 = _slicedToArray(_ref120, 1),
391
- borderBasePrimary = _ref121[0];
392
- return borderBasePrimary;
393
- }, ['colors.borderBasePrimary']),
391
+ primary = _ref121[0];
392
+ return primary;
393
+ }, ['colors.primary']),
394
394
  borderStrongAccent: computed(function (_ref122) {
395
395
  var _ref123 = _slicedToArray(_ref122, 1),
396
- borderBaseAccent = _ref123[0];
397
- return borderBaseAccent;
398
- }, ['colors.borderBaseAccent']),
396
+ accent = _ref123[0];
397
+ return accent;
398
+ }, ['colors.accent']),
399
399
  borderStrongAccentSecondary: computed(function (_ref124) {
400
400
  var _ref125 = _slicedToArray(_ref124, 1),
401
- borderBaseAccentSecondary = _ref125[0];
402
- return borderBaseAccentSecondary;
403
- }, ['colors.borderBaseAccentSecondary']),
404
- borderStrongNeutral: computed(function (_ref126) {
401
+ accentSecondary = _ref125[0];
402
+ return accentSecondary;
403
+ }, ['colors.accentSecondary']),
404
+ borderStrongNeutral: shade(severityColors.neutral, 0.2).toUpperCase(),
405
+ borderStrongSuccess: computed(function (_ref126) {
405
406
  var _ref127 = _slicedToArray(_ref126, 1),
406
- borderBaseNeutral = _ref127[0];
407
- return borderBaseNeutral;
408
- }, ['colors.borderBaseNeutral']),
409
- borderStrongSuccess: computed(function (_ref128) {
407
+ success = _ref127[0];
408
+ return success;
409
+ }, ['colors.success']),
410
+ borderStrongWarning: computed(function (_ref128) {
410
411
  var _ref129 = _slicedToArray(_ref128, 1),
411
- borderBaseSuccess = _ref129[0];
412
- return borderBaseSuccess;
413
- }, ['colors.borderBaseSuccess']),
414
- borderStrongWarning: computed(function (_ref130) {
412
+ warning = _ref129[0];
413
+ return warning;
414
+ }, ['colors.warning']),
415
+ borderStrongRisk: severityColors.risk,
416
+ borderStrongDanger: computed(function (_ref130) {
415
417
  var _ref131 = _slicedToArray(_ref130, 1),
416
- borderBaseWarning = _ref131[0];
417
- return borderBaseWarning;
418
- }, ['colors.borderBaseWarning']),
419
- borderStrongRisk: computed(function (_ref132) {
420
- var _ref133 = _slicedToArray(_ref132, 1),
421
- borderBaseRisk = _ref133[0];
422
- return borderBaseRisk;
423
- }, ['colors.borderBaseRisk']),
424
- borderStrongDanger: computed(function (_ref134) {
425
- var _ref135 = _slicedToArray(_ref134, 1),
426
- borderBaseDanger = _ref135[0];
427
- return borderBaseDanger;
428
- }, ['colors.borderBaseDanger'])
418
+ danger = _ref131[0];
419
+ return danger;
420
+ }, ['colors.danger'])
429
421
  };
430
422
  export var light_colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, brand_colors), shade_colors), special_colors), brand_text_colors), text_colors), background_colors), transparent_background_colors), border_colors);
431
423
 
@@ -443,279 +435,271 @@ export var dark_shades = {
443
435
  fullShade: '#FFFFFF'
444
436
  };
445
437
  export var dark_background_colors = {
446
- backgroundBasePrimary: computed(function (_ref136) {
447
- var _ref137 = _slicedToArray(_ref136, 1),
448
- primary = _ref137[0];
438
+ backgroundBasePrimary: computed(function (_ref132) {
439
+ var _ref133 = _slicedToArray(_ref132, 1),
440
+ primary = _ref133[0];
449
441
  return shade(primary, 0.8);
450
442
  }, ['colors.primary']),
451
- backgroundBaseAccent: computed(function (_ref138) {
452
- var _ref139 = _slicedToArray(_ref138, 1),
453
- accent = _ref139[0];
443
+ backgroundBaseAccent: computed(function (_ref134) {
444
+ var _ref135 = _slicedToArray(_ref134, 1),
445
+ accent = _ref135[0];
454
446
  return shade(accent, 0.8);
455
447
  }, ['colors.accent']),
456
- backgroundBaseAccentSecondary: computed(function (_ref140) {
457
- var _ref141 = _slicedToArray(_ref140, 1),
458
- success = _ref141[0];
448
+ backgroundBaseAccentSecondary: computed(function (_ref136) {
449
+ var _ref137 = _slicedToArray(_ref136, 1),
450
+ success = _ref137[0];
459
451
  return shade(success, 0.8);
460
452
  }, ['colors.success']),
461
453
  backgroundBaseNeutral: shade(severityColors.neutral, 0.8),
462
- backgroundBaseSuccess: computed(function (_ref142) {
463
- var _ref143 = _slicedToArray(_ref142, 1),
464
- success = _ref143[0];
454
+ backgroundBaseSuccess: computed(function (_ref138) {
455
+ var _ref139 = _slicedToArray(_ref138, 1),
456
+ success = _ref139[0];
465
457
  return shade(success, 0.8);
466
458
  }, ['colors.success']),
467
- backgroundBaseWarning: computed(function (_ref144) {
468
- var _ref145 = _slicedToArray(_ref144, 1),
469
- warning = _ref145[0];
459
+ backgroundBaseWarning: computed(function (_ref140) {
460
+ var _ref141 = _slicedToArray(_ref140, 1),
461
+ warning = _ref141[0];
470
462
  return shade(warning, 0.8);
471
463
  }, ['colors.warning']),
472
464
  backgroundBaseRisk: shade(severityColors.risk, 0.8),
473
- backgroundBaseDanger: computed(function (_ref146) {
474
- var _ref147 = _slicedToArray(_ref146, 1),
475
- danger = _ref147[0];
465
+ backgroundBaseDanger: computed(function (_ref142) {
466
+ var _ref143 = _slicedToArray(_ref142, 1),
467
+ danger = _ref143[0];
476
468
  return shade(danger, 0.8);
477
469
  }, ['colors.danger']),
478
- backgroundBaseSubdued: computed(function (_ref148) {
479
- var _ref149 = _slicedToArray(_ref148, 1),
480
- body = _ref149[0];
470
+ backgroundBaseSubdued: computed(function (_ref144) {
471
+ var _ref145 = _slicedToArray(_ref144, 1),
472
+ body = _ref145[0];
481
473
  return body;
482
474
  }, ['colors.body']),
483
- backgroundBaseDisabled: computed(function (_ref150) {
484
- var _ref151 = _slicedToArray(_ref150, 1),
485
- disabled = _ref151[0];
475
+ backgroundBaseDisabled: computed(function (_ref146) {
476
+ var _ref147 = _slicedToArray(_ref146, 1),
477
+ disabled = _ref147[0];
486
478
  return disabled;
487
479
  }, ['colors.disabled']),
488
- backgroundBaseHighlighted: computed(function (_ref152) {
489
- var _ref153 = _slicedToArray(_ref152, 1),
490
- backgroundBaseSubdued = _ref153[0];
480
+ backgroundBaseHighlighted: computed(function (_ref148) {
481
+ var _ref149 = _slicedToArray(_ref148, 1),
482
+ backgroundBaseSubdued = _ref149[0];
491
483
  return backgroundBaseSubdued;
492
484
  }, ['colors.backgroundBaseSubdued']),
493
- backgroundBasePlain: computed(function (_ref154) {
494
- var _ref155 = _slicedToArray(_ref154, 1),
495
- emptyShade = _ref155[0];
485
+ backgroundBasePlain: computed(function (_ref150) {
486
+ var _ref151 = _slicedToArray(_ref150, 1),
487
+ emptyShade = _ref151[0];
496
488
  return emptyShade;
497
489
  }, ['colors.emptyShade']),
498
- backgroundBaseFormsPrepend: computed(function (_ref156) {
499
- var _ref157 = _slicedToArray(_ref156, 1),
500
- lightShade = _ref157[0];
490
+ backgroundBaseFormsPrepend: computed(function (_ref152) {
491
+ var _ref153 = _slicedToArray(_ref152, 1),
492
+ lightShade = _ref153[0];
501
493
  return shade(lightShade, 0.15);
502
494
  }, ['colors.lightShade']),
503
- backgroundBaseFormsControlDisabled: computed(function (_ref158) {
504
- var _ref159 = _slicedToArray(_ref158, 1),
505
- mediumShade = _ref159[0];
495
+ backgroundBaseFormsControlDisabled: computed(function (_ref154) {
496
+ var _ref155 = _slicedToArray(_ref154, 1),
497
+ mediumShade = _ref155[0];
506
498
  return mediumShade;
507
499
  }, ['colors.mediumShade']),
508
- backgroundBaseInteractiveHover: computed(function (_ref160) {
509
- var _ref161 = _slicedToArray(_ref160, 1),
510
- lightShade = _ref161[0];
500
+ backgroundBaseInteractiveHover: computed(function (_ref156) {
501
+ var _ref157 = _slicedToArray(_ref156, 1),
502
+ lightShade = _ref157[0];
511
503
  return transparentize(lightShade, 0.2);
512
504
  }, ['colors.lightShade']),
513
- backgroundBaseInteractiveSelect: computed(function (_ref162) {
514
- var _ref163 = _slicedToArray(_ref162, 1),
515
- primary = _ref163[0];
505
+ backgroundBaseInteractiveSelect: computed(function (_ref158) {
506
+ var _ref159 = _slicedToArray(_ref158, 1),
507
+ primary = _ref159[0];
516
508
  return shade(primary, 0.7);
517
509
  }, ['colors.primary']),
518
- backgroundBaseInteractiveOverlay: computed(function (_ref164) {
519
- var _ref165 = _slicedToArray(_ref164, 1),
520
- ink = _ref165[0];
510
+ backgroundBaseInteractiveOverlay: computed(function (_ref160) {
511
+ var _ref161 = _slicedToArray(_ref160, 1),
512
+ ink = _ref161[0];
521
513
  return transparentize(ink, 0.5);
522
514
  }, ['colors.ink']),
523
- backgroundBaseSkeletonEdge: computed(function (_ref166) {
524
- var _ref167 = _slicedToArray(_ref166, 1),
525
- lightShade = _ref167[0];
515
+ backgroundBaseSkeletonEdge: computed(function (_ref162) {
516
+ var _ref163 = _slicedToArray(_ref162, 1),
517
+ lightShade = _ref163[0];
526
518
  return shade(lightShade, 0.12);
527
519
  }, ['colors.lightShade']),
528
- backgroundBaseSkeletonMiddle: computed(function (_ref168) {
529
- var _ref169 = _slicedToArray(_ref168, 1),
530
- lightShade = _ref169[0];
520
+ backgroundBaseSkeletonMiddle: computed(function (_ref164) {
521
+ var _ref165 = _slicedToArray(_ref164, 1),
522
+ lightShade = _ref165[0];
531
523
  return shade(lightShade, 0.24);
532
524
  }, ['colors.lightShade']),
533
- backgroundLightPrimary: computed(function (_ref170) {
534
- var _ref171 = _slicedToArray(_ref170, 1),
535
- primary = _ref171[0];
525
+ backgroundLightPrimary: computed(function (_ref166) {
526
+ var _ref167 = _slicedToArray(_ref166, 1),
527
+ primary = _ref167[0];
536
528
  return shade(primary, 0.7);
537
529
  }, ['colors.primary']),
538
- backgroundLightAccent: computed(function (_ref172) {
539
- var _ref173 = _slicedToArray(_ref172, 1),
540
- accent = _ref173[0];
530
+ backgroundLightAccent: computed(function (_ref168) {
531
+ var _ref169 = _slicedToArray(_ref168, 1),
532
+ accent = _ref169[0];
541
533
  return shade(accent, 0.7);
542
534
  }, ['colors.accent']),
543
- backgroundLightAccentSecondary: computed(function (_ref174) {
544
- var _ref175 = _slicedToArray(_ref174, 1),
545
- success = _ref175[0];
535
+ backgroundLightAccentSecondary: computed(function (_ref170) {
536
+ var _ref171 = _slicedToArray(_ref170, 1),
537
+ success = _ref171[0];
546
538
  return shade(success, 0.7);
547
539
  }, ['colors.success']),
548
540
  backgroundLightNeutral: shade(severityColors.neutral, 0.7),
549
- backgroundLightSuccess: computed(function (_ref176) {
550
- var _ref177 = _slicedToArray(_ref176, 1),
551
- success = _ref177[0];
541
+ backgroundLightSuccess: computed(function (_ref172) {
542
+ var _ref173 = _slicedToArray(_ref172, 1),
543
+ success = _ref173[0];
552
544
  return shade(success, 0.7);
553
545
  }, ['colors.success']),
554
- backgroundLightWarning: computed(function (_ref178) {
555
- var _ref179 = _slicedToArray(_ref178, 1),
556
- warning = _ref179[0];
546
+ backgroundLightWarning: computed(function (_ref174) {
547
+ var _ref175 = _slicedToArray(_ref174, 1),
548
+ warning = _ref175[0];
557
549
  return shade(warning, 0.7);
558
550
  }, ['colors.warning']),
559
551
  backgroundLightRisk: shade(severityColors.risk, 0.7),
560
- backgroundLightDanger: computed(function (_ref180) {
561
- var _ref181 = _slicedToArray(_ref180, 1),
562
- danger = _ref181[0];
552
+ backgroundLightDanger: computed(function (_ref176) {
553
+ var _ref177 = _slicedToArray(_ref176, 1),
554
+ danger = _ref177[0];
563
555
  return shade(danger, 0.7);
564
556
  }, ['colors.danger']),
565
- backgroundLightText: computed(function (_ref182) {
566
- var _ref183 = _slicedToArray(_ref182, 1),
567
- lightShade = _ref183[0];
557
+ backgroundLightText: computed(function (_ref178) {
558
+ var _ref179 = _slicedToArray(_ref178, 1),
559
+ lightShade = _ref179[0];
568
560
  return shade(lightShade, 0.2);
569
561
  }, ['colors.lightShade']),
570
- backgroundFilledPrimary: computed(function (_ref184) {
571
- var _ref185 = _slicedToArray(_ref184, 1),
572
- primary = _ref185[0];
562
+ backgroundFilledPrimary: computed(function (_ref180) {
563
+ var _ref181 = _slicedToArray(_ref180, 1),
564
+ primary = _ref181[0];
573
565
  return primary;
574
566
  }, ['colors.primary']),
575
- backgroundFilledAccent: computed(function (_ref186) {
576
- var _ref187 = _slicedToArray(_ref186, 1),
577
- accent = _ref187[0];
567
+ backgroundFilledAccent: computed(function (_ref182) {
568
+ var _ref183 = _slicedToArray(_ref182, 1),
569
+ accent = _ref183[0];
578
570
  return accent;
579
571
  }, ['colors.accent']),
580
- backgroundFilledAccentSecondary: computed(function (_ref188) {
581
- var _ref189 = _slicedToArray(_ref188, 1),
582
- success = _ref189[0];
572
+ backgroundFilledAccentSecondary: computed(function (_ref184) {
573
+ var _ref185 = _slicedToArray(_ref184, 1),
574
+ success = _ref185[0];
583
575
  return success;
584
576
  }, ['colors.success']),
585
577
  backgroundFilledNeutral: severityColors.neutral,
586
- backgroundFilledSuccess: computed(function (_ref190) {
587
- var _ref191 = _slicedToArray(_ref190, 1),
588
- success = _ref191[0];
578
+ backgroundFilledSuccess: computed(function (_ref186) {
579
+ var _ref187 = _slicedToArray(_ref186, 1),
580
+ success = _ref187[0];
589
581
  return success;
590
582
  }, ['colors.success']),
591
- backgroundFilledWarning: computed(function (_ref192) {
592
- var _ref193 = _slicedToArray(_ref192, 1),
593
- warning = _ref193[0];
583
+ backgroundFilledWarning: computed(function (_ref188) {
584
+ var _ref189 = _slicedToArray(_ref188, 1),
585
+ warning = _ref189[0];
594
586
  return warning;
595
587
  }, ['colors.warning']),
596
588
  backgroundFilledRisk: severityColors.risk,
597
- backgroundFilledDanger: computed(function (_ref194) {
598
- var _ref195 = _slicedToArray(_ref194, 1),
599
- danger = _ref195[0];
589
+ backgroundFilledDanger: computed(function (_ref190) {
590
+ var _ref191 = _slicedToArray(_ref190, 1),
591
+ danger = _ref191[0];
600
592
  return danger;
601
593
  }, ['colors.danger']),
602
- backgroundFilledText: computed(function (_ref196) {
603
- var _ref197 = _slicedToArray(_ref196, 1),
604
- text = _ref197[0];
594
+ backgroundFilledText: computed(function (_ref192) {
595
+ var _ref193 = _slicedToArray(_ref192, 1),
596
+ text = _ref193[0];
605
597
  return text;
606
598
  }, ['colors.text'])
607
599
  };
608
600
  export var dark_transparent_background_colors = _objectSpread(_objectSpread({}, transparent_background_colors), {}, {
609
- backgroundTransparentSubdued: computed(function (_ref198) {
610
- var _ref199 = _slicedToArray(_ref198, 1),
611
- lightShade = _ref199[0];
601
+ backgroundTransparentSubdued: computed(function (_ref194) {
602
+ var _ref195 = _slicedToArray(_ref194, 1),
603
+ lightShade = _ref195[0];
612
604
  return transparentize(lightShade, 0.4);
613
605
  }, ['colors.lightShade']),
614
- backgroundTransparentHighlighted: computed(function (_ref200) {
615
- var _ref201 = _slicedToArray(_ref200, 1),
616
- backgroundTransparentSubdued = _ref201[0];
606
+ backgroundTransparentHighlighted: computed(function (_ref196) {
607
+ var _ref197 = _slicedToArray(_ref196, 1),
608
+ backgroundTransparentSubdued = _ref197[0];
617
609
  return backgroundTransparentSubdued;
618
610
  }, ['colors.backgroundTransparentSubdued'])
619
611
  });
620
612
  export var dark_border_colors = {
621
- borderBasePrimary: computed(function (_ref202) {
622
- var _ref203 = _slicedToArray(_ref202, 1),
623
- primary = _ref203[0];
613
+ borderBasePrimary: computed(function (_ref198) {
614
+ var _ref199 = _slicedToArray(_ref198, 1),
615
+ primary = _ref199[0];
624
616
  return shade(primary, 0.6);
625
617
  }, ['colors.primary']),
626
- borderBaseAccent: computed(function (_ref204) {
627
- var _ref205 = _slicedToArray(_ref204, 1),
628
- accent = _ref205[0];
618
+ borderBaseAccent: computed(function (_ref200) {
619
+ var _ref201 = _slicedToArray(_ref200, 1),
620
+ accent = _ref201[0];
629
621
  return shade(accent, 0.6);
630
622
  }, ['colors.accent']),
631
- borderBaseAccentSecondary: computed(function (_ref206) {
632
- var _ref207 = _slicedToArray(_ref206, 1),
633
- success = _ref207[0];
623
+ borderBaseAccentSecondary: computed(function (_ref202) {
624
+ var _ref203 = _slicedToArray(_ref202, 1),
625
+ success = _ref203[0];
634
626
  return shade(success, 0.6);
635
627
  }, ['colors.success']),
636
628
  borderBaseNeutral: shade(severityColors.neutral, 0.6),
637
- borderBaseSuccess: computed(function (_ref208) {
638
- var _ref209 = _slicedToArray(_ref208, 1),
639
- success = _ref209[0];
629
+ borderBaseSuccess: computed(function (_ref204) {
630
+ var _ref205 = _slicedToArray(_ref204, 1),
631
+ success = _ref205[0];
640
632
  return shade(success, 0.6);
641
633
  }, ['colors.success']),
642
- borderBaseWarning: computed(function (_ref210) {
643
- var _ref211 = _slicedToArray(_ref210, 1),
644
- warning = _ref211[0];
634
+ borderBaseWarning: computed(function (_ref206) {
635
+ var _ref207 = _slicedToArray(_ref206, 1),
636
+ warning = _ref207[0];
645
637
  return shade(warning, 0.4);
646
638
  }, ['colors.warning']),
647
639
  borderBaseRisk: shade(severityColors.risk, 0.4),
648
- borderBaseDanger: computed(function (_ref212) {
649
- var _ref213 = _slicedToArray(_ref212, 1),
650
- danger = _ref213[0];
640
+ borderBaseDanger: computed(function (_ref208) {
641
+ var _ref209 = _slicedToArray(_ref208, 1),
642
+ danger = _ref209[0];
651
643
  return shade(danger, 0.6);
652
644
  }, ['colors.danger']),
653
- borderBaseSubdued: computed(function (_ref214) {
654
- var _ref215 = _slicedToArray(_ref214, 1),
655
- lightShade = _ref215[0];
645
+ borderBaseSubdued: computed(function (_ref210) {
646
+ var _ref211 = _slicedToArray(_ref210, 1),
647
+ lightShade = _ref211[0];
656
648
  return lightShade;
657
649
  }, ['colors.lightShade']),
658
- borderBaseDisabled: computed(function (_ref216) {
659
- var _ref217 = _slicedToArray(_ref216, 1),
660
- ghost = _ref217[0];
650
+ borderBaseDisabled: computed(function (_ref212) {
651
+ var _ref213 = _slicedToArray(_ref212, 1),
652
+ ghost = _ref213[0];
661
653
  return transparentize(ghost, 0.1);
662
654
  }, ['colors.ghost']),
663
- borderBasePlain: computed(function (_ref218) {
664
- var _ref219 = _slicedToArray(_ref218, 1),
665
- lightShade = _ref219[0];
655
+ borderBasePlain: computed(function (_ref214) {
656
+ var _ref215 = _slicedToArray(_ref214, 1),
657
+ lightShade = _ref215[0];
666
658
  return lightShade;
667
659
  }, ['colors.lightShade']),
668
660
  borderBaseFloating: 'transparent',
669
- borderBaseFormsColorSwatch: computed(function (_ref220) {
670
- var _ref221 = _slicedToArray(_ref220, 1),
671
- fullShade = _ref221[0];
661
+ borderBaseFormsColorSwatch: computed(function (_ref216) {
662
+ var _ref217 = _slicedToArray(_ref216, 1),
663
+ fullShade = _ref217[0];
672
664
  return transparentize(fullShade, 0.1);
673
665
  }, ['colors.fullShade']),
674
- borderBaseFormsControl: computed(function (_ref222) {
675
- var _ref223 = _slicedToArray(_ref222, 1),
676
- lightestShade = _ref223[0];
666
+ borderBaseFormsControl: computed(function (_ref218) {
667
+ var _ref219 = _slicedToArray(_ref218, 1),
668
+ lightestShade = _ref219[0];
677
669
  return tint(lightestShade, 0.31);
678
670
  }, ['colors.lightestShade']),
679
- borderStrongPrimary: computed(function (_ref224) {
671
+ borderStrongPrimary: computed(function (_ref220) {
672
+ var _ref221 = _slicedToArray(_ref220, 1),
673
+ primary = _ref221[0];
674
+ return primary;
675
+ }, ['colors.primary']),
676
+ borderStrongAccent: computed(function (_ref222) {
677
+ var _ref223 = _slicedToArray(_ref222, 1),
678
+ accent = _ref223[0];
679
+ return accent;
680
+ }, ['colors.accent']),
681
+ borderStrongAccentSecondary: computed(function (_ref224) {
680
682
  var _ref225 = _slicedToArray(_ref224, 1),
681
- borderBasePrimary = _ref225[0];
682
- return borderBasePrimary;
683
- }, ['colors.borderBasePrimary']),
684
- borderStrongAccent: computed(function (_ref226) {
683
+ accentSecondary = _ref225[0];
684
+ return accentSecondary;
685
+ }, ['colors.accentSecondary']),
686
+ borderStrongNeutral: severityColors.neutral,
687
+ borderStrongSuccess: computed(function (_ref226) {
685
688
  var _ref227 = _slicedToArray(_ref226, 1),
686
- borderBaseAccent = _ref227[0];
687
- return borderBaseAccent;
688
- }, ['colors.borderBaseAccent']),
689
- borderStrongAccentSecondary: computed(function (_ref228) {
689
+ success = _ref227[0];
690
+ return success;
691
+ }, ['colors.success']),
692
+ borderStrongWarning: computed(function (_ref228) {
690
693
  var _ref229 = _slicedToArray(_ref228, 1),
691
- borderBaseAccentSecondary = _ref229[0];
692
- return borderBaseAccentSecondary;
693
- }, ['colors.borderBaseAccentSecondary']),
694
- borderStrongNeutral: computed(function (_ref230) {
694
+ warning = _ref229[0];
695
+ return warning;
696
+ }, ['colors.warning']),
697
+ borderStrongRisk: tint(severityColors.risk, 0.2).toUpperCase(),
698
+ borderStrongDanger: computed(function (_ref230) {
695
699
  var _ref231 = _slicedToArray(_ref230, 1),
696
- borderBaseNeutral = _ref231[0];
697
- return borderBaseNeutral;
698
- }, ['colors.borderBaseNeutral']),
699
- borderStrongSuccess: computed(function (_ref232) {
700
- var _ref233 = _slicedToArray(_ref232, 1),
701
- borderBaseSuccess = _ref233[0];
702
- return borderBaseSuccess;
703
- }, ['colors.borderBaseSuccess']),
704
- borderStrongWarning: computed(function (_ref234) {
705
- var _ref235 = _slicedToArray(_ref234, 1),
706
- borderBaseWarning = _ref235[0];
707
- return borderBaseWarning;
708
- }, ['colors.borderBaseWarning']),
709
- borderStrongRisk: computed(function (_ref236) {
710
- var _ref237 = _slicedToArray(_ref236, 1),
711
- borderBaseRisk = _ref237[0];
712
- return borderBaseRisk;
713
- }, ['colors.borderBaseRisk']),
714
- borderStrongDanger: computed(function (_ref238) {
715
- var _ref239 = _slicedToArray(_ref238, 1),
716
- borderBaseDanger = _ref239[0];
717
- return borderBaseDanger;
718
- }, ['colors.borderBaseDanger'])
700
+ danger = _ref231[0];
701
+ return danger;
702
+ }, ['colors.danger'])
719
703
  };
720
704
  export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
721
705
  // Brand
@@ -727,43 +711,43 @@ export var dark_colors_ams = _objectSpread(_objectSpread(_objectSpread(_objectSp
727
711
  danger: '#F86B63'
728
712
  }, dark_shades), {}, {
729
713
  // Special
730
- body: computed(function (_ref240) {
731
- var _ref241 = _slicedToArray(_ref240, 1),
732
- lightestShade = _ref241[0];
714
+ body: computed(function (_ref232) {
715
+ var _ref233 = _slicedToArray(_ref232, 1),
716
+ lightestShade = _ref233[0];
733
717
  return shade(lightestShade, 0.45);
734
718
  }, ['colors.lightestShade']),
735
719
  highlight: '#2E2D25',
736
720
  disabled: '#515761',
737
721
  disabledText: computed(makeDisabledContrastColor('colors.disabled')),
738
- shadow: computed(function (_ref242) {
739
- var colors = _ref242.colors;
722
+ shadow: computed(function (_ref234) {
723
+ var colors = _ref234.colors;
740
724
  return colors.ink;
741
725
  })
742
726
  }, brand_text_colors), {}, {
743
727
  // Text
744
728
  text: '#DFE5EF',
745
- title: computed(function (_ref243) {
746
- var _ref244 = _slicedToArray(_ref243, 1),
747
- text = _ref244[0];
729
+ title: computed(function (_ref235) {
730
+ var _ref236 = _slicedToArray(_ref235, 1),
731
+ text = _ref236[0];
748
732
  return text;
749
733
  }, ['colors.text']),
750
734
  subduedText: computed(makeHighContrastColor('colors.mediumShade')),
751
- link: computed(function (_ref245) {
752
- var _ref246 = _slicedToArray(_ref245, 1),
753
- primaryText = _ref246[0];
735
+ link: computed(function (_ref237) {
736
+ var _ref238 = _slicedToArray(_ref237, 1),
737
+ primaryText = _ref238[0];
754
738
  return primaryText;
755
739
  }, ['colors.primaryText']),
756
740
  textParagraph: '#DFE5EF',
757
- textHeading: computed(function (_ref247) {
758
- var _ref248 = _slicedToArray(_ref247, 1),
759
- text = _ref248[0];
741
+ textHeading: computed(function (_ref239) {
742
+ var _ref240 = _slicedToArray(_ref239, 1),
743
+ text = _ref240[0];
760
744
  return text;
761
745
  }, ['colors.text']),
762
746
  textSubdued: computed(makeHighContrastColor('colors.mediumShade')),
763
747
  textDisabled: computed(makeDisabledContrastColor('colors.disabled')),
764
- textInverse: computed(function (_ref249) {
765
- var _ref250 = _slicedToArray(_ref249, 1),
766
- ink = _ref250[0];
748
+ textInverse: computed(function (_ref241) {
749
+ var _ref242 = _slicedToArray(_ref241, 1),
750
+ ink = _ref242[0];
767
751
  return ink;
768
752
  }, ['colors.ink'])
769
753
  }, dark_background_colors), dark_transparent_background_colors), dark_border_colors);
@@ -6,7 +6,7 @@
6
6
  * Side Public License, v 1.
7
7
  */
8
8
 
9
- import { shade, tint } from '../../../../services';
9
+ import { shade, tint } from '../../../../services/color/manipulation';
10
10
 
11
11
  /**
12
12
  * NOTE: These were quick conversions of their Sass counterparts.
@@ -416,12 +416,12 @@
416
416
  "euiColorBorderBaseFloating": "transparent",
417
417
  "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255,0.1)",
418
418
  "euiColorBorderBaseFormsControl": "#69696f",
419
- "euiColorBorderStrongPrimary": "#164160",
420
- "euiColorBorderStrongAccent": "#62394c",
421
- "euiColorBorderStrongAccentSecondary": "#325956",
422
- "euiColorBorderStrongNeutral": "#4c535b",
423
- "euiColorBorderStrongSuccess": "#325956",
424
- "euiColorBorderStrongWarning": "#927f44",
425
- "euiColorBorderStrongRisk": "#835329",
426
- "euiColorBorderStrongDanger": "#632b28"
419
+ "euiColorBorderStrongPrimary": "#36A2EF",
420
+ "euiColorBorderStrongAccent": "#F68FBE",
421
+ "euiColorBorderStrongAccentSecondary": "#7DDED8",
422
+ "euiColorBorderStrongNeutral": "#B9CFE3",
423
+ "euiColorBorderStrongSuccess": "#7DDED8",
424
+ "euiColorBorderStrongWarning": "#F3D371",
425
+ "euiColorBorderStrongRisk": "#E1A26A",
426
+ "euiColorBorderStrongDanger": "#F86B63"
427
427
  }
@@ -416,12 +416,12 @@
416
416
  "euiColorBorderBaseFloating": "transparent",
417
417
  "euiColorBorderBaseFormsColorSwatch": "rgba(0,0,0,0.1)",
418
418
  "euiColorBorderBaseFormsControl": "#919296",
419
- "euiColorBorderStrongPrimary": "#99c9eb",
420
- "euiColorBorderStrongAccent": "#f9b8d6",
421
- "euiColorBorderStrongAccentSecondary": "#99e5e1",
422
- "euiColorBorderStrongNeutral": "#e5ecf4",
423
- "euiColorBorderStrongSuccess": "#99e5e1",
424
- "euiColorBorderStrongWarning": "#fedc72",
425
- "euiColorBorderStrongRisk": "#e9b98f",
426
- "euiColorBorderStrongDanger": "#e5a9a5"
419
+ "euiColorBorderStrongPrimary": "#0077CC",
420
+ "euiColorBorderStrongAccent": "#F04E98",
421
+ "euiColorBorderStrongAccentSecondary": "#00BFB3",
422
+ "euiColorBorderStrongNeutral": "#94A6B6",
423
+ "euiColorBorderStrongSuccess": "#00BFB3",
424
+ "euiColorBorderStrongWarning": "#FEC514",
425
+ "euiColorBorderStrongRisk": "#DA8B45",
426
+ "euiColorBorderStrongDanger": "#BD271E"
427
427
  }