@ember-eui/core 16.0.4 → 16.0.6

package/dist/components/eui-markdown-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-markdown-format.js","sources":["../../src/components/eui-markdown-format.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\nimport unified from 'unified';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiMarkdownFormatStyles,\n  euiTextStyles\n} from '../utils/eui/styles.generated.ts';\nimport {\n  defaultParsingPlugins,\n  defaultProcessingPlugins\n} from '../utils/markdown/plugins/markdown-default-plugins/index.ts';\nimport { toDOM } from '../utils/markdown/plugins/to-dom.ts';\nimport { euiTextAlignCss } from './eui-text-align.gts';\nimport {\n  TEXT_COLORS,\n  euiTextColorCss,\n  euiTextColorInlineStyle\n} from './eui-text-color.gts';\nimport { euiTextReset } from './eui-text.gts';\n\nimport type {\n  EuiMarkdownAstNodePosition,\n  RehypeNode\n} from '../utils/markdown/markdown-types';\nimport type { EuiTextAlignment } from './eui-text-align.gts';\nimport type { EuiTextColorValue } from './eui-text-color.gts';\nimport type { EuiTextSignature } from './eui-text.gts';\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { Processor } from 'unified';\n\nexport type Replacer = (\n  position: EuiMarkdownAstNodePosition,\n  str: string\n) => void;\n\n/** React's global table reset, which EuiText's scoped reset leaves out. */\nconst TABLE_RESET: CSSObject = {\n  '& :where(table)': { borderCollapse: 'collapse', borderSpacing: 0 }\n};\n\n/**\n * Ember-only structure: plugin components render inside `<span|div\n * class=\"component\">` wrappers, so upstream's task list rule\n * (`.euiCheckbox:has(+ :not(.euiCheckbox))`, see `utils/eui/markdown.ts`)\n * moves to the checkbox wrappers, which become blocks like upstream's\n * `EuiCheckbox` root.\n */\nconst markdownFormatEmberCss: CSSObject = {\n  '& .euiMarkdownFormat__checkbox': { display: 'block' },\n  '& .euiMarkdownFormat__checkbox:has(+ :not(.euiMarkdownFormat__checkbox))':\n    { marginBlockEnd: '1em' }\n};\n\ntype MarkdownFormatColor = keyof ReturnType<\n  typeof euiMarkdownFormatStyles\n>['colors'];\n\n/**\n * Renders markdown as EUI-styled content (headings, lists, code blocks,\n * tables, checkboxes, tooltips and emoji):\n * `<EuiMarkdownFormat @value={{this.markdown}} />`. Attributes go to the\n * root `<div class=\"euiMarkdownFormat\">`.\n */\nexport interface EuiMarkdownFormatSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** remark parsing plugins. Defaults to `getDefaultEuiMarkdownParsingPlugins()`. */\n    parsingPluginList?: typeof defaultParsingPlugins;\n    /** Processing plugins. Defaults to `getDefaultEuiMarkdownProcessingPlugins()`. */\n    processingPluginList?: typeof defaultProcessingPlugins;\n    /**\n     * Called when rendered content edits the markdown, e.g. clicking a\n     * task list checkbox (`- [ ] todo`), with the node's position in the\n     * source and its new text. Splice it into your value to make checkboxes\n     * interactive; EuiMarkdownEditor does this for you.\n     */\n    replaceNode?: Replacer;\n    /** Renders interactive plugin content (task list checkboxes) read-only. */\n    readOnly?: boolean;\n    /** The markdown to render. */\n    value: string;\n    /** Extra class(es) for the root element: a string or an array of strings. */\n    rootClasses?: string | string[];\n    /**\n     * Text size, any `EuiText` size; `'relative'` scales with the parent's\n     * font size. Defaults to `'m'`.\n     */\n    textSize?: EuiTextSignature['Args']['size'];\n    /**\n     * Any EuiText color: a named color (`'subdued'`, `'danger'`…) or a CSS\n     * color. Also tints blockquote, rule and table borders. Defaults to\n     * `'default'`.\n     */\n    color?: EuiTextColorValue;\n    /**\n     * Applies EuiText typography (and the `euiText` class) to the content.\n     * Defaults to `true`; `false` keeps only the markdown-specific styles.\n     */\n    shouldIncludeDefaultRootClasses?: boolean;\n    /**\n     * The root element: `'div'` (default), `'span'` or `'p'` (upstream\n     * EuiText's `component`). Only `'div'` can hold block content such as\n     * headings, lists and tables.\n     */\n    component?: 'div' | 'span' | 'p';\n    /**\n     * `true` (default) lets the text span the container's full width;\n     * `false` caps lines at a readable width (EuiText's `grow`).\n     */\n    grow?: boolean;\n    /** `'left'`, `'center'` or `'right'` (logical, so they flip in RTL). */\n    textAlign?: EuiTextAlignment;\n  };\n}\n\n/**\n * The root tag. Typed as `'div'` so callers keep `HTMLDivElement`\n * attributes; `@component` may be `'span'` or `'p'` too.\n */\nfunction tagName(component: string | undefined): 'div' {\n  return (component || 'div') as 'div';\n}\n\nexport default class EuiMarkdownFormat extends Component<EuiMarkdownFormatSignature> {\n  get parsingPluginList() {\n    return this.args.parsingPluginList || defaultParsingPlugins;\n  }\n\n  get processingPluginList() {\n    return this.args.processingPluginList || defaultProcessingPlugins;\n  }\n\n  @cached\n  get processor() {\n    const Compiler = (tree: any) => {\n      return tree;\n    };\n\n    function identityCompiler(this: Processor) {\n      //eslint-disable-next-line\n      this.Compiler = Compiler;\n    }\n\n    return unified()\n      .use(this.parsingPluginList)\n      .use(this.processingPluginList)\n      .use(identityCompiler);\n  }\n\n  get shouldIncludeDefaultRootClasses() {\n    return this.args.shouldIncludeDefaultRootClasses ?? true;\n  }\n\n  get textSize() {\n    return this.args.textSize || 'm';\n  }\n\n  get color(): EuiTextColorValue {\n    return this.args.color ?? 'default';\n  }\n\n  @cached\n  get extraRootClasses(): string[] {\n    const { rootClasses } = this.args;\n\n    if (!rootClasses) return [];\n\n    return isArray(rootClasses)\n      ? (rootClasses as string[])\n      : (rootClasses as string).trim().split(/\\s+/);\n  }\n\n  /** A custom text color, inline (only with the default EuiText classes). */\n  get inlineStyle(): Record<string, string> {\n    return this.shouldIncludeDefaultRootClasses\n      ? euiTextColorInlineStyle(this.color)\n      : {};\n  }\n\n  /** Upstream: EuiText (size, color) with the markdown css composed last. */\n  @cached\n  get styleClass() {\n    const context = getEuiThemeContext(this);\n    const markdown = useEuiBorealisStyles(context, euiMarkdownFormatStyles);\n    const size = this.textSize;\n    const color = this.color;\n    const { grow, textAlign } = this.args;\n    // Upstream EuiText: `constrainedWidth` unless it grows, and the\n    // alignment last (EuiTextAlign clones the element).\n    const align = textAlign ? euiTextAlignCss(textAlign) : undefined;\n    const borderColor: MarkdownFormatColor = (\n      TEXT_COLORS as readonly string[]\n    ).includes(color)\n      ? (color as MarkdownFormatColor)\n      : 'custom';\n\n    if (!this.shouldIncludeDefaultRootClasses) {\n      return euiClass(\n        context,\n        markdown.euiMarkdownFormat,\n        markdown[size],\n        markdown.colors[borderColor],\n        markdownFormatEmberCss,\n        align\n      );\n    }\n\n    const text = useEuiBorealisStyles(context, euiTextStyles);\n\n    return euiClass(\n      context,\n      euiTextReset(context.upstream),\n      TABLE_RESET,\n      text.euiText,\n      grow === false ? text.constrainedWidth : undefined,\n      text[size],\n      euiTextColorCss(context, color),\n      markdown.euiMarkdownFormat,\n      markdown[size],\n      markdown.colors[borderColor],\n      markdownFormatEmberCss,\n      align\n    );\n  }\n\n  @cached\n  get rootClassName() {\n    return [\n      'euiMarkdownFormat',\n      this.shouldIncludeDefaultRootClasses ? 'euiText' : undefined,\n      this.styleClass,\n      ...this.extraRootClasses\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get result() {\n    try {\n      const processed = this.processor.processSync(this.args.value);\n      const { element, components } = toDOM(processed['result'] as RehypeNode);\n\n      return {\n        nodes: element ? Array.from(element.childNodes) : [],\n        components\n      };\n    } catch (e) {\n      console.warn(e);\n    }\n\n    return null;\n  }\n\n  <template>\n    {{! This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs }}\n    {{#let (element (tagName @component)) as |Tag|}}\n      <Tag class={{this.rootClassName}} ...attributes {{style this.inlineStyle}}>\n        {{#if this.result}}\n          {{#each this.result.nodes as |node|}}{{node}}{{/each}}\n        {{/if}}\n      </Tag>\n    {{/let}}\n    {{#if this.result}}\n      {{#each this.result.components as |CompNode|}}\n        {{#in-element CompNode.element}}\n          {{#if CompNode.componentName}}\n            {{#let\n              (component CompNode.componentName)\n              as |DynamicComponent|\n            }}\n              <DynamicComponent\n                @replaceNode={{optional @replaceNode}}\n                @readOnly={{@readOnly}}\n                @node={{CompNode}}\n              />\n            {{/let}}\n          {{/if}}\n        {{/in-element}}\n      {{/each}}\n    {{/if}}\n  </template>\n}\n"],"names":["TABLE_RESET","borderCollapse","borderSpacing","markdownFormatEmberCss","display","marginBlockEnd","tagName","component","EuiMarkdownFormat","Component","parsingPluginList","args","defaultParsingPlugins","processingPluginList","defaultProcessingPlugins","processor","Compiler","tree","identityCompiler","unified","use","n","prototype","cached","shouldIncludeDefaultRootClasses","textSize","color","extraRootClasses","rootClasses","isArray","trim","split","inlineStyle","euiTextColorInlineStyle","styleClass","context","getEuiThemeContext","markdown","useEuiBorealisStyles","euiMarkdownFormatStyles","size","grow","textAlign","align","euiTextAlignCss","undefined","borderColor","TEXT_COLORS","includes","euiClass","euiMarkdownFormat","colors","text","euiTextStyles","euiTextReset","upstream","euiText","constrainedWidth","euiTextColorCss","rootClassName","filter","Boolean","join","result","processed","processSync","value","element","components","toDOM","nodes","Array","from","childNodes","e","console","warn","setComponentTemplate","precompileTemplate","strictMode","scope","style","optional"],"mappings":"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"}
+{"version":3,"file":"eui-markdown-format.js","sources":["../../src/components/eui-markdown-format.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { isArray } from '@ember/array';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport { markdownEngine } from '../-private/markdown-engine-loader.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiMarkdownFormatStyles,\n  euiTextStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiTextAlignCss } from './eui-text-align.gts';\nimport {\n  TEXT_COLORS,\n  euiTextColorCss,\n  euiTextColorInlineStyle\n} from './eui-text-color.gts';\nimport { euiTextReset } from './eui-text.gts';\n\nimport type {\n  EuiMarkdownAstNodePosition,\n  RehypeNode\n} from '../utils/markdown/markdown-types';\nimport type {\n  defaultParsingPlugins,\n  defaultProcessingPlugins\n} from '../utils/markdown/plugins/markdown-default-plugins/index.ts';\nimport type { EuiTextAlignment } from './eui-text-align.gts';\nimport type { EuiTextColorValue } from './eui-text-color.gts';\nimport type { EuiTextSignature } from './eui-text.gts';\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { Processor } from 'unified';\n\nexport type Replacer = (\n  position: EuiMarkdownAstNodePosition,\n  str: string\n) => void;\n\n/** React's global table reset, which EuiText's scoped reset leaves out. */\nconst TABLE_RESET: CSSObject = {\n  '& :where(table)': { borderCollapse: 'collapse', borderSpacing: 0 }\n};\n\n/**\n * Ember-only structure: plugin components render inside `<span|div\n * class=\"component\">` wrappers, so upstream's task list rule\n * (`.euiCheckbox:has(+ :not(.euiCheckbox))`, see `utils/eui/markdown.ts`)\n * moves to the checkbox wrappers, which become blocks like upstream's\n * `EuiCheckbox` root.\n */\nconst markdownFormatEmberCss: CSSObject = {\n  '& .euiMarkdownFormat__checkbox': { display: 'block' },\n  '& .euiMarkdownFormat__checkbox:has(+ :not(.euiMarkdownFormat__checkbox))':\n    { marginBlockEnd: '1em' }\n};\n\ntype MarkdownFormatColor = keyof ReturnType<\n  typeof euiMarkdownFormatStyles\n>['colors'];\n\n/**\n * Renders markdown as EUI-styled content (headings, lists, code blocks,\n * tables, checkboxes, tooltips and emoji):\n * `<EuiMarkdownFormat @value={{this.markdown}} />`. Attributes go to the\n * root `<div class=\"euiMarkdownFormat\">`. The markdown parser and\n * highlighter load with the first one rendered, which renders its content\n * once they have (`settled()` waits for them).\n */\nexport interface EuiMarkdownFormatSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** remark parsing plugins. Defaults to `getDefaultEuiMarkdownParsingPlugins()`. */\n    parsingPluginList?: typeof defaultParsingPlugins;\n    /** Processing plugins. Defaults to `getDefaultEuiMarkdownProcessingPlugins()`. */\n    processingPluginList?: typeof defaultProcessingPlugins;\n    /**\n     * Called when rendered content edits the markdown, e.g. clicking a\n     * task list checkbox (`- [ ] todo`), with the node's position in the\n     * source and its new text. Splice it into your value to make checkboxes\n     * interactive; EuiMarkdownEditor does this for you.\n     */\n    replaceNode?: Replacer;\n    /** Renders interactive plugin content (task list checkboxes) read-only. */\n    readOnly?: boolean;\n    /** The markdown to render. */\n    value: string;\n    /** Extra class(es) for the root element: a string or an array of strings. */\n    rootClasses?: string | string[];\n    /**\n     * Text size, any `EuiText` size; `'relative'` scales with the parent's\n     * font size. Defaults to `'m'`.\n     */\n    textSize?: EuiTextSignature['Args']['size'];\n    /**\n     * Any EuiText color: a named color (`'subdued'`, `'danger'`…) or a CSS\n     * color. Also tints blockquote, rule and table borders. Defaults to\n     * `'default'`.\n     */\n    color?: EuiTextColorValue;\n    /**\n     * Applies EuiText typography (and the `euiText` class) to the content.\n     * Defaults to `true`; `false` keeps only the markdown-specific styles.\n     */\n    shouldIncludeDefaultRootClasses?: boolean;\n    /**\n     * The root element: `'div'` (default), `'span'` or `'p'` (upstream\n     * EuiText's `component`). Only `'div'` can hold block content such as\n     * headings, lists and tables.\n     */\n    component?: 'div' | 'span' | 'p';\n    /**\n     * `true` (default) lets the text span the container's full width;\n     * `false` caps lines at a readable width (EuiText's `grow`).\n     */\n    grow?: boolean;\n    /** `'left'`, `'center'` or `'right'` (logical, so they flip in RTL). */\n    textAlign?: EuiTextAlignment;\n  };\n}\n\n/**\n * The root tag. Typed as `'div'` so callers keep `HTMLDivElement`\n * attributes; `@component` may be `'span'` or `'p'` too.\n */\nfunction tagName(component: string | undefined): 'div' {\n  return (component || 'div') as 'div';\n}\n\nexport default class EuiMarkdownFormat extends Component<EuiMarkdownFormatSignature> {\n  /** unified, the default plugins and toDOM, once loaded. */\n  get engine() {\n    return markdownEngine();\n  }\n\n  get parsingPluginList() {\n    return this.args.parsingPluginList || this.engine?.defaultParsingPlugins;\n  }\n\n  get processingPluginList() {\n    return (\n      this.args.processingPluginList || this.engine?.defaultProcessingPlugins\n    );\n  }\n\n  @cached\n  get processor() {\n    const engine = this.engine;\n\n    if (!engine) return undefined;\n\n    const Compiler = (tree: any) => {\n      return tree;\n    };\n\n    function identityCompiler(this: Processor) {\n      //eslint-disable-next-line\n      this.Compiler = Compiler;\n    }\n\n    return engine\n      .unified()\n      .use(this.args.parsingPluginList || engine.defaultParsingPlugins)\n      .use(this.args.processingPluginList || engine.defaultProcessingPlugins)\n      .use(identityCompiler);\n  }\n\n  get shouldIncludeDefaultRootClasses() {\n    return this.args.shouldIncludeDefaultRootClasses ?? true;\n  }\n\n  get textSize() {\n    return this.args.textSize || 'm';\n  }\n\n  get color(): EuiTextColorValue {\n    return this.args.color ?? 'default';\n  }\n\n  @cached\n  get extraRootClasses(): string[] {\n    const { rootClasses } = this.args;\n\n    if (!rootClasses) return [];\n\n    return isArray(rootClasses)\n      ? (rootClasses as string[])\n      : (rootClasses as string).trim().split(/\\s+/);\n  }\n\n  /** A custom text color, inline (only with the default EuiText classes). */\n  get inlineStyle(): Record<string, string> {\n    return this.shouldIncludeDefaultRootClasses\n      ? euiTextColorInlineStyle(this.color)\n      : {};\n  }\n\n  /** Upstream: EuiText (size, color) with the markdown css composed last. */\n  @cached\n  get styleClass() {\n    const context = getEuiThemeContext(this);\n    const markdown = useEuiBorealisStyles(context, euiMarkdownFormatStyles);\n    const size = this.textSize;\n    const color = this.color;\n    const { grow, textAlign } = this.args;\n    // Upstream EuiText: `constrainedWidth` unless it grows, and the\n    // alignment last (EuiTextAlign clones the element).\n    const align = textAlign ? euiTextAlignCss(textAlign) : undefined;\n    const borderColor: MarkdownFormatColor = (\n      TEXT_COLORS as readonly string[]\n    ).includes(color)\n      ? (color as MarkdownFormatColor)\n      : 'custom';\n\n    if (!this.shouldIncludeDefaultRootClasses) {\n      return euiClass(\n        context,\n        markdown.euiMarkdownFormat,\n        markdown[size],\n        markdown.colors[borderColor],\n        markdownFormatEmberCss,\n        align\n      );\n    }\n\n    const text = useEuiBorealisStyles(context, euiTextStyles);\n\n    return euiClass(\n      context,\n      euiTextReset(context.upstream),\n      TABLE_RESET,\n      text.euiText,\n      grow === false ? text.constrainedWidth : undefined,\n      text[size],\n      euiTextColorCss(context, color),\n      markdown.euiMarkdownFormat,\n      markdown[size],\n      markdown.colors[borderColor],\n      markdownFormatEmberCss,\n      align\n    );\n  }\n\n  @cached\n  get rootClassName() {\n    return [\n      'euiMarkdownFormat',\n      this.shouldIncludeDefaultRootClasses ? 'euiText' : undefined,\n      this.styleClass,\n      ...this.extraRootClasses\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get result() {\n    const { engine, processor } = this;\n\n    if (!engine || !processor) return null;\n\n    try {\n      const processed = processor.processSync(this.args.value);\n      const { element, components } = engine.toDOM(\n        processed['result'] as RehypeNode\n      );\n\n      return {\n        nodes: element ? Array.from(element.childNodes) : [],\n        components\n      };\n    } catch (e) {\n      console.warn(e);\n    }\n\n    return null;\n  }\n\n  <template>\n    {{! This hbs was inspired by https://github.com/ampatspell/ember-cli-remark-static/blob/v3.0.5/addon/components/remark.hbs }}\n    {{#let (element (tagName @component)) as |Tag|}}\n      <Tag class={{this.rootClassName}} ...attributes {{style this.inlineStyle}}>\n        {{#if this.result}}\n          {{#each this.result.nodes as |node|}}{{node}}{{/each}}\n        {{/if}}\n      </Tag>\n    {{/let}}\n    {{#if this.result}}\n      {{#each this.result.components as |CompNode|}}\n        {{#in-element CompNode.element}}\n          {{#if CompNode.componentName}}\n            {{#let\n              (component CompNode.componentName)\n              as |DynamicComponent|\n            }}\n              <DynamicComponent\n                @replaceNode={{optional @replaceNode}}\n                @readOnly={{@readOnly}}\n                @node={{CompNode}}\n              />\n            {{/let}}\n          {{/if}}\n        {{/in-element}}\n      {{/each}}\n    {{/if}}\n  </template>\n}\n"],"names":["TABLE_RESET","borderCollapse","borderSpacing","markdownFormatEmberCss","display","marginBlockEnd","tagName","component","EuiMarkdownFormat","Component","engine","markdownEngine","parsingPluginList","args","defaultParsingPlugins","processingPluginList","defaultProcessingPlugins","processor","undefined","Compiler","tree","identityCompiler","unified","use","n","prototype","cached","shouldIncludeDefaultRootClasses","textSize","color","extraRootClasses","rootClasses","isArray","trim","split","inlineStyle","euiTextColorInlineStyle","styleClass","context","getEuiThemeContext","markdown","useEuiBorealisStyles","euiMarkdownFormatStyles","size","grow","textAlign","align","euiTextAlignCss","borderColor","TEXT_COLORS","includes","euiClass","euiMarkdownFormat","colors","text","euiTextStyles","euiTextReset","upstream","euiText","constrainedWidth","euiTextColorCss","rootClassName","filter","Boolean","join","result","processed","processSync","value","element","components","toDOM","nodes","Array","from","childNodes","e","console","warn","setComponentTemplate","precompileTemplate","strictMode","scope","style","optional"],"mappings":"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"}

package/dist/components/eui-modal-body.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { ce as euiModalBodyStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiModalBodyStyles } from '../utils/eui/styles.generated/components/modal/modal_body.styles.js';
 
 class EuiModalBody extends Component {
   get classes() {

package/dist/components/eui-modal-footer.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { cf as euiModalFooterStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiModalFooterStyles } from '../utils/eui/styles.generated/components/modal/modal_footer.styles.js';
 
 class EuiModalFooter extends Component {
   get classes() {

package/dist/components/eui-modal-header-title.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { D as euiTitleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTitleStyles } from '../utils/eui/styles.generated/shared/SORCSWXI.js';
 
 const NESTED_HEADING_RESET = {
   '& :where(h1, h2, h3, h4, h5, h6, p)': {

package/dist/components/eui-modal-header.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { cg as euiModalHeaderStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiModalHeaderStyles } from '../utils/eui/styles.generated/components/modal/modal_header.styles.js';
 
 class EuiModalHeader extends Component {
   get classes() {

package/dist/components/eui-modal.js

@@ -9,13 +9,13 @@ import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { dialogDescription } from '../utils/eui/modal-flyout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { aD as euiModalStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonIcon from './eui-button-icon.js';
 import EuiOverlayMaskComponent from './eui-overlay-mask.js';
 import { euiScreenReaderOnlyClass } from './eui-screen-reader-only.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiModalStyles } from '../utils/eui/styles.generated/components/modal/modal.styles.js';
 
 class EuiModal extends Component {
   static {

package/dist/components/eui-notification-badge.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { ch as euiNotificationBadgeStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiNotificationBadgeStyles } from '../utils/eui/styles.generated/components/badge/notification_badge/badge_notification.styles.js';
 
 class EuiNotificationBadge extends Component {
   get classes() {

package/dist/components/eui-page-body.js

@@ -4,11 +4,11 @@ import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { isRestricted, euiPagePadding, euiPageBoxSizing, euiPageRestrictWidthStyle } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { cj as euiPageBodyStyles } from '../styles.generated-SYAxYhey.js';
 import EuiPanel from './eui-panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiPageBodyStyles } from '../utils/eui/styles.generated/components/page/page_body/page_body.styles.js';
 
 /** Upstream `EuiPageBody` (`euiPageBodyStyles`) on the Borealis theme. */ /** Theme-independent, so built once. */const PAGE_BODY_STYLES = euiPageBodyStyles();
 class EuiPageBody extends Component {

package/dist/components/eui-page-content-body.js

@@ -4,10 +4,10 @@ import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { isRestricted, euiPagePadding, euiPageBoxSizing, euiPageRestrictWidthStyle } from '../utils/eui/page-layout.js';
 import { euiClass } from '../utils/eui/styles.js';
-import { ck as euiPageSectionContentStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiPageSectionContentStyles } from '../utils/eui/styles.generated/components/page/page_section/page_section.styles.js';
 
 /** Theme-independent, so built once. */const PAGE_SECTION_CONTENT_STYLES = euiPageSectionContentStyles();
 class EuiPageContentBody extends Component {

package/dist/components/eui-page-content-header.js

@@ -3,10 +3,11 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiPageBoxSizing } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bP as euiMaxBreakpoint, cl as euiPageHeaderContentStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiMaxBreakpoint } from '../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiPageHeaderContentStyles } from '../utils/eui/styles.generated/components/page/page_header/page_header_content.styles.js';
 
 class EuiPageContentHeader extends Component {
   get classes() {

package/dist/components/eui-page-content-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiPageBoxSizing } from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiMaxBreakpoint,\n  euiPageHeaderContentStyles\n} from '../utils/eui/styles.generated.ts';\n\n/**\n * A header row inside EuiPageContent. Upstream removed this component; it\n * now uses the layout of upstream's children-only `EuiPageHeaderContent`\n * (`childrenOnly`: a spaced-out row with a `size.base` gap).\n */\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Stacks the sections (left-aligned) below the theme's `m` breakpoint\n     * (767px in Borealis), like upstream's `responsive` header layout.\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** `EuiPageContentHeaderSection`s, e.g. a title and actions. */\n    default: [];\n  };\n}\n\nexport default class EuiPageContentHeader extends Component<EuiPageContentHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageHeaderContentStyles);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.childrenOnly.flex,\n      styles.center,\n      // Ember-only: the legacy header kept `size.l` between itself and the\n      // content body; upstream has no standalone content header.\n      { marginBlockEnd: upstream.euiTheme.size.l },\n      this.args.responsive && {\n        [euiMaxBreakpoint(upstream, 'm') as string]: styles.childrenOnly.responsive\n      }\n    );\n  }\n\n  <template>\n    <div class=\"euiPageContentHeader {{this.classes}}\" ...attributes>\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPageContentHeader","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageHeaderContentStyles","euiClass","euiPageBoxSizing","childrenOnly","flex","center","marginBlockEnd","euiTheme","size","l","args","responsive","euiMaxBreakpoint","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AA+Be,MAAMA,6BAA6BC,SAAA,CAAU;EAC1D,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,0BAAA,CAAA;AAC7C,IAAA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,YAAY,CAACC,IAAI,EACxBN,MAAA,CAAOO,MAAM;AACb;AACA;AACA,IAAA;AAAEC,MAAAA,cAAA,EAAgBT,QAAA,CAASU,QAAQ,CAACC,IAAI,CAACC;AAAE,KAAA,EAC3C,IAAI,CAACC,IAAI,CAACC,UAAU,IAAI;MACtB,CAACC,gBAAA,CAAiBf,UAAU,GAAA,CAAA,GAAiBC,MAAA,CAAOK,YAAY,CAACQ;AACnE,KAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;AAmBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0FAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-page-content-header.js","sources":["../../src/components/eui-page-content-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiPageBoxSizing } from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiMaxBreakpoint,\n  euiPageHeaderContentStyles\n} from '../utils/eui/styles.generated.ts';\n\n/**\n * A header row inside EuiPageContent. Upstream removed this component; it\n * now uses the layout of upstream's children-only `EuiPageHeaderContent`\n * (`childrenOnly`: a spaced-out row with a `size.base` gap).\n */\nexport interface EuiPageContentHeaderSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Stacks the sections (left-aligned) below the theme's `m` breakpoint\n     * (767px in Borealis), like upstream's `responsive` header layout.\n     */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** `EuiPageContentHeaderSection`s, e.g. a title and actions. */\n    default: [];\n  };\n}\n\nexport default class EuiPageContentHeader extends Component<EuiPageContentHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageHeaderContentStyles);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.childrenOnly.flex,\n      styles.center,\n      // Ember-only: the legacy header kept `size.l` between itself and the\n      // content body; upstream has no standalone content header.\n      { marginBlockEnd: upstream.euiTheme.size.l },\n      this.args.responsive && {\n        [euiMaxBreakpoint(upstream, 'm') as string]: styles.childrenOnly.responsive\n      }\n    );\n  }\n\n  <template>\n    <div class=\"euiPageContentHeader {{this.classes}}\" ...attributes>\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPageContentHeader","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageHeaderContentStyles","euiClass","euiPageBoxSizing","childrenOnly","flex","center","marginBlockEnd","euiTheme","size","l","args","responsive","euiMaxBreakpoint","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;AA+Be,MAAMA,6BAA6BC,SAAA,CAAU;EAC1D,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,0BAAA,CAAA;AAC7C,IAAA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,YAAY,CAACC,IAAI,EACxBN,MAAA,CAAOO,MAAM;AACb;AACA;AACA,IAAA;AAAEC,MAAAA,cAAA,EAAgBT,QAAA,CAASU,QAAQ,CAACC,IAAI,CAACC;AAAE,KAAA,EAC3C,IAAI,CAACC,IAAI,CAACC,UAAU,IAAI;MACtB,CAACC,gBAAA,CAAiBf,UAAU,GAAA,CAAA,GAAiBC,MAAA,CAAOK,YAAY,CAACQ;AACnE,KAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;AAmBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0FAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-page-header-content.js

@@ -11,7 +11,6 @@ import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiPageBoxSizing, euiPagePadding, euiPageRestrictWidthStyle, euiScreenReaderOnlyCss } from '../utils/eui/page-layout.js';
 import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bP as euiMaxBreakpoint, cl as euiPageHeaderContentStyles, cm as euiPageHeaderStyles } from '../styles.generated-SYAxYhey.js';
 import EuiBreadcrumbs from './eui-breadcrumbs.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
@@ -25,6 +24,9 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiMaxBreakpoint } from '../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiPageHeaderContentStyles } from '../utils/eui/styles.generated/components/page/page_header/page_header_content.styles.js';
+import { euiPageHeaderStyles } from '../utils/eui/styles.generated/components/page/page_header/page_header.styles.js';
 
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
 

package/dist/components/eui-page-header-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header-content.js","sources":["../../src/components/eui-page-header-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  euiScreenReaderOnlyCss\n} from '../utils/eui/page-layout.ts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiMaxBreakpoint,\n  euiPageHeaderContentStyles,\n  euiPageHeaderStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiBreadcrumbs from './eui-breadcrumbs.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { EuiFlexGroupSignature } from './eui-flex-group';\nimport type { EuiFlexGroupAlignItems } from './eui-flex-group';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { IEuiTab } from './eui-tab';\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\ntype Tab = IEuiTab & {\n  label?: string;\n  onClick?: () => void;\n};\n\nexport type EuiPageHeaderContentProps = {\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  template?: (typeof TEMPLATES)[number];\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bottomBarProps?: EuiButtomBarArgs;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  fullHeight?: boolean;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  minHeight?: number;\n\n  /** Max width of the content, centered; see EuiPageHeader. */\n  restrictWidth?: boolean | string | number;\n\n  /**\n   * Block padding (top and bottom; only top above bottom tabs, only\n   * bottom below title tabs), see EuiPageHeader. Defaults to `'none'`.\n   */\n  paddingSize?: EuiPagePaddingSize;\n\n  /**\n   * Adds a border below the content. Without padding, it also gets an\n   * `l` bottom padding, as upstream.\n   */\n  bottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyBottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyProps?: {\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n  };\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  contentProps?: {\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n  };\n\n  /** See EuiPageHeader's `@alignItems`. */\n  alignItems?: 'top' | 'bottom' | 'center' | 'stretch';\n\n  /** See EuiPageHeader's `@responsive`. Defaults to `true`. */\n  responsive?: boolean | 'reverse';\n\n  /** @private Render the `<:description>` block. Defaults to `true`. */\n  hasDescriptionBlock?: boolean;\n\n  /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n  hasRightSideItemsBlock?: boolean;\n\n  /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n  hasPageTitleBlock?: boolean;\n\n  /** @private Render the `<:default>` block. Defaults to `true`. */\n  hasDefaultBlock?: boolean;\n\n  /** The page's title. */\n  pageTitle?: string;\n\n  /** Breadcrumbs above the title. */\n  breadcrumbs?: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n\n  /**\n   * Props for the breadcrumbs: `className`, the `EuiBreadcrumbs` args\n   * (`responsive`, `truncate`, `max`, `type`, `lastBreadcrumbIsCurrentPage`,\n   * `css`) and any other key as an attribute (`aria-label`, `data-test-subj`).\n   */\n  breadcrumbProps?: Partial<\n    Omit<EuiBreadcrumbsSignature['Args'], 'breadcrumbs'>\n  > & { className?: string; [attribute: string]: unknown };\n\n  /**\n   * Props for the right side items group: `className`, the `EuiFlexGroup`\n   * args (`gutterSize`, `alignItems`, `justifyContent`, `direction`, `wrap`,\n   * `responsive`, `css`) and any other key as an attribute.\n   */\n  rightSideGroupProps?: Partial<EuiFlexGroupSignature['Args']> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /**\n   * Props for the title: `className`, `textTransform`, `css` and any other\n   * key as an attribute (they land on the `<h1>`).\n   */\n  pageTitleProps?: Partial<\n    Pick<EuiTitleSignature['Args'], 'textTransform' | 'css'>\n  > & { className?: string; [attribute: string]: unknown };\n\n  /** Icon before the title. */\n  iconType?: EuiIconSignature['Args']['type'];\n\n  /** Text under the title. */\n  description?: string;\n\n  /**\n   * Props for the icon: `className`, the `EuiIcon` args (`size`, `color`,\n   * `title`, `titleId`, `css`) and any other key as an attribute.\n   */\n  iconProps?: Partial<Omit<EuiIconSignature['Args'], 'type'>> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /**\n   * Props for the tabs: `className`, `display` and any other key as an\n   * attribute (`aria-label`, `data-test-subj`).\n   */\n  tabsProps?: Partial<Pick<EuiTabsSignature['Args'], 'display'>> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /** Tabs, see EuiPageHeader's `@tabs`. */\n  tabs?: Tab[];\n};\n\n/** @private The layout inside EuiPageHeader; use EuiPageHeader. */\nexport interface EuiPageHeaderContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiPageHeaderContentProps;\n  Blocks: {\n    /** Extra content. */\n    default: [];\n    /** The title. */\n    pageTitle: [];\n    /** The description. */\n    description: [];\n    /** Right side items; yields an `EuiFlexItem` to wrap each in. */\n    rightSideItems: [WithBoundArgs<typeof EuiFlexItem, 'grow'>?];\n  };\n}\n\ninterface Presence {\n  title: unknown;\n  description: unknown;\n  right: unknown;\n  children: unknown;\n}\n\nconst ALIGN_ITEMS: Record<string, EuiFlexGroupAlignItems> = {\n  top: 'flexStart',\n  bottom: 'flexEnd',\n  center: 'center',\n  stretch: 'stretch'\n};\n\nconst BREADCRUMB_ARGS = [\n  'responsive',\n  'truncate',\n  'max',\n  'type',\n  'lastBreadcrumbIsCurrentPage'\n] as const;\nconst TABS_ARGS = ['display'] as const;\nconst TITLE_ARGS = ['textTransform'] as const;\nconst ICON_ARGS = ['size', 'color', 'title', 'titleId'] as const;\nconst GROUP_ARGS = [\n  'gutterSize',\n  'alignItems',\n  'justifyContent',\n  'direction',\n  'wrap',\n  'responsive',\n  'tagName'\n] as const;\n\nconst HeaderTabs: TOC<{\n  Args: { tabs: Tab[]; tabsProps?: EuiPageHeaderContentProps['tabsProps'] };\n}> = <template>\n  <EuiTabs\n    @display={{@tabsProps.display}}\n    @size=\"m\"\n    @bottomBorder={{false}}\n    class={{@tabsProps.className}}\n    {{spreadAttributes @tabsProps TABS_ARGS}}\n  >\n    {{#each @tabs as |tab|}}\n      <EuiTab\n        @id={{tab.id}}\n        @disabled={{tab.disabled}}\n        @isSelected={{tab.isSelected}}\n        @href={{tab.href}}\n        {{on \"click\" (optional tab.onClick)}}\n      >\n        {{tab.label}}\n      </EuiTab>\n    {{/each}}\n  </EuiTabs>\n</template>;\n\n/**\n * Upstream `EuiPageHeaderContent` (`euiPageHeaderContentStyles`): the\n * header's layout, padding and bottom border.\n */\nexport default class EuiPageHeaderContent extends Component<EuiPageHeaderContentSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiPageHeaderContentStyles);\n  }\n\n  /** Upstream's padding/border rules, which depend on what is rendered. */\n  layout = (present: Presence) => {\n    const { tabs } = this.args;\n    const hasTabs = !!tabs;\n    const title = !!present.title;\n    const onlyChildren =\n      !hasTabs &&\n      !title &&\n      !present.right &&\n      !present.description &&\n      !!present.children;\n    const onlyTabs =\n      hasTabs &&\n      !title &&\n      !present.right &&\n      !present.description &&\n      !present.children;\n    let paddingSize = this.args.paddingSize ?? 'none';\n    let bottomBorder = this.args.bottomBorder;\n    let sides: 'vertical' | 'top' | 'bottom' = 'vertical';\n    if (onlyTabs) {\n      paddingSize = 'none';\n    } else if (hasTabs && !title) {\n      sides = 'bottom';\n    } else if (hasTabs && title) {\n      sides = 'top';\n      bottomBorder = bottomBorder === false ? false : true;\n    } else if (paddingSize === 'none' && bottomBorder) {\n      sides = 'bottom';\n      paddingSize = 'l';\n    }\n    const context = this.context;\n    const styles = this.styles;\n    const pageHeader = useEuiBorealisStyles(context, euiPageHeaderStyles);\n    const responsive = this.args.responsive ?? true;\n    return {\n      onlyChildren,\n      tabsAsTitle: hasTabs && !title,\n      tabsAtBottom: hasTabs && title,\n      root: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.euiPageHeaderContent,\n        bottomBorder && pageHeader.border,\n        euiPagePadding(context.upstream, paddingSize, sides)\n      ),\n      childrenOnly: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.childrenOnly.flex,\n        styles[this.args.alignItems ?? 'center'],\n        responsive && {\n          [euiMaxBreakpoint(context.upstream, 'm') as string]:\n            responsive === 'reverse'\n              ? styles.childrenOnly.responsiveReverse\n              : styles.childrenOnly.responsive\n        }\n      )\n    };\n  };\n\n  get widthStyle() {\n    return euiPageRestrictWidthStyle(this.args.restrictWidth);\n  }\n\n  // Upstream's `css` on the EuiFlexGroup/EuiFlexItem children.\n  @cached\n  get topCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__top;\n  }\n\n  @cached\n  get leftCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__leftSideItems;\n  }\n\n  /**\n   * Upstream renders the right side first at small breakpoints with\n   * `responsive=\"reverse\"`; Ember keeps the DOM order and reorders it\n   * visually below the same breakpoint.\n   */\n  @cached\n  get rightCss(): EuiCss {\n    const upstream = this.context.upstream;\n    return [\n      this.styles.euiPageHeaderContent__rightSideItems,\n      { '& > .euiFlexItem': this.styles.euiPageHeaderContent__rightSideItem },\n      this.args.responsive === 'reverse' && {\n        [euiMaxBreakpoint(upstream, 'm') as string]: { order: -1 }\n      },\n      this.args.rightSideGroupProps?.css\n    ];\n  }\n\n  breadcrumbArgs = BREADCRUMB_ARGS;\n  titleArgs = TITLE_ARGS;\n  iconArgs = ICON_ARGS;\n  groupArgs = GROUP_ARGS;\n\n  /** Upstream's `iconProps.css` composed after the title icon styles. */\n  @cached\n  get iconCss(): EuiCss {\n    return [this.titleIconCss, this.args.iconProps?.css];\n  }\n\n  /** Upstream's `iconProps.css`, composed into EuiIcon's own class. */\n  @cached\n  get titleIconCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__titleIcon;\n  }\n\n  @cached\n  get screenReaderOnlyClass() {\n    return euiClass(this.context, euiScreenReaderOnlyCss);\n  }\n\n  get selectedTabLabel() {\n    return this.args.tabs?.find((tab) => tab.isSelected === true)?.label;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      as |responsive hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|\n    }}\n      {{#let\n        (this.layout\n          (hash\n            title=hasPageTitleBlock\n            description=(or hasDescriptionBlock @description)\n            right=hasRightSideItemsBlock\n            children=hasDefaultBlock\n          )\n        )\n        as |layout|\n      }}\n        <div\n          class=\"euiPageHeaderContent {{layout.root}}\"\n          {{style this.widthStyle}}\n          ...attributes\n        >\n          {{#if layout.onlyChildren}}\n            <div class={{layout.childrenOnly}}>\n              {{yield to=\"default\"}}\n            </div>\n          {{else}}\n            {{#if @breadcrumbs}}\n              <EuiBreadcrumbs\n                @breadcrumbs={{@breadcrumbs}}\n                @responsive={{@breadcrumbProps.responsive}}\n                @truncate={{@breadcrumbProps.truncate}}\n                @max={{@breadcrumbProps.max}}\n                @type={{@breadcrumbProps.type}}\n                @lastBreadcrumbIsCurrentPage={{@breadcrumbProps.lastBreadcrumbIsCurrentPage}}\n                @css={{@breadcrumbProps.css}}\n                class={{@breadcrumbProps.className}}\n                {{spreadAttributes @breadcrumbProps this.breadcrumbArgs}}\n              />\n              <EuiSpacer @size=\"s\" />\n            {{/if}}\n            <EuiFlexGroup\n              class=\"euiPageHeaderContent__top\"\n              @css={{this.topCss}}\n              @responsive={{not (not responsive)}}\n              @alignItems={{if @alignItems (this.alignItems @alignItems)}}\n              @gutterSize=\"l\"\n              @wrap={{true}}\n            >\n              <EuiFlexItem @grow={{2}} @css={{this.leftCss}}>\n                {{#if layout.tabsAsTitle}}\n                  <h1 class={{this.screenReaderOnlyClass}}>\n                    {{this.selectedTabLabel}}\n                  </h1>\n                  {{! @glint-expect-error tabs is set when tabsAsTitle }}\n                  <HeaderTabs @tabs={{@tabs}} @tabsProps={{@tabsProps}} />\n                {{else if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                    @textTransform={{@pageTitleProps.textTransform}}\n                    @css={{@pageTitleProps.css}}\n                    {{spreadAttributes @pageTitleProps this.titleArgs}}\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size={{if @iconProps.size @iconProps.size \"xl\"}}\n                        @type={{@iconType}}\n                        @color={{@iconProps.color}}\n                        @title={{@iconProps.title}}\n                        @titleId={{@iconProps.titleId}}\n                        {{spreadAttributes @iconProps this.iconArgs}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                        @css={{this.iconCss}}\n                      />\n                    {{/if}}\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if (or hasDescriptionBlock @description)}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{#if @description}}\n                      <p>{{@description}}</p>\n                    {{/if}}\n                    {{#if hasDescriptionBlock}}\n                      {{yield to=\"description\"}}\n                    {{/if}}\n                  </EuiText>\n                {{/if}}\n\n                {{#if hasDefaultBlock}}\n                  <EuiSpacer />\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiFlexItem>\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexGroup\n                  @gutterSize={{if\n                    @rightSideGroupProps.gutterSize\n                    @rightSideGroupProps.gutterSize\n                    \"m\"\n                  }}\n                  @responsive={{argOrDefault\n                    @rightSideGroupProps.responsive\n                    false\n                  }}\n                  @wrap={{argOrDefault @rightSideGroupProps.wrap true}}\n                  @alignItems={{@rightSideGroupProps.alignItems}}\n                  @justifyContent={{@rightSideGroupProps.justifyContent}}\n                  @direction={{@rightSideGroupProps.direction}}\n                  @tagName={{@rightSideGroupProps.tagName}}\n                  class={{classNames\n                    \"euiPageHeaderContent__rightSideItems\"\n                    @rightSideGroupProps.className\n                  }}\n                  @css={{this.rightCss}}\n                  {{spreadAttributes @rightSideGroupProps this.groupArgs}}\n                >\n                  {{yield\n                    (component EuiFlexItem grow=false)\n                    to=\"rightSideItems\"\n                  }}\n                </EuiFlexGroup>\n              {{/if}}\n            </EuiFlexGroup>\n            {{#if layout.tabsAtBottom}}\n              <div class=\"euiPageHeaderContent__bottom\">\n                <EuiSpacer />\n                {{! @glint-expect-error tabs is set when tabsAtBottom }}\n                <HeaderTabs @tabs={{@tabs}} @tabsProps={{@tabsProps}} />\n              </div>\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/let}}\n    {{/let}}\n  </template>\n\n  alignItems = (value: string) => ALIGN_ITEMS[value];\n}\n"],"names":["TEMPLATES","ALIGN_ITEMS","top","bottom","center","stretch","BREADCRUMB_ARGS","TABS_ARGS","TITLE_ARGS","ICON_ARGS","GROUP_ARGS","HeaderTabs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabs","spreadAttributes","EuiTab","on","optional","templateOnly","EuiPageHeaderContent","Component","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiPageHeaderContentStyles","n","prototype","cached","layout","present","tabs","args","hasTabs","title","onlyChildren","right","description","children","onlyTabs","paddingSize","bottomBorder","sides","pageHeader","euiPageHeaderStyles","responsive","tabsAsTitle","tabsAtBottom","root","euiClass","euiPageBoxSizing","euiPageHeaderContent","border","euiPagePadding","upstream","childrenOnly","flex","alignItems","euiMaxBreakpoint","responsiveReverse","widthStyle","euiPageRestrictWidthStyle","restrictWidth","topCss","euiPageHeaderContent__top","leftCss","euiPageHeaderContent__leftSideItems","rightCss","euiPageHeaderContent__rightSideItems","euiPageHeaderContent__rightSideItem","order","rightSideGroupProps","css","breadcrumbArgs","titleArgs","iconArgs","groupArgs","iconCss","titleIconCss","iconProps","euiPageHeaderContent__titleIcon","screenReaderOnlyClass","euiScreenReaderOnlyCss","selectedTabLabel","find","tab","isSelected","label","argOrDefault","and","or","hash","style","EuiBreadcrumbs","EuiSpacer","EuiFlexGroup","not","EuiFlexItem","EuiTitle","EuiIcon","classNames","EuiText","value"],"mappings":"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"}
+{"version":3,"file":"eui-page-header-content.js","sources":["../../src/components/eui-page-header-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  euiScreenReaderOnlyCss\n} from '../utils/eui/page-layout.ts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiMaxBreakpoint,\n  euiPageHeaderContentStyles,\n  euiPageHeaderStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiBreadcrumbs from './eui-breadcrumbs.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiButtomBarArgs } from './eui-bottom-bar';\nimport type { EuiBreadcrumbsSignature } from './eui-breadcrumbs';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { EuiFlexGroupSignature } from './eui-flex-group';\nimport type { EuiFlexGroupAlignItems } from './eui-flex-group';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { IEuiTab } from './eui-tab';\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TEMPLATES = [\n  'default',\n  'centeredBody',\n  'centeredContent',\n  'empty'\n] as const;\n\ntype Tab = IEuiTab & {\n  label?: string;\n  onClick?: () => void;\n};\n\nexport type EuiPageHeaderContentProps = {\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  template?: (typeof TEMPLATES)[number];\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bottomBarProps?: EuiButtomBarArgs;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  fullHeight?: boolean;\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  minHeight?: number;\n\n  /** Max width of the content, centered; see EuiPageHeader. */\n  restrictWidth?: boolean | string | number;\n\n  /**\n   * Block padding (top and bottom; only top above bottom tabs, only\n   * bottom below title tabs), see EuiPageHeader. Defaults to `'none'`.\n   */\n  paddingSize?: EuiPagePaddingSize;\n\n  /**\n   * Adds a border below the content. Without padding, it also gets an\n   * `l` bottom padding, as upstream.\n   */\n  bottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyBottomBorder?: boolean;\n\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  bodyProps?: {\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n  };\n  /** @deprecated Has no effect (EuiPageTemplate arg). */\n  contentProps?: {\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n  };\n\n  /** See EuiPageHeader's `@alignItems`. */\n  alignItems?: 'top' | 'bottom' | 'center' | 'stretch';\n\n  /** See EuiPageHeader's `@responsive`. Defaults to `true`. */\n  responsive?: boolean | 'reverse';\n\n  /** @private Render the `<:description>` block. Defaults to `true`. */\n  hasDescriptionBlock?: boolean;\n\n  /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n  hasRightSideItemsBlock?: boolean;\n\n  /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n  hasPageTitleBlock?: boolean;\n\n  /** @private Render the `<:default>` block. Defaults to `true`. */\n  hasDefaultBlock?: boolean;\n\n  /** The page's title. */\n  pageTitle?: string;\n\n  /** Breadcrumbs above the title. */\n  breadcrumbs?: EuiBreadcrumbsSignature['Args']['breadcrumbs'];\n\n  /**\n   * Props for the breadcrumbs: `className`, the `EuiBreadcrumbs` args\n   * (`responsive`, `truncate`, `max`, `type`, `lastBreadcrumbIsCurrentPage`,\n   * `css`) and any other key as an attribute (`aria-label`, `data-test-subj`).\n   */\n  breadcrumbProps?: Partial<\n    Omit<EuiBreadcrumbsSignature['Args'], 'breadcrumbs'>\n  > & { className?: string; [attribute: string]: unknown };\n\n  /**\n   * Props for the right side items group: `className`, the `EuiFlexGroup`\n   * args (`gutterSize`, `alignItems`, `justifyContent`, `direction`, `wrap`,\n   * `responsive`, `css`) and any other key as an attribute.\n   */\n  rightSideGroupProps?: Partial<EuiFlexGroupSignature['Args']> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /**\n   * Props for the title: `className`, `textTransform`, `css` and any other\n   * key as an attribute (they land on the `<h1>`).\n   */\n  pageTitleProps?: Partial<\n    Pick<EuiTitleSignature['Args'], 'textTransform' | 'css'>\n  > & { className?: string; [attribute: string]: unknown };\n\n  /** Icon before the title. */\n  iconType?: EuiIconSignature['Args']['type'];\n\n  /** Text under the title. */\n  description?: string;\n\n  /**\n   * Props for the icon: `className`, the `EuiIcon` args (`size`, `color`,\n   * `title`, `titleId`, `css`) and any other key as an attribute.\n   */\n  iconProps?: Partial<Omit<EuiIconSignature['Args'], 'type'>> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /**\n   * Props for the tabs: `className`, `display` and any other key as an\n   * attribute (`aria-label`, `data-test-subj`).\n   */\n  tabsProps?: Partial<Pick<EuiTabsSignature['Args'], 'display'>> & {\n    className?: string;\n    [attribute: string]: unknown;\n  };\n\n  /** Tabs, see EuiPageHeader's `@tabs`. */\n  tabs?: Tab[];\n};\n\n/** @private The layout inside EuiPageHeader; use EuiPageHeader. */\nexport interface EuiPageHeaderContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiPageHeaderContentProps;\n  Blocks: {\n    /** Extra content. */\n    default: [];\n    /** The title. */\n    pageTitle: [];\n    /** The description. */\n    description: [];\n    /** Right side items; yields an `EuiFlexItem` to wrap each in. */\n    rightSideItems: [WithBoundArgs<typeof EuiFlexItem, 'grow'>?];\n  };\n}\n\ninterface Presence {\n  title: unknown;\n  description: unknown;\n  right: unknown;\n  children: unknown;\n}\n\nconst ALIGN_ITEMS: Record<string, EuiFlexGroupAlignItems> = {\n  top: 'flexStart',\n  bottom: 'flexEnd',\n  center: 'center',\n  stretch: 'stretch'\n};\n\nconst BREADCRUMB_ARGS = [\n  'responsive',\n  'truncate',\n  'max',\n  'type',\n  'lastBreadcrumbIsCurrentPage'\n] as const;\nconst TABS_ARGS = ['display'] as const;\nconst TITLE_ARGS = ['textTransform'] as const;\nconst ICON_ARGS = ['size', 'color', 'title', 'titleId'] as const;\nconst GROUP_ARGS = [\n  'gutterSize',\n  'alignItems',\n  'justifyContent',\n  'direction',\n  'wrap',\n  'responsive',\n  'tagName'\n] as const;\n\nconst HeaderTabs: TOC<{\n  Args: { tabs: Tab[]; tabsProps?: EuiPageHeaderContentProps['tabsProps'] };\n}> = <template>\n  <EuiTabs\n    @display={{@tabsProps.display}}\n    @size=\"m\"\n    @bottomBorder={{false}}\n    class={{@tabsProps.className}}\n    {{spreadAttributes @tabsProps TABS_ARGS}}\n  >\n    {{#each @tabs as |tab|}}\n      <EuiTab\n        @id={{tab.id}}\n        @disabled={{tab.disabled}}\n        @isSelected={{tab.isSelected}}\n        @href={{tab.href}}\n        {{on \"click\" (optional tab.onClick)}}\n      >\n        {{tab.label}}\n      </EuiTab>\n    {{/each}}\n  </EuiTabs>\n</template>;\n\n/**\n * Upstream `EuiPageHeaderContent` (`euiPageHeaderContentStyles`): the\n * header's layout, padding and bottom border.\n */\nexport default class EuiPageHeaderContent extends Component<EuiPageHeaderContentSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiPageHeaderContentStyles);\n  }\n\n  /** Upstream's padding/border rules, which depend on what is rendered. */\n  layout = (present: Presence) => {\n    const { tabs } = this.args;\n    const hasTabs = !!tabs;\n    const title = !!present.title;\n    const onlyChildren =\n      !hasTabs &&\n      !title &&\n      !present.right &&\n      !present.description &&\n      !!present.children;\n    const onlyTabs =\n      hasTabs &&\n      !title &&\n      !present.right &&\n      !present.description &&\n      !present.children;\n    let paddingSize = this.args.paddingSize ?? 'none';\n    let bottomBorder = this.args.bottomBorder;\n    let sides: 'vertical' | 'top' | 'bottom' = 'vertical';\n    if (onlyTabs) {\n      paddingSize = 'none';\n    } else if (hasTabs && !title) {\n      sides = 'bottom';\n    } else if (hasTabs && title) {\n      sides = 'top';\n      bottomBorder = bottomBorder === false ? false : true;\n    } else if (paddingSize === 'none' && bottomBorder) {\n      sides = 'bottom';\n      paddingSize = 'l';\n    }\n    const context = this.context;\n    const styles = this.styles;\n    const pageHeader = useEuiBorealisStyles(context, euiPageHeaderStyles);\n    const responsive = this.args.responsive ?? true;\n    return {\n      onlyChildren,\n      tabsAsTitle: hasTabs && !title,\n      tabsAtBottom: hasTabs && title,\n      root: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.euiPageHeaderContent,\n        bottomBorder && pageHeader.border,\n        euiPagePadding(context.upstream, paddingSize, sides)\n      ),\n      childrenOnly: euiClass(\n        context,\n        euiPageBoxSizing,\n        styles.childrenOnly.flex,\n        styles[this.args.alignItems ?? 'center'],\n        responsive && {\n          [euiMaxBreakpoint(context.upstream, 'm') as string]:\n            responsive === 'reverse'\n              ? styles.childrenOnly.responsiveReverse\n              : styles.childrenOnly.responsive\n        }\n      )\n    };\n  };\n\n  get widthStyle() {\n    return euiPageRestrictWidthStyle(this.args.restrictWidth);\n  }\n\n  // Upstream's `css` on the EuiFlexGroup/EuiFlexItem children.\n  @cached\n  get topCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__top;\n  }\n\n  @cached\n  get leftCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__leftSideItems;\n  }\n\n  /**\n   * Upstream renders the right side first at small breakpoints with\n   * `responsive=\"reverse\"`; Ember keeps the DOM order and reorders it\n   * visually below the same breakpoint.\n   */\n  @cached\n  get rightCss(): EuiCss {\n    const upstream = this.context.upstream;\n    return [\n      this.styles.euiPageHeaderContent__rightSideItems,\n      { '& > .euiFlexItem': this.styles.euiPageHeaderContent__rightSideItem },\n      this.args.responsive === 'reverse' && {\n        [euiMaxBreakpoint(upstream, 'm') as string]: { order: -1 }\n      },\n      this.args.rightSideGroupProps?.css\n    ];\n  }\n\n  breadcrumbArgs = BREADCRUMB_ARGS;\n  titleArgs = TITLE_ARGS;\n  iconArgs = ICON_ARGS;\n  groupArgs = GROUP_ARGS;\n\n  /** Upstream's `iconProps.css` composed after the title icon styles. */\n  @cached\n  get iconCss(): EuiCss {\n    return [this.titleIconCss, this.args.iconProps?.css];\n  }\n\n  /** Upstream's `iconProps.css`, composed into EuiIcon's own class. */\n  @cached\n  get titleIconCss(): EuiCss {\n    return this.styles.euiPageHeaderContent__titleIcon;\n  }\n\n  @cached\n  get screenReaderOnlyClass() {\n    return euiClass(this.context, euiScreenReaderOnlyCss);\n  }\n\n  get selectedTabLabel() {\n    return this.args.tabs?.find((tab) => tab.isSelected === true)?.label;\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      as |responsive hasDescriptionBlock hasRightSideItemsBlock hasPageTitleBlock hasDefaultBlock|\n    }}\n      {{#let\n        (this.layout\n          (hash\n            title=hasPageTitleBlock\n            description=(or hasDescriptionBlock @description)\n            right=hasRightSideItemsBlock\n            children=hasDefaultBlock\n          )\n        )\n        as |layout|\n      }}\n        <div\n          class=\"euiPageHeaderContent {{layout.root}}\"\n          {{style this.widthStyle}}\n          ...attributes\n        >\n          {{#if layout.onlyChildren}}\n            <div class={{layout.childrenOnly}}>\n              {{yield to=\"default\"}}\n            </div>\n          {{else}}\n            {{#if @breadcrumbs}}\n              <EuiBreadcrumbs\n                @breadcrumbs={{@breadcrumbs}}\n                @responsive={{@breadcrumbProps.responsive}}\n                @truncate={{@breadcrumbProps.truncate}}\n                @max={{@breadcrumbProps.max}}\n                @type={{@breadcrumbProps.type}}\n                @lastBreadcrumbIsCurrentPage={{@breadcrumbProps.lastBreadcrumbIsCurrentPage}}\n                @css={{@breadcrumbProps.css}}\n                class={{@breadcrumbProps.className}}\n                {{spreadAttributes @breadcrumbProps this.breadcrumbArgs}}\n              />\n              <EuiSpacer @size=\"s\" />\n            {{/if}}\n            <EuiFlexGroup\n              class=\"euiPageHeaderContent__top\"\n              @css={{this.topCss}}\n              @responsive={{not (not responsive)}}\n              @alignItems={{if @alignItems (this.alignItems @alignItems)}}\n              @gutterSize=\"l\"\n              @wrap={{true}}\n            >\n              <EuiFlexItem @grow={{2}} @css={{this.leftCss}}>\n                {{#if layout.tabsAsTitle}}\n                  <h1 class={{this.screenReaderOnlyClass}}>\n                    {{this.selectedTabLabel}}\n                  </h1>\n                  {{! @glint-expect-error tabs is set when tabsAsTitle }}\n                  <HeaderTabs @tabs={{@tabs}} @tabsProps={{@tabsProps}} />\n                {{else if hasPageTitleBlock}}\n                  <EuiTitle\n                    class={{@pageTitleProps.className}}\n                    @size=\"l\"\n                    @tagName=\"h1\"\n                    @textTransform={{@pageTitleProps.textTransform}}\n                    @css={{@pageTitleProps.css}}\n                    {{spreadAttributes @pageTitleProps this.titleArgs}}\n                  >\n                    {{#if @iconType}}\n                      <EuiIcon\n                        @size={{if @iconProps.size @iconProps.size \"xl\"}}\n                        @type={{@iconType}}\n                        @color={{@iconProps.color}}\n                        @title={{@iconProps.title}}\n                        @titleId={{@iconProps.titleId}}\n                        {{spreadAttributes @iconProps this.iconArgs}}\n                        @iconClasses={{classNames\n                          \"euiPageHeaderContent__titleIcon\"\n                          @iconProps.className\n                        }}\n                        @css={{this.iconCss}}\n                      />\n                    {{/if}}\n                    {{@pageTitle}}\n                    {{yield to=\"pageTitle\"}}\n                  </EuiTitle>\n                {{/if}}\n\n                {{#if (or hasDescriptionBlock @description)}}\n                  {{#if (or hasPageTitleBlock @tabs)}}\n                    <EuiSpacer />\n                  {{/if}}\n                  <EuiText @grow={{false}}>\n                    {{#if @description}}\n                      <p>{{@description}}</p>\n                    {{/if}}\n                    {{#if hasDescriptionBlock}}\n                      {{yield to=\"description\"}}\n                    {{/if}}\n                  </EuiText>\n                {{/if}}\n\n                {{#if hasDefaultBlock}}\n                  <EuiSpacer />\n                  {{yield to=\"default\"}}\n                {{/if}}\n              </EuiFlexItem>\n              {{#if hasRightSideItemsBlock}}\n                <EuiFlexGroup\n                  @gutterSize={{if\n                    @rightSideGroupProps.gutterSize\n                    @rightSideGroupProps.gutterSize\n                    \"m\"\n                  }}\n                  @responsive={{argOrDefault\n                    @rightSideGroupProps.responsive\n                    false\n                  }}\n                  @wrap={{argOrDefault @rightSideGroupProps.wrap true}}\n                  @alignItems={{@rightSideGroupProps.alignItems}}\n                  @justifyContent={{@rightSideGroupProps.justifyContent}}\n                  @direction={{@rightSideGroupProps.direction}}\n                  @tagName={{@rightSideGroupProps.tagName}}\n                  class={{classNames\n                    \"euiPageHeaderContent__rightSideItems\"\n                    @rightSideGroupProps.className\n                  }}\n                  @css={{this.rightCss}}\n                  {{spreadAttributes @rightSideGroupProps this.groupArgs}}\n                >\n                  {{yield\n                    (component EuiFlexItem grow=false)\n                    to=\"rightSideItems\"\n                  }}\n                </EuiFlexGroup>\n              {{/if}}\n            </EuiFlexGroup>\n            {{#if layout.tabsAtBottom}}\n              <div class=\"euiPageHeaderContent__bottom\">\n                <EuiSpacer />\n                {{! @glint-expect-error tabs is set when tabsAtBottom }}\n                <HeaderTabs @tabs={{@tabs}} @tabsProps={{@tabsProps}} />\n              </div>\n            {{/if}}\n          {{/if}}\n        </div>\n      {{/let}}\n    {{/let}}\n  </template>\n\n  alignItems = (value: string) => ALIGN_ITEMS[value];\n}\n"],"names":["TEMPLATES","ALIGN_ITEMS","top","bottom","center","stretch","BREADCRUMB_ARGS","TABS_ARGS","TITLE_ARGS","ICON_ARGS","GROUP_ARGS","HeaderTabs","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabs","spreadAttributes","EuiTab","on","optional","templateOnly","EuiPageHeaderContent","Component","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiPageHeaderContentStyles","n","prototype","cached","layout","present","tabs","args","hasTabs","title","onlyChildren","right","description","children","onlyTabs","paddingSize","bottomBorder","sides","pageHeader","euiPageHeaderStyles","responsive","tabsAsTitle","tabsAtBottom","root","euiClass","euiPageBoxSizing","euiPageHeaderContent","border","euiPagePadding","upstream","childrenOnly","flex","alignItems","euiMaxBreakpoint","responsiveReverse","widthStyle","euiPageRestrictWidthStyle","restrictWidth","topCss","euiPageHeaderContent__top","leftCss","euiPageHeaderContent__leftSideItems","rightCss","euiPageHeaderContent__rightSideItems","euiPageHeaderContent__rightSideItem","order","rightSideGroupProps","css","breadcrumbArgs","titleArgs","iconArgs","groupArgs","iconCss","titleIconCss","iconProps","euiPageHeaderContent__titleIcon","screenReaderOnlyClass","euiScreenReaderOnlyCss","selectedTabLabel","find","tab","isSelected","label","argOrDefault","and","or","hash","style","EuiBreadcrumbs","EuiSpacer","EuiFlexGroup","not","EuiFlexItem","EuiTitle","EuiIcon","classNames","EuiText","value"],"mappings":"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"}

package/dist/components/eui-page-header.js

@@ -6,11 +6,12 @@ import argOrDefault from '../helpers/arg-or-default.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiPagePadding, euiPageBoxSizing } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { i as euiBackgroundColor, cm as euiPageHeaderStyles } from '../styles.generated-SYAxYhey.js';
 import EuiPageHeaderContent from './eui-page-header-content.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiBackgroundColor } from '../utils/eui/styles.generated/shared/LXBSAITL.js';
+import { euiPageHeaderStyles } from '../utils/eui/styles.generated/components/page/page_header/page_header.styles.js';
 
 /** Upstream `EuiPageHeader` (`euiPageHeaderStyles`) on the Borealis theme. */class EuiPageHeader extends Component {
   get classes() {

package/dist/components/eui-page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-header.js","sources":["../../src/components/eui-page-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageHeaderStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiPageHeaderContent from './eui-page-header-content.gts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPageHeaderContentSignature } from './eui-page-header-content';\n\n/**\n * The top of a page: breadcrumbs, title (with icon), description, tabs and\n * actions on the right.\n */\nexport interface EuiPageHeaderSignature {\n  Element: Element;\n  Args: {\n    /**\n     * Padding: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'`. Inline\n     * padding goes on the header, block padding on its content (see\n     * `@bottomBorder`). Defaults to `'none'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /**\n     * Adds a border below the content (`true`, within the max width) or\n     * across the whole header (`'extended'`). With no padding, a `true`\n     * border also gets an `l` bottom padding, as upstream. Title + tabs\n     * headers get the border unless this is `false`.\n     */\n    bottomBorder?: boolean | 'extended';\n    /**\n     * Max width of the header's content, centered: `true` for EUI's\n     * default (1200px), a number in px or any CSS width. The header itself\n     * stays full width. Defaults to `false`.\n     */\n    restrictWidth?: boolean | number | string;\n    /**\n     * Background: `'transparent'`, `'plain'`, `'subdued'`, … (EuiPanel\n     * colors). Defaults to `'transparent'`.\n     */\n    color?: string;\n    /**\n     * Vertical alignment of the title and the right side items: `'top'`,\n     * `'bottom'`, `'center'` or `'stretch'`. Defaults to stretching the\n     * items (centered for a header with only a default block).\n     */\n    alignItems?: EuiPageHeaderContentSignature['Args']['alignItems'];\n    /**\n     * Stacks the right side items under the title below the theme's `m`\n     * breakpoint; `'reverse'` puts them above it. Defaults to `true`.\n     */\n    responsive?: boolean | 'reverse';\n    /** Icon before the title, e.g. the app's logo. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Breadcrumbs above the title, see `EuiBreadcrumbs`'s `@breadcrumbs`. */\n    breadcrumbs?: any[];\n    /**\n     * Tabs under the title (or as the title, without `@pageTitle`):\n     * `[{ label: 'Overview', isSelected: true, onClick }, …]`, also taking\n     * `id`, `href` and `disabled`.\n     */\n    tabs?: any[];\n    /** Text under the title. Use the `<:description>` block for markup. */\n    description?: string;\n    /** The page's title (an `<h1>`). Use the `<:pageTitle>` block for markup. */\n    pageTitle?: string;\n\n    /**\n     * Props for the title: `className`, `textTransform`, `css` and any other\n     * key as an attribute of the `<h1>` (`aria-label`, `data-test-subj`).\n     */\n    pageTitleProps?: EuiPageHeaderContentSignature['Args']['pageTitleProps'];\n    /**\n     * Props for the icon: `className`, `size`, `color`, `title`, `titleId`,\n     * `css` and any other key as an attribute.\n     */\n    iconProps?: EuiPageHeaderContentSignature['Args']['iconProps'];\n    /** Props for the tabs: `className`, `display` and any attribute. */\n    tabsProps?: EuiPageHeaderContentSignature['Args']['tabsProps'];\n    /**\n     * Props for the breadcrumbs: `className`, `EuiBreadcrumbs` args and any\n     * attribute.\n     */\n    breadcrumbProps?: EuiPageHeaderContentSignature['Args']['breadcrumbProps'];\n    /**\n     * Props for the right side items group: `className`, `EuiFlexGroup`\n     * args and any attribute.\n     */\n    rightSideGroupProps?: EuiPageHeaderContentSignature['Args']['rightSideGroupProps'];\n\n    /**\n     * @deprecated Has no effect on its own: put the items in the\n     * `<:rightSideItems>` block.\n     */\n    rightSideItems?: any[];\n    /** @deprecated Has no effect, use the `<:default>` block. */\n    default?: any[];\n    /** @private Render the `<:default>` block. Defaults to `true`. */\n    hasDefaultBlock?: boolean;\n    /** @private Render the `<:description>` block. Defaults to `true`. */\n    hasDescriptionBlock?: boolean;\n    /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n    hasPageTitleBlock?: boolean;\n    /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n    hasRightSideItemsBlock?: boolean;\n\n    /** Inline styles of the header (the max width goes on its content). */\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    /** Extra content under the title and description. */\n    default: [];\n    /** The description, instead of `@description`. */\n    description: [];\n    /** The title, instead of `@pageTitle`. */\n    pageTitle: [];\n    /**\n     * Actions on the right, e.g. buttons. Wrap each in the yielded item:\n     * `<:rightSideItems as |Item|><Item><EuiButton …/></Item></:rightSideItems>`.\n     */\n    rightSideItems: EuiPageHeaderContentSignature['Blocks']['rightSideItems'];\n  };\n}\n\n/** Upstream `EuiPageHeader` (`euiPageHeaderStyles`) on the Borealis theme. */\nexport default class EuiPageHeader extends Component<EuiPageHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageHeaderStyles);\n    // Same order as upstream's `cssStyles`.\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageHeader,\n      euiPagePadding(upstream, this.args.paddingSize ?? 'none', 'horizontal'),\n      this.args.bottomBorder === 'extended' && styles.border,\n      {\n        backgroundColor: euiBackgroundColor(\n          upstream,\n          this.args.color ?? 'transparent'\n        )\n      }\n    );\n  }\n\n  get inlineStyle() {\n    return this.args.style ?? {};\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      (or\n        (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n        @description\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      as |responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|\n    }}\n      <header\n        class=\"euiPageHeader {{this.classes}}\"\n        {{style this.inlineStyle}}\n        ...attributes\n      >\n        <EuiPageHeaderContent\n          @alignItems={{@alignItems}}\n          @responsive={{responsive}}\n          @paddingSize={{@paddingSize}}\n          @bottomBorder={{if (eq @bottomBorder \"extended\") false @bottomBorder}}\n          @pageTitle={{@pageTitle}}\n          @pageTitleProps={{@pageTitleProps}}\n          @iconProps={{@iconProps}}\n          @tabsProps={{@tabsProps}}\n          @breadcrumbProps={{@breadcrumbProps}}\n          @rightSideGroupProps={{@rightSideGroupProps}}\n          @iconType={{@iconType}}\n          @breadcrumbs={{@breadcrumbs}}\n          @tabs={{@tabs}}\n          @description={{@description}}\n          @restrictWidth={{@restrictWidth}}\n          @hasDescriptionBlock={{not (not hasDescriptionBlock)}}\n          @hasPageTitleBlock={{not (not hasPageTitleBlock)}}\n          @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}}\n          @hasDefaultBlock={{not (not hasDefaultBlock)}}\n        >\n          <:pageTitle>\n            {{yield to=\"pageTitle\"}}\n          </:pageTitle>\n          <:rightSideItems as |item|>\n            {{yield item to=\"rightSideItems\"}}\n          </:rightSideItems>\n          <:description>\n            {{yield to=\"description\"}}\n          </:description>\n          <:default>\n            {{yield to=\"default\"}}\n          </:default>\n        </EuiPageHeaderContent>\n      </header>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiPageHeader","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageHeaderStyles","euiClass","euiPageBoxSizing","euiPageHeader","euiPagePadding","args","paddingSize","bottomBorder","border","backgroundColor","euiBackgroundColor","color","n","prototype","cached","inlineStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","or","EuiPageHeaderContent","eq","not"],"mappings":";;;;;;;;;;;;;;AA2IA,8EACe,MAAMA,aAAA,SAAsBC,SAAA,CAAU;EACnD,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,mBAAA,CAAA;AAC7C;AACA,IAAA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,aAAa,EACpBC,cAAA,CAAeP,QAAA,EAAU,IAAI,CAACQ,IAAI,CAACC,WAAW,IAAI,MAAA,EAAQ,YAAA,CAAA,EAC1D,IAAI,CAACD,IAAI,CAACE,YAAY,KAAK,UAAA,IAAcT,MAAA,CAAOU,MAAM,EACtD;MACEC,eAAA,EAAiBC,mBACfb,QAAA,EACA,IAAI,CAACQ,IAAI,CAACM,KAAK,IAAI,aAAA;AAEvB,KAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;EAqBD,IAAIC,WAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACV,IAAI,CAACW,KAAK,IAAI,EAAC;AAC7B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA0DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAP,KAAA;QAAAQ,oBAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-page-header.js","sources":["../../src/components/eui-page-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageHeaderStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiPageHeaderContent from './eui-page-header-content.gts';\n\nimport type { EuiPagePaddingSize } from '../utils/eui/page-layout.ts';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPageHeaderContentSignature } from './eui-page-header-content';\n\n/**\n * The top of a page: breadcrumbs, title (with icon), description, tabs and\n * actions on the right.\n */\nexport interface EuiPageHeaderSignature {\n  Element: Element;\n  Args: {\n    /**\n     * Padding: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'`. Inline\n     * padding goes on the header, block padding on its content (see\n     * `@bottomBorder`). Defaults to `'none'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /**\n     * Adds a border below the content (`true`, within the max width) or\n     * across the whole header (`'extended'`). With no padding, a `true`\n     * border also gets an `l` bottom padding, as upstream. Title + tabs\n     * headers get the border unless this is `false`.\n     */\n    bottomBorder?: boolean | 'extended';\n    /**\n     * Max width of the header's content, centered: `true` for EUI's\n     * default (1200px), a number in px or any CSS width. The header itself\n     * stays full width. Defaults to `false`.\n     */\n    restrictWidth?: boolean | number | string;\n    /**\n     * Background: `'transparent'`, `'plain'`, `'subdued'`, … (EuiPanel\n     * colors). Defaults to `'transparent'`.\n     */\n    color?: string;\n    /**\n     * Vertical alignment of the title and the right side items: `'top'`,\n     * `'bottom'`, `'center'` or `'stretch'`. Defaults to stretching the\n     * items (centered for a header with only a default block).\n     */\n    alignItems?: EuiPageHeaderContentSignature['Args']['alignItems'];\n    /**\n     * Stacks the right side items under the title below the theme's `m`\n     * breakpoint; `'reverse'` puts them above it. Defaults to `true`.\n     */\n    responsive?: boolean | 'reverse';\n    /** Icon before the title, e.g. the app's logo. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Breadcrumbs above the title, see `EuiBreadcrumbs`'s `@breadcrumbs`. */\n    breadcrumbs?: any[];\n    /**\n     * Tabs under the title (or as the title, without `@pageTitle`):\n     * `[{ label: 'Overview', isSelected: true, onClick }, …]`, also taking\n     * `id`, `href` and `disabled`.\n     */\n    tabs?: any[];\n    /** Text under the title. Use the `<:description>` block for markup. */\n    description?: string;\n    /** The page's title (an `<h1>`). Use the `<:pageTitle>` block for markup. */\n    pageTitle?: string;\n\n    /**\n     * Props for the title: `className`, `textTransform`, `css` and any other\n     * key as an attribute of the `<h1>` (`aria-label`, `data-test-subj`).\n     */\n    pageTitleProps?: EuiPageHeaderContentSignature['Args']['pageTitleProps'];\n    /**\n     * Props for the icon: `className`, `size`, `color`, `title`, `titleId`,\n     * `css` and any other key as an attribute.\n     */\n    iconProps?: EuiPageHeaderContentSignature['Args']['iconProps'];\n    /** Props for the tabs: `className`, `display` and any attribute. */\n    tabsProps?: EuiPageHeaderContentSignature['Args']['tabsProps'];\n    /**\n     * Props for the breadcrumbs: `className`, `EuiBreadcrumbs` args and any\n     * attribute.\n     */\n    breadcrumbProps?: EuiPageHeaderContentSignature['Args']['breadcrumbProps'];\n    /**\n     * Props for the right side items group: `className`, `EuiFlexGroup`\n     * args and any attribute.\n     */\n    rightSideGroupProps?: EuiPageHeaderContentSignature['Args']['rightSideGroupProps'];\n\n    /**\n     * @deprecated Has no effect on its own: put the items in the\n     * `<:rightSideItems>` block.\n     */\n    rightSideItems?: any[];\n    /** @deprecated Has no effect, use the `<:default>` block. */\n    default?: any[];\n    /** @private Render the `<:default>` block. Defaults to `true`. */\n    hasDefaultBlock?: boolean;\n    /** @private Render the `<:description>` block. Defaults to `true`. */\n    hasDescriptionBlock?: boolean;\n    /** @private Render the `<:pageTitle>` block. Defaults to `true`. */\n    hasPageTitleBlock?: boolean;\n    /** @private Render the `<:rightSideItems>` block. Defaults to `true`. */\n    hasRightSideItemsBlock?: boolean;\n\n    /** Inline styles of the header (the max width goes on its content). */\n    style?: {\n      [key: string]: string;\n    };\n  };\n  Blocks: {\n    /** Extra content under the title and description. */\n    default: [];\n    /** The description, instead of `@description`. */\n    description: [];\n    /** The title, instead of `@pageTitle`. */\n    pageTitle: [];\n    /**\n     * Actions on the right, e.g. buttons. Wrap each in the yielded item:\n     * `<:rightSideItems as |Item|><Item><EuiButton …/></Item></:rightSideItems>`.\n     */\n    rightSideItems: EuiPageHeaderContentSignature['Blocks']['rightSideItems'];\n  };\n}\n\n/** Upstream `EuiPageHeader` (`euiPageHeaderStyles`) on the Borealis theme. */\nexport default class EuiPageHeader extends Component<EuiPageHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPageHeaderStyles);\n    // Same order as upstream's `cssStyles`.\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageHeader,\n      euiPagePadding(upstream, this.args.paddingSize ?? 'none', 'horizontal'),\n      this.args.bottomBorder === 'extended' && styles.border,\n      {\n        backgroundColor: euiBackgroundColor(\n          upstream,\n          this.args.color ?? 'transparent'\n        )\n      }\n    );\n  }\n\n  get inlineStyle() {\n    return this.args.style ?? {};\n  }\n\n  <template>\n    {{#let\n      (argOrDefault @responsive true)\n      (and (argOrDefault @hasDefaultBlock true) (has-block \"default\"))\n      (or\n        (and (argOrDefault @hasDescriptionBlock true) (has-block \"description\"))\n        @description\n      )\n      (or\n        (and (argOrDefault @hasPageTitleBlock true) (has-block \"pageTitle\"))\n        @pageTitle\n      )\n      (and\n        (argOrDefault @hasRightSideItemsBlock true) (has-block \"rightSideItems\")\n      )\n      as |responsive hasDefaultBlock hasDescriptionBlock hasPageTitleBlock hasRightSideItemsBlock|\n    }}\n      <header\n        class=\"euiPageHeader {{this.classes}}\"\n        {{style this.inlineStyle}}\n        ...attributes\n      >\n        <EuiPageHeaderContent\n          @alignItems={{@alignItems}}\n          @responsive={{responsive}}\n          @paddingSize={{@paddingSize}}\n          @bottomBorder={{if (eq @bottomBorder \"extended\") false @bottomBorder}}\n          @pageTitle={{@pageTitle}}\n          @pageTitleProps={{@pageTitleProps}}\n          @iconProps={{@iconProps}}\n          @tabsProps={{@tabsProps}}\n          @breadcrumbProps={{@breadcrumbProps}}\n          @rightSideGroupProps={{@rightSideGroupProps}}\n          @iconType={{@iconType}}\n          @breadcrumbs={{@breadcrumbs}}\n          @tabs={{@tabs}}\n          @description={{@description}}\n          @restrictWidth={{@restrictWidth}}\n          @hasDescriptionBlock={{not (not hasDescriptionBlock)}}\n          @hasPageTitleBlock={{not (not hasPageTitleBlock)}}\n          @hasRightSideItemsBlock={{not (not hasRightSideItemsBlock)}}\n          @hasDefaultBlock={{not (not hasDefaultBlock)}}\n        >\n          <:pageTitle>\n            {{yield to=\"pageTitle\"}}\n          </:pageTitle>\n          <:rightSideItems as |item|>\n            {{yield item to=\"rightSideItems\"}}\n          </:rightSideItems>\n          <:description>\n            {{yield to=\"description\"}}\n          </:description>\n          <:default>\n            {{yield to=\"default\"}}\n          </:default>\n        </EuiPageHeaderContent>\n      </header>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiPageHeader","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPageHeaderStyles","euiClass","euiPageBoxSizing","euiPageHeader","euiPagePadding","args","paddingSize","bottomBorder","border","backgroundColor","euiBackgroundColor","color","n","prototype","cached","inlineStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","or","EuiPageHeaderContent","eq","not"],"mappings":";;;;;;;;;;;;;;;AA2IA,8EACe,MAAMA,aAAA,SAAsBC,SAAA,CAAU;EACnD,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,QAAA,GAAWF,QAAQE,QAAQ;AACjC,IAAA,MAAMC,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,mBAAA,CAAA;AAC7C;AACA,IAAA,OAAOC,QAAA,CACLN,OAAA,EACAO,gBAAA,EACAJ,MAAA,CAAOK,aAAa,EACpBC,cAAA,CAAeP,QAAA,EAAU,IAAI,CAACQ,IAAI,CAACC,WAAW,IAAI,MAAA,EAAQ,YAAA,CAAA,EAC1D,IAAI,CAACD,IAAI,CAACE,YAAY,KAAK,UAAA,IAAcT,MAAA,CAAOU,MAAM,EACtD;MACEC,eAAA,EAAiBC,mBACfb,QAAA,EACA,IAAI,CAACQ,IAAI,CAACM,KAAK,IAAI,aAAA;AAEvB,KAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;EAqBD,IAAIC,WAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACV,IAAI,CAACW,KAAK,IAAI,EAAC;AAC7B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA0DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAP,KAAA;QAAAQ,oBAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-page-section.js

@@ -4,10 +4,11 @@ import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiPagePadding, euiPageBoxSizing, isRestricted, euiPageRestrictWidthStyle } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { ck as euiPageSectionContentStyles, i as euiBackgroundColor, cn as euiPageSectionStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiPageSectionContentStyles, euiPageSectionStyles } from '../utils/eui/styles.generated/components/page/page_section/page_section.styles.js';
+import { euiBackgroundColor } from '../utils/eui/styles.generated/shared/LXBSAITL.js';
 
 /** Theme-independent, so built once. */const CONTENT_STYLES = euiPageSectionContentStyles();
 class EuiPageSection extends Component {

package/dist/components/eui-page-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-page-section.js","sources":["../../src/components/eui-page-section.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  isRestricted\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageSectionContentStyles,\n  euiPageSectionStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type {\n  EuiPagePaddingSize,\n  EuiPageRestrictWidth\n} from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\nexport type EuiPageSectionColor =\n  | 'transparent'\n  | 'plain'\n  | 'subdued'\n  | 'highlighted'\n  | 'accent'\n  | 'accentSecondary'\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'neutral'\n  | 'risk';\n\nexport type EuiPageSectionAlignment = 'top' | 'center' | 'horizontalCenter';\n\n/** Upstream `contentProps`: what goes on the inner content `<div>`. */\nexport interface EuiPageSectionContentProps {\n  /** Extra class names. */\n  className?: string;\n  /** Styles composed last into the content's class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles, merged with the restricted max width. */\n  style?: Record<string, string>;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n}\n\n/**\n * A full-width band of a page (upstream `EuiPageSection`), e.g. a header\n * area, a colored call to action or the main content. Its content is\n * wrapped in an inner `<div>` that `@restrictWidth` limits and centers.\n */\nexport interface EuiPageSectionSignature {\n  Element: HTMLElement;\n  Args: {\n    /**\n     * Padding: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'`. The\n     * inline padding is on the section, the block padding on the content.\n     * Defaults to `'l'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /**\n     * Background color: `'transparent'`, `'plain'`, `'subdued'`,\n     * `'highlighted'`, `'accent'`, `'accentSecondary'`, `'primary'`,\n     * `'success'`, `'warning'`, `'danger'`, `'neutral'` or `'risk'`.\n     * Defaults to `'transparent'`.\n     */\n    color?: EuiPageSectionColor;\n    /**\n     * Adds a bottom border under the content; `'extended'` puts it on the\n     * section so it spans the inline padding too.\n     */\n    bottomBorder?: boolean | 'extended';\n    /**\n     * Max width of the content, centered: `true` for EUI's default\n     * (1200px), a number in px, or any CSS width. Defaults to `false`.\n     */\n    restrictWidth?: EuiPageRestrictWidth;\n    /** Grows to fill the height of a flex column parent. Defaults to `false`. */\n    grow?: boolean;\n    /**\n     * Alignment of the content: `'top'`, `'center'` (both axes) or\n     * `'horizontalCenter'`. Defaults to `'top'`.\n     */\n    alignment?: EuiPageSectionAlignment;\n    /** Class, styles, `@css` and labels of the inner content `<div>`. */\n    contentProps?: EuiPageSectionContentProps;\n    /** The element to render, e.g. `'main'` or `'div'`. Defaults to `'section'`. */\n    component?: string;\n    /** Styles composed last into the section's class (upstream's `css`). */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The section content. */\n    default: [];\n  };\n}\n\n/** Theme-independent, so built once. */\nconst CONTENT_STYLES = euiPageSectionContentStyles();\n\nexport default class EuiPageSection extends Component<EuiPageSectionSignature> {\n  get tagName(): string {\n    return this.args.component ?? 'section';\n  }\n\n  get alignment(): EuiPageSectionAlignment {\n    return this.args.alignment ?? 'top';\n  }\n\n  get paddingSize(): EuiPagePaddingSize {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  @cached\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiPageSectionStyles);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageSection,\n      this.args.grow && styles.grow,\n      euiPagePadding(context.upstream, this.paddingSize, 'horizontal'),\n      this.args.bottomBorder === 'extended' && styles.border,\n      styles[this.alignment],\n      {\n        backgroundColor: euiBackgroundColor(\n          context.upstream,\n          this.args.color ?? 'transparent'\n        )\n      },\n      this.args.css\n    );\n  }\n\n  @cached\n  get contentClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiPageSectionStyles);\n    const contentProps = this.args.contentProps;\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      CONTENT_STYLES.euiPageSection__content,\n      euiPagePadding(context.upstream, this.paddingSize, 'vertical'),\n      this.args.bottomBorder === true && styles.border,\n      this.alignment.toLowerCase().includes('center') && CONTENT_STYLES.center,\n      isRestricted(this.args.restrictWidth) && CONTENT_STYLES.restrictWidth,\n      contentProps?.css\n    );\n  }\n\n  @cached\n  get contentStyle() {\n    return euiPageRestrictWidthStyle(\n      this.args.restrictWidth,\n      this.args.contentProps?.style\n    );\n  }\n\n  <template>\n    {{#let (element this.tagName) as |Tag|}}\n      <Tag\n        class=\"euiPageSection {{this.classes}}\"\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n        <div\n          class=\"euiPageSection__content\n            {{this.contentClasses}}\n            {{@contentProps.className}}\"\n          aria-label={{@contentProps.aria-label}}\n          data-test-subj={{@contentProps.data-test-subj}}\n          {{style this.contentStyle}}\n        >\n          {{yield}}\n        </div>\n      </Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["CONTENT_STYLES","euiPageSectionContentStyles","EuiPageSection","Component","tagName","args","component","alignment","paddingSize","context","getEuiThemeContext","n","prototype","cached","classes","styles","useEuiBorealisStyles","euiPageSectionStyles","euiClass","euiPageBoxSizing","euiPageSection","grow","euiPagePadding","upstream","bottomBorder","border","backgroundColor","euiBackgroundColor","color","css","contentClasses","contentProps","euiPageSection__content","toLowerCase","includes","center","isRestricted","restrictWidth","contentStyle","euiPageRestrictWidthStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":"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"}
+{"version":3,"file":"eui-page-section.js","sources":["../../src/components/eui-page-section.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport style from 'ember-style-modifier/modifiers/style';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiPageBoxSizing,\n  euiPagePadding,\n  euiPageRestrictWidthStyle,\n  isRestricted\n} from '../utils/eui/page-layout.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiBackgroundColor,\n  euiPageSectionContentStyles,\n  euiPageSectionStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type {\n  EuiPagePaddingSize,\n  EuiPageRestrictWidth\n} from '../utils/eui/page-layout.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\n\nexport type EuiPageSectionColor =\n  | 'transparent'\n  | 'plain'\n  | 'subdued'\n  | 'highlighted'\n  | 'accent'\n  | 'accentSecondary'\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'neutral'\n  | 'risk';\n\nexport type EuiPageSectionAlignment = 'top' | 'center' | 'horizontalCenter';\n\n/** Upstream `contentProps`: what goes on the inner content `<div>`. */\nexport interface EuiPageSectionContentProps {\n  /** Extra class names. */\n  className?: string;\n  /** Styles composed last into the content's class (upstream's `css`). */\n  css?: EuiCss;\n  /** Inline styles, merged with the restricted max width. */\n  style?: Record<string, string>;\n  'aria-label'?: string;\n  'data-test-subj'?: string;\n}\n\n/**\n * A full-width band of a page (upstream `EuiPageSection`), e.g. a header\n * area, a colored call to action or the main content. Its content is\n * wrapped in an inner `<div>` that `@restrictWidth` limits and centers.\n */\nexport interface EuiPageSectionSignature {\n  Element: HTMLElement;\n  Args: {\n    /**\n     * Padding: `'none'`, `'xs'`, `'s'`, `'m'`, `'l'` or `'xl'`. The\n     * inline padding is on the section, the block padding on the content.\n     * Defaults to `'l'`.\n     */\n    paddingSize?: EuiPagePaddingSize;\n    /**\n     * Background color: `'transparent'`, `'plain'`, `'subdued'`,\n     * `'highlighted'`, `'accent'`, `'accentSecondary'`, `'primary'`,\n     * `'success'`, `'warning'`, `'danger'`, `'neutral'` or `'risk'`.\n     * Defaults to `'transparent'`.\n     */\n    color?: EuiPageSectionColor;\n    /**\n     * Adds a bottom border under the content; `'extended'` puts it on the\n     * section so it spans the inline padding too.\n     */\n    bottomBorder?: boolean | 'extended';\n    /**\n     * Max width of the content, centered: `true` for EUI's default\n     * (1200px), a number in px, or any CSS width. Defaults to `false`.\n     */\n    restrictWidth?: EuiPageRestrictWidth;\n    /** Grows to fill the height of a flex column parent. Defaults to `false`. */\n    grow?: boolean;\n    /**\n     * Alignment of the content: `'top'`, `'center'` (both axes) or\n     * `'horizontalCenter'`. Defaults to `'top'`.\n     */\n    alignment?: EuiPageSectionAlignment;\n    /** Class, styles, `@css` and labels of the inner content `<div>`. */\n    contentProps?: EuiPageSectionContentProps;\n    /** The element to render, e.g. `'main'` or `'div'`. Defaults to `'section'`. */\n    component?: string;\n    /** Styles composed last into the section's class (upstream's `css`). */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The section content. */\n    default: [];\n  };\n}\n\n/** Theme-independent, so built once. */\nconst CONTENT_STYLES = euiPageSectionContentStyles();\n\nexport default class EuiPageSection extends Component<EuiPageSectionSignature> {\n  get tagName(): string {\n    return this.args.component ?? 'section';\n  }\n\n  get alignment(): EuiPageSectionAlignment {\n    return this.args.alignment ?? 'top';\n  }\n\n  get paddingSize(): EuiPagePaddingSize {\n    return this.args.paddingSize ?? 'l';\n  }\n\n  @cached\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiPageSectionStyles);\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      styles.euiPageSection,\n      this.args.grow && styles.grow,\n      euiPagePadding(context.upstream, this.paddingSize, 'horizontal'),\n      this.args.bottomBorder === 'extended' && styles.border,\n      styles[this.alignment],\n      {\n        backgroundColor: euiBackgroundColor(\n          context.upstream,\n          this.args.color ?? 'transparent'\n        )\n      },\n      this.args.css\n    );\n  }\n\n  @cached\n  get contentClasses() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiPageSectionStyles);\n    const contentProps = this.args.contentProps;\n    return euiClass(\n      context,\n      euiPageBoxSizing,\n      CONTENT_STYLES.euiPageSection__content,\n      euiPagePadding(context.upstream, this.paddingSize, 'vertical'),\n      this.args.bottomBorder === true && styles.border,\n      this.alignment.toLowerCase().includes('center') && CONTENT_STYLES.center,\n      isRestricted(this.args.restrictWidth) && CONTENT_STYLES.restrictWidth,\n      contentProps?.css\n    );\n  }\n\n  @cached\n  get contentStyle() {\n    return euiPageRestrictWidthStyle(\n      this.args.restrictWidth,\n      this.args.contentProps?.style\n    );\n  }\n\n  <template>\n    {{#let (element this.tagName) as |Tag|}}\n      <Tag\n        class=\"euiPageSection {{this.classes}}\"\n        {{!@glint-expect-error}}\n        ...attributes\n      >\n        <div\n          class=\"euiPageSection__content\n            {{this.contentClasses}}\n            {{@contentProps.className}}\"\n          aria-label={{@contentProps.aria-label}}\n          data-test-subj={{@contentProps.data-test-subj}}\n          {{style this.contentStyle}}\n        >\n          {{yield}}\n        </div>\n      </Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["CONTENT_STYLES","euiPageSectionContentStyles","EuiPageSection","Component","tagName","args","component","alignment","paddingSize","context","getEuiThemeContext","n","prototype","cached","classes","styles","useEuiBorealisStyles","euiPageSectionStyles","euiClass","euiPageBoxSizing","euiPageSection","grow","euiPagePadding","upstream","bottomBorder","border","backgroundColor","euiBackgroundColor","color","css","contentClasses","contentProps","euiPageSection__content","toLowerCase","includes","center","isRestricted","restrictWidth","contentStyle","euiPageRestrictWidthStyle","style","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":"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"}

package/dist/components/eui-page-sidebar.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiBreakpointsMedia, euiOutsideBreakpointsMedia, euiPagePadding, euiPageBoxSizing } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { co as euiPageSidebarStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiPageSidebarStyles } from '../utils/eui/styles.generated/components/page/page_sidebar/page_sidebar.styles.js';
 
 /**
  * The Emotion class of upstream `EuiPageSidebar` (`euiPageSidebarStyles`),

package/dist/components/eui-page-template.js

@@ -14,7 +14,6 @@ import { deprecateRemovedUpstream } from '../-private/removed-upstream.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiBreakpointsMedia, euiPageBoxSizing, euiOutsideBreakpointsMedia } from '../utils/eui/page-layout.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { cp as euiPageOuterStyles, cq as euiFullHeight, cr as euiYScroll, cs as euiPageInnerStyles } from '../styles.generated-SYAxYhey.js';
 import EuiBottomBarComponent from './eui-bottom-bar.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
@@ -31,6 +30,9 @@ import EuiPageTemplateSidebar from './eui-page-template/sidebar.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n, g, i } from 'decorator-transforms/runtime-esm';
+import { euiPageOuterStyles } from '../utils/eui/styles.generated/components/page_template/outer/page_outer.styles.js';
+import { euiFullHeight, euiYScroll } from '../utils/eui/styles.generated/shared/2KP7ZYVN.js';
+import { euiPageInnerStyles } from '../utils/eui/styles.generated/components/page_template/inner/page_inner.styles.js';
 
 const TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
 const BREAKPOINTS = ['m', 'l', 'xl'];