@elastic/eui-theme-common 7.2.0 → 8.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.
Files changed (10) hide show
  1. package/lib/cjs/global_styling/variables/colors.d.ts +2 -2
  2. package/lib/cjs/global_styling/variables/components.d.ts +2 -1
  3. package/lib/cjs/global_styling/variables/typography.d.ts +3 -3
  4. package/lib/esm/global_styling/variables/colors.d.ts +2 -2
  5. package/lib/esm/global_styling/variables/components.d.ts +2 -1
  6. package/lib/esm/global_styling/variables/typography.d.ts +3 -3
  7. package/package.json +1 -1
  8. package/src/global_styling/functions/_colors.scss +3 -3
  9. package/src/global_styling/mixins/_tool_tip.scss +2 -2
  10. package/src/global_styling/variables/_buttons.scss +1 -1
package/lib/cjs/global_styling/variables/colors.d.ts CHANGED
@@ -128,6 +128,8 @@ export declare type _EuiThemeTextColors = {
128
128
  textSubdued: ColorModeSwitch;
129
129
  textDisabled: ColorModeSwitch;
130
130
  textInverse: ColorModeSwitch;
131
+ textInk: ColorModeSwitch;
132
+ textGhost: ColorModeSwitch;
131
133
  };
132
134
  export declare type _EuiThemeSpecialColors = {
133
135
  /**
@@ -329,8 +331,6 @@ export declare type _EuiThemeSeverityColors = {
329
331
  danger: string;
330
332
  };
331
333
  export declare type _EuiThemeConstantColors = {
332
- ghost: string;
333
- ink: string;
334
334
  plainLight: string;
335
335
  plainDark: string;
336
336
  };
package/lib/cjs/global_styling/variables/components.d.ts CHANGED
@@ -87,7 +87,6 @@ export declare type _EuiThemeComponentColors = {
87
87
  sideNavItemEmphasizedBackground: ColorModeSwitch;
88
88
  selectableListItemBorderColor: ColorModeSwitch;
89
89
  skeletonBackgroundSkeletonMiddleHighContrast: ColorModeSwitch;
90
- superDatePickerBackgroundSuccees: ColorModeSwitch;
91
90
  switchBackgroundOn: ColorModeSwitch;
92
91
  switchBackgroundOff: ColorModeSwitch;
93
92
  switchUncompressedBackgroundDisabled: ColorModeSwitch;
@@ -110,6 +109,8 @@ export declare type _EuiThemeComponentColors = {
110
109
  tooltipBorder: ColorModeSwitch;
111
110
  tooltipBorderFloating: ColorModeSwitch;
112
111
  tourFooterBackground: ColorModeSwitch;
112
+ tourStepIndicatorInactiveColor: ColorModeSwitch;
113
+ tourStepIndicatorActiveColor: ColorModeSwitch;
113
114
  treeViewItemBackgroundHover: ColorModeSwitch;
114
115
  };
115
116
  export declare type _EuiThemeComponents = {
package/lib/cjs/global_styling/variables/typography.d.ts CHANGED
@@ -52,11 +52,11 @@ export declare type _EuiThemeFontWeights = {
52
52
  light: CSSProperties['fontWeight'];
53
53
  /** - Default value: 400 */
54
54
  regular: CSSProperties['fontWeight'];
55
- /** - Default value: 500 */
55
+ /** - Default value: 450 */
56
56
  medium: CSSProperties['fontWeight'];
57
- /** - Default value: 600 */
57
+ /** - Default value: 500 */
58
58
  semiBold: CSSProperties['fontWeight'];
59
- /** - Default value: 700 */
59
+ /** - Default value: 600 */
60
60
  bold: CSSProperties['fontWeight'];
61
61
  };
