@elastic/eui 98.2.1-borealis.2 → 99.0.0

package/dist/eui_theme_borealis_light.json.d.ts

@@ -1,317 +0,0 @@
-declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
-  const sassVariables: {
-    euiZDataGrid: number;
-    euiZHeaderBelowDataGrid: number;
-    euiZDataGridCellPopover: number;
-    euiDataGridCellPaddingS: string;
-    euiDataGridCellPaddingM: string;
-    euiDataGridCellPaddingL: string;
-    euiTableHoverColor: string;
-    euiTableSelectedColor: string;
-    euiTableHoverSelectedColor: string;
-    euiTableActionsBorderColor: string;
-    euiTableHoverClickableColor: string;
-    euiTableFocusClickableColor: string;
-    euiContrastRatioText: number;
-    euiContrastRatioGraphic: number;
-    euiContrastRatioDisabled: number;
-    euiAnimSlightBounce: string;
-    euiAnimSlightResistance: string;
-    euiAnimSpeedExtraFast: string;
-    euiAnimSpeedFast: string;
-    euiAnimSpeedNormal: string;
-    euiAnimSpeedSlow: string;
-    euiAnimSpeedExtraSlow: string;
-    euiBorderWidthThin: string;
-    euiBorderWidthThick: string;
-    euiBorderColor: string;
-    euiBorderRadius: string;
-    euiBorderRadiusSmall: string;
-    euiBorderThick: string;
-    euiBorderThin: string;
-    euiBorderEditable: string;
-    euiButtonHeight: string;
-    euiButtonHeightSmall: string;
-    euiButtonHeightXSmall: string;
-    euiButtonColorDisabled: string;
-    euiButtonColorDisabledText: string;
-    euiButtonColorGhostDisabled: string;
-    euiButtonTypes: {
-      primary: string;
-      accent: string;
-      accentSecondary: string;
-      success: string;
-      warning: string;
-      danger: string;
-      ghost: string;
-      text: string;
-    };
-    euiPaletteColorBlind: {
-      euiColorVis0: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis1: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis2: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis3: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis4: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis5: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis6: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis7: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis8: {
-        graphic: string;
-        behindText: string;
-      };
-      euiColorVis9: {
-        graphic: string;
-        behindText: string;
-      };
-    };
-    euiPaletteColorBlindKeys: string;
-    euiColorVis0: string;
-    euiColorVis1: string;
-    euiColorVis2: string;
-    euiColorVis3: string;
-    euiColorVis4: string;
-    euiColorVis5: string;
-    euiColorVis6: string;
-    euiColorVis7: string;
-    euiColorVis8: string;
-    euiColorVis9: string;
-    euiColorVis0_behindText: string;
-    euiColorVis1_behindText: string;
-    euiColorVis2_behindText: string;
-    euiColorVis3_behindText: string;
-    euiColorVis4_behindText: string;
-    euiColorVis5_behindText: string;
-    euiColorVis6_behindText: string;
-    euiColorVis7_behindText: string;
-    euiColorVis8_behindText: string;
-    euiColorVis9_behindText: string;
-    euiFontWeightLight: number;
-    euiFontWeightRegular: number;
-    euiFontWeightMedium: number;
-    euiFontWeightSemiBold: number;
-    euiFontWeightBold: number;
-    euiCodeFontWeightRegular: number;
-    euiCodeFontWeightBold: number;
-    euiFormMaxWidth: string;
-    euiFormControlHeight: string;
-    euiFormControlCompressedHeight: string;
-    euiFormControlPadding: string;
-    euiFormControlCompressedPadding: string;
-    euiFormControlBorderRadius: string;
-    euiFormControlCompressedBorderRadius: string;
-    euiRadioSize: string;
-    euiCheckBoxSize: string;
-    euiCheckboxBorderRadius: string;
-    euiSwitchHeight: string;
-    euiSwitchWidth: string;
-    euiSwitchThumbSize: string;
-    euiSwitchIconHeight: string;
-    euiSwitchHeightCompressed: string;
-    euiSwitchWidthCompressed: string;
-    euiSwitchThumbSizeCompressed: string;
-    euiSwitchHeightMini: string;
-    euiSwitchWidthMini: string;
-    euiSwitchThumbSizeMini: string;
-    euiFormBackgroundColor: string;
-    euiFormBackgroundDisabledColor: string;
-    euiFormBackgroundReadOnlyColor: string;
-    euiFormBorderOpaqueColor: string;
-    euiFormBorderColor: string;
-    euiFormBorderDisabledColor: string;
-    euiFormCustomControlDisabledIconColor: string;
-    euiFormCustomControlBorderColor: string;
-    euiFormControlDisabledColor: string;
-    euiFormControlBoxShadow: string;
-    euiFormControlPlaceholderText: string;
-    euiFormInputGroupLabelBackground: string;
-    euiFormInputGroupBorder: string;
-    euiSwitchOffColor: string;
-    euiFormControlIconSizes: {
-      small: string;
-      medium: string;
-      large: string;
-      xLarge: string;
-      xxLarge: string;
-    };
-    euiFormControlLayoutGroupInputHeight: string;
-    euiFormControlLayoutGroupInputCompressedHeight: string;
-    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
-    euiHeaderBackgroundColor: string;
-    euiHeaderDarkBackgroundColor: string;
-    euiHeaderBorderColor: string;
-    euiHeaderBreadcrumbColor: string;
-    euiHeaderHeight: string;
-    euiHeaderChildSize: string;
-    euiHeaderHeightCompensation: string;
-    euiPageDefaultMaxWidth: string;
-    euiPageSidebarMinWidth: string;
-    euiPanelPaddingModifiers: {
-      paddingSmall: string;
-      paddingMedium: string;
-      paddingLarge: string;
-    };
-    euiPanelBorderRadiusModifiers: {
-      borderRadiusNone: number;
-      borderRadiusMedium: string;
-    };
-    euiPanelBackgroundColorModifiers: {
-      transparent: string;
-      plain: string;
-      subdued: string;
-      accent: string;
-      accentSecondary: string;
-      primary: string;
-      success: string;
-      warning: string;
-      danger: string;
-    };
-    euiBreakpoints: {
-      xs: number;
-      s: string;
-      m: string;
-      l: string;
-      xl: string;
-    };
-    euiBreakpointKeys: string;
-    euiShadowColor: string;
-    euiSize: string;
-    euiSizeXS: string;
-    euiSizeS: string;
-    euiSizeM: string;
-    euiSizeL: string;
-    euiSizeXL: string;
-    euiSizeXXL: string;
-    euiScrollBar: string;
-    euiScrollBarCorner: string;
-    euiScrollBarCornerThin: string;
-    euiFocusRingColor: string;
-    euiFocusRingAnimStartColor: string;
-    euiFocusRingAnimStartSize: string;
-    euiFocusRingAnimStartSizeLarge: string;
-    euiFocusRingSizeLarge: string;
-    euiFocusRingSize: string;
-    euiFocusTransparency: number;
-    euiFocusTransparencyPercent: string;
-    euiFocusBackgroundColor: string;
-    euiFontFamily: string;
-    euiCodeFontFamily: string;
-    euiFontFeatureSettings: string;
-    euiTextScale: string;
-    euiFontSize: string;
-    euiFontSizeXS: string;
-    euiFontSizeS: string;
-    euiFontSizeM: string;
-    euiFontSizeL: string;
-    euiFontSizeXL: string;
-    euiFontSizeXXL: string;
-    euiLineHeight: number;
-    euiBodyLineHeight: number;
-    euiTitles: {
-      xxxs: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-      xxs: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-      xs: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-      s: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-      m: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-      l: {
-        'font-size': string;
-        'line-height': string;
-        'font-weight': number;
-      };
-    };
-    euiZLevel0: number;
-    euiZLevel1: number;
-    euiZLevel2: number;
-    euiZLevel3: number;
-    euiZLevel4: number;
-    euiZLevel5: number;
-    euiZLevel6: number;
-    euiZLevel7: number;
-    euiZLevel8: number;
-    euiZLevel9: number;
-    euiZToastList: number;
-    euiZModal: number;
-    euiZMask: number;
-    euiZNavigation: number;
-    euiZContentMenu: number;
-    euiZHeader: number;
-    euiZFlyout: number;
-    euiZMaskBelowHeader: number;
-    euiZContent: number;
-    euiColorGhost: string;
-    euiColorInk: string;
-    euiColorPrimary: string;
-    euiColorAccent: string;
-    euiColorAccentSecondary: string;
-    euiColorSuccess: string;
-    euiColorWarning: string;
-    euiColorDanger: string;
-    euiColorEmptyShade: string;
-    euiColorLightestShade: string;
-    euiColorLightShade: string;
-    euiColorMediumShade: string;
-    euiColorDarkShade: string;
-    euiColorDarkestShade: string;
-    euiColorFullShade: string;
-    euiPageBackgroundColor: string;
-    euiColorHighlight: string;
-    euiTextColor: string;
-    euiTitleColor: string;
-    euiTextSubduedColor: string;
-    euiColorDisabled: string;
-    euiColorPrimaryText: string;
-    euiColorSuccessText: string;
-    euiColorAccentText: string;
-    euiColorAccentSecondaryText: string;
-    euiColorWarningText: string;
-    euiColorDangerText: string;
-    euiColorDisabledText: string;
-    euiLinkColor: string;
-    euiColorChartLines: string;
-    euiColorChartBand: string;
-  };
-  export default sassVariables;
-}

