@elastic/eui-theme-common 0.0.1

package/lib/esm/global_styling/variables/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/buttons.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/lib/esm/global_styling/variables/colors.d.ts

@@ -0,0 +1,244 @@
+import { ColorModeSwitch, StrictColorModeSwitch } from '../types';
+/**
+ * Top 5 colors
+ */
+export declare type _EuiThemeBrandColors = {
+    /**
+     * Main brand color and used for most **call to actions** like buttons and links.
+     */
+    primary: ColorModeSwitch;
+    /**
+     * Pulls attention to key indicators like **notifications** or number of selections.
+     */
+    accent: ColorModeSwitch;
+    /**
+     * Secondary attention indicator with lower priority.
+     */
+    accentSecondary: ColorModeSwitch;
+    /**
+     * Used for **positive** messages/graphics and additive actions.
+     */
+    success: ColorModeSwitch;
+    /**
+     * Used for **warnings** and actions that have a potential to be destructive.
+     */
+    warning: ColorModeSwitch;
+    /**
+     * Used for **negative** messages/graphics like errors and destructive actions.
+     */
+    danger: ColorModeSwitch;
+};
+/**
+ * Every brand color must have a contrast computed text equivelant
+ */
+export declare type _EuiThemeBrandTextColors = {
+    /**
+     * Typically computed against `colors.primary`
+     * @deprecated - use `textPrimary` instead
+     */
+    primaryText: ColorModeSwitch;
+    /**
+     * Typically computed against `colors.accent`
+     * @deprecated - use `textAccent` instead
+     */
+    accentText: ColorModeSwitch;
+    /**
+     * Typically computed against `colors.success`
+     * @deprecated - use `textSuccess` instead
+     */
+    successText: ColorModeSwitch;
+    /**
+     * Typically computed against `colors.warning`
+     * @deprecated - use `textWarning` instead
+     */
+    warningText: ColorModeSwitch;
+    /**
+     * Typically computed against `colors.danger`
+     * @deprecated - use `textDanger` instead
+     */
+    dangerText: ColorModeSwitch;
+    textPrimary: ColorModeSwitch;
+    textAccent: ColorModeSwitch;
+    textAccentSecondary: ColorModeSwitch;
+    textSuccess: ColorModeSwitch;
+    textWarning: ColorModeSwitch;
+    textDanger: ColorModeSwitch;
+};
+export declare type _EuiThemeShadeColors = {
+    /**
+     * Used as the background color of primary **page content and panels** including modals and flyouts.
+     * @deprecated - use `white`
+     */
+    emptyShade: ColorModeSwitch;
+    /**
+     * Used to lightly shade areas that contain **secondary content** or contain panel-like components.
+     * @deprecated - use specific semantic color tokens instead
+     */
+    lightestShade: ColorModeSwitch;
+    /**
+     * Used for most **borders** and dividers (horizontal rules).
+     * @deprecated - use specific semantic color tokens instead
+     */
+    lightShade: ColorModeSwitch;
+    /**
+     * The middle gray for all themes; this is the base for `colors.subdued`.
+     * @deprecated - use specific semantic color tokens instead
+     */
+    mediumShade: ColorModeSwitch;
+    /**
+     * Slightly subtle graphic color
+     * @deprecated - use specific semantic color tokens instead
+     */
+    darkShade: ColorModeSwitch;
+    /**
+     * Used as the **text** color and the background color for **inverted components** like tooltips and the control bar.
+     * @deprecated - use specific semantic color tokens instead
+     */
+    darkestShade: ColorModeSwitch;
+    /**
+     * The opposite of `emptyShade`
+     * @deprecated - use`black`
+     */
+    fullShade: ColorModeSwitch;
+};
+export declare type _EuiThemeTextColors = {
+    /**
+     * Computed against `colors.darkestShade`
+     * @deprecated - use `textParagraph` instead
+     */
+    text: ColorModeSwitch;
+    /**
+     * Computed against `colors.text`
+     * @deprecated - use `textHeading` instead
+     */
+    title: ColorModeSwitch;
+    /**
+     * Computed against `colors.mediumShade`
+     * @deprecated - use `textSubdued` instead
+     */
+    subduedText: ColorModeSwitch;
+    /**
+     * Computed against `colors.primaryText`
+     */
+    link: ColorModeSwitch;
+    textParagraph: ColorModeSwitch;
+    textHeading: ColorModeSwitch;
+    textSubdued: ColorModeSwitch;
+    textDisabled: ColorModeSwitch;
+    textInverse: ColorModeSwitch;
+};
+export declare type _EuiThemeSpecialColors = {
+    /**
+     * The background color for the **whole window (body)** and is a computed value of `colors.lightestShade`.
+     * Provides denominator (background) value for **contrast calculations**.
+     * @deprecated - use backgroundPage instead
+     */
+    body: ColorModeSwitch;
+    /**
+     * Used to **highlight text** when matching against search strings
+     */
+    highlight: ColorModeSwitch;
+    /**
+     * Computed against `colors.darkestShade`
+     * @deprecated - use specific semantic tokens instead (e.g. backgroundDisabled, borderDisabled etc)
+     */
+    disabled: ColorModeSwitch;
+    /**
+     * Computed against `colors.disabled`
+     * @deprecated - use textDisabled instead
+     */
+    disabledText: ColorModeSwitch;
+    /**
+     * The base color for shadows that gets `transparentized`
+     * at a value based on the `colorMode` and then layered.
+     * @deprecated - use specific shadow tokens instead
+     */
+    shadow: ColorModeSwitch;
+};
+export declare type _EuiThemeBackgroundColors = {
+    backgroundBasePrimary: ColorModeSwitch;
+    backgroundBaseAccent: ColorModeSwitch;
+    backgroundBaseAccentSecondary: ColorModeSwitch;
+    backgroundBaseSuccess: ColorModeSwitch;
+    backgroundBaseWarning: ColorModeSwitch;
+    backgroundBaseDanger: ColorModeSwitch;
+    backgroundBaseSubdued: ColorModeSwitch;
+    backgroundBasePlain: ColorModeSwitch;
+    backgroundBaseDisabled: ColorModeSwitch;
+    backgroundBaseFormsPrepend: ColorModeSwitch;
+    backgroundBaseFormsControlDisabled: ColorModeSwitch;
+    backgroundBaseInteractiveHover: ColorModeSwitch;
+    backgroundBaseInteractiveSelect: ColorModeSwitch;
+    backgroundBaseInteractiveOverlay: ColorModeSwitch;
+    backgroundBaseSkeletonEdge: ColorModeSwitch;
+    backgroundBaseSkeletonMiddle: ColorModeSwitch;
+    backgroundLightPrimary: ColorModeSwitch;
+    backgroundLightAccent: ColorModeSwitch;
+    backgroundLightAccentSecondary: ColorModeSwitch;
+    backgroundLightSuccess: ColorModeSwitch;
+    backgroundLightWarning: ColorModeSwitch;
+    backgroundLightDanger: ColorModeSwitch;
+    backgroundLightText: ColorModeSwitch;
+    backgroundFilledPrimary: ColorModeSwitch;
+    backgroundFilledAccent: ColorModeSwitch;
+    backgroundFilledAccentSecondary: ColorModeSwitch;
+    backgroundFilledSuccess: ColorModeSwitch;
+    backgroundFilledWarning: ColorModeSwitch;
+    backgroundFilledDanger: ColorModeSwitch;
+    backgroundFilledText: ColorModeSwitch;
+};
+/** TODO: remove once usages are re-mapped */
+export declare type _EuiThemeTransparentBackgroundColors = {
+    /** @deprecated */
+    backgroundTransparent: string;
+    /** @deprecated */
+    backgroundTransparentPrimary: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentAccent: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentAccentSecondary: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentSuccess: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentWarning: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentDanger: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentSubdued: ColorModeSwitch;
+    /** @deprecated */
+    backgroundTransparentPlain: ColorModeSwitch;
+};
+export declare type _EuiThemeBorderColors = {
+    borderBasePrimary: ColorModeSwitch;
+    borderBaseAccent: ColorModeSwitch;
+    borderBaseAccentSecondary: ColorModeSwitch;
+    borderBaseSuccess: ColorModeSwitch;
+    borderBaseWarning: ColorModeSwitch;
+    borderBaseDanger: ColorModeSwitch;
+    borderBasePlain: ColorModeSwitch;
+    borderBaseSubdued: ColorModeSwitch;
+    borderBaseDisabled: ColorModeSwitch;
+    borderBaseFloating: ColorModeSwitch;
+    borderBaseFormsColorSwatch: ColorModeSwitch;
+    borderBaseFormsControl: ColorModeSwitch;
+    borderStrongPrimary: ColorModeSwitch;
+    borderStrongAccent: ColorModeSwitch;
+    borderStrongAccentSecondary: ColorModeSwitch;
+    borderStrongSuccess: ColorModeSwitch;
+    borderStrongWarning: ColorModeSwitch;
+    borderStrongDanger: ColorModeSwitch;
+};
+export declare type _EuiThemeConstantColors = {
+    /**
+     * Purest **white**
+     * @deprecated
+     */
+    ghost: string;
+    /**
+     * Purest **black**
+     * @deprecated
+     */
+    ink: string;
+};
+export declare type _EuiThemeColorsMode = _EuiThemeBrandColors & _EuiThemeBrandTextColors & _EuiThemeShadeColors & _EuiThemeSpecialColors & _EuiThemeTextColors & _EuiThemeBackgroundColors & _EuiThemeTransparentBackgroundColors & _EuiThemeBorderColors;
+export declare type _EuiThemeColors = StrictColorModeSwitch<_EuiThemeColorsMode> & _EuiThemeConstantColors;

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

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+export {};
+//# sourceMappingURL=colors.js.map

