@elastic/eui 101.4.0 → 102.0.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 (103) hide show
  1. package/dist/eui_theme_amsterdam_dark.json +20 -15
  2. package/dist/eui_theme_amsterdam_dark.json.d.ts +20 -15
  3. package/dist/eui_theme_amsterdam_light.json +20 -15
  4. package/dist/eui_theme_amsterdam_light.json.d.ts +20 -15
  5. package/dist/eui_theme_borealis_dark.json +20 -15
  6. package/dist/eui_theme_borealis_dark.json.d.ts +20 -15
  7. package/dist/eui_theme_borealis_light.json +20 -15
  8. package/dist/eui_theme_borealis_light.json.d.ts +20 -15
  9. package/es/components/badge/badge.js +1 -1
  10. package/es/components/badge/badge.styles.js +3 -1
  11. package/es/components/badge/color_utils.js +2 -0
  12. package/es/components/datagrid/body/header/column_sorting.js +10 -9
  13. package/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  14. package/es/components/empty_prompt/empty_prompt.styles.js +3 -1
  15. package/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  16. package/es/components/icon/icon.styles.js +5 -3
  17. package/es/components/icon/named_colors.js +1 -1
  18. package/es/components/provider/provider.js +2 -2
  19. package/es/global_styling/mixins/_button.js +2 -2
  20. package/es/global_styling/mixins/_color.js +1 -1
  21. package/es/services/color/vis_color_store.js +1 -1
  22. package/es/services/theme/context.js +2 -2
  23. package/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  24. package/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  25. package/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
  26. package/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  27. package/eui.d.ts +386 -348
  28. package/lib/components/badge/badge.js +1 -1
  29. package/lib/components/badge/badge.styles.js +3 -1
  30. package/lib/components/badge/color_utils.js +2 -0
  31. package/lib/components/datagrid/body/header/column_sorting.js +10 -9
  32. package/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  33. package/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
  34. package/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  35. package/lib/components/icon/icon.styles.js +5 -3
  36. package/lib/components/icon/named_colors.js +1 -1
  37. package/lib/components/provider/provider.js +2 -2
  38. package/lib/global_styling/mixins/_button.js +2 -2
  39. package/lib/global_styling/mixins/_color.js +1 -1
  40. package/lib/services/color/vis_color_store.js +2 -2
  41. package/lib/services/theme/context.js +2 -2
  42. package/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  43. package/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  44. package/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  45. package/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  46. package/optimize/es/components/badge/badge.js +1 -1
  47. package/optimize/es/components/badge/badge.styles.js +3 -1
  48. package/optimize/es/components/badge/color_utils.js +2 -0
  49. package/optimize/es/components/datagrid/body/header/column_sorting.js +10 -9
  50. package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  51. package/optimize/es/components/empty_prompt/empty_prompt.styles.js +3 -1
  52. package/optimize/es/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  53. package/optimize/es/components/icon/icon.styles.js +5 -3
  54. package/optimize/es/components/icon/named_colors.js +1 -1
  55. package/optimize/es/components/provider/provider.js +2 -2
  56. package/optimize/es/global_styling/mixins/_button.js +2 -2
  57. package/optimize/es/global_styling/mixins/_color.js +1 -1
  58. package/optimize/es/services/color/vis_color_store.js +1 -1
  59. package/optimize/es/services/theme/context.js +2 -2
  60. package/optimize/es/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  61. package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  62. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_severity.js +20 -0
  63. package/optimize/es/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  64. package/optimize/lib/components/badge/badge.js +1 -1
  65. package/optimize/lib/components/badge/badge.styles.js +3 -1
  66. package/optimize/lib/components/badge/color_utils.js +2 -0
  67. package/optimize/lib/components/datagrid/body/header/column_sorting.js +10 -9
  68. package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  69. package/optimize/lib/components/empty_prompt/empty_prompt.styles.js +3 -1
  70. package/optimize/lib/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  71. package/optimize/lib/components/icon/icon.styles.js +5 -3
  72. package/optimize/lib/components/icon/named_colors.js +1 -1
  73. package/optimize/lib/components/provider/provider.js +2 -2
  74. package/optimize/lib/global_styling/mixins/_button.js +2 -2
  75. package/optimize/lib/global_styling/mixins/_color.js +1 -1
  76. package/optimize/lib/services/color/vis_color_store.js +2 -2
  77. package/optimize/lib/services/theme/context.js +2 -2
  78. package/optimize/lib/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  79. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  80. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  81. package/optimize/lib/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
  82. package/package.json +4 -4
  83. package/src/themes/amsterdam/_colors_dark.scss +13 -0
  84. package/src/themes/amsterdam/_colors_light.scss +13 -0
  85. package/src/themes/amsterdam/global_styling/variables/_colors_severity.scss +9 -0
  86. package/test-env/components/badge/badge.js +1 -1
  87. package/test-env/components/badge/badge.styles.js +3 -1
  88. package/test-env/components/badge/color_utils.js +2 -0
  89. package/test-env/components/datagrid/body/header/column_sorting.js +10 -9
  90. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +1 -2
  91. package/test-env/components/empty_prompt/empty_prompt.styles.js +3 -1
  92. package/test-env/components/form/form_control_layout/form_control_layout_icons.styles.js +4 -2
  93. package/test-env/components/icon/icon.styles.js +5 -3
  94. package/test-env/components/icon/named_colors.js +1 -1
  95. package/test-env/components/provider/provider.js +2 -2
  96. package/test-env/global_styling/mixins/_button.js +2 -2
  97. package/test-env/global_styling/mixins/_color.js +1 -1
  98. package/test-env/services/color/vis_color_store.js +2 -2
  99. package/test-env/services/theme/context.js +2 -2
  100. package/test-env/themes/amsterdam/global_styling/variables/_buttons.js +189 -142
  101. package/test-env/themes/amsterdam/global_styling/variables/_colors.js +218 -176
  102. package/test-env/themes/amsterdam/global_styling/variables/_colors_severity.js +26 -0
  103. package/test-env/themes/amsterdam/global_styling/variables/_colors_vis.js +0 -15