package/es/global_styling/mixins/_button.js

@@ -1,159 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import { css, keyframes } from '@emotion/react';
-import { getTokenName, euiCanAnimate } from '@elastic/eui-theme-common';
-import { makeHighContrastColor, useEuiMemoizedStyles } from '../../services';
-export var BUTTON_COLORS = ['text', 'accent', 'accentSecondary', 'primary', 'success', 'warning', 'danger'];
-export var BUTTON_DISPLAYS = ['base', 'fill', 'empty'];
-/**
- * Creates the `base` version of button styles with proper text contrast.
- * @param euiThemeContext
- * @param color One of the named button colors or 'disabled'
- * @returns Style object `{ backgroundColor, color }`
- */
-export var euiButtonColor = function euiButtonColor(euiThemeContext, color) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var backgroundTokenName = getTokenName('background', color);
-  var textTokenName = getTokenName('textColor', color);
-  var foreground = euiTheme.components.buttons[textTokenName];
-  var background = euiTheme.components.buttons[backgroundTokenName];
-  return {
-    color: background === 'transparent' || color === 'disabled' ? foreground : makeHighContrastColor(foreground)(background),
-    backgroundColor: background
-  };
-};
-
-/**
- * Creates the `fill` version of buttons styles with proper text contrast.
- * @param euiThemeContext
- * @param color One of the named button colors or 'disabled'
- * @returns Style object `{ backgroundColor, color }`
- */
-export var euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var backgroundTokenName = getTokenName('backgroundFilled', color);
-  var textColorTokenName = getTokenName('textColorFilled', color);
-  var foreground = euiTheme.components.buttons[textColorTokenName];
-  var background = euiTheme.components.buttons[backgroundTokenName];
-  return {
-    color: foreground,
-    backgroundColor: background
-  };
-};
-
-/**
- * Creates the `empty` version of button styles using the text-variant and adding interactive styles.
- * @param euiThemeContext
- * @param color One of the named button colors or 'disabled'
- * @returns Style object `{ backgroundColor, color }` where `background` is typically used for interactive states
- */
-export var euiButtonEmptyColor = function euiButtonEmptyColor(euiThemeContext, color) {
-  var foreground;
-  var background;
-  switch (color) {
-    case 'disabled':
-      foreground = euiButtonColor(euiThemeContext, color).color;
-      background = 'transparent';
-      break;
-    default:
-      {
-        var backgroundToken = getTokenName('backgroundEmpty', color, 'hover');
-        foreground = euiButtonColor(euiThemeContext, color).color;
-        background = euiThemeContext.euiTheme.components.buttons[backgroundToken];
-        break;
-      }
-  }
-  return {
-    color: foreground,
-    backgroundColor: background
-  };
-};
-
-/**
- * Given the button display type, returns the Emotion based color keys.
- * @param options Button display type
- * @returns An object of `_EuiButtonColor` keys including `disabled`
- */
-export var useEuiButtonColorCSS = function useEuiButtonColorCSS() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$display = options.display,
-    display = _options$display === void 0 ? 'base' : _options$display;
-  var colorsDisplaysMap = useEuiMemoizedStyles(euiButtonDisplaysColors);
-  return colorsDisplaysMap[display];
-};
-var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
-  var COLORS = [].concat(BUTTON_COLORS, ['disabled']);
-  var displaysColorsMap = {};
-  BUTTON_DISPLAYS.forEach(function (display) {
-    displaysColorsMap[display] = {};
-    COLORS.forEach(function (color) {
-      switch (display) {
-        case 'base':
-          displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonColor(euiThemeContext, color), ";;label:displaysColorsMap-display-color;");
-          break;
-        case 'fill':
-          displaysColorsMap[display][color] = /*#__PURE__*/css(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";;label:displaysColorsMap-display-color;");
-          break;
-        case 'empty':
-          displaysColorsMap[display][color] = /*#__PURE__*/css("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";&:focus,&:active{background-color:", euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";};label:displaysColorsMap-display-color;");
-          break;
-      }
-
-      // Tweak auto-generated Emotion label/className output
-      var emotionOutput = displaysColorsMap[display][color];
-      emotionOutput.styles = emotionOutput.styles.replace('label:displaysColorsMap-display-color;', "label:".concat(display, "-").concat(color, ";"));
-    });
-  });
-  return displaysColorsMap;
-};
-
-/**
- * Creates the translate animation when button is in focus.
- * @returns string
- */
-export var useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
-  return useEuiMemoizedStyles(euiButtonFocusCSS);
-};
-var euiButtonFocusAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  50% {\n    transform: translateY(1px);\n  }\n"])));
-var euiButtonFocusCSS = function euiButtonFocusCSS(_ref) {
-  var euiTheme = _ref.euiTheme;
-  var focusCSS = /*#__PURE__*/css(euiCanAnimate, "{transition:transform ", euiTheme.animation.normal, " ease-in-out,background-color ", euiTheme.animation.normal, " ease-in-out;&:hover:not(:disabled){transform:translateY(-1px);}&:focus{animation:", euiButtonFocusAnimation, " ", euiTheme.animation.normal, " ", euiTheme.animation.bounce, ";}&:active:not(:disabled){transform:translateY(1px);}};label:focusCSS;");
-  // Remove the auto-generated label.
-  // We could typically avoid a label by using a plain string `` instead of css``,
-  // but we need css`` for keyframes`` to work for the focus animation
-  focusCSS.styles = focusCSS.styles.replace('label:focusCSS;', '');
-  return focusCSS;
-};
-
-/**
- * Map of `size` props to various sizings/scales
- * that should remain consistent across all buttons
- */
-export var euiButtonSizeMap = function euiButtonSizeMap(_ref2) {
-  var euiTheme = _ref2.euiTheme;
-  return {
-    xs: {
-      height: euiTheme.size.l,
-      radius: euiTheme.border.radius.small,
-      fontScale: 'xs'
-    },
-    s: {
-      height: euiTheme.size.xl,
-      radius: euiTheme.border.radius.small,
-      fontScale: 's'
-    },
-    m: {
-      height: euiTheme.size.xxl,
-      radius: euiTheme.border.radius.medium,
-      fontScale: 's'
-    }
-  };
-};