package/lib/esm/global_styling/variables/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/colors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/lib/esm/global_styling/variables/components.d.ts

@@ -0,0 +1,68 @@
+import { ColorModeSwitch, StrictColorModeSwitch } from '../types';
+import { _EuiThemeButtonColors } from './buttons';
+import { _EuiThemeFormColors } from './forms';
+export declare type _EuiThemeComponentColors = {
+    buttonGroupBorderColor: ColorModeSwitch;
+    buttonGroupBorderColorSelected: ColorModeSwitch;
+    badgeBackgroundSubdued: ColorModeSwitch;
+    badgeBorderColorHollow: ColorModeSwitch;
+    badgeIconButtonBackgroundHover: ColorModeSwitch;
+    bottomBarBackground: ColorModeSwitch;
+    breadcrumbsApplicationBackground: ColorModeSwitch;
+    breadcrumbsApplicationColor: ColorModeSwitch;
+    collapsibleNavGroupBackground: ColorModeSwitch;
+    collapsibleNavGroupBackgroundDark: ColorModeSwitch;
+    dataGridVerticalLineBorderColor: ColorModeSwitch;
+    dataGridRowBackgroundStriped: ColorModeSwitch;
+    dataGridRowBackgroundHover: ColorModeSwitch;
+    dragDropDraggingBackground: ColorModeSwitch;
+    dragDropDraggingOverBackground: ColorModeSwitch;
+    headerBackground: ColorModeSwitch;
+    headerDarkBackground: ColorModeSwitch;
+    headerDarkSearchBorderColor: ColorModeSwitch;
+    headerDarkSectionItemBackgroundFocus: ColorModeSwitch;
+    filterSelectItemBackgroundFocusDisabled: ColorModeSwitch;
+    flyoutCloseButtonInsideBackground: ColorModeSwitch;
+    keyPadMenuItemBackgroundDisabledSelect: ColorModeSwitch;
+    listGroupItemBackgroundPrimaryActive: ColorModeSwitch;
+    listGroupItemBackgroundSubduedActive: ColorModeSwitch;
+    listGroupItemBackgroundHover: ColorModeSwitch;
+    listGroupItemBackgroundPrimaryHover: ColorModeSwitch;
+    markBackground: ColorModeSwitch;
+    markdownFormatTableBorderColor: ColorModeSwitch;
+    popoverPanelBackground: ColorModeSwitch;
+    popoverFooterBorderColor: ColorModeSwitch;
+    scrollbarTrackColor: ColorModeSwitch;
+    sideNavItemEmphasizedBackground: ColorModeSwitch;
+    selectableListItemBorderColor: ColorModeSwitch;
+    superDatePickerBackgroundSuccees: ColorModeSwitch;
+    switchBackgroundOn: ColorModeSwitch;
+    switchBackgroundOff: ColorModeSwitch;
+    switchUncompressedBackgroundDisabled: ColorModeSwitch;
+    switchCompressedBackgroundDisabled: ColorModeSwitch;
+    switchMiniBackgroundDisabled: ColorModeSwitch;
+    switchThumbBackgroundDisabled: ColorModeSwitch;
+    switchThumbBorderOn: ColorModeSwitch;
+    switchThumbBorderOff: ColorModeSwitch;
+    switchIconDisabled: ColorModeSwitch;
+    tableRowBackgroundHover: ColorModeSwitch;
+    tableRowBackgroundSelected: ColorModeSwitch;
+    tableRowBackgroundSelectedHover: ColorModeSwitch;
+    tableRowInteractiveBackgroundHover: ColorModeSwitch;
+    tableRowInteractiveBackgroundFocus: ColorModeSwitch;
+    tableCellSortableIconColor: ColorModeSwitch;
+    tooltipBackground: ColorModeSwitch;
+    tooltipBorder: ColorModeSwitch;
+    tooltipBorderFloating: ColorModeSwitch;
+    tourFooterBackground: ColorModeSwitch;
+    treeViewItemBackgroundHover: ColorModeSwitch;
+};
+export declare type _EuiThemeComponents = {
+    buttons: StrictColorModeSwitch<_EuiThemeButtonColors>;
+    forms: StrictColorModeSwitch<_EuiThemeFormColors>;
+    /**
+     * internal-only key that holds temporary tokens used while migrating themes
+     */
+    LIGHT: _EuiThemeComponentColors;
+    DARK: _EuiThemeComponentColors;
+};

