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