62
62
  /**
package/lib/esm/global_styling/variables/colors.d.ts CHANGED
@@ -128,6 +128,8 @@ export declare type _EuiThemeTextColors = {
128
128
  textSubdued: ColorModeSwitch;
129
129
  textDisabled: ColorModeSwitch;
130
130
  textInverse: ColorModeSwitch;
131
+ textInk: ColorModeSwitch;
132
+ textGhost: ColorModeSwitch;
131
133
  };
132
134
  export declare type _EuiThemeSpecialColors = {
133
135
  /**
@@ -329,8 +331,6 @@ export declare type _EuiThemeSeverityColors = {
329
331
  danger: string;
330
332
  };
331
333
  export declare type _EuiThemeConstantColors = {
332
- ghost: string;
333
- ink: string;
334
334
  plainLight: string;
335
335
  plainDark: string;
336
336
  };
package/lib/esm/global_styling/variables/components.d.ts CHANGED
@@ -87,7 +87,6 @@ export declare type _EuiThemeComponentColors = {
87
87
  sideNavItemEmphasizedBackground: ColorModeSwitch;
88
88
  selectableListItemBorderColor: ColorModeSwitch;
89
89
  skeletonBackgroundSkeletonMiddleHighContrast: ColorModeSwitch;
90
- superDatePickerBackgroundSuccees: ColorModeSwitch;
91
90
  switchBackgroundOn: ColorModeSwitch;
92
91
  switchBackgroundOff: ColorModeSwitch;
93
92
  switchUncompressedBackgroundDisabled: ColorModeSwitch;
@@ -110,6 +109,8 @@ export declare type _EuiThemeComponentColors = {
110
109
  tooltipBorder: ColorModeSwitch;
111
110
  tooltipBorderFloating: ColorModeSwitch;
112
111
  tourFooterBackground: ColorModeSwitch;
112
+ tourStepIndicatorInactiveColor: ColorModeSwitch;
113
+ tourStepIndicatorActiveColor: ColorModeSwitch;
113
114
  treeViewItemBackgroundHover: ColorModeSwitch;
114
115
  };
115
116
  export declare type _EuiThemeComponents = {
package/lib/esm/global_styling/variables/typography.d.ts CHANGED
@@ -52,11 +52,11 @@ export declare type _EuiThemeFontWeights = {
52
52
  light: CSSProperties['fontWeight'];
53
53
  /** - Default value: 400 */
54
54
  regular: CSSProperties['fontWeight'];
55
- /** - Default value: 500 */
55
+ /** - Default value: 450 */
56
56
  medium: CSSProperties['fontWeight'];
57
- /** - Default value: 600 */
57
+ /** - Default value: 500 */
58
58
  semiBold: CSSProperties['fontWeight'];
59
- /** - Default value: 700 */
59
+ /** - Default value: 600 */
60
60
  bold: CSSProperties['fontWeight'];
61
61
  };
62
62
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elastic/eui-theme-common",
3
- "version": "7.2.0",
3
+ "version": "8.0.0",
4
4
  "description": "EUI theme common",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "scripts": {
package/src/global_styling/functions/_colors.scss CHANGED
@@ -5,12 +5,12 @@
5
5
 
6
6
  // Mixes a provided color with white.
7
7
  @function tint($color, $percent) {
8
- @return mix($euiColorGhost, $color, $percent);
8
+ @return mix($euiColorPlainLight, $color, $percent);
9
9
  }
10
10
 
11
11
  // Mixes a provided color with black.
12
12
  @function shade($color, $percent) {
13
- @return mix($euiColorInk, $color, $percent);
13
+ @return mix($euiColorPlainDark, $color, $percent);
14
14
  }
15
15
 
16
16
  // For theming. Checks the text color and tells us whether it's light or dark.
@@ -72,7 +72,7 @@
72
72
  // Given $color, decide whether $lightText or $darkText should be used as the text color
73
73
  // ex: chooseLightOrDarkText(#EEE, #FFF, #000) would return #000 because it has
74
74
  // a higher contrast than #FFF against a #EEE background.
75
- @function chooseLightOrDarkText($background, $lightText: $euiColorGhost, $darkText: $euiColorInk) {
75
+ @function chooseLightOrDarkText($background, $lightText: $euiColorPlainLight, $darkText: $euiColorPlainDark) {
76
76
  $lightContrast: contrastRatio($background, $lightText);
77
77
  $darkContrast: contrastRatio($background, $darkText);
78
78
 
package/src/global_styling/mixins/_tool_tip.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  @mixin euiToolTipStyle($size: null) {
2
- @include euiBottomShadow($color: $euiColorInk);
2
+ @include euiBottomShadow($color: $euiColorPlainDark);
3
3
 
4
4
  $euiTooltipBackgroundColor: tintOrShade($euiColorFullShade, 25%, 100%) !default;
5
5
  $euiTooltipBorderColor: tintOrShade($euiColorFullShade, 35%, 80%) !default;
6
6
 
7
7
  border-radius: $euiBorderRadius;
8
8
  background-color: $euiTooltipBackgroundColor;
9
- color: $euiColorGhost;
9
+ color: $euiColorPlainLight;
10
10
  z-index: $euiZLevel9;
11
11
  max-width: 256px;
12
12
  overflow-wrap: break-word;
package/src/global_styling/variables/_buttons.scss CHANGED
@@ -9,7 +9,7 @@ $euiButtonTypes: (
9
9
  success: $euiColorSuccess,
10
10
  warning: $euiColorWarning,
11
11
  danger: $euiColorDanger,
12
- ghost: $euiColorGhost, // Ghost is special, and does not care about theming.
12
+ ghost: $euiColorPlainLight, // Ghost is color-mode-invariant
13
13
  text: $euiColorDarkShade, // Reserved for special use cases
14
14
  ) !default;
15
15