package/lib/esm/global_styling/variables/components.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+export {};
+//# sourceMappingURL=components.js.map

package/lib/esm/global_styling/variables/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/components.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/lib/esm/global_styling/variables/forms.d.ts

@@ -0,0 +1,19 @@
+import { ColorModeSwitch } from '../types';
+export declare type _EuiThemeFormColors = {
+    background: ColorModeSwitch;
+    backgroundDisabled: ColorModeSwitch;
+    backgroundReadOnly: ColorModeSwitch;
+    backgroundFocused: ColorModeSwitch;
+    backgroundAutofilled: ColorModeSwitch;
+    prependBackground: ColorModeSwitch;
+    border: ColorModeSwitch;
+    borderAutofilled: ColorModeSwitch;
+    controlBorder: ColorModeSwitch;
+    controlBorderSelected: ColorModeSwitch;
+    controlBorderDisabled: ColorModeSwitch;
+    controlBackgroundUnselected: ColorModeSwitch;
+    controlBackgroundDisabled: ColorModeSwitch;
+    colorHasPlaceholder: ColorModeSwitch;
+    colorDisabled: ColorModeSwitch;
+    iconDisabled: ColorModeSwitch;
+};

package/lib/esm/global_styling/variables/forms.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+export {};
+//# sourceMappingURL=forms.js.map

