@elastic/eui-theme-borealis 3.1.0 → 3.2.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.
- package/lib/cjs/variables/_components.js +158 -135
- package/lib/esm/variables/_components.js +11 -0
- package/package.json +2 -2
|
@@ -153,235 +153,254 @@ var component_colors = {
|
|
|
153
153
|
backgroundBaseInteractiveSelectHover = _ref40[0];
|
|
154
154
|
return backgroundBaseInteractiveSelectHover;
|
|
155
155
|
}, ['colors.backgroundBaseInteractiveSelectHover']),
|
|
156
|
-
|
|
156
|
+
dataGridRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
|
|
157
|
+
dataGridRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
|
|
158
|
+
dataGridRowBorderActive: (0, _euiThemeCommon.computed)(function (_ref41) {
|
|
157
159
|
var _ref42 = _slicedToArray(_ref41, 1),
|
|
158
|
-
|
|
160
|
+
borderStrongPrimary = _ref42[0];
|
|
161
|
+
return borderStrongPrimary;
|
|
162
|
+
}, ['colors.borderStrongPrimary']),
|
|
163
|
+
dataGridRowBorderHover: (0, _euiThemeCommon.computed)(function (_ref43) {
|
|
164
|
+
var _ref44 = _slicedToArray(_ref43, 1),
|
|
165
|
+
borderStrongText = _ref44[0];
|
|
166
|
+
return borderStrongText;
|
|
167
|
+
}, ['colors.borderStrongText']),
|
|
168
|
+
dataGridRowBorderMarked: (0, _euiThemeCommon.computed)(function (_ref45) {
|
|
169
|
+
var _ref46 = _slicedToArray(_ref45, 1),
|
|
170
|
+
borderStrongWarning = _ref46[0];
|
|
171
|
+
return borderStrongWarning;
|
|
172
|
+
}, ['colors.borderStrongWarning']),
|
|
173
|
+
dataGridRowStripesBackground: (0, _euiThemeCommon.computed)(function (_ref47) {
|
|
174
|
+
var _ref48 = _slicedToArray(_ref47, 1),
|
|
175
|
+
backgroundBasePlain = _ref48[0];
|
|
159
176
|
return backgroundBasePlain;
|
|
160
177
|
}, ['colors.backgroundBasePlain']),
|
|
161
|
-
dataGridRowStripesBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
162
|
-
var
|
|
163
|
-
backgroundBasePlain =
|
|
178
|
+
dataGridRowStripesBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref49) {
|
|
179
|
+
var _ref50 = _slicedToArray(_ref49, 1),
|
|
180
|
+
backgroundBasePlain = _ref50[0];
|
|
164
181
|
return backgroundBasePlain;
|
|
165
182
|
}, ['colors.backgroundBasePlain']),
|
|
166
|
-
dataGridRowStripesBackgroundStriped: (0, _euiThemeCommon.computed)(function (
|
|
167
|
-
var
|
|
168
|
-
backgroundBaseSubdued =
|
|
183
|
+
dataGridRowStripesBackgroundStriped: (0, _euiThemeCommon.computed)(function (_ref51) {
|
|
184
|
+
var _ref52 = _slicedToArray(_ref51, 1),
|
|
185
|
+
backgroundBaseSubdued = _ref52[0];
|
|
169
186
|
return backgroundBaseSubdued;
|
|
170
187
|
}, ['colors.backgroundBaseSubdued']),
|
|
171
|
-
dataGridRowStripesBackgroundStripedHover: (0, _euiThemeCommon.computed)(function (
|
|
172
|
-
var
|
|
173
|
-
backgroundBaseSubdued =
|
|
188
|
+
dataGridRowStripesBackgroundStripedHover: (0, _euiThemeCommon.computed)(function (_ref53) {
|
|
189
|
+
var _ref54 = _slicedToArray(_ref53, 1),
|
|
190
|
+
backgroundBaseSubdued = _ref54[0];
|
|
174
191
|
return backgroundBaseSubdued;
|
|
175
192
|
}, ['colors.backgroundBaseSubdued']),
|
|
176
|
-
dataGridRowStripesBackgroundSelect: (0, _euiThemeCommon.computed)(function (
|
|
177
|
-
var
|
|
178
|
-
backgroundBaseInteractiveSelect =
|
|
193
|
+
dataGridRowStripesBackgroundSelect: (0, _euiThemeCommon.computed)(function (_ref55) {
|
|
194
|
+
var _ref56 = _slicedToArray(_ref55, 1),
|
|
195
|
+
backgroundBaseInteractiveSelect = _ref56[0];
|
|
179
196
|
return backgroundBaseInteractiveSelect;
|
|
180
197
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
181
|
-
dataGridRowStripesBackgroundSelectHover: (0, _euiThemeCommon.computed)(function (
|
|
182
|
-
var
|
|
183
|
-
backgroundBaseInteractiveSelect =
|
|
198
|
+
dataGridRowStripesBackgroundSelectHover: (0, _euiThemeCommon.computed)(function (_ref57) {
|
|
199
|
+
var _ref58 = _slicedToArray(_ref57, 1),
|
|
200
|
+
backgroundBaseInteractiveSelect = _ref58[0];
|
|
184
201
|
return backgroundBaseInteractiveSelect;
|
|
185
202
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
186
|
-
dragDropDraggingBackground: (0, _euiThemeCommon.computed)(function (
|
|
187
|
-
var
|
|
188
|
-
backgroundBaseSuccess =
|
|
203
|
+
dragDropDraggingBackground: (0, _euiThemeCommon.computed)(function (_ref59) {
|
|
204
|
+
var _ref60 = _slicedToArray(_ref59, 1),
|
|
205
|
+
backgroundBaseSuccess = _ref60[0];
|
|
189
206
|
return backgroundBaseSuccess;
|
|
190
207
|
}, ['colors.backgroundBaseSuccess']),
|
|
191
|
-
dragDropDraggingOverBackground: (0, _euiThemeCommon.computed)(function (
|
|
192
|
-
var
|
|
193
|
-
backgroundLightSuccess =
|
|
208
|
+
dragDropDraggingOverBackground: (0, _euiThemeCommon.computed)(function (_ref61) {
|
|
209
|
+
var _ref62 = _slicedToArray(_ref61, 1),
|
|
210
|
+
backgroundLightSuccess = _ref62[0];
|
|
194
211
|
return backgroundLightSuccess;
|
|
195
212
|
}, ['colors.backgroundLightSuccess']),
|
|
196
213
|
filterButtonBadgeBackgroundHover: _semantic_colors.SEMANTIC_COLORS.shade25,
|
|
197
|
-
filterSelectItemBackgroundFocusDisabled: (0, _euiThemeCommon.computed)(function (
|
|
198
|
-
var
|
|
199
|
-
backgroundBaseDisabled =
|
|
214
|
+
filterSelectItemBackgroundFocusDisabled: (0, _euiThemeCommon.computed)(function (_ref63) {
|
|
215
|
+
var _ref64 = _slicedToArray(_ref63, 1),
|
|
216
|
+
backgroundBaseDisabled = _ref64[0];
|
|
200
217
|
return backgroundBaseDisabled;
|
|
201
218
|
}, ['colors.backgroundBaseDisabled']),
|
|
202
|
-
flyoutFooterBackground: (0, _euiThemeCommon.computed)(function (
|
|
203
|
-
var
|
|
204
|
-
backgroundBaseHighlighted =
|
|
219
|
+
flyoutFooterBackground: (0, _euiThemeCommon.computed)(function (_ref65) {
|
|
220
|
+
var _ref66 = _slicedToArray(_ref65, 1),
|
|
221
|
+
backgroundBaseHighlighted = _ref66[0];
|
|
205
222
|
return backgroundBaseHighlighted;
|
|
206
223
|
}, ['colors.backgroundBaseHighlighted']),
|
|
207
|
-
flyoutCloseButtonInsideBackground: (0, _euiThemeCommon.computed)(function (
|
|
208
|
-
var
|
|
209
|
-
backgroundBasePlain =
|
|
224
|
+
flyoutCloseButtonInsideBackground: (0, _euiThemeCommon.computed)(function (_ref67) {
|
|
225
|
+
var _ref68 = _slicedToArray(_ref67, 1),
|
|
226
|
+
backgroundBasePlain = _ref68[0];
|
|
210
227
|
return backgroundBasePlain;
|
|
211
228
|
}, ['colors.backgroundBasePlain']),
|
|
212
|
-
headerBackground: (0, _euiThemeCommon.computed)(function (
|
|
213
|
-
var
|
|
214
|
-
backgroundBasePlain =
|
|
229
|
+
headerBackground: (0, _euiThemeCommon.computed)(function (_ref69) {
|
|
230
|
+
var _ref70 = _slicedToArray(_ref69, 1),
|
|
231
|
+
backgroundBasePlain = _ref70[0];
|
|
215
232
|
return backgroundBasePlain;
|
|
216
233
|
}, ['colors.backgroundBasePlain']),
|
|
217
234
|
headerDarkBackground: _colors_dark.dark_background_colors.backgroundBasePlain,
|
|
218
235
|
headerDarkSearchBorderColor: _colors_dark.dark_border_colors.borderBasePlain,
|
|
219
236
|
headerDarkSectionItemBackgroundFocus: _colors_dark.dark_background_colors.backgroundBasePrimary,
|
|
220
|
-
keyPadMenuItemBackgroundDisabledSelect: (0, _euiThemeCommon.computed)(function (
|
|
221
|
-
var
|
|
222
|
-
backgroundBaseDisabled =
|
|
237
|
+
keyPadMenuItemBackgroundDisabledSelect: (0, _euiThemeCommon.computed)(function (_ref71) {
|
|
238
|
+
var _ref72 = _slicedToArray(_ref71, 1),
|
|
239
|
+
backgroundBaseDisabled = _ref72[0];
|
|
223
240
|
return backgroundBaseDisabled;
|
|
224
241
|
}, ['colors.backgroundBaseDisabled']),
|
|
225
|
-
listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (
|
|
226
|
-
var
|
|
227
|
-
backgroundBaseInteractiveSelect =
|
|
242
|
+
listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref73) {
|
|
243
|
+
var _ref74 = _slicedToArray(_ref73, 1),
|
|
244
|
+
backgroundBaseInteractiveSelect = _ref74[0];
|
|
228
245
|
return backgroundBaseInteractiveSelect;
|
|
229
246
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
230
|
-
listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (
|
|
231
|
-
var
|
|
232
|
-
backgroundBaseInteractiveSelect =
|
|
247
|
+
listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref75) {
|
|
248
|
+
var _ref76 = _slicedToArray(_ref75, 1),
|
|
249
|
+
backgroundBaseInteractiveSelect = _ref76[0];
|
|
233
250
|
return backgroundBaseInteractiveSelect;
|
|
234
251
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
235
|
-
listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
236
|
-
var
|
|
237
|
-
backgroundBaseInteractiveHover =
|
|
252
|
+
listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref77) {
|
|
253
|
+
var _ref78 = _slicedToArray(_ref77, 1),
|
|
254
|
+
backgroundBaseInteractiveHover = _ref78[0];
|
|
238
255
|
return backgroundBaseInteractiveHover;
|
|
239
256
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
240
|
-
listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (
|
|
241
|
-
var
|
|
242
|
-
backgroundBaseInteractiveHover =
|
|
257
|
+
listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref79) {
|
|
258
|
+
var _ref80 = _slicedToArray(_ref79, 1),
|
|
259
|
+
backgroundBaseInteractiveHover = _ref80[0];
|
|
243
260
|
return backgroundBaseInteractiveHover;
|
|
244
261
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
245
262
|
// we don't want to inherit overrides (e.g. HCM)
|
|
246
263
|
loadingSpinnerBorder: _colors_light.border_colors.borderBasePlain,
|
|
247
|
-
loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (
|
|
248
|
-
var
|
|
249
|
-
borderStrongPrimary =
|
|
264
|
+
loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref81) {
|
|
265
|
+
var _ref82 = _slicedToArray(_ref81, 1),
|
|
266
|
+
borderStrongPrimary = _ref82[0];
|
|
250
267
|
return borderStrongPrimary;
|
|
251
268
|
}, ['colors.borderStrongPrimary']),
|
|
252
269
|
loadingChartMonoBackground0: _semantic_colors.SEMANTIC_COLORS.shade20,
|
|
253
270
|
loadingChartMonoBackground1: _semantic_colors.SEMANTIC_COLORS.shade30,
|
|
254
271
|
loadingChartMonoBackground2: _semantic_colors.SEMANTIC_COLORS.shade40,
|
|
255
272
|
loadingChartMonoBackground3: _semantic_colors.SEMANTIC_COLORS.shade50,
|
|
256
|
-
markBackground: (0, _euiThemeCommon.computed)(function (
|
|
257
|
-
var
|
|
258
|
-
backgroundLightPrimary =
|
|
273
|
+
markBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
|
|
274
|
+
var _ref84 = _slicedToArray(_ref83, 1),
|
|
275
|
+
backgroundLightPrimary = _ref84[0];
|
|
259
276
|
return backgroundLightPrimary;
|
|
260
277
|
}, ['colors.backgroundLightPrimary']),
|
|
261
|
-
markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (
|
|
262
|
-
var
|
|
263
|
-
borderBasePlain =
|
|
278
|
+
markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref85) {
|
|
279
|
+
var _ref86 = _slicedToArray(_ref85, 1),
|
|
280
|
+
borderBasePlain = _ref86[0];
|
|
264
281
|
return borderBasePlain;
|
|
265
282
|
}, ['colors.borderBasePlain']),
|
|
266
|
-
overlayMaskBackground: (0, _euiThemeCommon.computed)(function (
|
|
267
|
-
var
|
|
268
|
-
backgroundBaseInteractiveOverlay =
|
|
283
|
+
overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref87) {
|
|
284
|
+
var _ref88 = _slicedToArray(_ref87, 1),
|
|
285
|
+
backgroundBaseInteractiveOverlay = _ref88[0];
|
|
269
286
|
return backgroundBaseInteractiveOverlay;
|
|
270
287
|
}, ['colors.backgroundBaseInteractiveOverlay']),
|
|
271
288
|
overlayMaskBackgroundHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade140RGB, ", 0.9)"),
|
|
272
|
-
popoverPanelBackground: (0, _euiThemeCommon.computed)(function (
|
|
273
|
-
var
|
|
274
|
-
backgroundBasePlain =
|
|
289
|
+
popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref89) {
|
|
290
|
+
var _ref90 = _slicedToArray(_ref89, 1),
|
|
291
|
+
backgroundBasePlain = _ref90[0];
|
|
275
292
|
return backgroundBasePlain;
|
|
276
293
|
}, ['colors.backgroundBasePlain']),
|
|
277
|
-
popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (
|
|
278
|
-
var
|
|
279
|
-
borderBaseSubdued =
|
|
294
|
+
popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref91) {
|
|
295
|
+
var _ref92 = _slicedToArray(_ref91, 1),
|
|
296
|
+
borderBaseSubdued = _ref92[0];
|
|
280
297
|
return borderBaseSubdued;
|
|
281
298
|
}, ['colors.borderBaseSubdued']),
|
|
282
299
|
scrollbarTrackColor: _semantic_colors.SEMANTIC_COLORS.shade15,
|
|
283
|
-
sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (
|
|
284
|
-
var
|
|
285
|
-
backgroundBaseInteractiveSelect =
|
|
300
|
+
sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref93) {
|
|
301
|
+
var _ref94 = _slicedToArray(_ref93, 1),
|
|
302
|
+
backgroundBaseInteractiveSelect = _ref94[0];
|
|
286
303
|
return backgroundBaseInteractiveSelect;
|
|
287
304
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
288
|
-
selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (
|
|
289
|
-
var
|
|
290
|
-
borderBaseSubdued =
|
|
305
|
+
selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref95) {
|
|
306
|
+
var _ref96 = _slicedToArray(_ref95, 1),
|
|
307
|
+
borderBaseSubdued = _ref96[0];
|
|
291
308
|
return borderBaseSubdued;
|
|
292
309
|
}, ['colors.borderBaseSubdued']),
|
|
293
310
|
skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade100RGB, ", 0.04)"),
|
|
294
|
-
superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (
|
|
295
|
-
var
|
|
296
|
-
backgroundBaseSuccess =
|
|
311
|
+
superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref97) {
|
|
312
|
+
var _ref98 = _slicedToArray(_ref97, 1),
|
|
313
|
+
backgroundBaseSuccess = _ref98[0];
|
|
297
314
|
return backgroundBaseSuccess;
|
|
298
315
|
}, ['colors.backgroundBaseSuccess']),
|
|
299
|
-
switchBackgroundOn: (0, _euiThemeCommon.computed)(function (
|
|
300
|
-
var
|
|
301
|
-
backgroundFilledPrimary =
|
|
316
|
+
switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref99) {
|
|
317
|
+
var _ref100 = _slicedToArray(_ref99, 1),
|
|
318
|
+
backgroundFilledPrimary = _ref100[0];
|
|
302
319
|
return backgroundFilledPrimary;
|
|
303
320
|
}, ['colors.backgroundFilledPrimary']),
|
|
304
|
-
switchBackgroundOff: (0, _euiThemeCommon.computed)(function (
|
|
305
|
-
var
|
|
306
|
-
backgroundFilledText =
|
|
321
|
+
switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref101) {
|
|
322
|
+
var _ref102 = _slicedToArray(_ref101, 1),
|
|
323
|
+
backgroundFilledText = _ref102[0];
|
|
307
324
|
return backgroundFilledText;
|
|
308
325
|
}, ['colors.backgroundFilledText']),
|
|
309
|
-
switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (
|
|
310
|
-
var
|
|
311
|
-
backgroundBaseFormsControlDisabled =
|
|
326
|
+
switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
|
|
327
|
+
var _ref104 = _slicedToArray(_ref103, 1),
|
|
328
|
+
backgroundBaseFormsControlDisabled = _ref104[0];
|
|
312
329
|
return backgroundBaseFormsControlDisabled;
|
|
313
330
|
}, ['colors.backgroundBaseFormsControlDisabled']),
|
|
314
|
-
switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (
|
|
315
|
-
var
|
|
316
|
-
backgroundBaseFormsControlDisabled =
|
|
331
|
+
switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref105) {
|
|
332
|
+
var _ref106 = _slicedToArray(_ref105, 1),
|
|
333
|
+
backgroundBaseFormsControlDisabled = _ref106[0];
|
|
317
334
|
return backgroundBaseFormsControlDisabled;
|
|
318
335
|
}, ['colors.backgroundBaseFormsControlDisabled']),
|
|
319
|
-
switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (
|
|
320
|
-
var
|
|
321
|
-
backgroundBaseFormsControlDisabled =
|
|
336
|
+
switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref107) {
|
|
337
|
+
var _ref108 = _slicedToArray(_ref107, 1),
|
|
338
|
+
backgroundBaseFormsControlDisabled = _ref108[0];
|
|
322
339
|
return backgroundBaseFormsControlDisabled;
|
|
323
340
|
}, ['colors.backgroundBaseFormsControlDisabled']),
|
|
324
|
-
switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (
|
|
325
|
-
var
|
|
326
|
-
backgroundBasePlain =
|
|
341
|
+
switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref109) {
|
|
342
|
+
var _ref110 = _slicedToArray(_ref109, 1),
|
|
343
|
+
backgroundBasePlain = _ref110[0];
|
|
327
344
|
return backgroundBasePlain;
|
|
328
345
|
}, ['colors.backgroundBasePlain']),
|
|
329
|
-
switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (
|
|
330
|
-
var
|
|
331
|
-
backgroundFilledPrimary =
|
|
346
|
+
switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref111) {
|
|
347
|
+
var _ref112 = _slicedToArray(_ref111, 1),
|
|
348
|
+
backgroundFilledPrimary = _ref112[0];
|
|
332
349
|
return backgroundFilledPrimary;
|
|
333
350
|
}, ['colors.backgroundFilledPrimary']),
|
|
334
|
-
switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (
|
|
335
|
-
var
|
|
336
|
-
backgroundFilledText =
|
|
351
|
+
switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref113) {
|
|
352
|
+
var _ref114 = _slicedToArray(_ref113, 1),
|
|
353
|
+
backgroundFilledText = _ref114[0];
|
|
337
354
|
return backgroundFilledText;
|
|
338
355
|
}, ['colors.backgroundFilledText']),
|
|
339
356
|
switchIconDisabled: _forms.forms.LIGHT.iconDisabled,
|
|
340
|
-
tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
341
|
-
var
|
|
342
|
-
backgroundBaseInteractiveHover =
|
|
357
|
+
tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref115) {
|
|
358
|
+
var _ref116 = _slicedToArray(_ref115, 1),
|
|
359
|
+
backgroundBaseInteractiveHover = _ref116[0];
|
|
343
360
|
return backgroundBaseInteractiveHover;
|
|
344
361
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
345
|
-
tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (
|
|
346
|
-
var
|
|
347
|
-
backgroundBaseInteractiveSelect =
|
|
362
|
+
tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref117) {
|
|
363
|
+
var _ref118 = _slicedToArray(_ref117, 1),
|
|
364
|
+
backgroundBaseInteractiveSelect = _ref118[0];
|
|
348
365
|
return backgroundBaseInteractiveSelect;
|
|
349
366
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
350
|
-
tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (
|
|
351
|
-
var
|
|
352
|
-
backgroundBaseInteractiveSelectHover =
|
|
367
|
+
tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref119) {
|
|
368
|
+
var _ref120 = _slicedToArray(_ref119, 1),
|
|
369
|
+
backgroundBaseInteractiveSelectHover = _ref120[0];
|
|
353
370
|
return backgroundBaseInteractiveSelectHover;
|
|
354
371
|
}, ['colors.backgroundBaseInteractiveSelectHover']),
|
|
355
|
-
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
356
|
-
var
|
|
357
|
-
backgroundBaseInteractiveSelect =
|
|
372
|
+
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref121) {
|
|
373
|
+
var _ref122 = _slicedToArray(_ref121, 1),
|
|
374
|
+
backgroundBaseInteractiveSelect = _ref122[0];
|
|
358
375
|
return backgroundBaseInteractiveSelect;
|
|
359
376
|
}, ['colors.backgroundBaseInteractiveSelect']),
|
|
360
|
-
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (
|
|
361
|
-
var
|
|
362
|
-
backgroundBaseInteractiveHover =
|
|
377
|
+
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref123) {
|
|
378
|
+
var _ref124 = _slicedToArray(_ref123, 1),
|
|
379
|
+
backgroundBaseInteractiveHover = _ref124[0];
|
|
363
380
|
return backgroundBaseInteractiveHover;
|
|
364
381
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
382
|
+
tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
|
|
383
|
+
tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
|
|
384
|
+
tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref125) {
|
|
385
|
+
var _ref126 = _slicedToArray(_ref125, 1),
|
|
386
|
+
backgroundFilledText = _ref126[0];
|
|
368
387
|
return backgroundFilledText;
|
|
369
388
|
}, ['colors.backgroundFilledText']),
|
|
370
389
|
tooltipBackground: _colors_dark.dark_background_colors.backgroundBaseSubdued,
|
|
371
390
|
tooltipBorder: _colors_dark.dark_border_colors.borderBaseSubdued,
|
|
372
|
-
tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (
|
|
373
|
-
var
|
|
374
|
-
borderBaseFloating =
|
|
391
|
+
tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref127) {
|
|
392
|
+
var _ref128 = _slicedToArray(_ref127, 1),
|
|
393
|
+
borderBaseFloating = _ref128[0];
|
|
375
394
|
return borderBaseFloating;
|
|
376
395
|
}, ['colors.borderBaseFloating']),
|
|
377
|
-
tourFooterBackground: (0, _euiThemeCommon.computed)(function (
|
|
378
|
-
var
|
|
379
|
-
backgroundBaseHighlighted =
|
|
396
|
+
tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref129) {
|
|
397
|
+
var _ref130 = _slicedToArray(_ref129, 1),
|
|
398
|
+
backgroundBaseHighlighted = _ref130[0];
|
|
380
399
|
return backgroundBaseHighlighted;
|
|
381
400
|
}, ['colors.backgroundBaseHighlighted']),
|
|
382
|
-
treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
383
|
-
var
|
|
384
|
-
backgroundBaseInteractiveHover =
|
|
401
|
+
treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref131) {
|
|
402
|
+
var _ref132 = _slicedToArray(_ref131, 1),
|
|
403
|
+
backgroundBaseInteractiveHover = _ref132[0];
|
|
385
404
|
return backgroundBaseInteractiveHover;
|
|
386
405
|
}, ['colors.backgroundBaseInteractiveHover'])
|
|
387
406
|
};
|
|
@@ -391,6 +410,8 @@ var components = exports.components = {
|
|
|
391
410
|
LIGHT: component_colors,
|
|
392
411
|
DARK: _objectSpread(_objectSpread({}, component_colors), {}, {
|
|
393
412
|
buttonGroupFocusColor: _semantic_colors.SEMANTIC_COLORS.plainLight,
|
|
413
|
+
dataGridRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,
|
|
414
|
+
dataGridRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning130,
|
|
394
415
|
codeInlineBackground: _semantic_colors.SEMANTIC_COLORS.shade135,
|
|
395
416
|
codeInlineColor: _semantic_colors.SEMANTIC_COLORS.assistance60,
|
|
396
417
|
codeStringColor: _semantic_colors.SEMANTIC_COLORS.accent60,
|
|
@@ -416,15 +437,17 @@ var components = exports.components = {
|
|
|
416
437
|
skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.plainLightRGB, ", 0.3)"),
|
|
417
438
|
switchIconDisabled: _forms.forms.DARK.iconDisabled,
|
|
418
439
|
// TODO: align table hover states
|
|
419
|
-
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
420
|
-
var
|
|
421
|
-
backgroundBaseInteractiveHover =
|
|
440
|
+
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref133) {
|
|
441
|
+
var _ref134 = _slicedToArray(_ref133, 1),
|
|
442
|
+
backgroundBaseInteractiveHover = _ref134[0];
|
|
422
443
|
return backgroundBaseInteractiveHover;
|
|
423
444
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
424
|
-
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (
|
|
425
|
-
var
|
|
426
|
-
backgroundBaseInteractiveHover =
|
|
445
|
+
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref135) {
|
|
446
|
+
var _ref136 = _slicedToArray(_ref135, 1),
|
|
447
|
+
backgroundBaseInteractiveHover = _ref136[0];
|
|
427
448
|
return backgroundBaseInteractiveHover;
|
|
428
|
-
}, ['colors.backgroundBaseInteractiveHover'])
|
|
449
|
+
}, ['colors.backgroundBaseInteractiveHover']),
|
|
450
|
+
tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,
|
|
451
|
+
tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning130
|
|
429
452
|
})
|
|
430
453
|
};
|
|
@@ -56,6 +56,11 @@ const component_colors = {
|
|
|
56
56
|
dataGridRowBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
|
|
57
57
|
dataGridRowBackgroundSelect: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
|
|
58
58
|
dataGridRowBackgroundSelectHover: computed(([backgroundBaseInteractiveSelectHover]) => backgroundBaseInteractiveSelectHover, ['colors.backgroundBaseInteractiveSelectHover']),
|
|
59
|
+
dataGridRowBackgroundMarked: SEMANTIC_COLORS.warning10,
|
|
60
|
+
dataGridRowBackgroundMarkedHover: SEMANTIC_COLORS.warning20,
|
|
61
|
+
dataGridRowBorderActive: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
|
|
62
|
+
dataGridRowBorderHover: computed(([borderStrongText]) => borderStrongText, ['colors.borderStrongText']),
|
|
63
|
+
dataGridRowBorderMarked: computed(([borderStrongWarning]) => borderStrongWarning, ['colors.borderStrongWarning']),
|
|
59
64
|
dataGridRowStripesBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
|
|
60
65
|
dataGridRowStripesBackgroundHover: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
|
|
61
66
|
dataGridRowStripesBackgroundStriped: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
|
|
@@ -109,6 +114,8 @@ const component_colors = {
|
|
|
109
114
|
tableRowBackgroundSelectedHover: computed(([backgroundBaseInteractiveSelectHover]) => backgroundBaseInteractiveSelectHover, ['colors.backgroundBaseInteractiveSelectHover']),
|
|
110
115
|
tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
|
|
111
116
|
tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
|
|
117
|
+
tableRowBackgroundMarked: SEMANTIC_COLORS.warning10,
|
|
118
|
+
tableRowBackgroundMarkedHover: SEMANTIC_COLORS.warning20,
|
|
112
119
|
tableCellSortableIconColor: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
|
|
113
120
|
tooltipBackground: dark_background_colors.backgroundBaseSubdued,
|
|
114
121
|
tooltipBorder: dark_border_colors.borderBaseSubdued,
|
|
@@ -123,6 +130,8 @@ export const components = {
|
|
|
123
130
|
DARK: {
|
|
124
131
|
...component_colors,
|
|
125
132
|
buttonGroupFocusColor: SEMANTIC_COLORS.plainLight,
|
|
133
|
+
dataGridRowBackgroundMarked: SEMANTIC_COLORS.warning140,
|
|
134
|
+
dataGridRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
|
|
126
135
|
codeInlineBackground: SEMANTIC_COLORS.shade135,
|
|
127
136
|
codeInlineColor: SEMANTIC_COLORS.assistance60,
|
|
128
137
|
codeStringColor: SEMANTIC_COLORS.accent60,
|
|
@@ -150,5 +159,7 @@ export const components = {
|
|
|
150
159
|
// TODO: align table hover states
|
|
151
160
|
tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
|
|
152
161
|
tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
|
|
162
|
+
tableRowBackgroundMarked: SEMANTIC_COLORS.warning140,
|
|
163
|
+
tableRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
|
|
153
164
|
},
|
|
154
165
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elastic/eui-theme-borealis",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "A visual theme for EUI",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"scripts": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@babel/preset-env": "^7.21.5",
|
|
34
34
|
"@babel/preset-react": "^7.18.6",
|
|
35
35
|
"@babel/preset-typescript": "^7.21.5",
|
|
36
|
-
"@elastic/eui-theme-common": "2.
|
|
36
|
+
"@elastic/eui-theme-common": "2.2.0",
|
|
37
37
|
"@types/chroma-js": "^2.4.0",
|
|
38
38
|
"@types/jest": "^29.5.12",
|
|
39
39
|
"@types/prettier": "2.7.3",
|