@elastic/eui-theme-borealis 4.0.0 → 5.0.0

package/lib/cjs/variables/_forms.js

@@ -99,9 +99,9 @@ var _forms = {
   clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade60,
   controlBorder: (0, _euiThemeCommon.computed)(function (_ref29) {
     var _ref30 = _slicedToArray(_ref29, 1),
-      borderBaseFormsControl = _ref30[0];
-    return borderBaseFormsControl;
-  }, ['colors.borderBaseFormsControl']),
+      borderBaseProminent = _ref30[0];
+    return borderBaseProminent;
+  }, ['colors.borderBaseProminent']),
   controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref31) {
     var _ref32 = _slicedToArray(_ref31, 1),
       borderStrongPrimary = _ref32[0];

package/lib/cjs/variables/colors/_colors_dark.js

@@ -140,11 +140,12 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger120,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade100,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade120,
+  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade80,
   borderBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade100,
   borderBaseFloating: _semantic_colors.SEMANTIC_COLORS.shade120,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha32,
-  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade80,
   borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade90,
+  borderInteractiveFormsHoverProminent: _semantic_colors.SEMANTIC_COLORS.shade60,
   borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger70,
   borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
   borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent60,

package/lib/cjs/variables/colors/_colors_light.js

@@ -140,11 +140,12 @@ var border_colors = exports.border_colors = {
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger30,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade30,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade20,
+  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade50,
   borderBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade30,
   borderBaseFloating: _primitive_colors.PRIMITIVE_COLORS.transparent,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.shade100Alpha24,
-  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade60,
   borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade40,
+  borderInteractiveFormsHoverProminent: _semantic_colors.SEMANTIC_COLORS.shade70,
   borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger80,
   borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
   borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent90,

package/lib/esm/variables/_forms.js

@@ -24,7 +24,7 @@ const _forms = {
     borderAutofilled: computed(([borderBasePrimary]) => borderBasePrimary, ['colors.borderBasePrimary']),
     borderAutofilledHovered: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     clearButtonBackground: SEMANTIC_COLORS.shade60,
-    controlBorder: computed(([borderBaseFormsControl]) => borderBaseFormsControl, ['colors.borderBaseFormsControl']),
+    controlBorder: computed(([borderBaseProminent]) => borderBaseProminent, ['colors.borderBaseProminent']),
     controlBorderSelected: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     controlBorderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
     controlBackgroundUnselected: 'transparent',

package/lib/esm/variables/colors/_colors_dark.js

@@ -127,11 +127,12 @@ export const dark_border_colors = {
     borderBaseDanger: SEMANTIC_COLORS.danger120,
     borderBasePlain: SEMANTIC_COLORS.shade100,
     borderBaseSubdued: SEMANTIC_COLORS.shade120,
+    borderBaseProminent: SEMANTIC_COLORS.shade80,
     borderBaseDisabled: SEMANTIC_COLORS.shade100,
     borderBaseFloating: SEMANTIC_COLORS.shade120,
     borderBaseFormsColorSwatch: SEMANTIC_COLORS.plainLightAlpha32,
-    borderBaseFormsControl: SEMANTIC_COLORS.shade80,
     borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade90,
+    borderInteractiveFormsHoverProminent: SEMANTIC_COLORS.shade60,
     borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger70,
     borderStrongPrimary: SEMANTIC_COLORS.primary60,
     borderStrongAccent: SEMANTIC_COLORS.accent60,

package/lib/esm/variables/colors/_colors_light.js

@@ -127,11 +127,12 @@ export const border_colors = {
     borderBaseDanger: SEMANTIC_COLORS.danger30,
     borderBasePlain: SEMANTIC_COLORS.shade30,
     borderBaseSubdued: SEMANTIC_COLORS.shade20,
+    borderBaseProminent: SEMANTIC_COLORS.shade50,
     borderBaseDisabled: SEMANTIC_COLORS.shade30,
     borderBaseFloating: PRIMITIVE_COLORS.transparent,
     borderBaseFormsColorSwatch: SEMANTIC_COLORS.shade100Alpha24,
-    borderBaseFormsControl: SEMANTIC_COLORS.shade60,
     borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade40,
+    borderInteractiveFormsHoverProminent: SEMANTIC_COLORS.shade70,
     borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger80,
     borderStrongPrimary: SEMANTIC_COLORS.primary90,
     borderStrongAccent: SEMANTIC_COLORS.accent90,

package/lib/eui_theme_borealis_dark.json

@@ -445,11 +445,12 @@
   "euiColorBorderBaseDanger": "#5E2129",
   "euiColorBorderBasePlain": "#485975",
   "euiColorBorderBaseSubdued": "#2B394F",
+  "euiColorBorderBaseProminent": "#6A7FA0",
   "euiColorBorderBaseDisabled": "#485975",
   "euiColorBorderBaseFloating": "#2B394F",
   "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255, 0.32)",
-  "euiColorBorderBaseFormsControl": "#6A7FA0",
   "euiColorBorderInteractiveFormsHoverPlain": "#5A6D8C",
+  "euiColorBorderInteractiveFormsHoverProminent": "#8E9FBC",
   "euiColorBorderInteractiveFormsHoverDanger": "#EE4C48",
   "euiColorBorderStrongPrimary": "#61A2FF",
   "euiColorBorderStrongAccent": "#EE72A6",

package/lib/eui_theme_borealis_dark.json.d.ts

@@ -446,11 +446,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseProminent: string;
     euiColorBorderBaseDisabled: string;
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
-    euiColorBorderBaseFormsControl: string;
     euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverProminent: string;
     euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;

package/lib/eui_theme_borealis_light.json

@@ -445,11 +445,12 @@
   "euiColorBorderBaseDanger": "#FFC9C2",
   "euiColorBorderBasePlain": "#CAD3E2",
   "euiColorBorderBaseSubdued": "#E3E8F2",
+  "euiColorBorderBaseProminent": "#A2B1C9",
   "euiColorBorderBaseDisabled": "#CAD3E2",
   "euiColorBorderBaseFloating": "transparent",
   "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
-  "euiColorBorderBaseFormsControl": "#8E9FBC",
   "euiColorBorderInteractiveFormsHoverPlain": "#B4C1D5",
+  "euiColorBorderInteractiveFormsHoverProminent": "#798EAF",
   "euiColorBorderInteractiveFormsHoverDanger": "#DA3737",
   "euiColorBorderStrongPrimary": "#0B64DD",
   "euiColorBorderStrongAccent": "#BC1E70",

package/lib/eui_theme_borealis_light.json.d.ts

@@ -446,11 +446,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseProminent: string;
     euiColorBorderBaseDisabled: string;
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
-    euiColorBorderBaseFormsControl: string;
     euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverProminent: string;
     euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "A visual theme for EUI",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
@@ -33,7 +33,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
-    "@elastic/eui-theme-common": "6.0.0",
+    "@elastic/eui-theme-common": "7.0.0",
     "@types/chroma-js": "^2.4.0",
     "@types/jest": "^29.5.12",
     "@types/prettier": "2.7.3",

package/src/variables/colors/_colors_dark.scss

@@ -116,12 +116,13 @@ $euiColorBorderBaseDanger: $euiColorDanger120 !default;
 
 $euiColorBorderBasePlain: $euiColorShade100 !default;
 $euiColorBorderBaseSubdued: $euiColorShade120 !default;
+$euiColorBorderBaseProminent: $euiColorShade80 !default;
 $euiColorBorderBaseDisabled: $euiColorShade100 !default;
 $euiColorBorderBaseFloating: $euiColorShade120 !default;
 $euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32 !default;
-$euiColorBorderBaseFormsControl: $euiColorShade80 !default;
 
 $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade90 !default;
+$euiColorBorderInteractiveFormsHoverProminent: $euiColorShade60 !default;
 $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger70 !default;
 
 $euiColorBorderStrongPrimary: $euiColorPrimary60 !default;

package/src/variables/colors/_colors_light.scss

@@ -117,13 +117,14 @@ $euiColorBorderBaseDanger: $euiColorDanger30 !default;
 
 $euiColorBorderBasePlain: $euiColorShade30 !default;
 $euiColorBorderBaseSubdued: $euiColorShade20 !default;
+$euiColorBorderBaseProminent: $euiColorShade50 !default;
 $euiColorBorderBaseDisabled: $euiColorShade30 !default;
 $euiColorBorderBaseFloating: $euiColorTransparent !default;
 
 $euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24 !default;
-$euiColorBorderBaseFormsControl: $euiColorShade60 !default;
 
 $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade40 !default;
+$euiColorBorderInteractiveFormsHoverProminent: $euiColorShade70 !default;
 $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger80 !default;
 
 $euiColorBorderStrongPrimary: $euiColorPrimary90 !default;