package/lib/esm/global_styling/variables/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/forms.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/lib/esm/global_styling/variables/index.d.ts

@@ -0,0 +1,13 @@
+export * from './animations';
+export * from './borders';
+export * from './breakpoint';
+export * from './colors';
+export * from './_colors_vis';
+export * from './levels';
+export * from './size';
+export * from './shadow';
+export * from './states';
+export * from './typography';
+export * from './buttons';
+export * from './forms';
+export * from './components';

package/lib/esm/global_styling/variables/index.js

@@ -0,0 +1,21 @@
+/*
+ * 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.
+ */
+export * from './animations';
+export * from './borders';
+export * from './breakpoint';
+export * from './colors';
+export * from './_colors_vis';
+export * from './levels';
+export * from './size';
+export * from './shadow';
+export * from './states';
+export * from './typography';
+export * from './buttons';
+export * from './forms';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/lib/esm/global_styling/variables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/lib/esm/global_styling/variables/levels.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'react';
+/**
+ * Z-Index
+ *
+ * Remember that z-index is relative to parent and based on the stacking context.
+ * z-indexes only compete against other z-indexes when they exist as children of
+ * that shared parent.
+ *
+ * That means a popover with a settings of 2, will still show above a modal
+ * with a setting of 100, if it is within that modal and not besides it.
+ *
+ * Generally that means it's a good idea to consider things added to this file
+ * as competitive only as siblings.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+export declare const EuiThemeLevels: readonly ["toast", "modal", "mask", "navigation", "menu", "header", "flyout", "maskBelowHeader", "content"];
+export declare type _EuiThemeLevel = (typeof EuiThemeLevels)[number];
+export declare type _EuiThemeLevels = {
+    /** - Default value: 9000 */
+    toast: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 8000 */
+    modal: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 6000 */
+    mask: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 6000 */
+    navigation: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 2000 */
+    menu: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 1000 */
+    header: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 1000 */
+    flyout: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 1000 */
+    maskBelowHeader: NonNullable<CSSProperties['zIndex']>;
+    /** - Default value: 0 */
+    content: NonNullable<CSSProperties['zIndex']>;
+};

