@elastic/eui-theme-borealis 5.1.0 → 5.3.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/_animation.js +1 -1
- package/lib/cjs/variables/_components.js +21 -9
- package/lib/esm/variables/_animation.js +1 -1
- package/lib/esm/variables/_components.js +4 -0
- package/lib/eui_theme_borealis_dark.json +1 -1
- package/lib/eui_theme_borealis_light.json +1 -1
- package/package.json +3 -3
|
@@ -27,6 +27,6 @@ var animation_speed = exports.animation_speed = {
|
|
|
27
27
|
};
|
|
28
28
|
var animation_ease = exports.animation_ease = {
|
|
29
29
|
bounce: 'cubic-bezier(.34, 1.61, .7, 1)',
|
|
30
|
-
resistance: 'cubic-bezier(.
|
|
30
|
+
resistance: 'cubic-bezier(.32, .72, 0, 1)'
|
|
31
31
|
};
|
|
32
32
|
var animation = exports.animation = _objectSpread(_objectSpread({}, animation_speed), animation_ease);
|
|
@@ -386,9 +386,15 @@ var component_colors = {
|
|
|
386
386
|
backgroundBaseHighlighted = _ref124[0];
|
|
387
387
|
return backgroundBaseHighlighted;
|
|
388
388
|
}, ['colors.backgroundBaseHighlighted']),
|
|
389
|
-
|
|
389
|
+
tourStepIndicatorInactiveColor: _semantic_colors.SEMANTIC_COLORS.shade50,
|
|
390
|
+
tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref125) {
|
|
390
391
|
var _ref126 = _slicedToArray(_ref125, 1),
|
|
391
|
-
|
|
392
|
+
backgroundFilledSuccess = _ref126[0];
|
|
393
|
+
return backgroundFilledSuccess;
|
|
394
|
+
}, ['colors.backgroundFilledSuccess']),
|
|
395
|
+
treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
|
|
396
|
+
var _ref128 = _slicedToArray(_ref127, 1),
|
|
397
|
+
backgroundBaseInteractiveHover = _ref128[0];
|
|
392
398
|
return backgroundBaseInteractiveHover;
|
|
393
399
|
}, ['colors.backgroundBaseInteractiveHover'])
|
|
394
400
|
};
|
|
@@ -427,18 +433,24 @@ var components = exports.components = {
|
|
|
427
433
|
skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.plainLightRGB, ", 0.3)"),
|
|
428
434
|
switchIconDisabled: _forms.forms.DARK.iconDisabled,
|
|
429
435
|
// TODO: align table hover states
|
|
430
|
-
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (
|
|
431
|
-
var _ref128 = _slicedToArray(_ref127, 1),
|
|
432
|
-
backgroundBaseInteractiveHover = _ref128[0];
|
|
433
|
-
return backgroundBaseInteractiveHover;
|
|
434
|
-
}, ['colors.backgroundBaseInteractiveHover']),
|
|
435
|
-
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref129) {
|
|
436
|
+
tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref129) {
|
|
436
437
|
var _ref130 = _slicedToArray(_ref129, 1),
|
|
437
438
|
backgroundBaseInteractiveHover = _ref130[0];
|
|
438
439
|
return backgroundBaseInteractiveHover;
|
|
439
440
|
}, ['colors.backgroundBaseInteractiveHover']),
|
|
441
|
+
tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref131) {
|
|
442
|
+
var _ref132 = _slicedToArray(_ref131, 1),
|
|
443
|
+
backgroundBaseInteractiveHover = _ref132[0];
|
|
444
|
+
return backgroundBaseInteractiveHover;
|
|
445
|
+
}, ['colors.backgroundBaseInteractiveHover']),
|
|
440
446
|
tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,
|
|
441
447
|
tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning130,
|
|
442
|
-
tableFooterBackground: _semantic_colors.SEMANTIC_COLORS.shade135
|
|
448
|
+
tableFooterBackground: _semantic_colors.SEMANTIC_COLORS.shade135,
|
|
449
|
+
tourStepIndicatorInactiveColor: _semantic_colors.SEMANTIC_COLORS.shade100,
|
|
450
|
+
tourStepIndicatorActiveColor: (0, _euiThemeCommon.computed)(function (_ref133) {
|
|
451
|
+
var _ref134 = _slicedToArray(_ref133, 1),
|
|
452
|
+
backgroundFilledSuccess = _ref134[0];
|
|
453
|
+
return backgroundFilledSuccess;
|
|
454
|
+
}, ['colors.backgroundFilledSuccess'])
|
|
443
455
|
})
|
|
444
456
|
};
|
|
@@ -14,7 +14,7 @@ export const animation_speed = {
|
|
|
14
14
|
};
|
|
15
15
|
export const animation_ease = {
|
|
16
16
|
bounce: 'cubic-bezier(.34, 1.61, .7, 1)',
|
|
17
|
-
resistance: 'cubic-bezier(.
|
|
17
|
+
resistance: 'cubic-bezier(.32, .72, 0, 1)',
|
|
18
18
|
};
|
|
19
19
|
export const animation = {
|
|
20
20
|
...animation_speed,
|
|
@@ -121,6 +121,8 @@ const component_colors = {
|
|
|
121
121
|
tooltipBorder: dark_border_colors.borderBaseSubdued,
|
|
122
122
|
tooltipBorderFloating: computed(([borderBaseFloating]) => borderBaseFloating, ['colors.borderBaseFloating']),
|
|
123
123
|
tourFooterBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
|
|
124
|
+
tourStepIndicatorInactiveColor: SEMANTIC_COLORS.shade50,
|
|
125
|
+
tourStepIndicatorActiveColor: computed(([backgroundFilledSuccess]) => backgroundFilledSuccess, ['colors.backgroundFilledSuccess']),
|
|
124
126
|
treeViewItemBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
|
|
125
127
|
};
|
|
126
128
|
export const components = {
|
|
@@ -164,5 +166,7 @@ export const components = {
|
|
|
164
166
|
tableRowBackgroundMarked: SEMANTIC_COLORS.warning140,
|
|
165
167
|
tableRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
|
|
166
168
|
tableFooterBackground: SEMANTIC_COLORS.shade135,
|
|
169
|
+
tourStepIndicatorInactiveColor: SEMANTIC_COLORS.shade100,
|
|
170
|
+
tourStepIndicatorActiveColor: computed(([backgroundFilledSuccess]) => backgroundFilledSuccess, ['colors.backgroundFilledSuccess']),
|
|
167
171
|
},
|
|
168
172
|
};
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"euiContrastRatioGraphic": 3,
|
|
16
16
|
"euiContrastRatioDisabled": 2,
|
|
17
17
|
"euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
|
|
18
|
-
"euiAnimSlightResistance": "cubic-bezier(0.
|
|
18
|
+
"euiAnimSlightResistance": "cubic-bezier(0.32, 0.72, 0, 1)",
|
|
19
19
|
"euiAnimSpeedExtraFast": "90ms",
|
|
20
20
|
"euiAnimSpeedFast": "150ms",
|
|
21
21
|
"euiAnimSpeedNormal": "250ms",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"euiContrastRatioGraphic": 3,
|
|
16
16
|
"euiContrastRatioDisabled": 2,
|
|
17
17
|
"euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
|
|
18
|
-
"euiAnimSlightResistance": "cubic-bezier(0.
|
|
18
|
+
"euiAnimSlightResistance": "cubic-bezier(0.32, 0.72, 0, 1)",
|
|
19
19
|
"euiAnimSpeedExtraFast": "90ms",
|
|
20
20
|
"euiAnimSpeedFast": "150ms",
|
|
21
21
|
"euiAnimSpeedNormal": "250ms",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elastic/eui-theme-borealis",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.3.0",
|
|
4
4
|
"description": "A visual theme for EUI",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"scripts": {
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"directory": "packages/eui-theme-borealis"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@elastic/eui-theme-common": "7.
|
|
29
|
+
"@elastic/eui-theme-common": "7.3.0",
|
|
30
30
|
"chroma-js": "^2.4.2"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@babel/preset-env": "^7.21.5",
|
|
36
36
|
"@babel/preset-react": "^7.18.6",
|
|
37
37
|
"@babel/preset-typescript": "^7.21.5",
|
|
38
|
-
"@elastic/eui-theme-common": "7.
|
|
38
|
+
"@elastic/eui-theme-common": "7.3.0",
|
|
39
39
|
"@types/chroma-js": "^2.4.0",
|
|
40
40
|
"@types/jest": "^29.5.12",
|
|
41
41
|
"@types/prettier": "2.7.3",
|