@@ -12,6 +12,7 @@ var _euiThemeCommon = require("@elastic/eui-theme-common");
12
12
  var _hex_to_rgb = require("../../../../services/color/hex_to_rgb");
13
13
  var _is_color_dark = require("../../../../services/color/is_color_dark");
14
14
  var _manipulation = require("../../../../services/color/manipulation");
15
+ var _colors_severity = require("./_colors_severity");
15
16
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
17
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /*
17
18
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -39,233 +40,279 @@ var _buttons = {
39
40
  backgroundLightAccentSecondary = _ref6[0];
40
41
  return backgroundLightAccentSecondary;
41
42
  }, ['colors.backgroundLightAccentSecondary']),
42
- backgroundSuccess: (0, _euiThemeCommon.computed)(function (_ref7) {
43
+ backgroundNeutral: (0, _euiThemeCommon.computed)(function (_ref7) {
43
44
  var _ref8 = (0, _slicedToArray2.default)(_ref7, 1),
44
- backgroundLightSuccess = _ref8[0];
45
+ backgroundLightNeutral = _ref8[0];
46
+ return backgroundLightNeutral;
47
+ }, ['colors.backgroundLightNeutral']),
48
+ backgroundSuccess: (0, _euiThemeCommon.computed)(function (_ref9) {
49
+ var _ref10 = (0, _slicedToArray2.default)(_ref9, 1),
50
+ backgroundLightSuccess = _ref10[0];
45
51
  return backgroundLightSuccess;
46
52
  }, ['colors.backgroundLightSuccess']),
47
- backgroundWarning: (0, _euiThemeCommon.computed)(function (_ref9) {
48
- var _ref10 = (0, _slicedToArray2.default)(_ref9, 1),
49
- backgroundLightWarning = _ref10[0];
53
+ backgroundWarning: (0, _euiThemeCommon.computed)(function (_ref11) {
54
+ var _ref12 = (0, _slicedToArray2.default)(_ref11, 1),
55
+ backgroundLightWarning = _ref12[0];
50
56
  return backgroundLightWarning;
51
57
  }, ['colors.backgroundLightWarning']),
52
- backgroundDanger: (0, _euiThemeCommon.computed)(function (_ref11) {
53
- var _ref12 = (0, _slicedToArray2.default)(_ref11, 1),
54
- backgroundLightDanger = _ref12[0];
58
+ backgroundRisk: (0, _euiThemeCommon.computed)(function (_ref13) {
59
+ var _ref14 = (0, _slicedToArray2.default)(_ref13, 1),
60
+ backgroundLightRisk = _ref14[0];
61
+ return backgroundLightRisk;
62
+ }, ['colors.backgroundLightRisk']),
63
+ backgroundDanger: (0, _euiThemeCommon.computed)(function (_ref15) {
64
+ var _ref16 = (0, _slicedToArray2.default)(_ref15, 1),
65
+ backgroundLightDanger = _ref16[0];
55
66
  return backgroundLightDanger;
56
67
  }, ['colors.backgroundLightDanger']),
57
- backgroundText: (0, _euiThemeCommon.computed)(function (_ref13) {
58
- var _ref14 = (0, _slicedToArray2.default)(_ref13, 1),
59
- backgroundLightText = _ref14[0];
68
+ backgroundText: (0, _euiThemeCommon.computed)(function (_ref17) {
69
+ var _ref18 = (0, _slicedToArray2.default)(_ref17, 1),
70
+ backgroundLightText = _ref18[0];
60
71
  return backgroundLightText;
61
72
  }, ['colors.backgroundLightText']),
62
- backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref15) {
63
- var _ref16 = (0, _slicedToArray2.default)(_ref15, 1),
64
- lightShade = _ref16[0];
73
+ backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref19) {
74
+ var _ref20 = (0, _slicedToArray2.default)(_ref19, 1),
75
+ lightShade = _ref20[0];
65
76
  return (0, _manipulation.transparentize)(lightShade, 0.15);
66
77
  }, ['colors.lightShade']),
67
- backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref17) {
68
- var _ref18 = (0, _slicedToArray2.default)(_ref17, 1),
69
- backgroundFilledPrimary = _ref18[0];
78
+ backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref21) {
79
+ var _ref22 = (0, _slicedToArray2.default)(_ref21, 1),
80
+ backgroundFilledPrimary = _ref22[0];
70
81
  return backgroundFilledPrimary;
71
82
  }, ['colors.backgroundFilledPrimary']),
72
- backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (_ref19) {
73
- var _ref20 = (0, _slicedToArray2.default)(_ref19, 1),
74
- backgroundFilledAccent = _ref20[0];
83
+ backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (_ref23) {
84
+ var _ref24 = (0, _slicedToArray2.default)(_ref23, 1),
85
+ backgroundFilledAccent = _ref24[0];
75
86
  return backgroundFilledAccent;
76
87
  }, ['colors.backgroundFilledAccent']),
77
- backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref21) {
78
- var _ref22 = (0, _slicedToArray2.default)(_ref21, 1),
79
- backgroundFilledAccent = _ref22[0];
88
+ backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref25) {
89
+ var _ref26 = (0, _slicedToArray2.default)(_ref25, 1),
90
+ backgroundFilledAccent = _ref26[0];
80
91
  return backgroundFilledAccent;
81
92
  }, ['colors.backgroundFilledAccent']),
82
- backgroundFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref23) {
83
- var _ref24 = (0, _slicedToArray2.default)(_ref23, 1),
84
- backgroundFilledSuccess = _ref24[0];
93
+ backgroundFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref27) {
94
+ var _ref28 = (0, _slicedToArray2.default)(_ref27, 1),
95
+ backgroundFilledNeutral = _ref28[0];
96
+ return backgroundFilledNeutral;
97
+ }, ['colors.backgroundFilledNeutral']),
98
+ backgroundFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref29) {
99
+ var _ref30 = (0, _slicedToArray2.default)(_ref29, 1),
100
+ backgroundFilledSuccess = _ref30[0];
85
101
  return backgroundFilledSuccess;
86
102
  }, ['colors.backgroundFilledSuccess']),
87
- backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (_ref25) {
88
- var _ref26 = (0, _slicedToArray2.default)(_ref25, 1),
89
- backgroundFilledWarning = _ref26[0];
103
+ backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (_ref31) {
104
+ var _ref32 = (0, _slicedToArray2.default)(_ref31, 1),
105
+ backgroundFilledWarning = _ref32[0];
90
106
  return backgroundFilledWarning;
91
107
  }, ['colors.backgroundFilledWarning']),
92
- backgroundFilledDanger: (0, _euiThemeCommon.computed)(function (_ref27) {
93
- var _ref28 = (0, _slicedToArray2.default)(_ref27, 1),
94
- backgroundFilledDanger = _ref28[0];
108
+ backgroundFilledRisk: (0, _euiThemeCommon.computed)(function (_ref33) {
109
+ var _ref34 = (0, _slicedToArray2.default)(_ref33, 1),
110
+ backgroundFilledRisk = _ref34[0];
111
+ return backgroundFilledRisk;
112
+ }, ['colors.backgroundFilledRisk']),
113
+ backgroundFilledDanger: (0, _euiThemeCommon.computed)(function (_ref35) {
114
+ var _ref36 = (0, _slicedToArray2.default)(_ref35, 1),
115
+ backgroundFilledDanger = _ref36[0];
95
116
  return backgroundFilledDanger;
96
117
  }, ['colors.backgroundFilledDanger']),
97
- backgroundFilledText: (0, _euiThemeCommon.computed)(function (_ref29) {
98
- var _ref30 = (0, _slicedToArray2.default)(_ref29, 1),
99
- backgroundFilledText = _ref30[0];
118
+ backgroundFilledText: (0, _euiThemeCommon.computed)(function (_ref37) {
119
+ var _ref38 = (0, _slicedToArray2.default)(_ref37, 1),
120
+ backgroundFilledText = _ref38[0];
100
121
  return backgroundFilledText;
101
122
  }, ['colors.backgroundFilledText']),
102
- backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref31) {
103
- var _ref32 = (0, _slicedToArray2.default)(_ref31, 1),
104
- lightShade = _ref32[0];
123
+ backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref39) {
124
+ var _ref40 = (0, _slicedToArray2.default)(_ref39, 1),
125
+ lightShade = _ref40[0];
105
126
  return (0, _manipulation.transparentize)(lightShade, 0.15);
106
127
  }, ['colors.lightShade']),
107
- backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref33) {
108
- var _ref34 = (0, _slicedToArray2.default)(_ref33, 1),
109
- primary = _ref34[0];
128
+ backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref41) {
129
+ var _ref42 = (0, _slicedToArray2.default)(_ref41, 1),
130
+ primary = _ref42[0];
110
131
  return (0, _manipulation.transparentize)(primary, 0.1);
111
132
  }, ['colors.primary']),
112
- backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (_ref35) {
113
- var _ref36 = (0, _slicedToArray2.default)(_ref35, 1),
114
- accent = _ref36[0];
133
+ backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (_ref43) {
134
+ var _ref44 = (0, _slicedToArray2.default)(_ref43, 1),
135
+ accent = _ref44[0];
115
136
  return (0, _manipulation.transparentize)(accent, 0.1);
116
137
  }, ['colors.accent']),
117
- backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (_ref37) {
118
- var _ref38 = (0, _slicedToArray2.default)(_ref37, 1),
119
- success = _ref38[0];
138
+ backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (_ref45) {
139
+ var _ref46 = (0, _slicedToArray2.default)(_ref45, 1),
140
+ success = _ref46[0];
120
141
  return (0, _manipulation.transparentize)(success, 0.1);
121
142
  }, ['colors.success']),
122
- backgroundEmptySuccessHover: (0, _euiThemeCommon.computed)(function (_ref39) {
123
- var _ref40 = (0, _slicedToArray2.default)(_ref39, 1),
124
- success = _ref40[0];
143
+ backgroundEmptyNeutralHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.neutral, 0.1),
144
+ backgroundEmptySuccessHover: (0, _euiThemeCommon.computed)(function (_ref47) {
145
+ var _ref48 = (0, _slicedToArray2.default)(_ref47, 1),
146
+ success = _ref48[0];
125
147
  return (0, _manipulation.transparentize)(success, 0.1);
126
148
  }, ['colors.success']),
127
- backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (_ref41) {
128
- var _ref42 = (0, _slicedToArray2.default)(_ref41, 1),
129
- warning = _ref42[0];
149
+ backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (_ref49) {
150
+ var _ref50 = (0, _slicedToArray2.default)(_ref49, 1),
151
+ warning = _ref50[0];
130
152
  return (0, _manipulation.transparentize)(warning, 0.1);
131
153
  }, ['colors.warning']),
132
- backgroundEmptyDangerHover: (0, _euiThemeCommon.computed)(function (_ref43) {
133
- var _ref44 = (0, _slicedToArray2.default)(_ref43, 1),
134
- danger = _ref44[0];
154
+ backgroundEmptyRiskHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.risk, 0.1),
155
+ backgroundEmptyDangerHover: (0, _euiThemeCommon.computed)(function (_ref51) {
156
+ var _ref52 = (0, _slicedToArray2.default)(_ref51, 1),
157
+ danger = _ref52[0];
135
158
  return (0, _manipulation.transparentize)(danger, 0.1);
136
159
  }, ['colors.danger']),
137
- backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref45) {
138
- var _ref46 = (0, _slicedToArray2.default)(_ref45, 1),
139
- lightShade = _ref46[0];
160
+ backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref53) {
161
+ var _ref54 = (0, _slicedToArray2.default)(_ref53, 1),
162
+ lightShade = _ref54[0];
140
163
  return (0, _manipulation.transparentize)(lightShade, 0.2);
141
164
  }, ['colors.lightShade']),
142
- textColorPrimary: (0, _euiThemeCommon.computed)(function (_ref47) {
143
- var _ref48 = (0, _slicedToArray2.default)(_ref47, 1),
144
- primaryText = _ref48[0];
165
+ textColorPrimary: (0, _euiThemeCommon.computed)(function (_ref55) {
166
+ var _ref56 = (0, _slicedToArray2.default)(_ref55, 1),
167
+ primaryText = _ref56[0];
145
168
  return primaryText;
146
169
  }, ['colors.primaryText']),
147
- textColorAccent: (0, _euiThemeCommon.computed)(function (_ref49) {
148
- var _ref50 = (0, _slicedToArray2.default)(_ref49, 1),
149
- accentText = _ref50[0];
170
+ textColorAccent: (0, _euiThemeCommon.computed)(function (_ref57) {
171
+ var _ref58 = (0, _slicedToArray2.default)(_ref57, 1),
172
+ accentText = _ref58[0];
150
173
  return accentText;
151
174
  }, ['colors.accentText']),
152
- textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref51) {
153
- var _ref52 = (0, _slicedToArray2.default)(_ref51, 1),
154
- successText = _ref52[0];
175
+ textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref59) {
176
+ var _ref60 = (0, _slicedToArray2.default)(_ref59, 1),
177
+ successText = _ref60[0];
155
178
  return successText;
156
179
  }, ['colors.successText']),
157
- textColorSuccess: (0, _euiThemeCommon.computed)(function (_ref53) {
158
- var _ref54 = (0, _slicedToArray2.default)(_ref53, 1),
159
- successText = _ref54[0];
180
+ textColorNeutral: (0, _euiThemeCommon.computed)(function (_ref61) {
181
+ var _ref62 = (0, _slicedToArray2.default)(_ref61, 1),
182
+ textNeutral = _ref62[0];
183
+ return textNeutral;
184
+ }, ['colors.textNeutral']),
185
+ textColorSuccess: (0, _euiThemeCommon.computed)(function (_ref63) {
186
+ var _ref64 = (0, _slicedToArray2.default)(_ref63, 1),
187
+ successText = _ref64[0];
160
188
  return successText;
161
189
  }, ['colors.successText']),
162
- textColorWarning: (0, _euiThemeCommon.computed)(function (_ref55) {
163
- var _ref56 = (0, _slicedToArray2.default)(_ref55, 1),
164
- warningText = _ref56[0];
190
+ textColorWarning: (0, _euiThemeCommon.computed)(function (_ref65) {
191
+ var _ref66 = (0, _slicedToArray2.default)(_ref65, 1),
192
+ warningText = _ref66[0];
165
193
  return warningText;
166
194
  }, ['colors.warningText']),
167
- textColorDanger: (0, _euiThemeCommon.computed)(function (_ref57) {
168
- var _ref58 = (0, _slicedToArray2.default)(_ref57, 1),
169
- dangerText = _ref58[0];
195
+ textColorRisk: (0, _euiThemeCommon.computed)(function (_ref67) {
196
+ var _ref68 = (0, _slicedToArray2.default)(_ref67, 1),
197
+ textRisk = _ref68[0];
198
+ return textRisk;
199
+ }, ['colors.textRisk']),
200
+ textColorDanger: (0, _euiThemeCommon.computed)(function (_ref69) {
201
+ var _ref70 = (0, _slicedToArray2.default)(_ref69, 1),
202
+ dangerText = _ref70[0];
170
203
  return dangerText;
171
204
  }, ['colors.dangerText']),
172
- textColorText: (0, _euiThemeCommon.computed)(function (_ref59) {
173
- var _ref60 = (0, _slicedToArray2.default)(_ref59, 1),
174
- text = _ref60[0];
205
+ textColorText: (0, _euiThemeCommon.computed)(function (_ref71) {
206
+ var _ref72 = (0, _slicedToArray2.default)(_ref71, 1),
207
+ text = _ref72[0];
175
208
  return text;
176
209
  }, ['colors.text']),
177
- textColorDisabled: (0, _euiThemeCommon.computed)(function (_ref61) {
178
- var _ref62 = (0, _slicedToArray2.default)(_ref61, 1),
179
- disabledText = _ref62[0];
210
+ textColorDisabled: (0, _euiThemeCommon.computed)(function (_ref73) {
211
+ var _ref74 = (0, _slicedToArray2.default)(_ref73, 1),
212
+ disabledText = _ref74[0];
180
213
  return disabledText;
181
214
  }, ['colors.disabledText']),
182
- textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref63) {
183
- var _ref64 = (0, _slicedToArray2.default)(_ref63, 3),
184
- primary = _ref64[0],
185
- ghost = _ref64[1],
186
- ink = _ref64[2];
215
+ textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref75) {
216
+ var _ref76 = (0, _slicedToArray2.default)(_ref75, 3),
217
+ primary = _ref76[0],
218
+ ghost = _ref76[1],
219
+ ink = _ref76[2];
187
220
  return isDark(primary) ? ghost : ink;
188
221
  }, ['colors.primary', 'colors.ghost', 'colors.ink']),
189
- textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref65) {
190
- var _ref66 = (0, _slicedToArray2.default)(_ref65, 3),
191
- accent = _ref66[0],
192
- ghost = _ref66[1],
193
- ink = _ref66[2];
222
+ textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref77) {
223
+ var _ref78 = (0, _slicedToArray2.default)(_ref77, 3),
224
+ accent = _ref78[0],
225
+ ghost = _ref78[1],
226
+ ink = _ref78[2];
194
227
  return isDark(accent) ? ghost : ink;
195
228
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
196
- textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref67) {
197
- var _ref68 = (0, _slicedToArray2.default)(_ref67, 3),
198
- success = _ref68[0],
199
- ghost = _ref68[1],
200
- ink = _ref68[2];
229
+ textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref79) {
230
+ var _ref80 = (0, _slicedToArray2.default)(_ref79, 3),
231
+ success = _ref80[0],
232
+ ghost = _ref80[1],
233
+ ink = _ref80[2];
201
234
  var background = (0, _manipulation.tint)(success, 0.3);
202
235
  return isDark(background) ? ghost : ink;
203
236
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
204
- textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref69) {
205
- var _ref70 = (0, _slicedToArray2.default)(_ref69, 3),
206
- success = _ref70[0],
207
- ghost = _ref70[1],
208
- ink = _ref70[2];
237
+ textColorFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref81) {
238
+ var _ref82 = (0, _slicedToArray2.default)(_ref81, 2),
239
+ ghost = _ref82[0],
240
+ ink = _ref82[1];
241
+ var background = (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.3);
242
+ return isDark(background) ? ghost : ink;
243
+ }, ['colors.ghost', 'colors.ink']),
244
+ textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref83) {
245
+ var _ref84 = (0, _slicedToArray2.default)(_ref83, 3),
246
+ success = _ref84[0],
247
+ ghost = _ref84[1],
248
+ ink = _ref84[2];
209
249
  var background = (0, _manipulation.tint)(success, 0.3);
210
250
  return isDark(background) ? ghost : ink;
211
251
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
212
- textColorFilledWarning: (0, _euiThemeCommon.computed)(function (_ref71) {
213
- var _ref72 = (0, _slicedToArray2.default)(_ref71, 3),
214
- warning = _ref72[0],
215
- ghost = _ref72[1],
216
- ink = _ref72[2];
252
+ textColorFilledWarning: (0, _euiThemeCommon.computed)(function (_ref85) {
253
+ var _ref86 = (0, _slicedToArray2.default)(_ref85, 3),
254
+ warning = _ref86[0],
255
+ ghost = _ref86[1],
256
+ ink = _ref86[2];
217
257
  return isDark(warning) ? ghost : ink;
218
258
  }, ['colors.warning', 'colors.ghost', 'colors.ink']),
219
- textColorFilledDanger: (0, _euiThemeCommon.computed)(function (_ref73) {
220
- var _ref74 = (0, _slicedToArray2.default)(_ref73, 3),
221
- danger = _ref74[0],
222
- ghost = _ref74[1],
223
- ink = _ref74[2];
259
+ textColorFilledRisk: (0, _euiThemeCommon.computed)(function (_ref87) {
260
+ var _ref88 = (0, _slicedToArray2.default)(_ref87, 2),
261
+ ghost = _ref88[0],
262
+ ink = _ref88[1];
263
+ var background = (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.3);
264
+ return isDark(background) ? ghost : ink;
265
+ }, ['colors.ghost', 'colors.ink']),
266
+ textColorFilledDanger: (0, _euiThemeCommon.computed)(function (_ref89) {
267
+ var _ref90 = (0, _slicedToArray2.default)(_ref89, 3),
268
+ danger = _ref90[0],
269
+ ghost = _ref90[1],
270
+ ink = _ref90[2];
224
271
  return isDark(danger) ? ghost : ink;
225
272
  }, ['colors.danger', 'colors.ghost', 'colors.ink']),
226
- textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref75) {
227
- var _ref76 = (0, _slicedToArray2.default)(_ref75, 3),
228
- darkShade = _ref76[0],
229
- ghost = _ref76[1],
230
- ink = _ref76[2];
273
+ textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref91) {
274
+ var _ref92 = (0, _slicedToArray2.default)(_ref91, 3),
275
+ darkShade = _ref92[0],
276
+ ghost = _ref92[1],
277
+ ink = _ref92[2];
231
278
  return isDark(darkShade) ? ghost : ink;
232
279
  }, ['colors.darkShade', 'colors.ghost', 'colors.ink']),
233
- textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref77) {
234
- var _ref78 = (0, _slicedToArray2.default)(_ref77, 1),
235
- disabledText = _ref78[0];
280
+ textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref93) {
281
+ var _ref94 = (0, _slicedToArray2.default)(_ref93, 1),
282
+ disabledText = _ref94[0];
236
283
  return disabledText;
237
284
  }, ['colors.disabledText'])
238
285
  };
239
286
  var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
240
- backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref79) {
241
- var _ref80 = (0, _slicedToArray2.default)(_ref79, 1),
242
- lightShade = _ref80[0];
287
+ backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref95) {
288
+ var _ref96 = (0, _slicedToArray2.default)(_ref95, 1),
289
+ lightShade = _ref96[0];
243
290
  return (0, _manipulation.transparentize)(lightShade, 0.15);
244
291
  }, ['colors.lightShade']),
245
- backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref81) {
246
- var _ref82 = (0, _slicedToArray2.default)(_ref81, 1),
247
- lightShade = _ref82[0];
292
+ backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref97) {
293
+ var _ref98 = (0, _slicedToArray2.default)(_ref97, 1),
294
+ lightShade = _ref98[0];
248
295
  return (0, _manipulation.transparentize)(lightShade, 0.4);
249
296
  }, ['colors.lightShade']),
250
- textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref83) {
251
- var _ref84 = (0, _slicedToArray2.default)(_ref83, 3),
252
- accent = _ref84[0],
253
- ghost = _ref84[1],
254
- ink = _ref84[2];
297
+ textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref99) {
298
+ var _ref100 = (0, _slicedToArray2.default)(_ref99, 3),
299
+ accent = _ref100[0],
300
+ ghost = _ref100[1],
301
+ ink = _ref100[2];
255
302
  return isDark(accent) ? ghost : ink;
256
303
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
257
- textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref85) {
258
- var _ref86 = (0, _slicedToArray2.default)(_ref85, 3),
259
- success = _ref86[0],
260
- ghost = _ref86[1],
261
- ink = _ref86[2];
304
+ textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref101) {
305
+ var _ref102 = (0, _slicedToArray2.default)(_ref101, 3),
306
+ success = _ref102[0],
307
+ ghost = _ref102[1],
308
+ ink = _ref102[2];
262
309
  return isDark(success) ? ghost : ink;
263
310
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
264
- textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref87) {
265
- var _ref88 = (0, _slicedToArray2.default)(_ref87, 3),
266
- text = _ref88[0],
267
- ghost = _ref88[1],
268
- ink = _ref88[2];
311
+ textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref103) {
312
+ var _ref104 = (0, _slicedToArray2.default)(_ref103, 3),
313
+ text = _ref104[0],
314
+ ghost = _ref104[1],
315
+ ink = _ref104[2];
269
316
  return isDark(text) ? ghost : ink;
270
317
  }, ['colors.text', 'colors.ghost', 'colors.ink'])
271
318
  });