@ember-eui/core 14.1.4 → 16.0.0

package/dist/utils/eui/control-bar.js

@@ -0,0 +1,114 @@
+import { serializeStyles } from '@emotion/serialize';
+import { c0 as logicalCSS, dj as euiScrollBarStyles, aA as euiFontSize, az as euiTextTruncate, bP as euiMaxBreakpoint } from '../../styles.generated-SYAxYhey.js';
+import { euiCanAnimate } from '@elastic/eui-theme-common';
+
+/*
+ * 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.
+ */
+
+const css = (...args) => serializeStyles(args);
+
+/** Same shape as Emotion's `keyframes` (and the generated upstream helper). */
+const keyframes = (...args) => {
+  const value = css(...args);
+  const name = `animation-${value.name}`;
+  return {
+    name,
+    styles: `@keyframes ${name}{${value.styles}}`,
+    anim: 1,
+    toString() {
+      return `_EMO_${name}_${this.styles}_EMO_`;
+    }
+  };
+};
+const CONTROL_BAR_SIZES = ['s', 'm', 'l'];
+const CONTROL_BAR_POSITIONS = ['fixed', 'absolute', 'relative'];
+/** `$euiControlBarInitialHeight`, `$euiControlBarMaxHeight`, `$euiControlBarHeights`. */
+const euiControlBarVariables = ({
+  euiTheme
+}) => {
+  const base = parseFloat(euiTheme.size.base);
+  return {
+    initialHeight: euiTheme.size.xxl,
+    maxHeight: `calc(100vh - ${base * 5}px)`,
+    heights: {
+      s: `${base * 15}px`,
+      m: `${base * 30}px`,
+      l: '100vh'
+    }
+  };
+};
+
+/** The bar, controls and control types; call it with the bar's (dark) theme. */
+const euiControlBarStyles = euiThemeContext => {
+  const {
+    euiTheme
+  } = euiThemeContext;
+  const {
+    initialHeight,
+    maxHeight,
+    heights
+  } = euiControlBarVariables(euiThemeContext);
+  const background = euiTheme.components.bottomBarBackground;
+  const text = euiTheme.colors.textParagraph;
+  const border = euiTheme.border.color;
+  const fontS = euiFontSize(euiThemeContext, 's', {});
+  const open = size => {
+    // Accounts for the initial height offset from the top (large only).
+    const from = size === 'l' ? `calc((${initialHeight} * 3) * -1)` : `-${initialHeight}`;
+    const animation = keyframes('0%{transform:translateY(', from, ');}100%{transform:translateY(-', heights[size], ');}');
+    return css(logicalCSS('height', size === 'l' ? maxHeight : heights[size]), 'bottom:-', heights[size], ';transform:translateY(-', heights[size], ');', euiCanAnimate, '{animation:', animation, ' ', euiTheme.animation.normal, ' ', euiTheme.animation.resistance, ' forwards;}', `;label:${size === 'l' ? 'large' : size === 'm' ? 'medium' : 'small'};`);
+  };
+  return {
+    euiControlBar: css('box-sizing:border-box;background:', background, ';color:', text, ';display:flex;flex-direction:column;',
+    // This large box shadow helps prevent a flicker of the page
+    // background when the content is shown and hidden.
+    'box-shadow:inset 0 ', initialHeight, ' 0 ', background, ',inset 0 600rem 0 var(--euiControlBarPageBackground, ', euiTheme.colors.body, ');bottom:0;transform:translateY(0);', logicalCSS('height', initialHeight), logicalCSS('max-height', maxHeight), euiMaxBreakpoint(euiThemeContext, 'm'), '{display:none;}', ';label:euiControlBar;'),
+    showOnMobile: css(euiMaxBreakpoint(euiThemeContext, 'm'), '{display:flex;};label:showOnMobile;'),
+    fixed: css('position:fixed;z-index:', euiTheme.levels.mask, ';;label:fixed;'),
+    absolute: css('position:absolute;z-index:', euiTheme.levels.header, ';;label:absolute;'),
+    relative: css('position:relative;;label:relative;'),
+    open: {
+      s: open('s'),
+      m: open('m'),
+      l: open('l')
+    },
+    euiControlBar__controls: css('box-sizing:border-box;', logicalCSS('height', initialHeight), logicalCSS('width', '100%'), 'display:flex;align-items:center;',
+    // Ensures the movement of buttons in :focus don't cause scrollbars
+    'overflow-y:hidden;overflow-x:auto;', logicalCSS('padding-vertical', 0), logicalCSS('padding-horizontal', euiTheme.size.m),
+    // EuiButton takes no `@css` yet: its layout comes from here.
+    '& > .euiControlBar__button{flex-shrink:0;', logicalCSS('margin-left', euiTheme.size.xs), '}& > .euiControlBar__button:last-child{', logicalCSS('margin-right', euiTheme.size.xs), '}', ';label:euiControlBar__controls;'),
+    euiControlBar__icon: css('flex-shrink:0;', logicalCSS('margin-horizontal', euiTheme.size.s), ';label:euiControlBar__icon;'),
+    euiControlBar__buttonIcon: css('flex-shrink:0;', logicalCSS('min-width', initialHeight), logicalCSS('min-height', initialHeight), ';label:euiControlBar__buttonIcon;'),
+    euiControlBar__spacer: css('flex-grow:1;', logicalCSS('height', '100%'), ';label:euiControlBar__spacer;'),
+    euiControlBar__divider: css('flex-shrink:0;', logicalCSS('height', '100%'), logicalCSS('width', euiTheme.border.width.thin), 'background-color:', border, ';;label:euiControlBar__divider;'),
+    euiControlBar__text: css(euiTextTruncate(), 'font-size:', fontS.fontSize, ';line-height:', fontS.lineHeight, ';', logicalCSS('padding-vertical', 0), logicalCSS('padding-horizontal', euiTheme.size.s), 'color:', text, ';&:last-child{', logicalCSS('padding-right', 0), '};label:euiControlBar__text;'),
+    euiControlBar__tab: css(
+    // React global button reset
+    'box-sizing:border-box;margin:0;border:none;background:none;font-family:inherit;font-weight:inherit;', euiTextTruncate(), 'font-size:', fontS.fontSize, ';line-height:', fontS.lineHeight, ';color:', text, ';', logicalCSS('padding-vertical', 0), logicalCSS('padding-horizontal', euiTheme.size.base), 'text-align:center;', logicalCSS('height', '100%'), 'flex-shrink:0;&:hover,&:focus{text-decoration:underline;cursor:pointer;}', ';label:euiControlBar__tab;')
+  };
+};
+
+/** Parts styled with the page (surrounding) theme. */
+const euiControlBarPageStyles = euiThemeContext => {
+  const {
+    euiTheme
+  } = euiThemeContext;
+  const {
+    initialHeight
+  } = euiControlBarVariables(euiThemeContext);
+  const showContent = keyframes('0%{opacity:0;}100%{opacity:1;}');
+  return {
+    /** On the bar: the page color its flicker-guard shadow shows. */
+    pageBackground: css('--euiControlBarPageBackground:', euiTheme.colors.body, ';;label:pageBackground;'),
+    euiControlBar__content: css('box-sizing:border-box;', euiScrollBarStyles(euiThemeContext), 'overflow-y:auto;', logicalCSS('width', '100%'), logicalCSS('height', `calc(100% - ${initialHeight})`), 'background-color:', euiTheme.colors.body, ';color:', euiTheme.colors.textParagraph, ';', euiCanAnimate, '{animation:', showContent, ' ', euiTheme.animation.slow, ' ', euiTheme.animation.resistance, ' 1;}', ';label:euiControlBar__content;'),
+    activeTab: css('background-color:', euiTheme.colors.body, ';box-shadow:inset 0 ', euiTheme.size.xs, ' 0 ', euiTheme.colors.textPrimary, ';color:', euiTheme.colors.textPrimary, ';;label:active;')
+  };
+};
+
+export { CONTROL_BAR_POSITIONS, CONTROL_BAR_SIZES, euiControlBarPageStyles, euiControlBarStyles, euiControlBarVariables };
+//# sourceMappingURL=control-bar.js.map

