@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
@@ -9,6 +9,7 @@ var _euiThemeCommon = require("@elastic/eui-theme-common");
9
9
  var _hex_to_rgb = require("../../../../services/color/hex_to_rgb");
10
10
  var _is_color_dark = require("../../../../services/color/is_color_dark");
11
11
  var _manipulation = require("../../../../services/color/manipulation");
12
+ var _colors_severity = require("./_colors_severity");
12
13
  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; }
13
14
  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) { _defineProperty(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; }
14
15
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -49,233 +50,279 @@ var _buttons = {
49
50
  backgroundLightAccentSecondary = _ref6[0];
50
51
  return backgroundLightAccentSecondary;
51
52
  }, ['colors.backgroundLightAccentSecondary']),
52
- backgroundSuccess: (0, _euiThemeCommon.computed)(function (_ref7) {
53
+ backgroundNeutral: (0, _euiThemeCommon.computed)(function (_ref7) {
53
54
  var _ref8 = _slicedToArray(_ref7, 1),
54
- backgroundLightSuccess = _ref8[0];
55
+ backgroundLightNeutral = _ref8[0];
56
+ return backgroundLightNeutral;
57
+ }, ['colors.backgroundLightNeutral']),
58
+ backgroundSuccess: (0, _euiThemeCommon.computed)(function (_ref9) {
59
+ var _ref10 = _slicedToArray(_ref9, 1),
60
+ backgroundLightSuccess = _ref10[0];
55
61
  return backgroundLightSuccess;
56
62
  }, ['colors.backgroundLightSuccess']),
57
- backgroundWarning: (0, _euiThemeCommon.computed)(function (_ref9) {
58
- var _ref10 = _slicedToArray(_ref9, 1),
59
- backgroundLightWarning = _ref10[0];
63
+ backgroundWarning: (0, _euiThemeCommon.computed)(function (_ref11) {
64
+ var _ref12 = _slicedToArray(_ref11, 1),
65
+ backgroundLightWarning = _ref12[0];
60
66
  return backgroundLightWarning;
61
67
  }, ['colors.backgroundLightWarning']),
62
- backgroundDanger: (0, _euiThemeCommon.computed)(function (_ref11) {
63
- var _ref12 = _slicedToArray(_ref11, 1),
64
- backgroundLightDanger = _ref12[0];
68
+ backgroundRisk: (0, _euiThemeCommon.computed)(function (_ref13) {
69
+ var _ref14 = _slicedToArray(_ref13, 1),
70
+ backgroundLightRisk = _ref14[0];
71
+ return backgroundLightRisk;
72
+ }, ['colors.backgroundLightRisk']),
73
+ backgroundDanger: (0, _euiThemeCommon.computed)(function (_ref15) {
74
+ var _ref16 = _slicedToArray(_ref15, 1),
75
+ backgroundLightDanger = _ref16[0];
65
76
  return backgroundLightDanger;
66
77
  }, ['colors.backgroundLightDanger']),
67
- backgroundText: (0, _euiThemeCommon.computed)(function (_ref13) {
68
- var _ref14 = _slicedToArray(_ref13, 1),
69
- backgroundLightText = _ref14[0];
78
+ backgroundText: (0, _euiThemeCommon.computed)(function (_ref17) {
79
+ var _ref18 = _slicedToArray(_ref17, 1),
80
+ backgroundLightText = _ref18[0];
70
81
  return backgroundLightText;
71
82
  }, ['colors.backgroundLightText']),
72
- backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref15) {
73
- var _ref16 = _slicedToArray(_ref15, 1),
74
- lightShade = _ref16[0];
83
+ backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref19) {
84
+ var _ref20 = _slicedToArray(_ref19, 1),
85
+ lightShade = _ref20[0];
75
86
  return (0, _manipulation.transparentize)(lightShade, 0.15);
76
87
  }, ['colors.lightShade']),
77
- backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref17) {
78
- var _ref18 = _slicedToArray(_ref17, 1),
79
- backgroundFilledPrimary = _ref18[0];
88
+ backgroundFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref21) {
89
+ var _ref22 = _slicedToArray(_ref21, 1),
90
+ backgroundFilledPrimary = _ref22[0];
80
91
  return backgroundFilledPrimary;
81
92
  }, ['colors.backgroundFilledPrimary']),
82
- backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (_ref19) {
83
- var _ref20 = _slicedToArray(_ref19, 1),
84
- backgroundFilledAccent = _ref20[0];
93
+ backgroundFilledAccent: (0, _euiThemeCommon.computed)(function (_ref23) {
94
+ var _ref24 = _slicedToArray(_ref23, 1),
95
+ backgroundFilledAccent = _ref24[0];
85
96
  return backgroundFilledAccent;
86
97
  }, ['colors.backgroundFilledAccent']),
87
- backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref21) {
88
- var _ref22 = _slicedToArray(_ref21, 1),
89
- backgroundFilledAccent = _ref22[0];
98
+ backgroundFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref25) {
99
+ var _ref26 = _slicedToArray(_ref25, 1),
100
+ backgroundFilledAccent = _ref26[0];
90
101
  return backgroundFilledAccent;
91
102
  }, ['colors.backgroundFilledAccent']),
92
- backgroundFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref23) {
93
- var _ref24 = _slicedToArray(_ref23, 1),
94
- backgroundFilledSuccess = _ref24[0];
103
+ backgroundFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref27) {
104
+ var _ref28 = _slicedToArray(_ref27, 1),
105
+ backgroundFilledNeutral = _ref28[0];
106
+ return backgroundFilledNeutral;
107
+ }, ['colors.backgroundFilledNeutral']),
108
+ backgroundFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref29) {
109
+ var _ref30 = _slicedToArray(_ref29, 1),
110
+ backgroundFilledSuccess = _ref30[0];
95
111
  return backgroundFilledSuccess;
96
112
  }, ['colors.backgroundFilledSuccess']),