package/lib/esm/global_styling/variables/levels.js

@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+/**
+ * Z-Index
+ *
+ * Remember that z-index is relative to parent and based on the stacking context.
+ * z-indexes only compete against other z-indexes when they exist as children of
+ * that shared parent.
+ *
+ * That means a popover with a settings of 2, will still show above a modal
+ * with a setting of 100, if it is within that modal and not besides it.
+ *
+ * Generally that means it's a good idea to consider things added to this file
+ * as competitive only as siblings.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+export const EuiThemeLevels = [
+    'toast',
+    'modal',
+    'mask',
+    'navigation',
+    'menu',
+    'header',
+    'flyout',
+    'maskBelowHeader',
+    'content',
+];
+//# sourceMappingURL=levels.js.map

package/lib/esm/global_styling/variables/levels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"levels.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/levels.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,iBAAiB;IACjB,SAAS;CACD,CAAC"}

package/lib/esm/global_styling/variables/shadow.d.ts

@@ -0,0 +1,10 @@
+export declare const EuiThemeShadowSizes: readonly ["xs", "s", "m", "l", "xl"];
+export declare type _EuiThemeShadowSize = (typeof EuiThemeShadowSizes)[number];
+/**
+ * Shadow t-shirt sizes descriptions
+ */
+export declare const _EuiShadowSizesDescriptions: Record<_EuiThemeShadowSize, string>;
+export interface _EuiThemeShadowCustomColor {
+    color?: string;
+    property?: 'box-shadow' | 'filter';
+}

package/lib/esm/global_styling/variables/shadow.js

