@elastic/eui-theme-common 1.2.0 → 2.0.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/global_styling/variables/colors.d.ts +15 -16
- package/lib/cjs/global_styling/variables/components.d.ts +8 -1
- package/lib/cjs/utils.js +1 -1
- package/lib/esm/global_styling/variables/colors.d.ts +15 -16
- package/lib/esm/global_styling/variables/components.d.ts +8 -1
- package/lib/esm/utils.js +1 -1
- package/package.json +1 -1
|
@@ -173,6 +173,7 @@ export declare type _EuiThemeBackgroundColors = {
|
|
|
173
173
|
backgroundBaseFormsControlDisabled: ColorModeSwitch;
|
|
174
174
|
backgroundBaseInteractiveHover: ColorModeSwitch;
|
|
175
175
|
backgroundBaseInteractiveSelect: ColorModeSwitch;
|
|
176
|
+
backgroundBaseInteractiveSelectHover: ColorModeSwitch;
|
|
176
177
|
backgroundBaseInteractiveOverlay: ColorModeSwitch;
|
|
177
178
|
backgroundBaseSkeletonEdge: ColorModeSwitch;
|
|
178
179
|
backgroundBaseSkeletonMiddle: ColorModeSwitch;
|
|
@@ -249,6 +250,7 @@ export declare type _EuiThemeBorderColors = {
|
|
|
249
250
|
borderStrongWarning: ColorModeSwitch;
|
|
250
251
|
borderStrongRisk: ColorModeSwitch;
|
|
251
252
|
borderStrongDanger: ColorModeSwitch;
|
|
253
|
+
borderStrongText: ColorModeSwitch;
|
|
252
254
|
};
|
|
253
255
|
export declare type _EuiThemeVisColors = {
|
|
254
256
|
euiColorVis0: string;
|
|
@@ -281,20 +283,16 @@ export declare type _EuiThemeVisColors = {
|
|
|
281
283
|
euiColorVisBehindText8: string;
|
|
282
284
|
/** @deprecated - temp token; used only during theme migration */
|
|
283
285
|
euiColorVisBehindText9: string;
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
euiColorVisAsTextDark3: string;
|
|
295
|
-
euiColorVisAsTextDark4: string;
|
|
296
|
-
euiColorVisAsTextDark5: string;
|
|
297
|
-
euiColorVisAsTextDark6: string;
|
|
286
|
+
euiColorVisText0: string;
|
|
287
|
+
euiColorVisText1: string;
|
|
288
|
+
euiColorVisText2: string;
|
|
289
|
+
euiColorVisText3: string;
|
|
290
|
+
euiColorVisText4: string;
|
|
291
|
+
euiColorVisText5: string;
|
|
292
|
+
euiColorVisText6: string;
|
|
293
|
+
euiColorVisText7: string;
|
|
294
|
+
euiColorVisText8: string;
|
|
295
|
+
euiColorVisText9: string;
|
|
298
296
|
euiColorVisNeutral0: string;
|
|
299
297
|
euiColorVisNeutral1: string;
|
|
300
298
|
euiColorVisSuccess0: string;
|
|
@@ -332,8 +330,9 @@ export declare type _EuiThemeConstantColors = {
|
|
|
332
330
|
ink: string;
|
|
333
331
|
plainLight: string;
|
|
334
332
|
plainDark: string;
|
|
335
|
-
vis: _EuiThemeVisColors;
|
|
336
333
|
severity: _EuiThemeSeverityColors;
|
|
337
334
|
};
|
|
338
335
|
export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;
|
|
339
|
-
export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode
|
|
336
|
+
export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode & {
|
|
337
|
+
vis: _EuiThemeVisColors;
|
|
338
|
+
}> & _EuiThemeConstantColors;
|
|
@@ -41,9 +41,16 @@ export declare type _EuiThemeComponentColors = {
|
|
|
41
41
|
collapsibleNavGroupBackgroundDark: ColorModeSwitch;
|
|
42
42
|
dataGridBorderColor: ColorModeSwitch;
|
|
43
43
|
dataGridVerticalLineBorderColor: ColorModeSwitch;
|
|
44
|
-
|
|
44
|
+
dataGridRowBackground: ColorModeSwitch;
|
|
45
45
|
dataGridRowBackgroundHover: ColorModeSwitch;
|
|
46
46
|
dataGridRowBackgroundSelect: ColorModeSwitch;
|
|
47
|
+
dataGridRowBackgroundSelectHover: ColorModeSwitch;
|
|
48
|
+
dataGridRowStripesBackground: ColorModeSwitch;
|
|
49
|
+
dataGridRowStripesBackgroundHover: ColorModeSwitch;
|
|
50
|
+
dataGridRowStripesBackgroundStriped: ColorModeSwitch;
|
|
51
|
+
dataGridRowStripesBackgroundStripedHover: ColorModeSwitch;
|
|
52
|
+
dataGridRowStripesBackgroundSelect: ColorModeSwitch;
|
|
53
|
+
dataGridRowStripesBackgroundSelectHover: ColorModeSwitch;
|
|
47
54
|
dragDropDraggingBackground: ColorModeSwitch;
|
|
48
55
|
dragDropDraggingOverBackground: ColorModeSwitch;
|
|
49
56
|
headerBackground: ColorModeSwitch;
|
package/lib/cjs/utils.js
CHANGED
|
@@ -229,7 +229,7 @@ var getComputed = exports.getComputed = function getComputed(base, over, colorMo
|
|
|
229
229
|
var hcmCombinedOverValue = hcmOverValue !== null && hcmOverValue !== void 0 ? hcmOverValue : hcmBaseValue;
|
|
230
230
|
|
|
231
231
|
// combine internal overrides with manual overrides
|
|
232
|
-
var combinedOverValue = isObject(overValue) && isObject(
|
|
232
|
+
var combinedOverValue = isObject(overValue) && isObject(hcmCombinedOverValue) ? mergeDeep(overValue, hcmCombinedOverValue) : // optional overrides e.g. on provider level should still override theme level
|
|
233
233
|
overValue !== null && overValue !== void 0 ? overValue : hcmCombinedOverValue;
|
|
234
234
|
if (isObject(baseValue) && !Array.isArray(baseValue)) {
|
|
235
235
|
loop(baseValue, combinedOverValue !== null && combinedOverValue !== void 0 ? combinedOverValue : {}, checkExisting, newPath);
|
|
@@ -173,6 +173,7 @@ export declare type _EuiThemeBackgroundColors = {
|
|
|
173
173
|
backgroundBaseFormsControlDisabled: ColorModeSwitch;
|
|
174
174
|
backgroundBaseInteractiveHover: ColorModeSwitch;
|
|
175
175
|
backgroundBaseInteractiveSelect: ColorModeSwitch;
|
|
176
|
+
backgroundBaseInteractiveSelectHover: ColorModeSwitch;
|
|
176
177
|
backgroundBaseInteractiveOverlay: ColorModeSwitch;
|
|
177
178
|
backgroundBaseSkeletonEdge: ColorModeSwitch;
|
|
178
179
|
backgroundBaseSkeletonMiddle: ColorModeSwitch;
|
|
@@ -249,6 +250,7 @@ export declare type _EuiThemeBorderColors = {
|
|
|
249
250
|
borderStrongWarning: ColorModeSwitch;
|
|
250
251
|
borderStrongRisk: ColorModeSwitch;
|
|
251
252
|
borderStrongDanger: ColorModeSwitch;
|
|
253
|
+
borderStrongText: ColorModeSwitch;
|
|
252
254
|
};
|
|
253
255
|
export declare type _EuiThemeVisColors = {
|
|
254
256
|
euiColorVis0: string;
|
|
@@ -281,20 +283,16 @@ export declare type _EuiThemeVisColors = {
|
|
|
281
283
|
euiColorVisBehindText8: string;
|
|
282
284
|
/** @deprecated - temp token; used only during theme migration */
|
|
283
285
|
euiColorVisBehindText9: string;
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
euiColorVisAsTextDark3: string;
|
|
295
|
-
euiColorVisAsTextDark4: string;
|
|
296
|
-
euiColorVisAsTextDark5: string;
|
|
297
|
-
euiColorVisAsTextDark6: string;
|
|
286
|
+
euiColorVisText0: string;
|
|
287
|
+
euiColorVisText1: string;
|
|
288
|
+
euiColorVisText2: string;
|
|
289
|
+
euiColorVisText3: string;
|
|
290
|
+
euiColorVisText4: string;
|
|
291
|
+
euiColorVisText5: string;
|
|
292
|
+
euiColorVisText6: string;
|
|
293
|
+
euiColorVisText7: string;
|
|
294
|
+
euiColorVisText8: string;
|
|
295
|
+
euiColorVisText9: string;
|
|
298
296
|
euiColorVisNeutral0: string;
|
|
299
297
|
euiColorVisNeutral1: string;
|
|
300
298
|
euiColorVisSuccess0: string;
|
|
@@ -332,8 +330,9 @@ export declare type _EuiThemeConstantColors = {
|
|
|
332
330
|
ink: string;
|
|
333
331
|
plainLight: string;
|
|
334
332
|
plainDark: string;
|
|
335
|
-
vis: _EuiThemeVisColors;
|
|
336
333
|
severity: _EuiThemeSeverityColors;
|
|
337
334
|
};
|
|
338
335
|
export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;
|
|
339
|
-
export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode
|
|
336
|
+
export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode & {
|
|
337
|
+
vis: _EuiThemeVisColors;
|
|
338
|
+
}> & _EuiThemeConstantColors;
|
|
@@ -41,9 +41,16 @@ export declare type _EuiThemeComponentColors = {
|
|
|
41
41
|
collapsibleNavGroupBackgroundDark: ColorModeSwitch;
|
|
42
42
|
dataGridBorderColor: ColorModeSwitch;
|
|
43
43
|
dataGridVerticalLineBorderColor: ColorModeSwitch;
|
|
44
|
-
|
|
44
|
+
dataGridRowBackground: ColorModeSwitch;
|
|
45
45
|
dataGridRowBackgroundHover: ColorModeSwitch;
|
|
46
46
|
dataGridRowBackgroundSelect: ColorModeSwitch;
|
|
47
|
+
dataGridRowBackgroundSelectHover: ColorModeSwitch;
|
|
48
|
+
dataGridRowStripesBackground: ColorModeSwitch;
|
|
49
|
+
dataGridRowStripesBackgroundHover: ColorModeSwitch;
|
|
50
|
+
dataGridRowStripesBackgroundStriped: ColorModeSwitch;
|
|
51
|
+
dataGridRowStripesBackgroundStripedHover: ColorModeSwitch;
|
|
52
|
+
dataGridRowStripesBackgroundSelect: ColorModeSwitch;
|
|
53
|
+
dataGridRowStripesBackgroundSelectHover: ColorModeSwitch;
|
|
47
54
|
dragDropDraggingBackground: ColorModeSwitch;
|
|
48
55
|
dragDropDraggingOverBackground: ColorModeSwitch;
|
|
49
56
|
headerBackground: ColorModeSwitch;
|
package/lib/esm/utils.js
CHANGED
|
@@ -207,7 +207,7 @@ export const getComputed = (base, over, colorMode, highContrastMode) => {
|
|
|
207
207
|
: undefined;
|
|
208
208
|
const hcmCombinedOverValue = hcmOverValue ?? hcmBaseValue;
|
|
209
209
|
// combine internal overrides with manual overrides
|
|
210
|
-
const combinedOverValue = isObject(overValue) && isObject(
|
|
210
|
+
const combinedOverValue = isObject(overValue) && isObject(hcmCombinedOverValue)
|
|
211
211
|
? mergeDeep(overValue, hcmCombinedOverValue)
|
|
212
212
|
: // optional overrides e.g. on provider level should still override theme level
|
|
213
213
|
overValue ?? hcmCombinedOverValue;
|