@elastic/eui-theme-borealis 3.2.0 → 3.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.
Files changed (29) hide show
  1. package/lib/cjs/index.js +2 -1
  2. package/lib/cjs/variables/_forms.d.ts +14 -0
  3. package/lib/cjs/variables/_forms.js +60 -30
  4. package/lib/cjs/variables/_overrides.js +7 -1
  5. package/lib/cjs/variables/colors/_colors_dark.js +2 -0
  6. package/lib/cjs/variables/colors/_colors_light.js +12 -10
  7. package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts +8 -0
  8. package/lib/cjs/variables/colors/_colors_severity_hcm.js +23 -0
  9. package/lib/cjs/variables/colors/_colors_vis_hcm.d.ts +2 -0
  10. package/lib/cjs/variables/colors/_colors_vis_hcm.js +77 -0
  11. package/lib/cjs/variables/colors/index.js +4 -3
  12. package/lib/esm/index.js +1 -0
  13. package/lib/esm/variables/_forms.d.ts +14 -0
  14. package/lib/esm/variables/_forms.js +10 -1
  15. package/lib/esm/variables/_overrides.js +6 -0
  16. package/lib/esm/variables/colors/_colors_dark.js +2 -0
  17. package/lib/esm/variables/colors/_colors_light.js +12 -10
  18. package/lib/esm/variables/colors/_colors_severity_hcm.d.ts +8 -0
  19. package/lib/esm/variables/colors/_colors_severity_hcm.js +16 -0
  20. package/lib/esm/variables/colors/_colors_vis_hcm.d.ts +2 -0
  21. package/lib/esm/variables/colors/_colors_vis_hcm.js +67 -0
  22. package/lib/esm/variables/colors/index.js +2 -1
  23. package/lib/eui_theme_borealis_dark.json +2 -0
  24. package/lib/eui_theme_borealis_dark.json.d.ts +2 -0
  25. package/lib/eui_theme_borealis_light.json +10 -8
  26. package/lib/eui_theme_borealis_light.json.d.ts +2 -0
  27. package/package.json +2 -2
  28. package/src/variables/colors/_colors_dark.scss +3 -0
  29. package/src/variables/colors/_colors_light.scss +14 -10
package/lib/cjs/index.js CHANGED
@@ -59,7 +59,8 @@ var euiThemeBorealis = exports.euiThemeBorealis = {
59
59
  flags: {
60
60
  hasGlobalFocusColor: true,
61
61
  hasVisColorAdjustment: false,
62
- buttonVariant: 'refresh'
62
+ buttonVariant: 'refresh',
63
+ formVariant: 'refresh'
63
64
  },
64
65
  overrides: _overrides.overrides
65
66
  };
package/lib/cjs/variables/_forms.d.ts CHANGED
@@ -6,10 +6,17 @@ export declare const forms: {
6
6
  backgroundReadOnly: any;
7
7
  backgroundFocused: any;
8
8
  backgroundAutofilled: any;
9
+ backgroundDropping: string;
9
10
  prependBackground: any;
10
11
  border: any;
11
12
  borderDisabled: any;
13
+ borderFocused: any;
14
+ borderInvalid: any;
15
+ borderHovered: any;
16
+ borderInvalidHovered: any;
12
17
  borderAutofilled: any;
18
+ borderAutofilledHovered: any;
19
+ clearButtonBackground: string;
13
20
  controlBorder: any;
14
21
  controlBorderSelected: any;
15
22
  controlBorderDisabled: any;
@@ -20,15 +27,22 @@ export declare const forms: {
20
27
  iconDisabled: any;
21
28
  };
22
29
  DARK: {
30
+ clearButtonBackground: string;
23
31
  background: any;
24
32
  backgroundDisabled: any;
25
33
  backgroundReadOnly: any;
26
34
  backgroundFocused: any;
27
35
  backgroundAutofilled: any;
36
+ backgroundDropping: string;
28
37
  prependBackground: any;
29
38
  border: any;
30
39
  borderDisabled: any;
40
+ borderFocused: any;
41
+ borderInvalid: any;
42
+ borderHovered: any;
43
+ borderInvalidHovered: any;
31
44
  borderAutofilled: any;
45
+ borderAutofilledHovered: any;
32
46
  controlBorder: any;
33
47
  controlBorderSelected: any;
34
48
  controlBorderDisabled: any;
package/lib/cjs/variables/_forms.js CHANGED
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.forms = void 0;
8
8
  var _euiThemeCommon = require("@elastic/eui-theme-common");
9
+ var _semantic_colors = require("./colors/_semantic_colors");
9
10
  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; }
10
11
  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; }
11
12
  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; }
@@ -36,9 +37,9 @@ var _forms = {
36
37
  }, ['colors.backgroundBaseDisabled']),