@@ -0,0 +1,19 @@
+/*
+ * 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.
+ */
+export const EuiThemeShadowSizes = ['xs', 's', 'm', 'l', 'xl'];
+/**
+ * Shadow t-shirt sizes descriptions
+ */
+export const _EuiShadowSizesDescriptions = {
+    xs: 'Very subtle shadow used on small components.',
+    s: 'Adds subtle depth, usually used in conjunction with a border.',
+    m: 'Used on small sized portalled content like popovers.',
+    l: 'Primary shadow used in most cases to add visible depth.',
+    xl: 'Very large shadows used for large portalled style containers like modals and flyouts.',
+};
+//# sourceMappingURL=shadow.js.map

package/lib/esm/global_styling/variables/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/shadow.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAU,CAAC;AAIxE;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GACtC;IACE,EAAE,EAAE,8CAA8C;IAClD,CAAC,EAAE,+DAA+D;IAClE,CAAC,EAAE,sDAAsD;IACzD,CAAC,EAAE,yDAAyD;IAC5D,EAAE,EAAE,uFAAuF;CAC5F,CAAC"}

package/lib/esm/global_styling/variables/size.d.ts

@@ -0,0 +1,25 @@
+export declare type _EuiThemeBase = number;
+export declare const EuiThemeSizes: readonly ["xxs", "xs", "s", "m", "base", "l", "xl", "xxl", "xxxl", "xxxxl"];
+export declare type _EuiThemeSize = (typeof EuiThemeSizes)[number];
+export declare type _EuiThemeSizes = {
+    /** - Default value: 2px */
+    xxs: string;
+    /** - Default value: 4px */
+    xs: string;
+    /** - Default value: 8px */
+    s: string;
+    /** - Default value: 12px */
+    m: string;
+    /** - Default value: 16px */
+    base: string;
+    /** - Default value: 24px */
+    l: string;
+    /** - Default value: 32px */
+    xl: string;
+    /** - Default value: 40px */
+    xxl: string;
+    /** - Default value: 48px */
+    xxxl: string;
+    /** - Default value: 64px */
+    xxxxl: string;
+};

package/lib/esm/global_styling/variables/size.js

@@ -0,0 +1,20 @@
+/*
+ * 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.
+ */
+export const EuiThemeSizes = [
+    'xxs',
+    'xs',
+    's',
+    'm',
+    'base',
+    'l',
+    'xl',
+    'xxl',
+    'xxxl',
+    'xxxxl',
+];
+//# sourceMappingURL=size.js.map

package/lib/esm/global_styling/variables/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/size.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK;IACL,IAAI;IACJ,GAAG;IACH,GAAG;IACH,MAAM;IACN,GAAG;IACH,IAAI;IACJ,KAAK;IACL,MAAM;IACN,OAAO;CACC,CAAC"}

package/lib/esm/global_styling/variables/states.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+import { ColorModeSwitch } from '../types';
+export interface _EuiThemeFocus {
+    /**
+     * Default color of the focus ring, some components may override this property
+     * - Default value: currentColor
+     */
+    color: ColorModeSwitch;
+    /**
+     * Thickness of the outline
+     * - Default value: 2px
+     */
+    width: CSSProperties['borderWidth'];
+    /**
+     * Used to transparentize the focus background color
+     * - Default value: { LIGHT: 0.1, DARK: 0.2 }
+     */
+    transparency: ColorModeSwitch<number>;
+    /**
+     * Default focus background color. Not all components set a background color on focus
+     * - Default value: `colors.primary` computed with `focus.transparency`
+     */
+    backgroundColor: ColorModeSwitch;
+}

package/lib/esm/global_styling/variables/states.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+export {};
+//# sourceMappingURL=states.js.map

package/lib/esm/global_styling/variables/states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.js","sourceRoot":"","sources":["../../../../src/global_styling/variables/states.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}