package/dist/utils/eui/control-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-bar.js","sources":["../../../src/utils/eui/control-bar.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * EuiControlBar styles on Borealis tokens.\n *\n * Upstream removed EuiControlBar after EUI 91.3.1 (92.0.0 ships no\n * `components/control_bar`), before it was converted to Emotion, so EUI\n * 123.1.0 has no style factory for it. This is a translation of the last\n * upstream styles (EUI 91.3.1 `components/control_bar/_control_bar.scss` and\n * `_variables.scss`) to the Borealis theme, using the extracted upstream\n * helpers where Sass used mixins. Like upstream 91.3.1, which wrapped the bar\n * in `EuiThemeProvider colorMode=\"dark\"`, the bar itself is styled from the\n * dark theme (`euiControlBarStyles`); the content area and the active tab\n * were styled with the *page* colors (`$euiPageBackgroundColor`,\n * `$euiColorDarkestShade`, primary), so they come from the surrounding theme\n * (`euiControlBarPageStyles`).\n *\n * - `$euiControlBarBackground` (`darkestShade` / `ink`) → the dark theme's\n *   `components.bottomBarBackground`, as the other dark bar (EuiBottomBar).\n * - `$euiControlBarText` → dark `colors.textParagraph`.\n * - `$euiControlBarBorderColor` (`transparentize(ghost, .8)`) → dark\n *   `border.color`.\n * - `$euiControlBarInitialHeight` (`$euiSizeXXL`) → `size.xxl`; max height\n *   `calc(100vh - size.base * 5)`; heights `s`/`m` = `size.base` × 15 / 30,\n *   `l` = 100vh.\n * - `$euiZMask` (fixed) → `levels.mask`; `$euiZLevel1` (absolute, 1000) →\n *   `levels.header` (the same level in Borealis).\n * - `$euiPageBackgroundColor` → page `colors.body`; `$euiColorDarkestShade`\n *   content text → page `colors.textParagraph`; active tab\n *   `makeHighContrastColor($euiColorPrimary, $euiColorLightestShade)` →\n *   page `colors.textPrimary`.\n * - `euiScrollBar`, `euiTextTruncate`, `euiFontSizeS` and\n *   `euiBreakpoint('xs', 's')` are the upstream JS mixins (`euiScrollBarStyles`,\n *   `euiTextTruncate`, `euiFontSize(s)`, `euiMaxBreakpoint(m)`).\n * - Animations are guarded by `euiCanAnimate` (Sass had no reduced motion\n *   guard); the open transform is also set statically so a bar that does\n *   not animate still ends in its open position.\n * - Not translated: the per-color link/button/button icon/breadcrumb\n *   `makeHighContrastColor` overrides. The controls render inside the dark\n *   provider, whose Borealis tokens are already contrast checked against\n *   the dark bar.\n */\nimport { serializeStyles } from '@emotion/serialize';\n\nimport {\n  euiCanAnimate,\n  euiFontSize,\n  euiMaxBreakpoint,\n  euiScrollBarStyles,\n  euiTextTruncate,\n  logicalCSS\n} from './styles.generated.ts';\n\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { EuiBorealisContext } from './theme.ts';\n\nconst css = (...args: unknown[]): SerializedStyles =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\n/** Same shape as Emotion's `keyframes` (and the generated upstream helper). */\nconst keyframes = (...args: unknown[]) => {\n  const value = css(...args);\n  const name = `animation-${value.name}`;\n  return {\n    name,\n    styles: `@keyframes ${name}{${value.styles}}`,\n    anim: 1,\n    toString() {\n      return `_EMO_${name}_${this.styles}_EMO_`;\n    }\n  };\n};\n\nexport const CONTROL_BAR_SIZES = ['s', 'm', 'l'] as const;\nexport type EuiControlBarSize = (typeof CONTROL_BAR_SIZES)[number];\n\nexport const CONTROL_BAR_POSITIONS = ['fixed', 'absolute', 'relative'] as const;\nexport type EuiControlBarPosition = (typeof CONTROL_BAR_POSITIONS)[number];\n\n/** `$euiControlBarInitialHeight`, `$euiControlBarMaxHeight`, `$euiControlBarHeights`. */\nexport const euiControlBarVariables = ({ euiTheme }: EuiBorealisContext) => {\n  const base = parseFloat(euiTheme.size.base);\n  return {\n    initialHeight: euiTheme.size.xxl,\n    maxHeight: `calc(100vh - ${base * 5}px)`,\n    heights: {\n      s: `${base * 15}px`,\n      m: `${base * 30}px`,\n      l: '100vh'\n    } as Record<EuiControlBarSize, string>\n  };\n};\n\n/** The bar, controls and control types; call it with the bar's (dark) theme. */\nexport const euiControlBarStyles = (euiThemeContext: EuiBorealisContext) => {\n  const { euiTheme } = euiThemeContext;\n  const { initialHeight, maxHeight, heights } =\n    euiControlBarVariables(euiThemeContext);\n  const background = euiTheme.components.bottomBarBackground;\n  const text = euiTheme.colors.textParagraph;\n  const border = euiTheme.border.color;\n  const fontS = euiFontSize(euiThemeContext, 's', {});\n\n  const open = (size: EuiControlBarSize) => {\n    // Accounts for the initial height offset from the top (large only).\n    const from =\n      size === 'l' ? `calc((${initialHeight} * 3) * -1)` : `-${initialHeight}`;\n    const animation = keyframes(\n      '0%{transform:translateY(',\n      from,\n      ');}100%{transform:translateY(-',\n      heights[size],\n      ');}'\n    );\n    return css(\n      logicalCSS('height', size === 'l' ? maxHeight : heights[size]),\n      'bottom:-',\n      heights[size],\n      ';transform:translateY(-',\n      heights[size],\n      ');',\n      euiCanAnimate,\n      '{animation:',\n      animation,\n      ' ',\n      euiTheme.animation.normal,\n      ' ',\n      euiTheme.animation.resistance,\n      ' forwards;}',\n      `;label:${size === 'l' ? 'large' : size === 'm' ? 'medium' : 'small'};`\n    );\n  };\n\n  return {\n    euiControlBar: css(\n      'box-sizing:border-box;background:',\n      background,\n      ';color:',\n      text,\n      ';display:flex;flex-direction:column;',\n      // This large box shadow helps prevent a flicker of the page\n      // background when the content is shown and hidden.\n      'box-shadow:inset 0 ',\n      initialHeight,\n      ' 0 ',\n      background,\n      ',inset 0 600rem 0 var(--euiControlBarPageBackground, ',\n      euiTheme.colors.body,\n      ');bottom:0;transform:translateY(0);',\n      logicalCSS('height', initialHeight),\n      logicalCSS('max-height', maxHeight),\n      euiMaxBreakpoint(euiThemeContext, 'm'),\n      '{display:none;}',\n      ';label:euiControlBar;'\n    ),\n    showOnMobile: css(\n      euiMaxBreakpoint(euiThemeContext, 'm'),\n      '{display:flex;};label:showOnMobile;'\n    ),\n    fixed: css(\n      'position:fixed;z-index:',\n      euiTheme.levels.mask,\n      ';;label:fixed;'\n    ),\n    absolute: css(\n      'position:absolute;z-index:',\n      euiTheme.levels.header,\n      ';;label:absolute;'\n    ),\n    relative: css('position:relative;;label:relative;'),\n    open: {\n      s: open('s'),\n      m: open('m'),\n      l: open('l')\n    } as Record<EuiControlBarSize, SerializedStyles>,\n    euiControlBar__controls: css(\n      'box-sizing:border-box;',\n      logicalCSS('height', initialHeight),\n      logicalCSS('width', '100%'),\n      'display:flex;align-items:center;',\n      // Ensures the movement of buttons in :focus don't cause scrollbars\n      'overflow-y:hidden;overflow-x:auto;',\n      logicalCSS('padding-vertical', 0),\n      logicalCSS('padding-horizontal', euiTheme.size.m),\n      // EuiButton takes no `@css` yet: its layout comes from here.\n      '& > .euiControlBar__button{flex-shrink:0;',\n      logicalCSS('margin-left', euiTheme.size.xs),\n      '}& > .euiControlBar__button:last-child{',\n      logicalCSS('margin-right', euiTheme.size.xs),\n      '}',\n      ';label:euiControlBar__controls;'\n    ),\n    euiControlBar__icon: css(\n      'flex-shrink:0;',\n      logicalCSS('margin-horizontal', euiTheme.size.s),\n      ';label:euiControlBar__icon;'\n    ),\n    euiControlBar__buttonIcon: css(\n      'flex-shrink:0;',\n      logicalCSS('min-width', initialHeight),\n      logicalCSS('min-height', initialHeight),\n      ';label:euiControlBar__buttonIcon;'\n    ),\n    euiControlBar__spacer: css(\n      'flex-grow:1;',\n      logicalCSS('height', '100%'),\n      ';label:euiControlBar__spacer;'\n    ),\n    euiControlBar__divider: css(\n      'flex-shrink:0;',\n      logicalCSS('height', '100%'),\n      logicalCSS('width', euiTheme.border.width.thin),\n      'background-color:',\n      border,\n      ';;label:euiControlBar__divider;'\n    ),\n    euiControlBar__text: css(\n      euiTextTruncate(),\n      'font-size:',\n      fontS.fontSize,\n      ';line-height:',\n      fontS.lineHeight,\n      ';',\n      logicalCSS('padding-vertical', 0),\n      logicalCSS('padding-horizontal', euiTheme.size.s),\n      'color:',\n      text,\n      ';&:last-child{',\n      logicalCSS('padding-right', 0),\n      '};label:euiControlBar__text;'\n    ),\n    euiControlBar__tab: css(\n      // React global button reset\n      'box-sizing:border-box;margin:0;border:none;background:none;font-family:inherit;font-weight:inherit;',\n      euiTextTruncate(),\n      'font-size:',\n      fontS.fontSize,\n      ';line-height:',\n      fontS.lineHeight,\n      ';color:',\n      text,\n      ';',\n      logicalCSS('padding-vertical', 0),\n      logicalCSS('padding-horizontal', euiTheme.size.base),\n      'text-align:center;',\n      logicalCSS('height', '100%'),\n      'flex-shrink:0;&:hover,&:focus{text-decoration:underline;cursor:pointer;}',\n      ';label:euiControlBar__tab;'\n    )\n  };\n};\n\n/** Parts styled with the page (surrounding) theme. */\nexport const euiControlBarPageStyles = (euiThemeContext: EuiBorealisContext) => {\n  const { euiTheme } = euiThemeContext;\n  const { initialHeight } = euiControlBarVariables(euiThemeContext);\n  const showContent = keyframes('0%{opacity:0;}100%{opacity:1;}');\n  return {\n    /** On the bar: the page color its flicker-guard shadow shows. */\n    pageBackground: css(\n      '--euiControlBarPageBackground:',\n      euiTheme.colors.body,\n      ';;label:pageBackground;'\n    ),\n    euiControlBar__content: css(\n      'box-sizing:border-box;',\n      euiScrollBarStyles(euiThemeContext),\n      'overflow-y:auto;',\n      logicalCSS('width', '100%'),\n      logicalCSS('height', `calc(100% - ${initialHeight})`),\n      'background-color:',\n      euiTheme.colors.body,\n      ';color:',\n      euiTheme.colors.textParagraph,\n      ';',\n      euiCanAnimate,\n      '{animation:',\n      showContent,\n      ' ',\n      euiTheme.animation.slow,\n      ' ',\n      euiTheme.animation.resistance,\n      ' 1;}',\n      ';label:euiControlBar__content;'\n    ),\n    activeTab: css(\n      'background-color:',\n      euiTheme.colors.body,\n      ';box-shadow:inset 0 ',\n      euiTheme.size.xs,\n      ' 0 ',\n      euiTheme.colors.textPrimary,\n      ';color:',\n      euiTheme.colors.textPrimary,\n      ';;label:active;'\n    )\n  };\n};\n"],"names":["css","args","serializeStyles","keyframes","value","name","styles","anim","toString","CONTROL_BAR_SIZES","CONTROL_BAR_POSITIONS","euiControlBarVariables","euiTheme","base","parseFloat","size","initialHeight","xxl","maxHeight","heights","s","m","l","euiControlBarStyles","euiThemeContext","background","components","bottomBarBackground","text","colors","textParagraph","border","color","fontS","euiFontSize","open","from","animation","logicalCSS","euiCanAnimate","normal","resistance","euiControlBar","body","euiMaxBreakpoint","showOnMobile","fixed","levels","mask","absolute","header","relative","euiControlBar__controls","xs","euiControlBar__icon","euiControlBar__buttonIcon","euiControlBar__spacer","euiControlBar__divider","width","thin","euiControlBar__text","euiTextTruncate","fontSize","lineHeight","euiControlBar__tab","euiControlBarPageStyles","showContent","pageBackground","euiControlBar__content","euiScrollBarStyles","slow","activeTab","textPrimary"],"mappings":"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"}

package/dist/utils/eui/css-variables.js

@@ -0,0 +1,85 @@
+import { aA as euiFontSize } from '../../styles.generated-SYAxYhey.js';
+
+/**
+ * Theme tokens as CSS custom properties, so plain app CSS can follow the
+ * nearest provider's color mode, high contrast mode and overrides.
+ *
+ * Upstream EUI 123.1.0 has no token-level CSS variables (only per-component
+ * ones such as `--euiFixedHeadersOffset`), so the names are Ember EUI's own,
+ * derived deterministically from the token path:
+ *
+ * - `--eui-` + the path segments in kebab case joined by `-`;
+ * - the `colors` group is singular: `colors.textSubdued` →
+ *   `--eui-color-text-subdued`, `colors.severity.danger` →
+ *   `--eui-color-severity-danger`;
+ * - `size.s` → `--eui-size-s`, `border.radius.medium` →
+ *   `--eui-border-radius-medium`, `font.familyCode` → `--eui-font-family-code`;
+ * - font sizes are computed like upstream `euiFontSize(theme, scale)`:
+ *   `--eui-font-size-s`, `--eui-line-height-s` (rem, relative to the root
+ *   font size the root provider sets).
+ *
+ * Published groups: every string color (plus `colors.severity`; `colors.vis`
+ * is left out), `size`, `border`, `font` families/feature settings/weights,
+ * the font size scale, `focus` color/width and `animation`.
+ */
+
+const FONT_SCALES = ['xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
+const kebab = segment => segment.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+
+/** `'colors.textSubdued'` → `'--eui-color-text-subdued'`. */
+function euiCssVariableName(path) {
+  const [group, ...rest] = path.split('.');
+  const head = group === 'colors' ? 'color' : group;
+  return `--eui-${[head, ...rest].map(kebab).join('-')}`;
+}
+
+/**
+ * `var(--eui-…)` for a token path, e.g. `euiCssVar('colors.textSubdued')`.
+ * Usable in JS style objects and, as a plain function helper, in templates.
+ */
+function euiCssVar(path, fallback) {
+  const name = euiCssVariableName(path);
+  return fallback === undefined ? `var(${name})` : `var(${name}, ${fallback})`;
+}
+function addLeaves(out, path, value, accept = v => typeof v === 'string' || typeof v === 'number') {
+  if (value && typeof value === 'object' && !Array.isArray(value)) {
+    for (const [key, child] of Object.entries(value)) addLeaves(out, `${path}.${key}`, child, accept);
+  } else if (accept(value)) {
+    out[euiCssVariableName(path)] = String(value);
+  }
+}
+
+/** The variables for one resolved theme; memoize with `memoizedStyles`. */
+function euiThemeCssVariables({
+  euiTheme
+}) {
+  const out = {};
+  const theme = euiTheme;
+  for (const [key, value] of Object.entries(theme.colors)) {
+    if (key === 'vis') continue;
+    addLeaves(out, `colors.${key}`, value, v => typeof v === 'string');
+  }
+  addLeaves(out, 'size', theme.size);
+  addLeaves(out, 'border', theme.border);
+  const font = theme.font;
+  for (const key of ['family', 'familyCode', 'familySerif', 'featureSettings']) addLeaves(out, `font.${key}`, font[key]);
+  addLeaves(out, 'font.weight', font.weight);
+  for (const scale of FONT_SCALES) {
+    const {
+      fontSize,
+      lineHeight
+    } = euiFontSize({
+      euiTheme
+    }, scale, undefined);
+    out[`--eui-font-size-${scale}`] = fontSize;
+    out[`--eui-line-height-${scale}`] = lineHeight;
+  }
+  const focus = theme.focus;
+  addLeaves(out, 'focus.color', focus.color);
+  addLeaves(out, 'focus.width', focus.width);
+  addLeaves(out, 'animation', theme.animation);
+  return out;
+}
+
+export { euiCssVar, euiCssVariableName, euiThemeCssVariables };
+//# sourceMappingURL=css-variables.js.map

package/dist/utils/eui/css-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.js","sources":["../../../src/utils/eui/css-variables.ts"],"sourcesContent":["import { euiFontSize } from './styles.generated.ts';\n\nimport type { EuiBorealisContext } from './theme.ts';\n\n/**\n * Theme tokens as CSS custom properties, so plain app CSS can follow the\n * nearest provider's color mode, high contrast mode and overrides.\n *\n * Upstream EUI 123.1.0 has no token-level CSS variables (only per-component\n * ones such as `--euiFixedHeadersOffset`), so the names are Ember EUI's own,\n * derived deterministically from the token path:\n *\n * - `--eui-` + the path segments in kebab case joined by `-`;\n * - the `colors` group is singular: `colors.textSubdued` →\n *   `--eui-color-text-subdued`, `colors.severity.danger` →\n *   `--eui-color-severity-danger`;\n * - `size.s` → `--eui-size-s`, `border.radius.medium` →\n *   `--eui-border-radius-medium`, `font.familyCode` → `--eui-font-family-code`;\n * - font sizes are computed like upstream `euiFontSize(theme, scale)`:\n *   `--eui-font-size-s`, `--eui-line-height-s` (rem, relative to the root\n *   font size the root provider sets).\n *\n * Published groups: every string color (plus `colors.severity`; `colors.vis`\n * is left out), `size`, `border`, `font` families/feature settings/weights,\n * the font size scale, `focus` color/width and `animation`.\n */\nexport type EuiCssVariables = Record<string, string>;\n\nconst FONT_SCALES = ['xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'] as const;\n\nconst kebab = (segment: string) =>\n  segment.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/** `'colors.textSubdued'` → `'--eui-color-text-subdued'`. */\nexport function euiCssVariableName(path: string): string {\n  const [group, ...rest] = path.split('.');\n  const head = group === 'colors' ? 'color' : group!;\n  return `--eui-${[head, ...rest].map(kebab).join('-')}`;\n}\n\n/**\n * `var(--eui-…)` for a token path, e.g. `euiCssVar('colors.textSubdued')`.\n * Usable in JS style objects and, as a plain function helper, in templates.\n */\nexport function euiCssVar(path: string, fallback?: string): string {\n  const name = euiCssVariableName(path);\n  return fallback === undefined ? `var(${name})` : `var(${name}, ${fallback})`;\n}\n\nfunction addLeaves(\n  out: EuiCssVariables,\n  path: string,\n  value: unknown,\n  accept: (value: unknown) => boolean = (v) =>\n    typeof v === 'string' || typeof v === 'number'\n) {\n  if (value && typeof value === 'object' && !Array.isArray(value)) {\n    for (const [key, child] of Object.entries(value))\n      addLeaves(out, `${path}.${key}`, child, accept);\n  } else if (accept(value)) {\n    out[euiCssVariableName(path)] = String(value);\n  }\n}\n\n/** The variables for one resolved theme; memoize with `memoizedStyles`. */\nexport function euiThemeCssVariables({\n  euiTheme\n}: EuiBorealisContext): EuiCssVariables {\n  const out: EuiCssVariables = {};\n  const theme = euiTheme as unknown as {\n    colors: Record<string, unknown>;\n    size: unknown;\n    border: unknown;\n    font: Record<string, unknown> & { weight: unknown };\n    focus: { color: unknown; width: unknown };\n    animation: unknown;\n  };\n  for (const [key, value] of Object.entries(theme.colors)) {\n    if (key === 'vis') continue;\n    addLeaves(out, `colors.${key}`, value, (v) => typeof v === 'string');\n  }\n  addLeaves(out, 'size', theme.size);\n  addLeaves(out, 'border', theme.border);\n  const font = theme.font;\n  for (const key of ['family', 'familyCode', 'familySerif', 'featureSettings'])\n    addLeaves(out, `font.${key}`, font[key]);\n  addLeaves(out, 'font.weight', font.weight);\n  for (const scale of FONT_SCALES) {\n    const { fontSize, lineHeight } = euiFontSize(\n      { euiTheme } as never,\n      scale,\n      undefined as never\n    ) as { fontSize: string; lineHeight: string };\n    out[`--eui-font-size-${scale}`] = fontSize;\n    out[`--eui-line-height-${scale}`] = lineHeight;\n  }\n  const focus = theme.focus;\n  addLeaves(out, 'focus.color', focus.color);\n  addLeaves(out, 'focus.width', focus.width);\n  addLeaves(out, 'animation', theme.animation);\n  return out;\n}\n"],"names":["FONT_SCALES","kebab","segment","replace","toLowerCase","euiCssVariableName","path","group","rest","split","head","map","join","euiCssVar","fallback","name","undefined","addLeaves","out","value","accept","v","Array","isArray","key","child","Object","entries","String","euiThemeCssVariables","euiTheme","theme","colors","size","border","font","weight","scale","fontSize","lineHeight","euiFontSize","focus","color","width","animation"],"mappings":"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"}

package/dist/utils/eui/data-grid.js

@@ -0,0 +1,54 @@
+import { mathWithUnits } from '@elastic/eui-theme-common';
+import { serializeStyles } from '@emotion/serialize';
+import { c0 as logicalCSS } from '../../styles.generated-SYAxYhey.js';
+
+/*
+ * 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.
+ */
+
+// Same serialization the generator substitutes for Emotion's `css`.
+const css = (...args) => serializeStyles(args);
+
+/** `fullscreen_selector.styles.js` */
+const euiDataGridFullScreenStyles = euiThemeContext => {
+  const {
+    euiTheme
+  } = euiThemeContext;
+  const fullScreenZIndex = Number(euiTheme.levels.header) - 2;
+  return {
+    'euiDataGrid--fullScreen': css('z-index:', fullScreenZIndex, ';position:fixed;inset:0;background-color:', euiTheme.colors.emptyShade, ';;label:euiDataGrid--fullScreen;'),
+    euiDataGrid__restrictBody: css(logicalCSS('height', '100vh'), ' overflow:hidden;.euiHeader[data-fixed-header]{z-index:', fullScreenZIndex - 1, "!important;}.euiOverlayMask[data-relative-to-header='below']{", logicalCSS('top', '0'), ';}.euiFlyout{', logicalCSS('top', '0'), ' ', logicalCSS('height', '100%'), ';};label:euiDataGrid__restrictBody;')
+  };
+};
+
+/** `data_grid_toolbar_control.js` `interactiveStyles` and `badgeStyles`. */
+const euiDataGridToolbarControlStyles = ({
+  euiTheme
+}) => ({
+  interactive: css('&:focus,&:hover:not(:disabled){.euiDataGridToolbarControl__badge{background-color:', euiTheme.components.filterButtonBadgeBackgroundHover, ';}};label:interactiveStyles;'),
+  badge: {
+    name: '1968nw3-badgeStyles',
+    styles: 'cursor:inherit;label:badgeStyles;'
+  }
+});
+
+/** `display_selector.js`: the row height button group's flex basis. */
+const euiDataGridRowHeightControlStyles = {
+  name: 'ueqtrq-RowHeightControl',
+  styles: 'flex-shrink:0;flex-basis:66.6%;label:RowHeightControl;'
+};
+
+/**
+ * `display_selector.js`: the display popover panel is the form max width
+ * (`euiFormMaxWidth`) plus the `s` panel padding on both sides.
+ */
+const euiDataGridDisplayPopoverWidth = ({
+  euiTheme
+}) => mathWithUnits([euiTheme.components.forms.maxWidth, euiTheme.size.s], (x, y) => x + y * 2);
+
+export { euiDataGridDisplayPopoverWidth, euiDataGridFullScreenStyles, euiDataGridRowHeightControlStyles, euiDataGridToolbarControlStyles };
+//# sourceMappingURL=data-grid.js.map

package/dist/utils/eui/data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.js","sources":["../../../src/utils/eui/data-grid.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * Hand ports of EUI 123.1.0 data grid styles the generator cannot extract:\n *\n * - `components/datagrid/controls/fullscreen_selector.styles.js` builds its\n *   classes with vanilla `@emotion/css` (global class names);\n * - `components/datagrid/controls/data_grid_toolbar_control.js` and\n *   `display_selector.js` declare their styles inline next to React hooks.\n *\n * The ports compose the same pure helpers (extracted into\n * `styles.generated.ts`) in the same order; the parity suite\n * (`scripts/eui-upstream-parity.test.mjs`) compares them with upstream.\n */\nimport { mathWithUnits } from '@elastic/eui-theme-common';\nimport { serializeStyles } from '@emotion/serialize';\n\nimport { logicalCSS } from './styles.generated.ts';\n\nimport type { EuiBorealisContext } from './theme.ts';\nimport type { SerializedStyles } from '@emotion/serialize';\n\n// Same serialization the generator substitutes for Emotion's `css`.\nconst css = (...args: unknown[]) =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\n/** `fullscreen_selector.styles.js` */\nexport const euiDataGridFullScreenStyles = (\n  euiThemeContext: EuiBorealisContext\n): {\n  'euiDataGrid--fullScreen': SerializedStyles;\n  euiDataGrid__restrictBody: SerializedStyles;\n} => {\n  const { euiTheme } = euiThemeContext;\n  const fullScreenZIndex = Number(euiTheme.levels.header) - 2;\n  return {\n    'euiDataGrid--fullScreen': css(\n      'z-index:',\n      fullScreenZIndex,\n      ';position:fixed;inset:0;background-color:',\n      euiTheme.colors.emptyShade,\n      ';;label:euiDataGrid--fullScreen;'\n    ),\n    euiDataGrid__restrictBody: css(\n      logicalCSS('height', '100vh'),\n      ' overflow:hidden;.euiHeader[data-fixed-header]{z-index:',\n      fullScreenZIndex - 1,\n      \"!important;}.euiOverlayMask[data-relative-to-header='below']{\",\n      logicalCSS('top', '0'),\n      ';}.euiFlyout{',\n      logicalCSS('top', '0'),\n      ' ',\n      logicalCSS('height', '100%'),\n      ';};label:euiDataGrid__restrictBody;'\n    )\n  };\n};\n\n/** `data_grid_toolbar_control.js` `interactiveStyles` and `badgeStyles`. */\nexport const euiDataGridToolbarControlStyles = ({\n  euiTheme\n}: EuiBorealisContext): {\n  interactive: SerializedStyles;\n  badge: SerializedStyles;\n} => ({\n  interactive: css(\n    '&:focus,&:hover:not(:disabled){.euiDataGridToolbarControl__badge{background-color:',\n    euiTheme.components.filterButtonBadgeBackgroundHover,\n    ';}};label:interactiveStyles;'\n  ),\n  badge: {\n    name: '1968nw3-badgeStyles',\n    styles: 'cursor:inherit;label:badgeStyles;'\n  } as SerializedStyles\n});\n\n/** `display_selector.js`: the row height button group's flex basis. */\nexport const euiDataGridRowHeightControlStyles = {\n  name: 'ueqtrq-RowHeightControl',\n  styles: 'flex-shrink:0;flex-basis:66.6%;label:RowHeightControl;'\n} as SerializedStyles;\n\n/**\n * `display_selector.js`: the display popover panel is the form max width\n * (`euiFormMaxWidth`) plus the `s` panel padding on both sides.\n */\nexport const euiDataGridDisplayPopoverWidth = ({\n  euiTheme\n}: EuiBorealisContext): string =>\n  mathWithUnits(\n    [euiTheme.components.forms.maxWidth, euiTheme.size.s],\n    (x: number, y: number) => x + y * 2\n  );\n"],"names":["css","args","serializeStyles","euiDataGridFullScreenStyles","euiThemeContext","euiTheme","fullScreenZIndex","Number","levels","header","colors","emptyShade","euiDataGrid__restrictBody","logicalCSS","euiDataGridToolbarControlStyles","interactive","components","filterButtonBadgeBackgroundHover","badge","name","styles","euiDataGridRowHeightControlStyles","euiDataGridDisplayPopoverWidth","mathWithUnits","forms","maxWidth","size","s","x","y"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsBA;AACA,MAAMA,GAAG,GAAGA,CAAC,GAAGC,IAAe,KAC7BC,eAAe,CAACD,IAA6C,CAAC;;AAEhE;AACO,MAAME,2BAA2B,GACtCC,eAAmC,IAIhC;EACH,MAAM;AAAEC,IAAAA;AAAS,GAAC,GAAGD,eAAe;EACpC,MAAME,gBAAgB,GAAGC,MAAM,CAACF,QAAQ,CAACG,MAAM,CAACC,MAAM,CAAC,GAAG,CAAC;EAC3D,OAAO;AACL,IAAA,yBAAyB,EAAET,GAAG,CAC5B,UAAU,EACVM,gBAAgB,EAChB,2CAA2C,EAC3CD,QAAQ,CAACK,MAAM,CAACC,UAAU,EAC1B,kCACF,CAAC;AACDC,IAAAA,yBAAyB,EAAEZ,GAAG,CAC5Ba,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,EAC7B,yDAAyD,EACzDP,gBAAgB,GAAG,CAAC,EACpB,+DAA+D,EAC/DO,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EACtB,eAAe,EACfA,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EACtB,GAAG,EACHA,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,EAC5B,qCACF;GACD;AACH;;AAEA;AACO,MAAMC,+BAA+B,GAAGA,CAAC;AAC9CT,EAAAA;AACkB,CAAC,MAGf;AACJU,EAAAA,WAAW,EAAEf,GAAG,CACd,oFAAoF,EACpFK,QAAQ,CAACW,UAAU,CAACC,gCAAgC,EACpD,8BACF,CAAC;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,qBAAqB;AAC3BC,IAAAA,MAAM,EAAE;AACV;AACF,CAAC;;AAED;AACO,MAAMC,iCAAiC,GAAG;AAC/CF,EAAAA,IAAI,EAAE,yBAAyB;AAC/BC,EAAAA,MAAM,EAAE;AACV;;AAEA;AACA;AACA;AACA;AACO,MAAME,8BAA8B,GAAGA,CAAC;AAC7CjB,EAAAA;AACkB,CAAC,KACnBkB,aAAa,CACX,CAAClB,QAAQ,CAACW,UAAU,CAACQ,KAAK,CAACC,QAAQ,EAAEpB,QAAQ,CAACqB,IAAI,CAACC,CAAC,CAAC,EACrD,CAACC,CAAS,EAAEC,CAAS,KAAKD,CAAC,GAAGC,CAAC,GAAG,CACpC;;"}

package/dist/utils/eui/date-pickers.js

@@ -0,0 +1,196 @@
+import { euiShadowSmall } from '@elastic/eui-theme-common';
+import { serializeStyles } from '@emotion/serialize';
+import { eP as generated } from '../../styles.generated-SYAxYhey.js';
+
+/*
+ * 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.
+ */
+
+// The generated module is untyped (`@ts-nocheck`); this port is upstream's
+// JavaScript, checked by the parity suite rather than the type checker.
+const {
+  euiButtonColor,
+  euiButtonEmptyColor,
+  euiButtonFillColor,
+  euiCanAnimate,
+  euiFontSize,
+  euiFormControlDefaultShadow,
+  euiFormControlStyles,
+  euiFormControlText,
+  euiMaxBreakpoint,
+  euiYScroll,
+  highContrastModeStyles,
+  logicalCSS,
+  logicalSizeCSS,
+  mathWithUnits
+} = generated;
+const css = (...args) => serializeStyles(args);
+/**
+ * Upstream's nested `css` calls return registered class names, which the
+ * outer call interpolates as their raw styles (no trailing `;`): the nested
+ * helpers return the serialized string to match that byte for byte.
+ */
+const nestedCss = (...args) => css(...args).styles;
+const euiDatePickerVariables = function euiDatePickerVariables(euiThemeContext) {
+  const euiTheme = euiThemeContext.euiTheme,
+    highContrastMode = euiThemeContext.highContrastMode;
+  const unsetHighContrastBorder = function unsetHighContrastBorder(styles) {
+    return {
+      ...styles,
+      border: undefined
+    };
+  };
+  return {
+    gapSize: euiTheme.size.xs,
+    get paddingSize() {
+      return mathWithUnits(this.gapSize, function (x) {
+        return x * 2;
+      });
+    },
+    headerButtonSize: euiTheme.size.xl,
+    get headerOffset() {
+      return mathWithUnits([this.headerButtonSize, this.gapSize], function (x, y) {
+        return x + y;
+      });
+    },
+    colors: {
+      day: {
+        inMonth: euiTheme.colors.textHeading,
+        outsideMonth: euiTheme.colors.textSubdued,
+        header: euiTheme.colors.textSubdued,
+        today: euiTheme.colors.primary
+      },
+      hover: unsetHighContrastBorder(euiButtonColor(euiThemeContext, 'primary')),
+      disabled: unsetHighContrastBorder(euiButtonColor(euiThemeContext, 'disabled')),
+      get inRange() {
+        return this.hover;
+      },
+      inRangeAndDisabled: {
+        backgroundColor: euiButtonEmptyColor(euiThemeContext, 'primary').backgroundColor
+      },
+      selected: highContrastMode !== 'forced' ? euiButtonFillColor(euiThemeContext, 'primary') : {
+        color: euiTheme.colors.emptyShade,
+        backgroundColor: euiTheme.colors.fullShade,
+        forcedColorAdjust: 'none'
+      },
+      selectedAndDisabled: highContrastMode !== 'forced' ? euiButtonColor(euiThemeContext, 'danger') : {
+        color: euiTheme.colors.textDanger,
+        backgroundColor: euiTheme.colors.emptyShade,
+        border: ''.concat(euiTheme.border.width.thin, ' solid ').concat(euiTheme.colors.textDanger, ';')
+      },
+      highlighted: euiButtonColor(euiThemeContext, 'success')
+    },
+    animationSpeed: euiTheme.animation.fast
+  };
+};
+const euiReactDatePickerStyles = function euiReactDatePickerStyles(euiThemeContext) {
+  const euiTheme = euiThemeContext.euiTheme;
+  const datePickerVars = euiDatePickerVariables(euiThemeContext);
+  const gapSize = datePickerVars.gapSize,
+    paddingSize = datePickerVars.paddingSize,
+    headerOffset = datePickerVars.headerOffset;
+  return {
+    euiReactDatePicker: css('display:flex;justify-content:center;padding:', paddingSize, ';font-size:', euiFontSize(euiThemeContext, 'xs').fontSize, ';color:', euiTheme.colors.textParagraph, ';&.react-datepicker--non-interactive{pointer-events:none;}.react-datepicker__focusTrap{display:flex;justify-content:center;gap:', paddingSize, ';}', euiMaxBreakpoint(euiThemeContext, 's'), '{&,.react-datepicker__focusTrap{flex-direction:column;}}.react-datepicker__header__dropdown{position:absolute;', logicalCSS('top', 0), ' ', logicalCSS('horizontal', headerOffset), ' padding:', paddingSize, ';display:flex;justify-content:center;gap:', gapSize, ';}.react-datepicker__navigation{z-index:1;position:absolute;', logicalCSS('top', paddingSize), '&:hover,&:focus{transform:none;}}.react-datepicker__navigation--previous{', logicalCSS('left', paddingSize), ';}.react-datepicker__navigation--next{', logicalCSS('right', paddingSize), ';}.react-datepicker__month-container{flex-grow:1;', logicalCSS('margin-top', headerOffset), ';}.react-datepicker__time-container{flex-grow:1;', logicalCSS('margin-top',
+    // The time select gets a little extra offset
+    mathWithUnits([headerOffset, gapSize], function (x, y) {
+      return x + y;
+    })), ' ', logicalCSS('margin-left', paddingSize), euiMaxBreakpoint(euiThemeContext, 's'), '{', logicalCSS('margin-top', gapSize), ' ', logicalCSS('margin-left', 0), ';}}', _monthYearDropdowns(euiThemeContext, datePickerVars), ' ', _dayCalendarStyles(euiThemeContext, datePickerVars), ' ', _timeSelectStyles(euiThemeContext, datePickerVars), ';;label:euiReactDatePicker;')
+  };
+};
+const _monthYearDropdowns = function _monthYearDropdowns(euiThemeContext, _ref) {
+  const colors = _ref.colors;
+  const euiTheme = euiThemeContext.euiTheme;
+  const formStyles = euiFormControlStyles(euiThemeContext);
+  return nestedCss('.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{display:flex;justify-content:space-between;align-items:center;', formStyles.compressed, ' ', euiFormControlText(euiThemeContext), ' font-weight:', euiTheme.font.weight.medium, ';', euiFormControlDefaultShadow(euiThemeContext), ' &:hover{cursor:pointer;text-decoration:underline;}}.react-datepicker__year-dropdown-container{position:relative;flex-grow:1;}.react-datepicker__month-dropdown-container{position:relative;flex-grow:2;}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown{z-index:1;position:absolute;', euiYScroll(euiThemeContext, {
+    height: 'auto'
+  }), ' ', logicalCSS('max-height', '250px'), ' ', logicalCSS('width', '100%'), ' padding:', euiTheme.size.xs, ';background-color:', euiTheme.colors.emptyShade, ';border-radius:', euiTheme.border.radius.panel, ';', euiShadowSmall(euiThemeContext, {
+    borderAllInHighContrastMode: true
+  }), ';}.react-datepicker__year-dropdown{', logicalCSS('min-width', '100px'), ';}.react-datepicker__month-dropdown{', logicalCSS('min-width', '140px'), ';}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{display:flex;align-items:center;', logicalCSS('height', euiTheme.size.l), ' ', logicalCSS('margin-vertical', euiTheme.size.xs), ' ', logicalCSS('padding-horizontal', euiTheme.size.s), ' font-size:', euiFontSize(euiThemeContext, 's').fontSize, ';border-radius:', euiTheme.border.radius.control, ';cursor:pointer;&:hover{text-decoration:underline;}&--preselected{', colors.hover, ';}&--selected_year,&--selected_month{', colors.selected, ';}&--selected{display:none;}}');
+};
+const _dayCalendarStyles = function _dayCalendarStyles(euiThemeContext, _ref2) {
+  const gapSize = _ref2.gapSize,
+    colors = _ref2.colors,
+    animationSpeed = _ref2.animationSpeed;
+  const euiTheme = euiThemeContext.euiTheme;
+  const daySize = euiTheme.size.xl;
+  const dayMargin = mathWithUnits(gapSize, function (x) {
+    return x / 2;
+  });
+  const rangeMarginOffset = mathWithUnits(dayMargin, function (x) {
+    return x * 1.5;
+  });
+  return nestedCss('.react-datepicker__day-names,.react-datepicker__week{display:flex;justify-content:space-between;flex-grow:1;color:', colors.day.header, ';}.react-datepicker__day-name,.react-datepicker__day{display:inline-flex;justify-content:center;align-items:center;', logicalSizeCSS(daySize), ' margin:', dayMargin, ';font-weight:', euiTheme.font.weight.medium, ';}.react-datepicker__day{color:', colors.day.inMonth, ';border-radius:', euiTheme.border.radius.control, ';', euiCanAnimate, '{transition:transform ', animationSpeed, ' ease-in-out,background-color ', animationSpeed, ' ease-in;}&:hover{', colors.hover, ' text-decoration:underline;cursor:pointer;', euiCanAnimate, '{transform:scale(1.1);}}&--today{color:', colors.day.today, ';font-weight:', euiTheme.font.weight.bold, ';}&--outside-month{color:', colors.day.outsideMonth, ';}&--highlighted,&--highlighted:hover{', colors.highlighted, ';}&--in-range,&--in-range:hover{', colors.inRange, ';}', highContrastModeStyles(euiThemeContext, {
+    // Ranges use 2 side box-shadows that are the same as the button
+    // background to fill the gap between margins
+    none: '\n          &--in-range:not(&--selected):not(:hover):not(&--disabled) {\n            box-shadow: -'.concat(rangeMarginOffset, ' 0 ').concat(colors.inRange.backgroundColor, ',\n              ').concat(rangeMarginOffset, ' 0 ').concat(colors.inRange.backgroundColor, ';\n            border-radius: 0;\n\n            &:first-child {\n              box-shadow: ').concat(rangeMarginOffset, ' 0 ').concat(colors.inRange.backgroundColor, ';\n            }\n\n            &:last-child {\n              box-shadow: -').concat(rangeMarginOffset, ' 0 ').concat(colors.inRange.backgroundColor, ';\n            }\n          }\n          /* Animate smoothly on hover */\n          &--in-range:not(&--selected) {\n            ').concat(euiCanAnimate, ' {\n              transition: transform ').concat(animationSpeed, ' ease-in-out,\n                box-shadow ').concat(animationSpeed, ' ease-in-out,\n                border-radius ').concat(animationSpeed, ' ease-in-out,\n                background-color ').concat(animationSpeed, ' ease-in;\n            }\n          }\n        '),
+    // In Windows high contrast mode, use borders and pseudo elements instead of background colors
+    forced: "\n          &--in-range:not(&--selected) {\n            position: relative;\n            transform: none;\n\n            &::before {\n              content: '';\n              position: absolute;\n              inset-inline: -".concat(dayMargin, ';\n              inset-block: ').concat(dayMargin, ';\n              border-block: ').concat(euiTheme.border.thin, ';\n              pointer-events: none;\n            }\n          }\n          &--range-start:not(&--selected)::before {\n            border-inline-start: ').concat(euiTheme.border.thin, ';\n          }\n          &--range-end:not(&--selected)::before {\n            border-inline-end: ').concat(euiTheme.border.thin, ';\n          }\n        ')
+  }), ' &--selected,&--selected:hover,&--in-selecting-range,&--in-selecting-range:hover{', colors.selected, ';}&--disabled,&--disabled:hover{', colors.disabled, ' ', highContrastModeStyles(euiThemeContext, {
+    forced: 'opacity: 0.5;'
+  }), ' cursor:not-allowed;text-decoration:none;transform:none;}&--disabled.react-datepicker__day--in-range:not(&--selected){&,&:hover{', colors.inRangeAndDisabled, ';}}&--in-selecting-range:not(&--in-range),&--disabled.react-datepicker__day--selected,&--disabled.react-datepicker__day--selected:hover{', colors.selectedAndDisabled, ' ', highContrastModeStyles(euiThemeContext, {
+    forced: 'opacity: 1;'
+  }), ';}}');
+};
+const _timeSelectStyles = function _timeSelectStyles(euiThemeContext, _ref3) {
+  const gapSize = _ref3.gapSize,
+    colors = _ref3.colors,
+    animationSpeed = _ref3.animationSpeed;
+  const euiTheme = euiThemeContext.euiTheme;
+  return nestedCss('.react-datepicker__time-container{display:flex;', logicalCSS('width', 'auto'), ' background-color:', euiTheme.colors.backgroundBaseSubdued, ';border-radius:', euiTheme.border.radius.control, ';&--focus{.react-datepicker__time-list-item--preselected{text-decoration:underline;}}}.react-datepicker__time,.react-datepicker__time-box{display:flex;flex-direction:column;flex-grow:1;}.react-datepicker__time-list{', euiYScroll(euiThemeContext, {
+    height: '100px'
+  }), ' display:flex;flex-direction:column;flex-grow:1;align-items:center;gap:', gapSize, ';', logicalCSS('padding-vertical', euiTheme.size.xs), ' ', logicalCSS('padding-horizontal', euiTheme.size.m), ' &:focus-visible{outline-style:auto;}}.react-datepicker__time-list-item{display:flex;justify-content:align-center;align-items:center;', logicalCSS('min-height', euiTheme.size.l), ' ', logicalCSS('margin-horizontal', 'auto'), ' ', logicalCSS('padding-horizontal', euiTheme.size.s), ' font-size:', euiFontSize(euiThemeContext, 'xs').fontSize, ';font-weight:', euiTheme.font.weight.medium, ';white-space:nowrap;border-radius:', euiTheme.border.radius.control, ';&:not(:disabled):hover{text-decoration:underline;cursor:pointer;}&--disabled{cursor:not-allowed;color:', colors.disabled.color, ';}&--injected{', colors.highlighted, ';}&--selected{', colors.selected, ';}&--preselected{', colors.hover, ' ', highContrastModeStyles(euiThemeContext, {
+    // Use negative margins to offset the added border width
+    forced: '\n            border: '.concat(euiTheme.border.thin, ';\n            margin-inline: -').concat(euiTheme.border.width.thin, ';\n          ')
+  }), ';}', euiCanAnimate, '{transition:background-color ', animationSpeed, ' ease-in;}}&.react-datepicker--time-only{padding:0;.react-datepicker__time-container{background-color:transparent;margin:0;}.react-datepicker__time-list{', logicalCSS('height', '204px'), ';}.react-datepicker__time-list-item{', logicalCSS('min-width', '112px'), ' font-size:', euiFontSize(euiThemeContext, 's').fontSize, ';text-align:start;}}');
+};
+
+/**
+ * `quick_select.js` module-level styles: the panel lets the previous/next
+ * time window buttons overflow it, and they sit above the inputs, aligned
+ * with the panel title.
+ */
+const euiQuickSelectStyles = {
+  panel: {
+    name: '7yqi2-EuiQuickSelect',
+    styles: '> div{position:relative;overflow:visible;};label:EuiQuickSelect;'
+  },
+  timeWindowButtons: {
+    name: 'qbrd7j-EuiQuickSelect',
+    styles: 'position:absolute;right:0;bottom:100%;transform:translateY(-33%);label:EuiQuickSelect;'
+  }
+};
+
+/*
+ * Scoped equivalents of the React global reset (`reset.js`), which Ember
+ * does not inject per component: only what these surfaces rely on.
+ */
+
+/** `fieldset` reset (quick select panels, refresh interval). */
+const fieldsetReset = {
+  margin: 0,
+  padding: 0,
+  border: 'none',
+  minInlineSize: 'auto'
+};
+
+/** `legend` reset (quick select panel titles). */
+const legendReset = {
+  boxSizing: 'border-box',
+  margin: 0,
+  padding: 0,
+  border: 'none'
+};
+
+/** `ol, ul` reset (commonly / recently used lists). */
+const listReset = {
+  margin: 0,
+  padding: 0,
+  listStyle: 'none'
+};
+
+export { euiDatePickerVariables, euiQuickSelectStyles, euiReactDatePickerStyles, fieldsetReset, legendReset, listReset };
+//# sourceMappingURL=date-pickers.js.map

package/dist/utils/eui/date-pickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-pickers.js","sources":["../../../src/utils/eui/date-pickers.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * Pieces of the EUI 123.1.0 date picker family that cannot be extracted by\n * `scripts/generate-eui-styles.mjs`, ported by hand and checked against the\n * upstream sources in `scripts/eui-upstream-parity.test.mjs`:\n *\n * - `react_date_picker.styles.js` (`euiDatePickerVariables`,\n *   `euiReactDatePickerStyles`): upstream builds it with vanilla\n *   `@emotion/css`, which registers classes in Emotion's global cache. This\n *   port serializes the same styles instead, for `euiClass`. It styles the\n *   calendar markup (`react-datepicker__*` class names) the Absolute tab\n *   renders.\n * - The module-level styles of `quick_select.js` (React component module).\n *\n * Everything else comes from `styles.generated.ts`.\n */\nimport { euiShadowSmall } from '@elastic/eui-theme-common';\nimport { serializeStyles } from '@emotion/serialize';\n\nimport * as generated from './styles.generated.ts';\n\nimport type { EuiBorealisContext } from './theme.ts';\nimport type { SerializedStyles } from '@emotion/serialize';\n\ntype Ctx = EuiBorealisContext;\n \ntype Vars = any;\n\n// The generated module is untyped (`@ts-nocheck`); this port is upstream's\n// JavaScript, checked by the parity suite rather than the type checker.\nconst {\n  euiButtonColor,\n  euiButtonEmptyColor,\n  euiButtonFillColor,\n  euiCanAnimate,\n  euiFontSize,\n  euiFormControlDefaultShadow,\n  euiFormControlStyles,\n  euiFormControlText,\n  euiMaxBreakpoint,\n  euiYScroll,\n  highContrastModeStyles,\n  logicalCSS,\n  logicalSizeCSS,\n  mathWithUnits\n   \n} = generated as any;\n\nconst css = (...args: unknown[]): SerializedStyles =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n/**\n * Upstream's nested `css` calls return registered class names, which the\n * outer call interpolates as their raw styles (no trailing `;`): the nested\n * helpers return the serialized string to match that byte for byte.\n */\nconst nestedCss = (...args: unknown[]): string => css(...args).styles;\n\nexport const euiDatePickerVariables = function euiDatePickerVariables(\n  euiThemeContext: Ctx\n) {\n  const euiTheme: Vars = euiThemeContext.euiTheme,\n    highContrastMode = euiThemeContext.highContrastMode;\n  const unsetHighContrastBorder = function unsetHighContrastBorder(\n    styles: Record<string, unknown>\n  ) {\n    return { ...styles, border: undefined };\n  };\n  return {\n    gapSize: euiTheme.size.xs,\n    get paddingSize() {\n      return mathWithUnits(this.gapSize, function (x: number) {\n        return x * 2;\n      });\n    },\n    headerButtonSize: euiTheme.size.xl,\n    get headerOffset() {\n      return mathWithUnits(\n        [this.headerButtonSize, this.gapSize],\n        function (x: number, y: number) {\n          return x + y;\n        }\n      );\n    },\n    colors: {\n      day: {\n        inMonth: euiTheme.colors.textHeading,\n        outsideMonth: euiTheme.colors.textSubdued,\n        header: euiTheme.colors.textSubdued,\n        today: euiTheme.colors.primary\n      },\n      hover: unsetHighContrastBorder(\n        euiButtonColor(euiThemeContext, 'primary')\n      ),\n      disabled: unsetHighContrastBorder(\n        euiButtonColor(euiThemeContext, 'disabled')\n      ),\n      get inRange() {\n        return this.hover;\n      },\n      inRangeAndDisabled: {\n        backgroundColor: euiButtonEmptyColor(euiThemeContext, 'primary')\n          .backgroundColor\n      },\n      selected:\n        highContrastMode !== 'forced'\n          ? euiButtonFillColor(euiThemeContext, 'primary')\n          : {\n              color: euiTheme.colors.emptyShade,\n              backgroundColor: euiTheme.colors.fullShade,\n              forcedColorAdjust: 'none'\n            },\n      selectedAndDisabled:\n        highContrastMode !== 'forced'\n          ? euiButtonColor(euiThemeContext, 'danger')\n          : {\n              color: euiTheme.colors.textDanger,\n              backgroundColor: euiTheme.colors.emptyShade,\n              border: ''\n                .concat(euiTheme.border.width.thin, ' solid ')\n                .concat(euiTheme.colors.textDanger, ';')\n            },\n      highlighted: euiButtonColor(euiThemeContext, 'success')\n    },\n    animationSpeed: euiTheme.animation.fast\n  };\n};\nexport const euiReactDatePickerStyles = function euiReactDatePickerStyles(\n  euiThemeContext: Ctx\n) {\n  const euiTheme: Vars = euiThemeContext.euiTheme;\n  const datePickerVars = euiDatePickerVariables(euiThemeContext);\n  const gapSize = datePickerVars.gapSize,\n    paddingSize = datePickerVars.paddingSize,\n    headerOffset = datePickerVars.headerOffset;\n  return {\n    euiReactDatePicker: css(\n      'display:flex;justify-content:center;padding:',\n      paddingSize,\n      ';font-size:',\n      euiFontSize(euiThemeContext, 'xs').fontSize,\n      ';color:',\n      euiTheme.colors.textParagraph,\n      ';&.react-datepicker--non-interactive{pointer-events:none;}.react-datepicker__focusTrap{display:flex;justify-content:center;gap:',\n      paddingSize,\n      ';}',\n      euiMaxBreakpoint(euiThemeContext, 's'),\n      '{&,.react-datepicker__focusTrap{flex-direction:column;}}.react-datepicker__header__dropdown{position:absolute;',\n      logicalCSS('top', 0),\n      ' ',\n      logicalCSS('horizontal', headerOffset),\n      ' padding:',\n      paddingSize,\n      ';display:flex;justify-content:center;gap:',\n      gapSize,\n      ';}.react-datepicker__navigation{z-index:1;position:absolute;',\n      logicalCSS('top', paddingSize),\n      '&:hover,&:focus{transform:none;}}.react-datepicker__navigation--previous{',\n      logicalCSS('left', paddingSize),\n      ';}.react-datepicker__navigation--next{',\n      logicalCSS('right', paddingSize),\n      ';}.react-datepicker__month-container{flex-grow:1;',\n      logicalCSS('margin-top', headerOffset),\n      ';}.react-datepicker__time-container{flex-grow:1;',\n      logicalCSS(\n        'margin-top',\n        // The time select gets a little extra offset\n        mathWithUnits([headerOffset, gapSize], function (x: number, y: number) {\n          return x + y;\n        })\n      ),\n      ' ',\n      logicalCSS('margin-left', paddingSize),\n      euiMaxBreakpoint(euiThemeContext, 's'),\n      '{',\n      logicalCSS('margin-top', gapSize),\n      ' ',\n      logicalCSS('margin-left', 0),\n      ';}}',\n      _monthYearDropdowns(euiThemeContext, datePickerVars),\n      ' ',\n      _dayCalendarStyles(euiThemeContext, datePickerVars),\n      ' ',\n      _timeSelectStyles(euiThemeContext, datePickerVars),\n      ';;label:euiReactDatePicker;'\n    )\n  };\n};\nconst _monthYearDropdowns = function _monthYearDropdowns(\n  euiThemeContext: Ctx,\n  _ref: Vars\n) {\n  const colors = _ref.colors;\n  const euiTheme: Vars = euiThemeContext.euiTheme;\n  const formStyles = euiFormControlStyles(euiThemeContext);\n  return nestedCss(\n    '.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{display:flex;justify-content:space-between;align-items:center;',\n    formStyles.compressed,\n    ' ',\n    euiFormControlText(euiThemeContext),\n    ' font-weight:',\n    euiTheme.font.weight.medium,\n    ';',\n    euiFormControlDefaultShadow(euiThemeContext),\n    ' &:hover{cursor:pointer;text-decoration:underline;}}.react-datepicker__year-dropdown-container{position:relative;flex-grow:1;}.react-datepicker__month-dropdown-container{position:relative;flex-grow:2;}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown{z-index:1;position:absolute;',\n    euiYScroll(euiThemeContext, {\n      height: 'auto'\n    }),\n    ' ',\n    logicalCSS('max-height', '250px'),\n    ' ',\n    logicalCSS('width', '100%'),\n    ' padding:',\n    euiTheme.size.xs,\n    ';background-color:',\n    euiTheme.colors.emptyShade,\n    ';border-radius:',\n    euiTheme.border.radius.panel,\n    ';',\n    euiShadowSmall(euiThemeContext, {\n      borderAllInHighContrastMode: true\n    }),\n    ';}.react-datepicker__year-dropdown{',\n    logicalCSS('min-width', '100px'),\n    ';}.react-datepicker__month-dropdown{',\n    logicalCSS('min-width', '140px'),\n    ';}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{display:flex;align-items:center;',\n    logicalCSS('height', euiTheme.size.l),\n    ' ',\n    logicalCSS('margin-vertical', euiTheme.size.xs),\n    ' ',\n    logicalCSS('padding-horizontal', euiTheme.size.s),\n    ' font-size:',\n    euiFontSize(euiThemeContext, 's').fontSize,\n    ';border-radius:',\n    euiTheme.border.radius.control,\n    ';cursor:pointer;&:hover{text-decoration:underline;}&--preselected{',\n    colors.hover,\n    ';}&--selected_year,&--selected_month{',\n    colors.selected,\n    ';}&--selected{display:none;}}'\n  );\n};\nconst _dayCalendarStyles = function _dayCalendarStyles(\n  euiThemeContext: Ctx,\n  _ref2: Vars\n) {\n  const gapSize = _ref2.gapSize,\n    colors = _ref2.colors,\n    animationSpeed = _ref2.animationSpeed;\n  const euiTheme: Vars = euiThemeContext.euiTheme;\n  const daySize = euiTheme.size.xl;\n  const dayMargin = mathWithUnits(gapSize, function (x: number) {\n    return x / 2;\n  });\n  const rangeMarginOffset = mathWithUnits(dayMargin, function (x: number) {\n    return x * 1.5;\n  });\n  return nestedCss(\n    '.react-datepicker__day-names,.react-datepicker__week{display:flex;justify-content:space-between;flex-grow:1;color:',\n    colors.day.header,\n    ';}.react-datepicker__day-name,.react-datepicker__day{display:inline-flex;justify-content:center;align-items:center;',\n    logicalSizeCSS(daySize),\n    ' margin:',\n    dayMargin,\n    ';font-weight:',\n    euiTheme.font.weight.medium,\n    ';}.react-datepicker__day{color:',\n    colors.day.inMonth,\n    ';border-radius:',\n    euiTheme.border.radius.control,\n    ';',\n    euiCanAnimate,\n    '{transition:transform ',\n    animationSpeed,\n    ' ease-in-out,background-color ',\n    animationSpeed,\n    ' ease-in;}&:hover{',\n    colors.hover,\n    ' text-decoration:underline;cursor:pointer;',\n    euiCanAnimate,\n    '{transform:scale(1.1);}}&--today{color:',\n    colors.day.today,\n    ';font-weight:',\n    euiTheme.font.weight.bold,\n    ';}&--outside-month{color:',\n    colors.day.outsideMonth,\n    ';}&--highlighted,&--highlighted:hover{',\n    colors.highlighted,\n    ';}&--in-range,&--in-range:hover{',\n    colors.inRange,\n    ';}',\n    highContrastModeStyles(euiThemeContext, {\n      // Ranges use 2 side box-shadows that are the same as the button\n      // background to fill the gap between margins\n      none: '\\n          &--in-range:not(&--selected):not(:hover):not(&--disabled) {\\n            box-shadow: -'\n        .concat(rangeMarginOffset, ' 0 ')\n        .concat(colors.inRange.backgroundColor, ',\\n              ')\n        .concat(rangeMarginOffset, ' 0 ')\n        .concat(\n          colors.inRange.backgroundColor,\n          ';\\n            border-radius: 0;\\n\\n            &:first-child {\\n              box-shadow: '\n        )\n        .concat(rangeMarginOffset, ' 0 ')\n        .concat(\n          colors.inRange.backgroundColor,\n          ';\\n            }\\n\\n            &:last-child {\\n              box-shadow: -'\n        )\n        .concat(rangeMarginOffset, ' 0 ')\n        .concat(\n          colors.inRange.backgroundColor,\n          ';\\n            }\\n          }\\n          /* Animate smoothly on hover */\\n          &--in-range:not(&--selected) {\\n            '\n        )\n        .concat(euiCanAnimate, ' {\\n              transition: transform ')\n        .concat(animationSpeed, ' ease-in-out,\\n                box-shadow ')\n        .concat(animationSpeed, ' ease-in-out,\\n                border-radius ')\n        .concat(\n          animationSpeed,\n          ' ease-in-out,\\n                background-color '\n        )\n        .concat(\n          animationSpeed,\n          ' ease-in;\\n            }\\n          }\\n        '\n        ),\n      // In Windows high contrast mode, use borders and pseudo elements instead of background colors\n      forced:\n        \"\\n          &--in-range:not(&--selected) {\\n            position: relative;\\n            transform: none;\\n\\n            &::before {\\n              content: '';\\n              position: absolute;\\n              inset-inline: -\"\n          .concat(dayMargin, ';\\n              inset-block: ')\n          .concat(dayMargin, ';\\n              border-block: ')\n          .concat(\n            euiTheme.border.thin,\n            ';\\n              pointer-events: none;\\n            }\\n          }\\n          &--range-start:not(&--selected)::before {\\n            border-inline-start: '\n          )\n          .concat(\n            euiTheme.border.thin,\n            ';\\n          }\\n          &--range-end:not(&--selected)::before {\\n            border-inline-end: '\n          )\n          .concat(euiTheme.border.thin, ';\\n          }\\n        ')\n    }),\n    ' &--selected,&--selected:hover,&--in-selecting-range,&--in-selecting-range:hover{',\n    colors.selected,\n    ';}&--disabled,&--disabled:hover{',\n    colors.disabled,\n    ' ',\n    highContrastModeStyles(euiThemeContext, {\n      forced: 'opacity: 0.5;'\n    }),\n    ' cursor:not-allowed;text-decoration:none;transform:none;}&--disabled.react-datepicker__day--in-range:not(&--selected){&,&:hover{',\n    colors.inRangeAndDisabled,\n    ';}}&--in-selecting-range:not(&--in-range),&--disabled.react-datepicker__day--selected,&--disabled.react-datepicker__day--selected:hover{',\n    colors.selectedAndDisabled,\n    ' ',\n    highContrastModeStyles(euiThemeContext, {\n      forced: 'opacity: 1;'\n    }),\n    ';}}'\n  );\n};\nconst _timeSelectStyles = function _timeSelectStyles(\n  euiThemeContext: Ctx,\n  _ref3: Vars\n) {\n  const gapSize = _ref3.gapSize,\n    colors = _ref3.colors,\n    animationSpeed = _ref3.animationSpeed;\n  const euiTheme: Vars = euiThemeContext.euiTheme;\n  return nestedCss(\n    '.react-datepicker__time-container{display:flex;',\n    logicalCSS('width', 'auto'),\n    ' background-color:',\n    euiTheme.colors.backgroundBaseSubdued,\n    ';border-radius:',\n    euiTheme.border.radius.control,\n    ';&--focus{.react-datepicker__time-list-item--preselected{text-decoration:underline;}}}.react-datepicker__time,.react-datepicker__time-box{display:flex;flex-direction:column;flex-grow:1;}.react-datepicker__time-list{',\n    euiYScroll(euiThemeContext, {\n      height: '100px'\n    }),\n    ' display:flex;flex-direction:column;flex-grow:1;align-items:center;gap:',\n    gapSize,\n    ';',\n    logicalCSS('padding-vertical', euiTheme.size.xs),\n    ' ',\n    logicalCSS('padding-horizontal', euiTheme.size.m),\n    ' &:focus-visible{outline-style:auto;}}.react-datepicker__time-list-item{display:flex;justify-content:align-center;align-items:center;',\n    logicalCSS('min-height', euiTheme.size.l),\n    ' ',\n    logicalCSS('margin-horizontal', 'auto'),\n    ' ',\n    logicalCSS('padding-horizontal', euiTheme.size.s),\n    ' font-size:',\n    euiFontSize(euiThemeContext, 'xs').fontSize,\n    ';font-weight:',\n    euiTheme.font.weight.medium,\n    ';white-space:nowrap;border-radius:',\n    euiTheme.border.radius.control,\n    ';&:not(:disabled):hover{text-decoration:underline;cursor:pointer;}&--disabled{cursor:not-allowed;color:',\n    colors.disabled.color,\n    ';}&--injected{',\n    colors.highlighted,\n    ';}&--selected{',\n    colors.selected,\n    ';}&--preselected{',\n    colors.hover,\n    ' ',\n    highContrastModeStyles(euiThemeContext, {\n      // Use negative margins to offset the added border width\n      forced: '\\n            border: '\n        .concat(euiTheme.border.thin, ';\\n            margin-inline: -')\n        .concat(euiTheme.border.width.thin, ';\\n          ')\n    }),\n    ';}',\n    euiCanAnimate,\n    '{transition:background-color ',\n    animationSpeed,\n    ' ease-in;}}&.react-datepicker--time-only{padding:0;.react-datepicker__time-container{background-color:transparent;margin:0;}.react-datepicker__time-list{',\n    logicalCSS('height', '204px'),\n    ';}.react-datepicker__time-list-item{',\n    logicalCSS('min-width', '112px'),\n    ' font-size:',\n    euiFontSize(euiThemeContext, 's').fontSize,\n    ';text-align:start;}}'\n  );\n};\n\n/**\n * `quick_select.js` module-level styles: the panel lets the previous/next\n * time window buttons overflow it, and they sit above the inputs, aligned\n * with the panel title.\n */\nexport const euiQuickSelectStyles = {\n  panel: {\n    name: '7yqi2-EuiQuickSelect',\n    styles: '> div{position:relative;overflow:visible;};label:EuiQuickSelect;'\n  },\n  timeWindowButtons: {\n    name: 'qbrd7j-EuiQuickSelect',\n    styles:\n      'position:absolute;right:0;bottom:100%;transform:translateY(-33%);label:EuiQuickSelect;'\n  }\n} as const;\n\n/*\n * Scoped equivalents of the React global reset (`reset.js`), which Ember\n * does not inject per component: only what these surfaces rely on.\n */\n\n/** `fieldset` reset (quick select panels, refresh interval). */\nexport const fieldsetReset = {\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  minInlineSize: 'auto'\n} as const;\n\n/** `legend` reset (quick select panel titles). */\nexport const legendReset = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none'\n} as const;\n\n/** `ol, ul` reset (commonly / recently used lists). */\nexport const listReset = {\n  margin: 0,\n  padding: 0,\n  listStyle: 'none'\n} as const;\n"],"names":["euiButtonColor","euiButtonEmptyColor","euiButtonFillColor","euiCanAnimate","euiFontSize","euiFormControlDefaultShadow","euiFormControlStyles","euiFormControlText","euiMaxBreakpoint","euiYScroll","highContrastModeStyles","logicalCSS","logicalSizeCSS","mathWithUnits","generated","css","args","serializeStyles","nestedCss","styles","euiDatePickerVariables","euiThemeContext","euiTheme","highContrastMode","unsetHighContrastBorder","border","undefined","gapSize","size","xs","paddingSize","x","headerButtonSize","xl","headerOffset","y","colors","day","inMonth","textHeading","outsideMonth","textSubdued","header","today","primary","hover","disabled","inRange","inRangeAndDisabled","backgroundColor","selected","color","emptyShade","fullShade","forcedColorAdjust","selectedAndDisabled","textDanger","concat","width","thin","highlighted","animationSpeed","animation","fast","euiReactDatePickerStyles","datePickerVars","euiReactDatePicker","fontSize","textParagraph","_monthYearDropdowns","_dayCalendarStyles","_timeSelectStyles","_ref","formStyles","compressed","font","weight","medium","height","radius","panel","euiShadowSmall","borderAllInHighContrastMode","l","s","control","_ref2","daySize","dayMargin","rangeMarginOffset","bold","none","forced","_ref3","backgroundBaseSubdued","m","euiQuickSelectStyles","name","timeWindowButtons","fieldsetReset","margin","padding","minInlineSize","legendReset","boxSizing","listReset","listStyle"],"mappings":"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"}