37
38
  backgroundReadOnly: (0, _euiThemeCommon.computed)(function (_ref5) {
38
39
  var _ref6 = _slicedToArray(_ref5, 1),
39
- backgroundBasePlain = _ref6[0];
40
- return backgroundBasePlain;
41
- }, ['colors.backgroundBasePlain']),
40
+ backgroundBaseDisabled = _ref6[0];
41
+ return backgroundBaseDisabled;
42
+ }, ['colors.backgroundBaseDisabled']),
42
43
  backgroundFocused: (0, _euiThemeCommon.computed)(function (_ref7) {
43
44
  var _ref8 = _slicedToArray(_ref7, 1),
44
45
  backgroundBasePlain = _ref8[0];
@@ -49,6 +50,7 @@ var _forms = {
49
50
  backgroundBasePrimary = _ref10[0];
50
51
  return backgroundBasePrimary;
51
52
  }, ['colors.backgroundBasePrimary']),
53
+ backgroundDropping: _semantic_colors.SEMANTIC_COLORS.success70Alpha16,
52
54
  prependBackground: (0, _euiThemeCommon.computed)(function (_ref11) {
53
55
  var _ref12 = _slicedToArray(_ref11, 1),
54
56
  backgroundBaseFormsPrepend = _ref12[0];
@@ -64,53 +66,81 @@ var _forms = {
64
66
  borderBaseDisabled = _ref16[0];
65
67
  return borderBaseDisabled;
66
68
  }, ['colors.borderBaseDisabled']),
67
- borderAutofilled: (0, _euiThemeCommon.computed)(function (_ref17) {
69
+ borderFocused: (0, _euiThemeCommon.computed)(function (_ref17) {
68
70
  var _ref18 = _slicedToArray(_ref17, 1),
69
- borderBasePrimary = _ref18[0];
71
+ borderStrongPrimary = _ref18[0];
72
+ return borderStrongPrimary;
73
+ }, ['colors.borderStrongPrimary']),
74
+ borderInvalid: (0, _euiThemeCommon.computed)(function (_ref19) {
75
+ var _ref20 = _slicedToArray(_ref19, 1),
76
+ borderStrongDanger = _ref20[0];
77
+ return borderStrongDanger;
78
+ }, ['colors.borderStrongDanger']),
79
+ borderHovered: (0, _euiThemeCommon.computed)(function (_ref21) {
80
+ var _ref22 = _slicedToArray(_ref21, 1),
81
+ borderInteractiveFormsHoverPlain = _ref22[0];
82
+ return borderInteractiveFormsHoverPlain;
83
+ }, ['colors.borderInteractiveFormsHoverPlain']),
84
+ borderInvalidHovered: (0, _euiThemeCommon.computed)(function (_ref23) {
85
+ var _ref24 = _slicedToArray(_ref23, 1),
86
+ borderInteractiveFormsHoverDanger = _ref24[0];
87
+ return borderInteractiveFormsHoverDanger;
88
+ }, ['colors.borderInteractiveFormsHoverDanger']),
89
+ borderAutofilled: (0, _euiThemeCommon.computed)(function (_ref25) {
90
+ var _ref26 = _slicedToArray(_ref25, 1),
91
+ borderBasePrimary = _ref26[0];
70
92
  return borderBasePrimary;
71
93
  }, ['colors.borderBasePrimary']),
72
- controlBorder: (0, _euiThemeCommon.computed)(function (_ref19) {
73
- var _ref20 = _slicedToArray(_ref19, 1),
74
- borderBaseFormsControl = _ref20[0];
94
+ borderAutofilledHovered: (0, _euiThemeCommon.computed)(function (_ref27) {
95
+ var _ref28 = _slicedToArray(_ref27, 1),
96
+ borderStrongPrimary = _ref28[0];
97
+ return borderStrongPrimary;
98
+ }, ['colors.borderStrongPrimary']),
99
+ clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade60,
100
+ controlBorder: (0, _euiThemeCommon.computed)(function (_ref29) {
101
+ var _ref30 = _slicedToArray(_ref29, 1),
102
+ borderBaseFormsControl = _ref30[0];
75
103
  return borderBaseFormsControl;
76
104
  }, ['colors.borderBaseFormsControl']),
77
- controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref21) {
78
- var _ref22 = _slicedToArray(_ref21, 1),
79
- borderStrongPrimary = _ref22[0];
105
+ controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref31) {
106
+ var _ref32 = _slicedToArray(_ref31, 1),
107
+ borderStrongPrimary = _ref32[0];
80
108
  return borderStrongPrimary;
81
109
  }, ['colors.borderStrongPrimary']),
82
- controlBorderDisabled: (0, _euiThemeCommon.computed)(function (_ref23) {
83
- var _ref24 = _slicedToArray(_ref23, 1),
84
- borderBaseDisabled = _ref24[0];
110
+ controlBorderDisabled: (0, _euiThemeCommon.computed)(function (_ref33) {
111
+ var _ref34 = _slicedToArray(_ref33, 1),
112
+ borderBaseDisabled = _ref34[0];
85
113
  return borderBaseDisabled;
86
114
  }, ['colors.borderBaseDisabled']),
87
115
  controlBackgroundUnselected: 'transparent',
88
- controlBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref25) {
89
- var _ref26 = _slicedToArray(_ref25, 1),
90
- backgroundBaseFormsControlDisabled = _ref26[0];
116
+ controlBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref35) {
117
+ var _ref36 = _slicedToArray(_ref35, 1),
118
+ backgroundBaseFormsControlDisabled = _ref36[0];
91
119
  return backgroundBaseFormsControlDisabled;
92
120
  }, ['colors.backgroundBaseFormsControlDisabled']),
93
- colorHasPlaceholder: (0, _euiThemeCommon.computed)(function (_ref27) {
94
- var _ref28 = _slicedToArray(_ref27, 1),
95
- textSubdued = _ref28[0];
121
+ colorHasPlaceholder: (0, _euiThemeCommon.computed)(function (_ref37) {
122
+ var _ref38 = _slicedToArray(_ref37, 1),
123
+ textSubdued = _ref38[0];
96
124
  return textSubdued;
97
125
  }, ['colors.textSubdued']),
98
- colorDisabled: (0, _euiThemeCommon.computed)(function (_ref29) {
99
- var _ref30 = _slicedToArray(_ref29, 1),
100
- textDisabled = _ref30[0];
126
+ colorDisabled: (0, _euiThemeCommon.computed)(function (_ref39) {
127
+ var _ref40 = _slicedToArray(_ref39, 1),
128
+ textDisabled = _ref40[0];
101
129
  return textDisabled;
102
130
  }, ['colors.textDisabled']),
103
- iconDisabled: (0, _euiThemeCommon.computed)(function (_ref31) {
104
- var _ref32 = _slicedToArray(_ref31, 1),
105
- textDisabled = _ref32[0];
131
+ iconDisabled: (0, _euiThemeCommon.computed)(function (_ref41) {
132
+ var _ref42 = _slicedToArray(_ref41, 1),
133
+ textDisabled = _ref42[0];
106
134
  return textDisabled;
107
135
  }, ['colors.textDisabled'])
108
136
  };
109
- var _dark_forms = _objectSpread({}, _forms);
137
+ var _dark_forms = _objectSpread(_objectSpread({}, _forms), {}, {
138
+ clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade90
139
+ });
110
140
  var forms = exports.forms = {
111
- maxWidth: (0, _euiThemeCommon.computed)(function (_ref33) {
112
- var _ref34 = _slicedToArray(_ref33, 1),
113
- base = _ref34[0];
141
+ maxWidth: (0, _euiThemeCommon.computed)(function (_ref43) {
142
+ var _ref44 = _slicedToArray(_ref43, 1),
143
+ base = _ref44[0];
114
144
  return (0, _euiThemeCommon.mathWithUnits)(base, function (x) {
115
145
  return x * 25;
116
146
  });
package/lib/cjs/variables/_overrides.js CHANGED
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.overrides = void 0;
7
7
  var _primitive_colors = require("./colors/_primitive_colors");
8
+ var _colors_vis_hcm = require("./colors/_colors_vis_hcm");
9
+ var _colors_severity_hcm = require("./colors/_colors_severity_hcm");
8
10
  /*
9
11
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
10
12
  * or more contributor license agreements. Licensed under the Elastic License
@@ -17,7 +19,11 @@ var overrides = exports.overrides = {
17
19
  HCM: {
18
20
  colors: {
19
21
  ink: _primitive_colors.PRIMITIVE_COLORS.black,
20
- ghost: _primitive_colors.PRIMITIVE_COLORS.white
22
+ ghost: _primitive_colors.PRIMITIVE_COLORS.white,
23
+ LIGHT: {
24
+ vis: _colors_vis_hcm.visColorsLightHighContrast,
25
+ severity: _colors_severity_hcm.severityColorsLightHighContrast
26
+ }
21
27
  }
22
28
  }
23
29
  };
package/lib/cjs/variables/colors/_colors_dark.js CHANGED
@@ -144,6 +144,8 @@ var dark_border_colors = exports.dark_border_colors = {
144
144
  borderBaseFloating: _semantic_colors.SEMANTIC_COLORS.shade120,
145
145
  borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha32,
146
146
  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade80,
147
+ borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade90,
148
+ borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger70,
147
149
  borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
148
150
  borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent60,
149
151
  borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary60,
package/lib/cjs/variables/colors/_colors_light.js CHANGED
@@ -35,7 +35,7 @@ var brand_text_colors = exports.brand_text_colors = {
35
35
  primaryText: _semantic_colors.SEMANTIC_COLORS.primary100,
36
36
  accentText: _semantic_colors.SEMANTIC_COLORS.accent100,
37
37
  successText: _semantic_colors.SEMANTIC_COLORS.success100,
38
- warningText: _semantic_colors.SEMANTIC_COLORS.warning110,
38
+ warningText: _semantic_colors.SEMANTIC_COLORS.warning100,
39
39
  dangerText: _semantic_colors.SEMANTIC_COLORS.danger100,
40
40
  /* New colors */
41
41
  textPrimary: _semantic_colors.SEMANTIC_COLORS.primary100,
@@ -43,7 +43,7 @@ var brand_text_colors = exports.brand_text_colors = {
43
43
  textAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
44
44
  textNeutral: _semantic_colors.SEMANTIC_COLORS.neutral100,
45
45
  textSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
46
- textWarning: _semantic_colors.SEMANTIC_COLORS.warning110,
46
+ textWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
47
47
  textRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
48
48
  textDanger: _semantic_colors.SEMANTIC_COLORS.danger100
49
49
  };
@@ -144,14 +144,16 @@ var border_colors = exports.border_colors = {
144
144
  borderBaseFloating: _primitive_colors.PRIMITIVE_COLORS.transparent,
145
145
  borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.shade100Alpha24,
146
146
  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade60,
147
- borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary100,
148
- borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent100,
149
- borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
150
- borderStrongNeutral: _semantic_colors.SEMANTIC_COLORS.neutral100,
151
- borderStrongSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
152
- borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
153
- borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
154
- borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger100,
147
+ borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade40,
148
+ borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger80,
149
+ borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
150
+ borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent90,
151
+ borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary90,
152
+ borderStrongNeutral: _semantic_colors.SEMANTIC_COLORS.neutral90,
153
+ borderStrongSuccess: _semantic_colors.SEMANTIC_COLORS.success90,
154
+ borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning90,
155
+ borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk90,
156
+ borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
155
157
  borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade90
156
158
  };
157
159
  var special_colors = exports.special_colors = {
package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const severityColorsLightHighContrast: {
2
+ unknown: string;
3
+ neutral: string;
4
+ success: string;
5
+ warning: string;
6
+ risk: string;
7
+ danger: string;
8
+ };
package/lib/cjs/variables/colors/_colors_severity_hcm.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.severityColorsLightHighContrast = void 0;
7
+ var _semantic_colors = require("./_semantic_colors");
8
+ /*
9
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
10
+ * or more contributor license agreements. Licensed under the Elastic License
11
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
12
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
13
+ * Side Public License, v 1.
14
+ */
15
+
16
+ var severityColorsLightHighContrast = exports.severityColorsLightHighContrast = {
17
+ unknown: _semantic_colors.SEMANTIC_COLORS.shade70,
18
+ neutral: _semantic_colors.SEMANTIC_COLORS.neutral70,
19
+ success: _semantic_colors.SEMANTIC_COLORS.success80,
20
+ warning: _semantic_colors.SEMANTIC_COLORS.warning80,
21
+ risk: _semantic_colors.SEMANTIC_COLORS.risk70,
22
+ danger: _semantic_colors.SEMANTIC_COLORS.danger70
23
+ };
package/lib/cjs/variables/colors/_colors_vis_hcm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
2
+ export declare const visColorsLightHighContrast: _EuiThemeVisColors;
package/lib/cjs/variables/colors/_colors_vis_hcm.js ADDED
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.visColorsLightHighContrast = void 0;
7
+ var _semantic_colors = require("./_semantic_colors");
8
+ var _primitive_colors = require("./_primitive_colors");
9
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
10
+ 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; }
11
+ 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; }
12
+ 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; }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
15
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
16
+ * or more contributor license agreements. Licensed under the Elastic License
17
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
18
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
19
+ * Side Public License, v 1.
20
+ */
21
+ var baseColorVis = {
22
+ euiColorVis0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
23
+ euiColorVis1: _semantic_colors.SEMANTIC_COLORS.accentSecondary80,
24
+ euiColorVis2: _semantic_colors.SEMANTIC_COLORS.primary110,
25
+ euiColorVis3: _semantic_colors.SEMANTIC_COLORS.primary80,
26
+ euiColorVis4: _semantic_colors.SEMANTIC_COLORS.accent110,
27
+ euiColorVis5: _semantic_colors.SEMANTIC_COLORS.accent80,
28
+ euiColorVis6: _semantic_colors.SEMANTIC_COLORS.danger110,
29
+ euiColorVis7: _semantic_colors.SEMANTIC_COLORS.danger80,
30
+ euiColorVis8: _semantic_colors.SEMANTIC_COLORS.warning110,
31
+ euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80
32
+ };
33
+ var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpread(_objectSpread({}, baseColorVis), {}, {
34
+ euiColorVisBehindText0: baseColorVis.euiColorVis0,
35
+ euiColorVisBehindText1: baseColorVis.euiColorVis1,
36
+ euiColorVisBehindText2: baseColorVis.euiColorVis2,
37
+ euiColorVisBehindText3: baseColorVis.euiColorVis3,
38
+ euiColorVisBehindText4: baseColorVis.euiColorVis4,
39
+ euiColorVisBehindText5: baseColorVis.euiColorVis5,
40
+ euiColorVisBehindText6: baseColorVis.euiColorVis6,
41
+ euiColorVisBehindText7: baseColorVis.euiColorVis7,
42
+ euiColorVisBehindText8: baseColorVis.euiColorVis8,
43
+ euiColorVisBehindText9: baseColorVis.euiColorVis9,
44
+ euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
45
+ euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
46
+ euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
47
+ euiColorVisText3: _semantic_colors.SEMANTIC_COLORS.primary90,
48
+ euiColorVisText4: _semantic_colors.SEMANTIC_COLORS.accent100,
49
+ euiColorVisText5: _semantic_colors.SEMANTIC_COLORS.accent80,
50
+ euiColorVisText6: _semantic_colors.SEMANTIC_COLORS.danger100,
51
+ euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
52
+ euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
53
+ euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
54
+ euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral100,
55
+ euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral80,
56
+ euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success100,
57
+ euiColorVisSuccess1: _semantic_colors.SEMANTIC_COLORS.success80,
58
+ euiColorVisWarning0: _semantic_colors.SEMANTIC_COLORS.warning100,
59
+ euiColorVisWarning1: _semantic_colors.SEMANTIC_COLORS.warning80,
60
+ euiColorVisRisk0: _semantic_colors.SEMANTIC_COLORS.risk100,
61
+ euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk80,
62
+ euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger100,
63
+ euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger80,
64
+ euiColorVisBase0: _primitive_colors.PRIMITIVE_COLORS.mutedGrey10,
65
+ euiColorVisGrey0: _primitive_colors.PRIMITIVE_COLORS.blueGrey30,
66
+ euiColorVisGrey1: _primitive_colors.PRIMITIVE_COLORS.blueGrey60,
67
+ euiColorVisGrey2: _primitive_colors.PRIMITIVE_COLORS.blueGrey90,
68
+ euiColorVisGrey3: _primitive_colors.PRIMITIVE_COLORS.blueGrey130,
69
+ euiColorVisWarm0: _semantic_colors.SEMANTIC_COLORS.danger10,
70
+ euiColorVisWarm1: _semantic_colors.SEMANTIC_COLORS.danger50,
71
+ euiColorVisWarm2: _semantic_colors.SEMANTIC_COLORS.danger100,
72
+ euiColorVisCool0: _semantic_colors.SEMANTIC_COLORS.primary10,
73
+ euiColorVisCool1: _semantic_colors.SEMANTIC_COLORS.primary50,
74
+ euiColorVisCool2: _semantic_colors.SEMANTIC_COLORS.primary100,
75
+ euiColorVisComplementary0: _semantic_colors.SEMANTIC_COLORS.primary80,
76
+ euiColorVisComplementary1: _semantic_colors.SEMANTIC_COLORS.warning80
77
+ });
package/lib/cjs/variables/colors/index.js CHANGED
@@ -27,11 +27,12 @@ var colors = exports.colors = {
27
27
  ink: _semantic_colors.SEMANTIC_COLORS.plainDark,
28
28
  plainLight: _semantic_colors.SEMANTIC_COLORS.plainLight,
29
29
  plainDark: _semantic_colors.SEMANTIC_COLORS.plainDark,
30
- severity: _colors_severity.severityColors,
31
30
  LIGHT: _objectSpread(_objectSpread({}, _colors_light.light_colors), {}, {
32
- vis: _colors_vis_light.colorVisLight
31
+ vis: _colors_vis_light.colorVisLight,
32
+ severity: _colors_severity.severityColors
33
33
  }),
34
34
  DARK: _objectSpread(_objectSpread({}, _colors_dark.dark_colors), {}, {
35
- vis: _colors_vis_dark.colorVisDark
35
+ vis: _colors_vis_dark.colorVisDark,
36
+ severity: _colors_severity.severityColors
36
37
  })
37
38
  };
package/lib/esm/index.js CHANGED
@@ -35,6 +35,7 @@ export const euiThemeBorealis = {
35
35
  hasGlobalFocusColor: true,
36
36
  hasVisColorAdjustment: false,
37
37
  buttonVariant: 'refresh',
38
+ formVariant: 'refresh',
38
39
  },
39
40
  overrides,
40
41
  };
package/lib/esm/variables/_forms.d.ts CHANGED
@@ -6,10 +6,17 @@ export declare const forms: {
6
6
  backgroundReadOnly: any;
7
7
  backgroundFocused: any;
8
8
  backgroundAutofilled: any;
9
+ backgroundDropping: string;
9
10
  prependBackground: any;
10
11
  border: any;
11
12
  borderDisabled: any;
13
+ borderFocused: any;
14
+ borderInvalid: any;
15
+ borderHovered: any;
16
+ borderInvalidHovered: any;
12
17
  borderAutofilled: any;
18
+ borderAutofilledHovered: any;
19
+ clearButtonBackground: string;
13
20
  controlBorder: any;
14
21
  controlBorderSelected: any;
15
22
  controlBorderDisabled: any;
@@ -20,15 +27,22 @@ export declare const forms: {
20
27
  iconDisabled: any;
21
28
  };
22
29
  DARK: {
30
+ clearButtonBackground: string;
23
31
  background: any;
24
32
  backgroundDisabled: any;
25
33
  backgroundReadOnly: any;
26
34
  backgroundFocused: any;
27
35
  backgroundAutofilled: any;
36
+ backgroundDropping: string;
28
37
  prependBackground: any;
29
38
  border: any;
30
39
  borderDisabled: any;
40
+ borderFocused: any;
41
+ borderInvalid: any;
42
+ borderHovered: any;
43
+ borderInvalidHovered: any;
31
44
  borderAutofilled: any;
45
+ borderAutofilledHovered: any;
32
46
  controlBorder: any;
33
47
  controlBorderSelected: any;
34
48
  controlBorderDisabled: any;
package/lib/esm/variables/_forms.js CHANGED
@@ -6,16 +6,24 @@
6
6
  * Side Public License, v 1.
7
7
  */
8
8
  import { computed, mathWithUnits } from '@elastic/eui-theme-common';
9
+ import { SEMANTIC_COLORS } from './colors/_semantic_colors';
9
10
  const _forms = {
10
11
  background: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
11
12
  backgroundDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
12
- backgroundReadOnly: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
13
+ backgroundReadOnly: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
13
14
  backgroundFocused: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
14
15
  backgroundAutofilled: computed(([backgroundBasePrimary]) => backgroundBasePrimary, ['colors.backgroundBasePrimary']),
16
+ backgroundDropping: SEMANTIC_COLORS.success70Alpha16,
15
17
  prependBackground: computed(([backgroundBaseFormsPrepend]) => backgroundBaseFormsPrepend, ['colors.backgroundBaseFormsPrepend']),
16
18
  border: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
17
19
  borderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
20
+ borderFocused: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
21
+ borderInvalid: computed(([borderStrongDanger]) => borderStrongDanger, ['colors.borderStrongDanger']),
22
+ borderHovered: computed(([borderInteractiveFormsHoverPlain]) => borderInteractiveFormsHoverPlain, ['colors.borderInteractiveFormsHoverPlain']),
23
+ borderInvalidHovered: computed(([borderInteractiveFormsHoverDanger]) => borderInteractiveFormsHoverDanger, ['colors.borderInteractiveFormsHoverDanger']),
18
24
  borderAutofilled: computed(([borderBasePrimary]) => borderBasePrimary, ['colors.borderBasePrimary']),
25
+ borderAutofilledHovered: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
26
+ clearButtonBackground: SEMANTIC_COLORS.shade60,
19
27
  controlBorder: computed(([borderBaseFormsControl]) => borderBaseFormsControl, ['colors.borderBaseFormsControl']),
20
28
  controlBorderSelected: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
21
29
  controlBorderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
@@ -27,6 +35,7 @@ const _forms = {
27
35
  };
28
36
  const _dark_forms = {
29
37
  ..._forms,
38
+ clearButtonBackground: SEMANTIC_COLORS.shade90,
30
39
  };
31
40
  export const forms = {
32
41
  maxWidth: computed(([base]) => mathWithUnits(base, (x) => x * 25), ['size.base']),
package/lib/esm/variables/_overrides.js CHANGED
@@ -6,11 +6,17 @@
6
6
  * Side Public License, v 1.
7
7
  */
8
8
  import { PRIMITIVE_COLORS } from './colors/_primitive_colors';
9
+ import { visColorsLightHighContrast } from './colors/_colors_vis_hcm';
10
+ import { severityColorsLightHighContrast } from './colors/_colors_severity_hcm';
9
11
  export const overrides = {
10
12
  HCM: {
11
13
  colors: {
12
14
  ink: PRIMITIVE_COLORS.black,
13
15
  ghost: PRIMITIVE_COLORS.white,
16
+ LIGHT: {
17
+ vis: visColorsLightHighContrast,
18
+ severity: severityColorsLightHighContrast,
19
+ },
14
20
  },
15
21
  },
16
22
  };
package/lib/esm/variables/colors/_colors_dark.js CHANGED
@@ -131,6 +131,8 @@ export const dark_border_colors = {
131
131
  borderBaseFloating: SEMANTIC_COLORS.shade120,
132
132
  borderBaseFormsColorSwatch: SEMANTIC_COLORS.plainLightAlpha32,
133
133
  borderBaseFormsControl: SEMANTIC_COLORS.shade80,
134
+ borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade90,
135
+ borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger70,
134
136
  borderStrongPrimary: SEMANTIC_COLORS.primary60,
135
137
  borderStrongAccent: SEMANTIC_COLORS.accent60,
136
138
  borderStrongAccentSecondary: SEMANTIC_COLORS.accentSecondary60,
package/lib/esm/variables/colors/_colors_light.js CHANGED
@@ -23,7 +23,7 @@ export const brand_text_colors = {
23
23
  primaryText: SEMANTIC_COLORS.primary100,
24
24
  accentText: SEMANTIC_COLORS.accent100,
25
25
  successText: SEMANTIC_COLORS.success100,
26
- warningText: SEMANTIC_COLORS.warning110,
26
+ warningText: SEMANTIC_COLORS.warning100,
27
27
  dangerText: SEMANTIC_COLORS.danger100,
28
28
  /* New colors */
29
29
  textPrimary: SEMANTIC_COLORS.primary100,
@@ -31,7 +31,7 @@ export const brand_text_colors = {
31
31
  textAccentSecondary: SEMANTIC_COLORS.accentSecondary100,
32
32
  textNeutral: SEMANTIC_COLORS.neutral100,
33
33
  textSuccess: SEMANTIC_COLORS.success100,
34
- textWarning: SEMANTIC_COLORS.warning110,
34
+ textWarning: SEMANTIC_COLORS.warning100,
35
35
  textRisk: SEMANTIC_COLORS.risk100,
36
36
  textDanger: SEMANTIC_COLORS.danger100,
37
37
  };
@@ -131,14 +131,16 @@ export const border_colors = {
131
131
  borderBaseFloating: PRIMITIVE_COLORS.transparent,
132
132
  borderBaseFormsColorSwatch: SEMANTIC_COLORS.shade100Alpha24,
133
133
  borderBaseFormsControl: SEMANTIC_COLORS.shade60,
134
- borderStrongPrimary: SEMANTIC_COLORS.primary100,
135
- borderStrongAccent: SEMANTIC_COLORS.accent100,
136
- borderStrongAccentSecondary: SEMANTIC_COLORS.accentSecondary100,
137
- borderStrongNeutral: SEMANTIC_COLORS.neutral100,
138
- borderStrongSuccess: SEMANTIC_COLORS.success100,
139
- borderStrongWarning: SEMANTIC_COLORS.warning100,
140
- borderStrongRisk: SEMANTIC_COLORS.risk100,
141
- borderStrongDanger: SEMANTIC_COLORS.danger100,
134
+ borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade40,
135
+ borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger80,
136
+ borderStrongPrimary: SEMANTIC_COLORS.primary90,
137
+ borderStrongAccent: SEMANTIC_COLORS.accent90,
138
+ borderStrongAccentSecondary: SEMANTIC_COLORS.accentSecondary90,
139
+ borderStrongNeutral: SEMANTIC_COLORS.neutral90,
140
+ borderStrongSuccess: SEMANTIC_COLORS.success90,
141
+ borderStrongWarning: SEMANTIC_COLORS.warning90,
142
+ borderStrongRisk: SEMANTIC_COLORS.risk90,
143
+ borderStrongDanger: SEMANTIC_COLORS.danger90,
142
144
  borderStrongText: SEMANTIC_COLORS.shade90,
143
145
  };
144
146
  export const special_colors = {
package/lib/esm/variables/colors/_colors_severity_hcm.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const severityColorsLightHighContrast: {
2
+ unknown: string;
3
+ neutral: string;
4
+ success: string;
5
+ warning: string;
6
+ risk: string;
7
+ danger: string;
8
+ };
package/lib/esm/variables/colors/_colors_severity_hcm.js ADDED
@@ -0,0 +1,16 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ import { SEMANTIC_COLORS } from './_semantic_colors';
9
+ export const severityColorsLightHighContrast = {
10
+ unknown: SEMANTIC_COLORS.shade70,
11
+ neutral: SEMANTIC_COLORS.neutral70,
12
+ success: SEMANTIC_COLORS.success80,
13
+ warning: SEMANTIC_COLORS.warning80,
14
+ risk: SEMANTIC_COLORS.risk70,
15
+ danger: SEMANTIC_COLORS.danger70,
16
+ };
package/lib/esm/variables/colors/_colors_vis_hcm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
2
+ export declare const visColorsLightHighContrast: _EuiThemeVisColors;
package/lib/esm/variables/colors/_colors_vis_hcm.js ADDED
@@ -0,0 +1,67 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ import { SEMANTIC_COLORS } from './_semantic_colors';
9
+ import { PRIMITIVE_COLORS } from './_primitive_colors';
10
+ const baseColorVis = {
11
+ euiColorVis0: SEMANTIC_COLORS.accentSecondary110,
12
+ euiColorVis1: SEMANTIC_COLORS.accentSecondary80,
13
+ euiColorVis2: SEMANTIC_COLORS.primary110,
14
+ euiColorVis3: SEMANTIC_COLORS.primary80,
15
+ euiColorVis4: SEMANTIC_COLORS.accent110,
16
+ euiColorVis5: SEMANTIC_COLORS.accent80,
17
+ euiColorVis6: SEMANTIC_COLORS.danger110,
18
+ euiColorVis7: SEMANTIC_COLORS.danger80,
19
+ euiColorVis8: SEMANTIC_COLORS.warning110,
20
+ euiColorVis9: SEMANTIC_COLORS.warning80,
21
+ };
22
+ export const visColorsLightHighContrast = {
23
+ ...baseColorVis,
24
+ euiColorVisBehindText0: baseColorVis.euiColorVis0,
25
+ euiColorVisBehindText1: baseColorVis.euiColorVis1,
26
+ euiColorVisBehindText2: baseColorVis.euiColorVis2,
27
+ euiColorVisBehindText3: baseColorVis.euiColorVis3,
28
+ euiColorVisBehindText4: baseColorVis.euiColorVis4,
29
+ euiColorVisBehindText5: baseColorVis.euiColorVis5,
30
+ euiColorVisBehindText6: baseColorVis.euiColorVis6,
31
+ euiColorVisBehindText7: baseColorVis.euiColorVis7,
32
+ euiColorVisBehindText8: baseColorVis.euiColorVis8,
33
+ euiColorVisBehindText9: baseColorVis.euiColorVis9,
34
+ euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
35
+ euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
36
+ euiColorVisText2: SEMANTIC_COLORS.primary110,
37
+ euiColorVisText3: SEMANTIC_COLORS.primary90,
38
+ euiColorVisText4: SEMANTIC_COLORS.accent100,
39
+ euiColorVisText5: SEMANTIC_COLORS.accent80,
40
+ euiColorVisText6: SEMANTIC_COLORS.danger100,
41
+ euiColorVisText7: SEMANTIC_COLORS.danger80,
42
+ euiColorVisText8: SEMANTIC_COLORS.warning110,
43
+ euiColorVisText9: SEMANTIC_COLORS.warning90,
44
+ euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
45
+ euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
46
+ euiColorVisSuccess0: SEMANTIC_COLORS.success100,
47
+ euiColorVisSuccess1: SEMANTIC_COLORS.success80,
48
+ euiColorVisWarning0: SEMANTIC_COLORS.warning100,
49
+ euiColorVisWarning1: SEMANTIC_COLORS.warning80,
50
+ euiColorVisRisk0: SEMANTIC_COLORS.risk100,
51
+ euiColorVisRisk1: SEMANTIC_COLORS.risk80,
52
+ euiColorVisDanger0: SEMANTIC_COLORS.danger100,
53
+ euiColorVisDanger1: SEMANTIC_COLORS.danger80,
54
+ euiColorVisBase0: PRIMITIVE_COLORS.mutedGrey10,
55
+ euiColorVisGrey0: PRIMITIVE_COLORS.blueGrey30,
56
+ euiColorVisGrey1: PRIMITIVE_COLORS.blueGrey60,
57
+ euiColorVisGrey2: PRIMITIVE_COLORS.blueGrey90,
58
+ euiColorVisGrey3: PRIMITIVE_COLORS.blueGrey130,
59
+ euiColorVisWarm0: SEMANTIC_COLORS.danger10,
60
+ euiColorVisWarm1: SEMANTIC_COLORS.danger50,
61
+ euiColorVisWarm2: SEMANTIC_COLORS.danger100,
62
+ euiColorVisCool0: SEMANTIC_COLORS.primary10,
63
+ euiColorVisCool1: SEMANTIC_COLORS.primary50,
64
+ euiColorVisCool2: SEMANTIC_COLORS.primary100,
65
+ euiColorVisComplementary0: SEMANTIC_COLORS.primary80,
66
+ euiColorVisComplementary1: SEMANTIC_COLORS.warning80,
67
+ };
package/lib/esm/variables/colors/index.js CHANGED
@@ -16,13 +16,14 @@ export const colors = {
16
16
  ink: SEMANTIC_COLORS.plainDark,
17
17
  plainLight: SEMANTIC_COLORS.plainLight,
18
18
  plainDark: SEMANTIC_COLORS.plainDark,
19
- severity: severityColors,
20
19
  LIGHT: {
21
20
  ...light_colors,
22
21
  vis: colorVisLight,
22
+ severity: severityColors,
23
23
  },
24
24
  DARK: {
25
25
  ...dark_colors,
26
26
  vis: colorVisDark,
27
+ severity: severityColors,
27
28
  },
28
29
  };
package/lib/eui_theme_borealis_dark.json CHANGED
@@ -413,6 +413,8 @@
413
413
  "euiColorBorderBaseFloating": "#2B394F",
414
414
  "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255, 0.32)",
415
415
  "euiColorBorderBaseFormsControl": "#6A7FA0",
416
+ "euiColorBorderInteractiveFormsHoverPlain": "#5A6D8C",
417
+ "euiColorBorderInteractiveFormsHoverDanger": "#EE4C48",
416
418
  "euiColorBorderStrongPrimary": "#61A2FF",
417
419
  "euiColorBorderStrongAccent": "#EE72A6",
418
420
  "euiColorBorderStrongAccentSecondary": "#16C5C0",
package/lib/eui_theme_borealis_dark.json.d.ts CHANGED
@@ -414,6 +414,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
414
414
  euiColorBorderBaseFloating: string;
415
415
  euiColorBorderBaseFormsColorSwatch: string;
416
416
  euiColorBorderBaseFormsControl: string;
417
+ euiColorBorderInteractiveFormsHoverPlain: string;
418
+ euiColorBorderInteractiveFormsHoverDanger: string;
417
419
  euiColorBorderStrongPrimary: string;
418
420
  euiColorBorderStrongAccent: string;
419
421
  euiColorBorderStrongAccentSecondary: string;
package/lib/eui_theme_borealis_light.json CHANGED
@@ -413,13 +413,15 @@
413
413
  "euiColorBorderBaseFloating": "transparent",
414
414
  "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
415
415
  "euiColorBorderBaseFormsControl": "#8E9FBC",
416
- "euiColorBorderStrongPrimary": "#1750BA",
417
- "euiColorBorderStrongAccent": "#A11262",
418
- "euiColorBorderStrongAccentSecondary": "#047471",
419
- "euiColorBorderStrongNeutral": "#0F658A",
420
- "euiColorBorderStrongSuccess": "#09724D",
421
- "euiColorBorderStrongWarning": "#825803",
422
- "euiColorBorderStrongRisk": "#9E3A16",
423
- "euiColorBorderStrongDanger": "#A71627",
416
+ "euiColorBorderInteractiveFormsHoverPlain": "#B4C1D5",
417
+ "euiColorBorderInteractiveFormsHoverDanger": "#DA3737",
418
+ "euiColorBorderStrongPrimary": "#0B64DD",
419
+ "euiColorBorderStrongAccent": "#BC1E70",
420
+ "euiColorBorderStrongAccentSecondary": "#008B87",
421
+ "euiColorBorderStrongNeutral": "#19799F",
422
+ "euiColorBorderStrongSuccess": "#008A5E",
423
+ "euiColorBorderStrongWarning": "#966B03",
424
+ "euiColorBorderStrongRisk": "#C24411",
425
+ "euiColorBorderStrongDanger": "#C61E25",
424
426
  "euiColorBorderStrongText": "#5A6D8C"
425
427
  }
package/lib/eui_theme_borealis_light.json.d.ts CHANGED
@@ -414,6 +414,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
414
414
  euiColorBorderBaseFloating: string;
415
415
  euiColorBorderBaseFormsColorSwatch: string;
416
416
  euiColorBorderBaseFormsControl: string;
417
+ euiColorBorderInteractiveFormsHoverPlain: string;
418
+ euiColorBorderInteractiveFormsHoverDanger: string;
417
419
  euiColorBorderStrongPrimary: string;
418
420
  euiColorBorderStrongAccent: string;
419
421
  euiColorBorderStrongAccentSecondary: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elastic/eui-theme-borealis",
3
- "version": "3.2.0",
3
+ "version": "3.3.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.2.0",
36
+ "@elastic/eui-theme-common": "3.0.0",
37
37
  "@types/chroma-js": "^2.4.0",
38
38
  "@types/jest": "^29.5.12",
39
39
  "@types/prettier": "2.7.3",
package/src/variables/colors/_colors_dark.scss CHANGED
@@ -121,6 +121,9 @@ $euiColorBorderBaseFloating: $euiColorShade120 !default;
121
121
  $euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32 !default;
122
122
  $euiColorBorderBaseFormsControl: $euiColorShade80 !default;
123
123
 
124
+ $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade90 !default;
125
+ $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger70 !default;
126
+
124
127
  $euiColorBorderStrongPrimary: $euiColorPrimary60 !default;
125
128
  $euiColorBorderStrongAccent: $euiColorAccent60 !default;
126
129
  $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary60 !default;
package/src/variables/colors/_colors_light.scss CHANGED
@@ -92,7 +92,7 @@ $euiColorTextInverse: $euiColorPlainLight !default;
92
92
  $euiColorPrimaryText: $euiColorPrimary100 !default;
93
93
  $euiColorAccentText: $euiColorAccent100 !default;
94
94
  $euiColorSuccessText: $euiColorSuccess100 !default;
95
- $euiColorWarningText: $euiColorWarning110 !default;
95
+ $euiColorWarningText: $euiColorWarning100 !default;
96
96
  $euiColorDangerText: $euiColorDanger100 !default;
97
97
 
98
98
  // Brand texts
@@ -101,7 +101,7 @@ $euiColorTextAccent: $euiColorAccent100 !default;
101
101
  $euiColorTextAccentSecondary: $euiColorAccentSecondary100 !default;
102
102
  $euiColorTextNeutral: $euiColorNeutral100 !default;
103
103
  $euiColorTextSuccess: $euiColorSuccess100 !default;
104
- $euiColorTextWarning: $euiColorWarning110 !default;
104
+ $euiColorTextWarning: $euiColorWarning100 !default;
105
105
  $euiColorTextRisk: $euiColorRisk100 !default;
106
106
  $euiColorTextDanger: $euiColorDanger100 !default;
107
107
 
@@ -123,16 +123,20 @@ $euiColorBorderBaseFloating: $euiColorTransparent !default;
123
123
  $euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24 !default;
124
124
  $euiColorBorderBaseFormsControl: $euiColorShade60 !default;
125
125
 
126
- $euiColorBorderStrongPrimary: $euiColorPrimary100 !default;
127
- $euiColorBorderStrongAccent: $euiColorAccent100 !default;
128
- $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100 !default;
129
- $euiColorBorderStrongNeutral: $euiColorNeutral100 !default;
130
- $euiColorBorderStrongSuccess: $euiColorSuccess100 !default;
131
- $euiColorBorderStrongWarning: $euiColorWarning100 !default;
132
- $euiColorBorderStrongRisk: $euiColorRisk100 !default;
133
- $euiColorBorderStrongDanger: $euiColorDanger100 !default;
126
+ $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade40 !default;
127
+ $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger80 !default;
128
+
129
+ $euiColorBorderStrongPrimary: $euiColorPrimary90 !default;
130
+ $euiColorBorderStrongAccent: $euiColorAccent90 !default;
131
+ $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary90 !default;
132
+ $euiColorBorderStrongNeutral: $euiColorNeutral90 !default;
133
+ $euiColorBorderStrongSuccess: $euiColorSuccess90 !default;
134
+ $euiColorBorderStrongWarning: $euiColorWarning90 !default;
135
+ $euiColorBorderStrongRisk: $euiColorRisk90 !default;
136
+ $euiColorBorderStrongDanger: $euiColorDanger90 !default;
134
137
  $euiColorBorderStrongText: $euiColorShade90 !default;
135
138
 
139
+
136
140
  // Charts
137
141
  $euiColorChartLines: $euiColorShade30 !default;
138
142
  $euiColorChartBand: $euiColorShade10 !default;