97
- backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (_ref25) {
98
- var _ref26 = _slicedToArray(_ref25, 1),
99
- backgroundFilledWarning = _ref26[0];
113
+ backgroundFilledWarning: (0, _euiThemeCommon.computed)(function (_ref31) {
114
+ var _ref32 = _slicedToArray(_ref31, 1),
115
+ backgroundFilledWarning = _ref32[0];
100
116
  return backgroundFilledWarning;
101
117
  }, ['colors.backgroundFilledWarning']),
102
- backgroundFilledDanger: (0, _euiThemeCommon.computed)(function (_ref27) {
103
- var _ref28 = _slicedToArray(_ref27, 1),
104
- backgroundFilledDanger = _ref28[0];
118
+ backgroundFilledRisk: (0, _euiThemeCommon.computed)(function (_ref33) {
119
+ var _ref34 = _slicedToArray(_ref33, 1),
120
+ backgroundFilledRisk = _ref34[0];
121
+ return backgroundFilledRisk;
122
+ }, ['colors.backgroundFilledRisk']),
123
+ backgroundFilledDanger: (0, _euiThemeCommon.computed)(function (_ref35) {
124
+ var _ref36 = _slicedToArray(_ref35, 1),
125
+ backgroundFilledDanger = _ref36[0];
105
126
  return backgroundFilledDanger;
106
127
  }, ['colors.backgroundFilledDanger']),
107
- backgroundFilledText: (0, _euiThemeCommon.computed)(function (_ref29) {
108
- var _ref30 = _slicedToArray(_ref29, 1),
109
- backgroundFilledText = _ref30[0];
128
+ backgroundFilledText: (0, _euiThemeCommon.computed)(function (_ref37) {
129
+ var _ref38 = _slicedToArray(_ref37, 1),
130
+ backgroundFilledText = _ref38[0];
110
131
  return backgroundFilledText;
111
132
  }, ['colors.backgroundFilledText']),
112
- backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref31) {
113
- var _ref32 = _slicedToArray(_ref31, 1),
114
- lightShade = _ref32[0];
133
+ backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref39) {
134
+ var _ref40 = _slicedToArray(_ref39, 1),
135
+ lightShade = _ref40[0];
115
136
  return (0, _manipulation.transparentize)(lightShade, 0.15);
116
137
  }, ['colors.lightShade']),
117
- backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref33) {
118
- var _ref34 = _slicedToArray(_ref33, 1),
119
- primary = _ref34[0];
138
+ backgroundEmptyPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref41) {
139
+ var _ref42 = _slicedToArray(_ref41, 1),
140
+ primary = _ref42[0];
120
141
  return (0, _manipulation.transparentize)(primary, 0.1);
121
142
  }, ['colors.primary']),
122
- backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (_ref35) {
123
- var _ref36 = _slicedToArray(_ref35, 1),
124
- accent = _ref36[0];
143
+ backgroundEmptyAccentHover: (0, _euiThemeCommon.computed)(function (_ref43) {
144
+ var _ref44 = _slicedToArray(_ref43, 1),
145
+ accent = _ref44[0];
125
146
  return (0, _manipulation.transparentize)(accent, 0.1);
126
147
  }, ['colors.accent']),
127
- backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (_ref37) {
128
- var _ref38 = _slicedToArray(_ref37, 1),
129
- success = _ref38[0];
148
+ backgroundEmptyAccentSecondaryHover: (0, _euiThemeCommon.computed)(function (_ref45) {
149
+ var _ref46 = _slicedToArray(_ref45, 1),
150
+ success = _ref46[0];
130
151
  return (0, _manipulation.transparentize)(success, 0.1);
131
152
  }, ['colors.success']),
132
- backgroundEmptySuccessHover: (0, _euiThemeCommon.computed)(function (_ref39) {
133
- var _ref40 = _slicedToArray(_ref39, 1),
134
- success = _ref40[0];
153
+ backgroundEmptyNeutralHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.neutral, 0.1),
154
+ backgroundEmptySuccessHover: (0, _euiThemeCommon.computed)(function (_ref47) {
155
+ var _ref48 = _slicedToArray(_ref47, 1),
156
+ success = _ref48[0];
135
157
  return (0, _manipulation.transparentize)(success, 0.1);
136
158
  }, ['colors.success']),
137
- backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (_ref41) {
138
- var _ref42 = _slicedToArray(_ref41, 1),
139
- warning = _ref42[0];
159
+ backgroundEmptyWarningHover: (0, _euiThemeCommon.computed)(function (_ref49) {
160
+ var _ref50 = _slicedToArray(_ref49, 1),
161
+ warning = _ref50[0];
140
162
  return (0, _manipulation.transparentize)(warning, 0.1);
141
163
  }, ['colors.warning']),
142
- backgroundEmptyDangerHover: (0, _euiThemeCommon.computed)(function (_ref43) {
143
- var _ref44 = _slicedToArray(_ref43, 1),
144
- danger = _ref44[0];
164
+ backgroundEmptyRiskHover: (0, _manipulation.transparentize)(_colors_severity.severityColors.risk, 0.1),
165
+ backgroundEmptyDangerHover: (0, _euiThemeCommon.computed)(function (_ref51) {
166
+ var _ref52 = _slicedToArray(_ref51, 1),
167
+ danger = _ref52[0];
145
168
  return (0, _manipulation.transparentize)(danger, 0.1);
146
169
  }, ['colors.danger']),
147
- backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref45) {
148
- var _ref46 = _slicedToArray(_ref45, 1),
149
- lightShade = _ref46[0];
170
+ backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref53) {
171
+ var _ref54 = _slicedToArray(_ref53, 1),
172
+ lightShade = _ref54[0];
150
173
  return (0, _manipulation.transparentize)(lightShade, 0.2);
151
174
  }, ['colors.lightShade']),
152
- textColorPrimary: (0, _euiThemeCommon.computed)(function (_ref47) {
153
- var _ref48 = _slicedToArray(_ref47, 1),
154
- primaryText = _ref48[0];
175
+ textColorPrimary: (0, _euiThemeCommon.computed)(function (_ref55) {
176
+ var _ref56 = _slicedToArray(_ref55, 1),
177
+ primaryText = _ref56[0];
155
178
  return primaryText;
156
179
  }, ['colors.primaryText']),
157
- textColorAccent: (0, _euiThemeCommon.computed)(function (_ref49) {
158
- var _ref50 = _slicedToArray(_ref49, 1),
159
- accentText = _ref50[0];
180
+ textColorAccent: (0, _euiThemeCommon.computed)(function (_ref57) {
181
+ var _ref58 = _slicedToArray(_ref57, 1),
182
+ accentText = _ref58[0];
160
183
  return accentText;
161
184
  }, ['colors.accentText']),
162
- textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref51) {
163
- var _ref52 = _slicedToArray(_ref51, 1),
164
- successText = _ref52[0];
185
+ textColorAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref59) {
186
+ var _ref60 = _slicedToArray(_ref59, 1),
187
+ successText = _ref60[0];
165
188
  return successText;
166
189
  }, ['colors.successText']),
167
- textColorSuccess: (0, _euiThemeCommon.computed)(function (_ref53) {
168
- var _ref54 = _slicedToArray(_ref53, 1),
169
- successText = _ref54[0];
190
+ textColorNeutral: (0, _euiThemeCommon.computed)(function (_ref61) {
191
+ var _ref62 = _slicedToArray(_ref61, 1),
192
+ textNeutral = _ref62[0];
193
+ return textNeutral;
194
+ }, ['colors.textNeutral']),
195
+ textColorSuccess: (0, _euiThemeCommon.computed)(function (_ref63) {
196
+ var _ref64 = _slicedToArray(_ref63, 1),
197
+ successText = _ref64[0];
170
198
  return successText;
171
199
  }, ['colors.successText']),
172
- textColorWarning: (0, _euiThemeCommon.computed)(function (_ref55) {
173
- var _ref56 = _slicedToArray(_ref55, 1),
174
- warningText = _ref56[0];
200
+ textColorWarning: (0, _euiThemeCommon.computed)(function (_ref65) {
201
+ var _ref66 = _slicedToArray(_ref65, 1),
202
+ warningText = _ref66[0];
175
203
  return warningText;
176
204
  }, ['colors.warningText']),
177
- textColorDanger: (0, _euiThemeCommon.computed)(function (_ref57) {
178
- var _ref58 = _slicedToArray(_ref57, 1),
179
- dangerText = _ref58[0];
205
+ textColorRisk: (0, _euiThemeCommon.computed)(function (_ref67) {
206
+ var _ref68 = _slicedToArray(_ref67, 1),
207
+ textRisk = _ref68[0];
208
+ return textRisk;
209
+ }, ['colors.textRisk']),
210
+ textColorDanger: (0, _euiThemeCommon.computed)(function (_ref69) {
211
+ var _ref70 = _slicedToArray(_ref69, 1),
212
+ dangerText = _ref70[0];
180
213
  return dangerText;
181
214
  }, ['colors.dangerText']),
182
- textColorText: (0, _euiThemeCommon.computed)(function (_ref59) {
183
- var _ref60 = _slicedToArray(_ref59, 1),
184
- text = _ref60[0];
215
+ textColorText: (0, _euiThemeCommon.computed)(function (_ref71) {
216
+ var _ref72 = _slicedToArray(_ref71, 1),
217
+ text = _ref72[0];
185
218
  return text;
186
219
  }, ['colors.text']),
187
- textColorDisabled: (0, _euiThemeCommon.computed)(function (_ref61) {
188
- var _ref62 = _slicedToArray(_ref61, 1),
189
- disabledText = _ref62[0];
220
+ textColorDisabled: (0, _euiThemeCommon.computed)(function (_ref73) {
221
+ var _ref74 = _slicedToArray(_ref73, 1),
222
+ disabledText = _ref74[0];
190
223
  return disabledText;
191
224
  }, ['colors.disabledText']),
192
- textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref63) {
193
- var _ref64 = _slicedToArray(_ref63, 3),
194
- primary = _ref64[0],
195
- ghost = _ref64[1],
196
- ink = _ref64[2];
225
+ textColorFilledPrimary: (0, _euiThemeCommon.computed)(function (_ref75) {
226
+ var _ref76 = _slicedToArray(_ref75, 3),
227
+ primary = _ref76[0],
228
+ ghost = _ref76[1],
229
+ ink = _ref76[2];
197
230
  return isDark(primary) ? ghost : ink;
198
231
  }, ['colors.primary', 'colors.ghost', 'colors.ink']),
199
- textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref65) {
200
- var _ref66 = _slicedToArray(_ref65, 3),
201
- accent = _ref66[0],
202
- ghost = _ref66[1],
203
- ink = _ref66[2];
232
+ textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref77) {
233
+ var _ref78 = _slicedToArray(_ref77, 3),
234
+ accent = _ref78[0],
235
+ ghost = _ref78[1],
236
+ ink = _ref78[2];
204
237
  return isDark(accent) ? ghost : ink;
205
238
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
206
- textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref67) {
207
- var _ref68 = _slicedToArray(_ref67, 3),
208
- success = _ref68[0],
209
- ghost = _ref68[1],
210
- ink = _ref68[2];
239
+ textColorFilledAccentSecondary: (0, _euiThemeCommon.computed)(function (_ref79) {
240
+ var _ref80 = _slicedToArray(_ref79, 3),
241
+ success = _ref80[0],
242
+ ghost = _ref80[1],
243
+ ink = _ref80[2];
211
244
  var background = (0, _manipulation.tint)(success, 0.3);
212
245
  return isDark(background) ? ghost : ink;
213
246
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
214
- textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref69) {
215
- var _ref70 = _slicedToArray(_ref69, 3),
216
- success = _ref70[0],
217
- ghost = _ref70[1],
218
- ink = _ref70[2];
247
+ textColorFilledNeutral: (0, _euiThemeCommon.computed)(function (_ref81) {
248
+ var _ref82 = _slicedToArray(_ref81, 2),
249
+ ghost = _ref82[0],
250
+ ink = _ref82[1];
251
+ var background = (0, _manipulation.tint)(_colors_severity.severityColors.neutral, 0.3);
252
+ return isDark(background) ? ghost : ink;
253
+ }, ['colors.ghost', 'colors.ink']),
254
+ textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref83) {
255
+ var _ref84 = _slicedToArray(_ref83, 3),
256
+ success = _ref84[0],
257
+ ghost = _ref84[1],
258
+ ink = _ref84[2];
219
259
  var background = (0, _manipulation.tint)(success, 0.3);
220
260
  return isDark(background) ? ghost : ink;
221
261
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
222
- textColorFilledWarning: (0, _euiThemeCommon.computed)(function (_ref71) {
223
- var _ref72 = _slicedToArray(_ref71, 3),
224
- warning = _ref72[0],
225
- ghost = _ref72[1],
226
- ink = _ref72[2];
262
+ textColorFilledWarning: (0, _euiThemeCommon.computed)(function (_ref85) {
263
+ var _ref86 = _slicedToArray(_ref85, 3),
264
+ warning = _ref86[0],
265
+ ghost = _ref86[1],
266
+ ink = _ref86[2];
227
267
  return isDark(warning) ? ghost : ink;
228
268
  }, ['colors.warning', 'colors.ghost', 'colors.ink']),
229
- textColorFilledDanger: (0, _euiThemeCommon.computed)(function (_ref73) {
230
- var _ref74 = _slicedToArray(_ref73, 3),
231
- danger = _ref74[0],
232
- ghost = _ref74[1],
233
- ink = _ref74[2];
269
+ textColorFilledRisk: (0, _euiThemeCommon.computed)(function (_ref87) {
270
+ var _ref88 = _slicedToArray(_ref87, 2),
271
+ ghost = _ref88[0],
272
+ ink = _ref88[1];
273
+ var background = (0, _manipulation.tint)(_colors_severity.severityColors.risk, 0.3);
274
+ return isDark(background) ? ghost : ink;
275
+ }, ['colors.ghost', 'colors.ink']),
276
+ textColorFilledDanger: (0, _euiThemeCommon.computed)(function (_ref89) {
277
+ var _ref90 = _slicedToArray(_ref89, 3),
278
+ danger = _ref90[0],
279
+ ghost = _ref90[1],
280
+ ink = _ref90[2];
234
281
  return isDark(danger) ? ghost : ink;
235
282
  }, ['colors.danger', 'colors.ghost', 'colors.ink']),
236
- textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref75) {
237
- var _ref76 = _slicedToArray(_ref75, 3),
238
- darkShade = _ref76[0],
239
- ghost = _ref76[1],
240
- ink = _ref76[2];
283
+ textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref91) {
284
+ var _ref92 = _slicedToArray(_ref91, 3),
285
+ darkShade = _ref92[0],
286
+ ghost = _ref92[1],
287
+ ink = _ref92[2];
241
288
  return isDark(darkShade) ? ghost : ink;
242
289
  }, ['colors.darkShade', 'colors.ghost', 'colors.ink']),
243
- textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref77) {
244
- var _ref78 = _slicedToArray(_ref77, 1),
245
- disabledText = _ref78[0];
290
+ textColorFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref93) {
291
+ var _ref94 = _slicedToArray(_ref93, 1),
292
+ disabledText = _ref94[0];
246
293
  return disabledText;
247
294
  }, ['colors.disabledText'])
248
295
  };
249
296
  var _dark_buttons = _objectSpread(_objectSpread({}, _buttons), {}, {
250
- backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref79) {
251
- var _ref80 = _slicedToArray(_ref79, 1),
252
- lightShade = _ref80[0];
297
+ backgroundFilledDisabled: (0, _euiThemeCommon.computed)(function (_ref95) {
298
+ var _ref96 = _slicedToArray(_ref95, 1),
299
+ lightShade = _ref96[0];
253
300
  return (0, _manipulation.transparentize)(lightShade, 0.15);
254
301
  }, ['colors.lightShade']),
255
- backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref81) {
256
- var _ref82 = _slicedToArray(_ref81, 1),
257
- lightShade = _ref82[0];
302
+ backgroundEmptyTextHover: (0, _euiThemeCommon.computed)(function (_ref97) {
303
+ var _ref98 = _slicedToArray(_ref97, 1),
304
+ lightShade = _ref98[0];
258
305
  return (0, _manipulation.transparentize)(lightShade, 0.4);
259
306
  }, ['colors.lightShade']),
260
- textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref83) {
261
- var _ref84 = _slicedToArray(_ref83, 3),
262
- accent = _ref84[0],
263
- ghost = _ref84[1],
264
- ink = _ref84[2];
307
+ textColorFilledAccent: (0, _euiThemeCommon.computed)(function (_ref99) {
308
+ var _ref100 = _slicedToArray(_ref99, 3),
309
+ accent = _ref100[0],
310
+ ghost = _ref100[1],
311
+ ink = _ref100[2];
265
312
  return isDark(accent) ? ghost : ink;
266
313
  }, ['colors.accent', 'colors.ghost', 'colors.ink']),
267
- textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref85) {
268
- var _ref86 = _slicedToArray(_ref85, 3),
269
- success = _ref86[0],
270
- ghost = _ref86[1],
271
- ink = _ref86[2];
314
+ textColorFilledSuccess: (0, _euiThemeCommon.computed)(function (_ref101) {
315
+ var _ref102 = _slicedToArray(_ref101, 3),
316
+ success = _ref102[0],
317
+ ghost = _ref102[1],
318
+ ink = _ref102[2];
272
319
  return isDark(success) ? ghost : ink;
273
320
  }, ['colors.success', 'colors.ghost', 'colors.ink']),
274
- textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref87) {
275
- var _ref88 = _slicedToArray(_ref87, 3),
276
- text = _ref88[0],
277
- ghost = _ref88[1],
278
- ink = _ref88[2];
321
+ textColorFilledText: (0, _euiThemeCommon.computed)(function (_ref103) {
322
+ var _ref104 = _slicedToArray(_ref103, 3),
323
+ text = _ref104[0],
324
+ ghost = _ref104[1],
325
+ ink = _ref104[2];
279
326
  return isDark(text) ? ghost : ink;
280
327
  }, ['colors.text', 'colors.ghost', 'colors.ink'])
281
328
  });