package/es/services/color/vis_color_store.js

@@ -1,13 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import { EuiVisColorStore } from '@elastic/eui-theme-common';
-import { colorVis } from '../../global_styling/variables/_colors_vis';
-
-// initialsetup of Vis color storage with default colors
-export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);

package/es/services/popover/popover_arrow.styles.js

@@ -1,31 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-import { css } from '@emotion/react';
-import { logicalCSS, logicalSizeCSS, mathWithUnits } from '../../global_styling/functions';
-/**
- * Arrow clipping/transform/positioning CSS shared between EuiPopover and EuiToolTip
- */
-export var _popoverArrowStyles = function _popoverArrowStyles(_ref, arrowSize) {
-  var euiTheme = _ref.euiTheme;
-  var arrowOffset = mathWithUnits(arrowSize, function (x) {
-    return x / -2;
-  });
-  var arrowBorderRadius = mathWithUnits(euiTheme.border.radius.small, function (x) {
-    return x / 2;
-  });
-  return {
-    _arrowStyles: "\n      position: absolute;\n      ".concat(logicalSizeCSS(arrowSize), "\n      border-radius: ").concat(arrowBorderRadius, ";\n      /* Use clip-path to ensure that arrows don't overlap into popover content */\n      clip-path: polygon(0 0, 100% 100%, 0 100%);\n      transform-origin: center;\n    "),
-    positions: {
-      top: /*#__PURE__*/css(logicalCSS('margin-top', arrowOffset), " transform:rotate(-45deg);;label:top;"),
-      bottom: /*#__PURE__*/css(logicalCSS('bottom', 0), " ", logicalCSS('margin-bottom', arrowOffset), " transform:rotate(135deg);;label:bottom;"),
-      left: /*#__PURE__*/css(logicalCSS('margin-left', arrowOffset), " transform:rotate(-135deg);;label:left;"),
-      right: /*#__PURE__*/css(logicalCSS('right', 0), " ", logicalCSS('margin-right', arrowOffset), " transform:rotate(45deg);;label:right;")
-    }
-  };
-};