@ember-eui/core 16.0.4 → 16.0.5

package/dist/components/eui-form-control-button.js

@@ -2,13 +2,14 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { formControlLayoutContext } from '../-private/eui-form-control-layout-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { az as euiTextTruncate, bs as euiFormControlButtonStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import euiApplyProps, { propsClasses } from '../-private/eui-apply-props.js';
 import EuiButtonEmpty from './eui-button-empty.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiFormControlButtonStyles } from '../utils/eui/styles.generated/components/form/form_control_button/form_control_button.styles.js';
 
 const NO_TEXT_WRAPPER = {
   '& > .euiButtonEmpty__text': {

package/dist/components/eui-form-control-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-button.js","sources":["../../src/components/eui-form-control-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { formControlLayoutContext } from '../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiFormControlButtonStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\n/**\n * Upstream renders the button content without a text wrapper\n * (`textProps={false}`): EuiButtonEmpty always wraps its block, so the\n * wrapper is taken out of the layout and its children become the content's\n * flex items.\n */\nconst NO_TEXT_WRAPPER = {\n  '& > .euiButtonEmpty__text': { display: 'contents' }\n};\n\nexport interface EuiFormControlButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    /**\n     * Text shown like an input value. It is also the `<button>`'s `value`.\n     */\n    value?: string;\n    /** Text shown (in the placeholder color) while there is no `@value`. */\n    placeholder?: string;\n    /**\n     * Shorter control. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@compressed`.\n     */\n    compressed?: boolean;\n    /**\n     * Invalid styling. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@isInvalid`.\n     */\n    isInvalid?: boolean;\n    /** Stretches to the container's width. Defaults to `true` (upstream). */\n    fullWidth?: boolean;\n    /**\n     * Disables the button. Defaults to the surrounding\n     * `EuiFormControlLayout`'s disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Shows a spinner on the right and disables the button (not shown when\n     * the surrounding layout already shows its own spinner).\n     */\n    isLoading?: boolean;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Size of the icon. Defaults to `'m'`. */\n    iconSize?: EuiButtonEmptySignature['Args']['iconSize'];\n    /** Renders an `<a>` link instead of a `<button>`. */\n    href?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n    /** `type` of the `<button>`. Defaults to `'button'`. */\n    type?: string;\n    /** Beta: renders `aria-disabled` instead of `disabled`, see `EuiButtonEmpty`. */\n    hasAriaDisabled?: boolean;\n    /**\n     * Upstream's `contentProps`: `class`/`className`, `css` and HTML\n     * attributes for the element wrapping the icon and text.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`: `class`/`className`, `css` and HTML attributes\n     * for the element holding the value or placeholder.\n     */\n    textProps?: EuiElementProps;\n    /**\n     * Extra styles composed last into the content element's class (upstream\n     * `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Extra styles composed last into the value/placeholder text's class\n     * (upstream `textProps.css`).\n     */\n    textCss?: EuiCss;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** Content after the value/placeholder text, e.g. a badge. */\n    default: [];\n  };\n}\n\n/**\n * A button that looks like a form control (upstream `EuiFormControlButton`),\n * e.g. to open a picker from a form row.\n */\nexport default class EuiFormControlButton extends Component<EuiFormControlButtonSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get isDisabled() {\n    return this.args.isDisabled ?? this.layout.isDisabled;\n  }\n  get isInvalid() {\n    return this.args.isInvalid ?? this.layout.isInvalid;\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get isLoading() {\n    return this.layout.isLoading === true ? false : this.args.isLoading;\n  }\n  get iconSide() {\n    return this.isLoading ? 'right' : this.args.iconSide;\n  }\n  get hasText() {\n    return Boolean(this.args.value || this.args.placeholder);\n  }\n  get value() {\n    return this.args.value || undefined;\n  }\n\n  @cached\n  get css() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      styles.euiFormControlButton,\n      this.isInvalid && styles.isInvalid,\n      this.isLoading && styles.isLoading,\n      this.layout.readOnly && styles.readOnly,\n      this.compressed && styles.compressed,\n      (this.args.fullWidth ?? true) ? styles.fullWidth : styles.formWidth,\n      this.args.css\n    ];\n  }\n\n  @cached\n  get contentCss() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      NO_TEXT_WRAPPER,\n      styles.euiFormControlButton__content,\n      !this.hasText && this.iconSide === 'right' && styles.alignEnd,\n      this.args.contentCss\n    ];\n  }\n\n  @cached\n  get textClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormControlButtonStyles);\n    return `eui-textTruncate ${euiClass(\n      context,\n      euiTextTruncate(),\n      styles.textContent,\n      !this.args.value && styles.placeholder,\n      this.args.textCss,\n      this.args.textProps?.css\n    )}`;\n  }\n\n  get textClasses() {\n    return [this.textClass, propsClasses(this.args.textProps)].filter(Boolean).join(' ');\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiFormControlButton\"\n      value={{this.value}}\n      @color=\"text\"\n      @css={{this.css}}\n      @contentCss={{this.contentCss}}\n      @isDisabled={{this.isDisabled}}\n      @isLoading={{this.isLoading}}\n      @hasAriaDisabled={{@hasAriaDisabled}}\n      @contentProps={{@contentProps}}\n      @iconType={{@iconType}}\n      @iconSide={{this.iconSide}}\n      @iconSize={{@iconSize}}\n      @href={{@href}}\n      @target={{@target}}\n      @type={{@type}}\n      ...attributes\n    >\n      {{#if this.hasText}}\n        <span class={{this.textClasses}} {{euiApplyProps @textProps}}>{{if @value @value @placeholder}}</span>\n      {{/if}}\n      {{yield}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["NO_TEXT_WRAPPER","display","EuiFormControlButton","Component","context","getEuiThemeContext","layout","formControlLayoutContext","isDisabled","args","isInvalid","compressed","isLoading","iconSide","hasText","Boolean","value","placeholder","undefined","css","styles","useEuiBorealisStyles","euiFormControlButtonStyles","euiFormControlButton","readOnly","fullWidth","formWidth","n","prototype","cached","contentCss","euiFormControlButton__content","alignEnd","textClass","euiClass","euiTextTruncate","textContent","textCss","textProps","textClasses","propsClasses","filter","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","euiApplyProps"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,eAAA,GAAkB;AACtB,EAAA,2BAAA,EAA6B;AAAEC,IAAAA,OAAA,EAAS;AAAW;AACrD,CAAA;AA+EA;;;;AAIe,MAAMC,oBAAA,SAA6BC,SAAA,CAAU;EAC1D,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EACA,IAAIC,MAAAA,GAAS;IACX,OAAOC,yBAAyB,IAAI,CAAA;AACtC,EAAA;EACA,IAAIC,UAAAA,GAAa;IACf,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,IAAI,CAACF,MAAM,CAACE,UAAU;AACvD,EAAA;EACA,IAAIE,SAAAA,GAAY;IACd,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS,IAAI,IAAI,CAACJ,MAAM,CAACI,SAAS;AACrD,EAAA;EACA,IAAIC,UAAAA,GAAa;IACf,OAAO,IAAI,CAACF,IAAI,CAACE,UAAU,IAAI,IAAI,CAACL,MAAM,CAACK,UAAU;AACvD,EAAA;EACA,IAAIC,SAAAA,GAAY;AACd,IAAA,OAAO,IAAI,CAACN,MAAM,CAACM,SAAS,KAAK,IAAA,GAAO,KAAA,GAAQ,IAAI,CAACH,IAAI,CAACG,SAAS;AACrE,EAAA;EACA,IAAIC,QAAAA,GAAW;IACb,OAAO,IAAI,CAACD,SAAS,GAAG,UAAU,IAAI,CAACH,IAAI,CAACI,QAAQ;AACtD,EAAA;EACA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAOC,OAAA,CAAQ,IAAI,CAACN,IAAI,CAACO,KAAK,IAAI,IAAI,CAACP,IAAI,CAACQ,WAAW,CAAA;AACzD,EAAA;EACA,IAAID,KAAAA,GAAQ;AACV,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,KAAK,IAAIE,SAAA;AAC5B,EAAA;EAEA,IACIC,GAAAA,GAAM;IACR,MAAMC,MAAA,GAASC,oBAAA,CACb,IAAI,CAACjB,OAAO,EACZkB,0BAAA,CAAA;AAEF,IAAA,OAAO,CACLF,MAAA,CAAOG,oBAAoB,EAC3B,IAAI,CAACb,SAAS,IAAIU,MAAA,CAAOV,SAAS,EAClC,IAAI,CAACE,SAAS,IAAIQ,MAAA,CAAOR,SAAS,EAClC,IAAI,CAACN,MAAM,CAACkB,QAAQ,IAAIJ,OAAOI,QAAQ,EACvC,IAAI,CAACb,UAAU,IAAIS,MAAA,CAAOT,UAAU,EACnC,IAAI,CAACF,IAAI,CAACgB,SAAS,IAAI,IAAI,GAAIL,MAAA,CAAOK,SAAS,GAAGL,MAAA,CAAOM,SAAS,EACnE,IAAI,CAACjB,IAAI,CAACU,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAQ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAfCC,MAAA,CAAA,CAAA;AAAA;EAiBD,IACIC,UAAAA,GAAa;IACf,MAAMV,MAAA,GAASC,oBAAA,CACb,IAAI,CAACjB,OAAO,EACZkB,0BAAA,CAAA;IAEF,OAAO,CACLtB,eAAA,EACAoB,MAAA,CAAOW,6BAA6B,EACpC,CAAC,IAAI,CAACjB,OAAO,IAAI,IAAI,CAACD,QAAQ,KAAK,OAAA,IAAWO,MAAA,CAAOY,QAAQ,EAC7D,IAAI,CAACvB,IAAI,CAACqB,UAAU,CACrB;AACH,EAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACII,SAAAA,GAAY;AACd,IAAA,MAAM7B,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMgB,MAAA,GAASC,qBAAqBjB,OAAA,EAASkB,0BAAA,CAAA;AAC7C,IAAA,OAAO,oBAAoBY,QAAA,CACzB9B,OAAA,EACA+B,eAAA,EAAA,EACAf,MAAA,CAAOgB,WAAW,EAClB,CAAC,IAAI,CAAC3B,IAAI,CAACO,KAAK,IAAII,MAAA,CAAOH,WAAW,EACtC,IAAI,CAACR,IAAI,CAAC4B,OAAO,EACjB,IAAI,CAAC5B,IAAI,CAAC6B,SAAS,EAAEnB,GAAA,CAAA,CAAA,CACpB;AACL,EAAA;AAAA,EAAA;IAAAQ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IAAIU,WAAAA,GAAc;IAChB,OAAO,CAAC,IAAI,CAACN,SAAS,EAAEO,YAAA,CAAa,IAAI,CAAC/B,IAAI,CAAC6B,SAAS,CAAA,CAAE,CAACG,MAAM,CAAC1B,OAAA,CAAA,CAAS2B,IAAI,CAAC,GAAA,CAAA;AAClF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,ykBAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-form-control-button.js","sources":["../../src/components/eui-form-control-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { formControlLayoutContext } from '../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiFormControlButtonStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport euiApplyProps, { propsClasses } from '../-private/eui-apply-props.ts';\nimport EuiButtonEmpty from './eui-button-empty.gts';\n\nimport type { EuiElementProps } from '../-private/eui-apply-props.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiButtonEmptySignature } from './eui-button-empty';\n\n/**\n * Upstream renders the button content without a text wrapper\n * (`textProps={false}`): EuiButtonEmpty always wraps its block, so the\n * wrapper is taken out of the layout and its children become the content's\n * flex items.\n */\nconst NO_TEXT_WRAPPER = {\n  '& > .euiButtonEmpty__text': { display: 'contents' }\n};\n\nexport interface EuiFormControlButtonSignature {\n  Element: EuiButtonEmptySignature['Element'];\n  Args: {\n    /**\n     * Text shown like an input value. It is also the `<button>`'s `value`.\n     */\n    value?: string;\n    /** Text shown (in the placeholder color) while there is no `@value`. */\n    placeholder?: string;\n    /**\n     * Shorter control. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@compressed`.\n     */\n    compressed?: boolean;\n    /**\n     * Invalid styling. Defaults to the surrounding `EuiFormControlLayout`'s\n     * `@isInvalid`.\n     */\n    isInvalid?: boolean;\n    /** Stretches to the container's width. Defaults to `true` (upstream). */\n    fullWidth?: boolean;\n    /**\n     * Disables the button. Defaults to the surrounding\n     * `EuiFormControlLayout`'s disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Shows a spinner on the right and disables the button (not shown when\n     * the surrounding layout already shows its own spinner).\n     */\n    isLoading?: boolean;\n    /** Icon next to the text; anything `EuiIcon`'s `@type` accepts. */\n    iconType?: EuiButtonEmptySignature['Args']['iconType'];\n    /** `'right'` puts the icon after the text. Defaults to the left side. */\n    iconSide?: 'left' | 'right';\n    /** Size of the icon. Defaults to `'m'`. */\n    iconSize?: EuiButtonEmptySignature['Args']['iconSize'];\n    /** Renders an `<a>` link instead of a `<button>`. */\n    href?: string;\n    /** `target` of the `@href` link. */\n    target?: string;\n    /** `type` of the `<button>`. Defaults to `'button'`. */\n    type?: string;\n    /** Beta: renders `aria-disabled` instead of `disabled`, see `EuiButtonEmpty`. */\n    hasAriaDisabled?: boolean;\n    /**\n     * Upstream's `contentProps`: `class`/`className`, `css` and HTML\n     * attributes for the element wrapping the icon and text.\n     */\n    contentProps?: EuiElementProps;\n    /**\n     * Upstream's `textProps`: `class`/`className`, `css` and HTML attributes\n     * for the element holding the value or placeholder.\n     */\n    textProps?: EuiElementProps;\n    /**\n     * Extra styles composed last into the content element's class (upstream\n     * `contentProps.css`).\n     */\n    contentCss?: EuiCss;\n    /**\n     * Extra styles composed last into the value/placeholder text's class\n     * (upstream `textProps.css`).\n     */\n    textCss?: EuiCss;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** Content after the value/placeholder text, e.g. a badge. */\n    default: [];\n  };\n}\n\n/**\n * A button that looks like a form control (upstream `EuiFormControlButton`),\n * e.g. to open a picker from a form row.\n */\nexport default class EuiFormControlButton extends Component<EuiFormControlButtonSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get isDisabled() {\n    return this.args.isDisabled ?? this.layout.isDisabled;\n  }\n  get isInvalid() {\n    return this.args.isInvalid ?? this.layout.isInvalid;\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get isLoading() {\n    return this.layout.isLoading === true ? false : this.args.isLoading;\n  }\n  get iconSide() {\n    return this.isLoading ? 'right' : this.args.iconSide;\n  }\n  get hasText() {\n    return Boolean(this.args.value || this.args.placeholder);\n  }\n  get value() {\n    return this.args.value || undefined;\n  }\n\n  @cached\n  get css() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      styles.euiFormControlButton,\n      this.isInvalid && styles.isInvalid,\n      this.isLoading && styles.isLoading,\n      this.layout.readOnly && styles.readOnly,\n      this.compressed && styles.compressed,\n      (this.args.fullWidth ?? true) ? styles.fullWidth : styles.formWidth,\n      this.args.css\n    ];\n  }\n\n  @cached\n  get contentCss() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormControlButtonStyles\n    );\n    return [\n      NO_TEXT_WRAPPER,\n      styles.euiFormControlButton__content,\n      !this.hasText && this.iconSide === 'right' && styles.alignEnd,\n      this.args.contentCss\n    ];\n  }\n\n  @cached\n  get textClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormControlButtonStyles);\n    return `eui-textTruncate ${euiClass(\n      context,\n      euiTextTruncate(),\n      styles.textContent,\n      !this.args.value && styles.placeholder,\n      this.args.textCss,\n      this.args.textProps?.css\n    )}`;\n  }\n\n  get textClasses() {\n    return [this.textClass, propsClasses(this.args.textProps)].filter(Boolean).join(' ');\n  }\n\n  <template>\n    <EuiButtonEmpty\n      class=\"euiFormControlButton\"\n      value={{this.value}}\n      @color=\"text\"\n      @css={{this.css}}\n      @contentCss={{this.contentCss}}\n      @isDisabled={{this.isDisabled}}\n      @isLoading={{this.isLoading}}\n      @hasAriaDisabled={{@hasAriaDisabled}}\n      @contentProps={{@contentProps}}\n      @iconType={{@iconType}}\n      @iconSide={{this.iconSide}}\n      @iconSize={{@iconSize}}\n      @href={{@href}}\n      @target={{@target}}\n      @type={{@type}}\n      ...attributes\n    >\n      {{#if this.hasText}}\n        <span class={{this.textClasses}} {{euiApplyProps @textProps}}>{{if @value @value @placeholder}}</span>\n      {{/if}}\n      {{yield}}\n    </EuiButtonEmpty>\n  </template>\n}\n"],"names":["NO_TEXT_WRAPPER","display","EuiFormControlButton","Component","context","getEuiThemeContext","layout","formControlLayoutContext","isDisabled","args","isInvalid","compressed","isLoading","iconSide","hasText","Boolean","value","placeholder","undefined","css","styles","useEuiBorealisStyles","euiFormControlButtonStyles","euiFormControlButton","readOnly","fullWidth","formWidth","n","prototype","cached","contentCss","euiFormControlButton__content","alignEnd","textClass","euiClass","euiTextTruncate","textContent","textCss","textProps","textClasses","propsClasses","filter","join","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonEmpty","euiApplyProps"],"mappings":"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"}

package/dist/components/eui-form-control-layout/eui-form-append-prepend.js

@@ -5,13 +5,15 @@ import { action } from '@ember/object';
 import { formControlLayoutContext } from '../../-private/eui-form-control-layout-context.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { buttonReset } from '../../utils/eui/form-controls.js';
-import { az as euiTextTruncate, J as euiFormAppendPrependStyles, K as euiFormLabelStyles } from '../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import EuiFormLabel, { euiFormLabelReset } from '../eui-form-label.js';
 import EuiIcon from '../eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiFormAppendPrependStyles } from '../../utils/eui/styles.generated/components/form/form_control_layout/append_prepend/form_append_prepend.styles.js';
+import { euiFormLabelStyles } from '../../utils/eui/styles.generated/shared/BVOWQNBH.js';
 
 /**
  * @private Upstream `EuiFormAppendPrepend`: the shared implementation of

package/dist/components/eui-form-control-layout/eui-form-append-prepend.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-append-prepend.js","sources":["../../../src/components/eui-form-control-layout/eui-form-append-prepend.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { formControlLayoutContext } from '../../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { buttonReset } from '../../utils/eui/form-controls.ts';\nimport {\n  euiFormAppendPrependStyles,\n  euiFormLabelStyles,\n  euiTextTruncate\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiFormLabel, { euiFormLabelReset } from '../eui-form-label.gts';\nimport EuiIcon from '../eui-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiIconSignature } from '../eui-icon';\n\n/** Arguments shared by `EuiFormAppend` and `EuiFormPrepend`. */\nexport interface EuiFormAppendPrependArgs {\n  /**\n   * `'button'` renders a `<button>` (interactive styles, label as text);\n   * `'div'` a static node whose label is a `<label>` for `@inputId`.\n   * Defaults to `'button'` when `@onClick` is passed, `'div'` otherwise.\n   */\n  element?: 'div' | 'button';\n  /** Main text, rendered as an `EuiFormLabel` (a `<span>` in a button). */\n  label?: string;\n  /** Icon before the label; anything `EuiIcon`'s `@type` accepts. */\n  iconLeft?: EuiIconSignature['Args']['type'];\n  /** Icon after the label; anything `EuiIcon`'s `@type` accepts. */\n  iconRight?: EuiIconSignature['Args']['type'];\n  /**\n   * Id of the control the `<label>` points to (`for`). Defaults to the\n   * surrounding `EuiFormControlLayout`'s `@inputId`.\n   */\n  inputId?: string;\n  /** Id of the label element (upstream passes `id` to the label). */\n  id?: string;\n  /**\n   * Smaller padding. Defaults to the surrounding `EuiFormControlLayout`'s\n   * `@compressed`.\n   */\n  compressed?: boolean;\n  /**\n   * Disables the button / greys out the node. A static node also follows\n   * the surrounding layout's disabled state.\n   */\n  isDisabled?: boolean;\n  /** Same as `@isDisabled`. */\n  disabled?: boolean;\n  /** Click handler; renders a `<button>` (upstream `onClick`). */\n  onClick?: (event: MouseEvent) => void;\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n}\n\nexport interface EuiFormAppendPrependSignature {\n  Element: HTMLDivElement | HTMLButtonElement;\n  Args: EuiFormAppendPrependArgs & {\n    /** @private Which side of the control: sets the root class. */\n    side: 'append' | 'prepend';\n  };\n  Blocks: {\n    /** Content after the label and icons. */\n    default: [];\n  };\n}\n\n/**\n * @private Upstream `EuiFormAppendPrepend`: the shared implementation of\n * `EuiFormAppend` / `EuiFormPrepend`.\n */\nexport default class EuiFormAppendPrepend extends Component<EuiFormAppendPrependSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get rootClass() {\n    return this.args.side === 'append' ? 'euiFormAppend' : 'euiFormPrepend';\n  }\n  get isButton() {\n    return (\n      this.args.element === 'button' || typeof this.args.onClick === 'function'\n    );\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get inputId() {\n    return this.args.inputId ?? (this.layout.inputId || undefined);\n  }\n  get isDisabled() {\n    return Boolean(\n      this.args.isDisabled ||\n        this.args.disabled ||\n        (!this.isButton && this.layout.isDisabled)\n    );\n  }\n\n  /** Upstream wrapper: draws the focus ring around a focused button side. */\n  @cached\n  get wrapperClass() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormAppendPrependStyles\n    );\n    return euiClass(this.context, { boxSizing: 'border-box' }, styles.wrapper);\n  }\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormAppendPrependStyles);\n    const isButton = this.isButton;\n    const isDisabled = this.isDisabled;\n    return `${this.rootClass} ${euiClass(\n      context,\n      // React's global reset: border-box everywhere, and the button reset.\n      { boxSizing: 'border-box' },\n      isButton && buttonReset,\n      isButton && { fontFamily: context.upstream.euiTheme.font.family },\n      styles.side,\n      this.compressed ? styles.compressed : styles.uncompressed,\n      isButton && !isDisabled && styles.isInteractive,\n      isDisabled && styles.disabled,\n      this.args.css\n    )}`;\n  }\n\n  /** `EuiFormLabel type=\"span\"` (with the truncation utility) in a button. */\n  @cached\n  get spanLabelClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormLabelStyles);\n    return `euiFormLabel eui-textTruncate ${euiClass(\n      context,\n      euiFormLabelReset(context.upstream),\n      styles.euiFormLabel,\n      styles.notDisabled,\n      euiTextTruncate()\n    )}`;\n  }\n\n  @action\n  onClick(event: MouseEvent) {\n    this.args.onClick?.(event);\n  }\n\n  <template>\n    <div class={{this.wrapperClass}}>\n      {{#if this.isButton}}\n        <button\n          type=\"button\"\n          class={{this.classes}}\n          disabled={{this.isDisabled}}\n          ...attributes\n          {{on \"click\" this.onClick}}\n        >\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <span id={{@id}} class={{this.spanLabelClass}}>{{@label}}</span>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </button>\n      {{else}}\n        <div class={{this.classes}} ...attributes>\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <EuiFormLabel id={{@id}} @for={{this.inputId}}>{{@label}}</EuiFormLabel>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiFormAppendPrepend","Component","context","getEuiThemeContext","layout","formControlLayoutContext","rootClass","args","side","isButton","element","onClick","compressed","inputId","undefined","isDisabled","Boolean","disabled","wrapperClass","styles","useEuiBorealisStyles","euiFormAppendPrependStyles","euiClass","boxSizing","wrapper","n","prototype","cached","classes","buttonReset","fontFamily","upstream","euiTheme","font","family","uncompressed","isInteractive","css","spanLabelClass","euiFormLabelStyles","euiFormLabelReset","euiFormLabel","notDisabled","euiTextTruncate","event","action","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","EuiFormLabel"],"mappings":"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"}
+{"version":3,"file":"eui-form-append-prepend.js","sources":["../../../src/components/eui-form-control-layout/eui-form-append-prepend.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\n\nimport { formControlLayoutContext } from '../../-private/eui-form-control-layout-context.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { buttonReset } from '../../utils/eui/form-controls.ts';\nimport {\n  euiFormAppendPrependStyles,\n  euiFormLabelStyles,\n  euiTextTruncate\n} from '../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport EuiFormLabel, { euiFormLabelReset } from '../eui-form-label.gts';\nimport EuiIcon from '../eui-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiIconSignature } from '../eui-icon';\n\n/** Arguments shared by `EuiFormAppend` and `EuiFormPrepend`. */\nexport interface EuiFormAppendPrependArgs {\n  /**\n   * `'button'` renders a `<button>` (interactive styles, label as text);\n   * `'div'` a static node whose label is a `<label>` for `@inputId`.\n   * Defaults to `'button'` when `@onClick` is passed, `'div'` otherwise.\n   */\n  element?: 'div' | 'button';\n  /** Main text, rendered as an `EuiFormLabel` (a `<span>` in a button). */\n  label?: string;\n  /** Icon before the label; anything `EuiIcon`'s `@type` accepts. */\n  iconLeft?: EuiIconSignature['Args']['type'];\n  /** Icon after the label; anything `EuiIcon`'s `@type` accepts. */\n  iconRight?: EuiIconSignature['Args']['type'];\n  /**\n   * Id of the control the `<label>` points to (`for`). Defaults to the\n   * surrounding `EuiFormControlLayout`'s `@inputId`.\n   */\n  inputId?: string;\n  /** Id of the label element (upstream passes `id` to the label). */\n  id?: string;\n  /**\n   * Smaller padding. Defaults to the surrounding `EuiFormControlLayout`'s\n   * `@compressed`.\n   */\n  compressed?: boolean;\n  /**\n   * Disables the button / greys out the node. A static node also follows\n   * the surrounding layout's disabled state.\n   */\n  isDisabled?: boolean;\n  /** Same as `@isDisabled`. */\n  disabled?: boolean;\n  /** Click handler; renders a `<button>` (upstream `onClick`). */\n  onClick?: (event: MouseEvent) => void;\n  /**\n   * Extra styles composed last into this component's class (like upstream's\n   * `css` prop). Prefer this to an extra class when styling it from a parent.\n   */\n  css?: EuiCss;\n}\n\nexport interface EuiFormAppendPrependSignature {\n  Element: HTMLDivElement | HTMLButtonElement;\n  Args: EuiFormAppendPrependArgs & {\n    /** @private Which side of the control: sets the root class. */\n    side: 'append' | 'prepend';\n  };\n  Blocks: {\n    /** Content after the label and icons. */\n    default: [];\n  };\n}\n\n/**\n * @private Upstream `EuiFormAppendPrepend`: the shared implementation of\n * `EuiFormAppend` / `EuiFormPrepend`.\n */\nexport default class EuiFormAppendPrepend extends Component<EuiFormAppendPrependSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get layout() {\n    return formControlLayoutContext(this);\n  }\n  get rootClass() {\n    return this.args.side === 'append' ? 'euiFormAppend' : 'euiFormPrepend';\n  }\n  get isButton() {\n    return (\n      this.args.element === 'button' || typeof this.args.onClick === 'function'\n    );\n  }\n  get compressed() {\n    return this.args.compressed ?? this.layout.compressed;\n  }\n  get inputId() {\n    return this.args.inputId ?? (this.layout.inputId || undefined);\n  }\n  get isDisabled() {\n    return Boolean(\n      this.args.isDisabled ||\n        this.args.disabled ||\n        (!this.isButton && this.layout.isDisabled)\n    );\n  }\n\n  /** Upstream wrapper: draws the focus ring around a focused button side. */\n  @cached\n  get wrapperClass() {\n    const styles = useEuiBorealisStyles(\n      this.context,\n      euiFormAppendPrependStyles\n    );\n    return euiClass(this.context, { boxSizing: 'border-box' }, styles.wrapper);\n  }\n\n  @cached\n  get classes() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormAppendPrependStyles);\n    const isButton = this.isButton;\n    const isDisabled = this.isDisabled;\n    return `${this.rootClass} ${euiClass(\n      context,\n      // React's global reset: border-box everywhere, and the button reset.\n      { boxSizing: 'border-box' },\n      isButton && buttonReset,\n      isButton && { fontFamily: context.upstream.euiTheme.font.family },\n      styles.side,\n      this.compressed ? styles.compressed : styles.uncompressed,\n      isButton && !isDisabled && styles.isInteractive,\n      isDisabled && styles.disabled,\n      this.args.css\n    )}`;\n  }\n\n  /** `EuiFormLabel type=\"span\"` (with the truncation utility) in a button. */\n  @cached\n  get spanLabelClass() {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiFormLabelStyles);\n    return `euiFormLabel eui-textTruncate ${euiClass(\n      context,\n      euiFormLabelReset(context.upstream),\n      styles.euiFormLabel,\n      styles.notDisabled,\n      euiTextTruncate()\n    )}`;\n  }\n\n  @action\n  onClick(event: MouseEvent) {\n    this.args.onClick?.(event);\n  }\n\n  <template>\n    <div class={{this.wrapperClass}}>\n      {{#if this.isButton}}\n        <button\n          type=\"button\"\n          class={{this.classes}}\n          disabled={{this.isDisabled}}\n          ...attributes\n          {{on \"click\" this.onClick}}\n        >\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <span id={{@id}} class={{this.spanLabelClass}}>{{@label}}</span>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </button>\n      {{else}}\n        <div class={{this.classes}} ...attributes>\n          {{#if @iconLeft}}\n            <EuiIcon @type={{@iconLeft}} />\n          {{/if}}\n          {{#if @label}}\n            <EuiFormLabel id={{@id}} @for={{this.inputId}}>{{@label}}</EuiFormLabel>\n          {{/if}}\n          {{#if @iconRight}}\n            <EuiIcon @type={{@iconRight}} />\n          {{/if}}\n          {{yield}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiFormAppendPrepend","Component","context","getEuiThemeContext","layout","formControlLayoutContext","rootClass","args","side","isButton","element","onClick","compressed","inputId","undefined","isDisabled","Boolean","disabled","wrapperClass","styles","useEuiBorealisStyles","euiFormAppendPrependStyles","euiClass","boxSizing","wrapper","n","prototype","cached","classes","buttonReset","fontFamily","upstream","euiTheme","font","family","uncompressed","isInteractive","css","spanLabelClass","euiFormLabelStyles","euiFormLabelReset","euiFormLabel","notDisabled","euiTextTruncate","event","action","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","EuiFormLabel"],"mappings":"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"}

package/dist/components/eui-form-control-layout-clear-button.js

@@ -3,12 +3,12 @@ import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { buttonReset } from '../utils/eui/form-controls.js';
-import { e5 as EuiFormControlLayoutClearButtonStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { EuiFormControlLayoutClearButtonStyles } from '../utils/eui/styles.generated/components/form/form_control_layout/form_control_layout_clear_button.styles.js';
 
 class EuiFormControlLayoutClearButton extends Component {
   static {

package/dist/components/eui-form-control-layout-delimited.js

@@ -2,7 +2,6 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { bv as euiFormControlLayoutDelimited__input, bw as euiFormControlLayoutDelimited__delimiter, bx as euiFormControlLayoutDelimitedStyles, by as euiTextStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiFormControlLayout from './eui-form-control-layout.js';
 import EuiIcon from './eui-icon.js';
@@ -10,6 +9,8 @@ import { euiTextColorCss } from './eui-text-color.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiFormControlLayoutDelimited__input, euiFormControlLayoutDelimited__delimiter, euiFormControlLayoutDelimitedStyles } from '../utils/eui/styles.generated/components/form/form_control_layout/form_control_layout_delimited.styles.js';
+import { euiTextStyles } from '../utils/eui/styles.generated/shared/RJ25KRVL.js';
 
 class EuiFormControlLayoutDelimited extends Component {
   get context() {

package/dist/components/eui-form-control-layout-delimited.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiFormControlLayoutDelimited__delimiter,\n  euiFormControlLayoutDelimited__input,\n  euiFormControlLayoutDelimitedStyles,\n  euiTextStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiIcon from './eui-icon.gts';\nimport { euiTextColorCss } from './eui-text-color.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\n/**\n * Two controls in one field with a delimiter between them, e.g. a number\n * range (\"0 → 100\") or start and end dates.\n */\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Icon at the start of the control, anything `EuiIcon`'s `@type` accepts. */\n    icon?: string;\n    /**\n     * Side of `@icon`: `'left'` or `'right'` (upstream `icon.side`).\n     * Defaults to `'left'`.\n     */\n    iconSide?: EuiFormControlLayoutSignature['Args']['iconSide'];\n    /** Shows a clear (\"x\") button calling this function. */\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    /** Stretches the control to its container's width. */\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    /** Shows a spinner. */\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    /** Shorter control, for dense forms. */\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    /** Read-only styling. */\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    /** Disabled styling. */\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    /** Same as `@disabled`. */\n    isDisabled?: EuiFormControlLayoutSignature['Args']['isDisabled'];\n    /**\n     * Invalid styling: a danger underline/border, a danger delimiter and the\n     * warning icon (not while disabled or read-only).\n     */\n    isInvalid?: boolean;\n    /**\n     * Text between the two controls. Defaults to upstream's `sortRight`\n     * arrow icon, labelled \"to\" for screen readers\n     * (`euiFormControlLayoutDelimited.delimiterLabel`).\n     */\n    delimiter?: string;\n    /**\n     * `'static'` (default) lays the icons out beside the controls,\n     * `'absolute'` overlays them.\n     */\n    iconsPosition?: EuiFormControlLayoutSignature['Args']['iconsPosition'];\n    /**\n     * Shows a dropdown arrow on the right. Hidden while disabled or\n     * read-only.\n     */\n    isDropdown?: EuiFormControlLayoutSignature['Args']['isDropdown'];\n    /**\n     * Id of a control: `EuiFormPrepend` / `EuiFormAppend` labels in the\n     * `<:prepend>` / `<:append>` blocks point to it.\n     */\n    inputId?: EuiFormControlLayoutSignature['Args']['inputId'];\n    /**\n     * Extra props for the `.euiFormControlLayout__childrenWrapper` element\n     * holding the controls: `className`, `id`, `aria-label`,\n     * `data-test-subj` and `css`.\n     */\n    wrapperProps?: EuiFormControlLayoutSignature['Args']['wrapperProps'];\n    /** @deprecated Has no effect: the delimited layout is always a group. */\n    useGroup?: boolean;\n    /**\n     * Renders the `<:prepend>` block. Defaults to `true`. Lets a wrapper\n     * that always passes the block hide it without remounting the layout\n     * (upstream passes `prepend={undefined}`).\n     */\n    isPrependProvided?: boolean;\n    /**\n     * Renders the `<:append>` block. Defaults to `true`. Lets a wrapper\n     * that always passes the block hide it without remounting the layout\n     * (upstream passes `append={undefined}`).\n     */\n    isAppendProvided?: boolean;\n  };\n  Blocks: {\n    /** Content before the controls; yields the class to put on it. */\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    /**\n     * The first control, e.g. an `EuiFieldNumber @controlOnly={{true}}`;\n     * yields the class to put on it (it carries the delimited input styles).\n     */\n    startControl: [classes: string];\n    /** Custom delimiter content, instead of `@delimiter`. */\n    delimiter: [];\n    /** The second control; yields the class to put on it. */\n    endControl: [classes: string];\n    /** Content after the controls; yields the class to put on it. */\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nexport default class EuiFormControlLayoutDelimited extends Component<EuiFormControlLayoutDelimitedSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isDisabled() {\n    return Boolean(this.args.disabled || this.args.isDisabled);\n  }\n  get showInvalidState() {\n    return Boolean(\n      this.args.isInvalid && !this.isDisabled && !this.args.readOnly\n    );\n  }\n  /** A side shows when its block is passed and not switched off. */\n  provided = (hasBlock: boolean, isProvided: boolean | undefined) =>\n    hasBlock && isProvided !== false;\n  @service declare euiI18n: EuiI18n;\n\n  /** A given `@delimiter`, even `''` (upstream `delimiter ?? icon`). */\n  get hasDelimiter() {\n    return this.args.delimiter !== undefined && this.args.delimiter !== null;\n  }\n\n  /** Upstream's default delimiter: a `sortRight` icon labelled \"to\". */\n  get delimiterLabel() {\n    return this.euiI18n.lookupToken(\n      'euiFormControlLayoutDelimited.delimiterLabel',\n      'to'\n    );\n  }\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(\n      this.context,\n      euiFormControlLayoutDelimitedStyles\n    );\n  }\n  get rootCss() {\n    const styles = this.styles;\n    return [\n      styles.delimited,\n      this.isDisabled && styles.disabled,\n      this.args.readOnly && styles.readOnly\n    ];\n  }\n  get wrapperCss() {\n    const styles = this.styles;\n    return [\n      styles.childrenWrapper.delimited,\n      this.showInvalidState && styles.childrenWrapper.invalid,\n      // upstream order: the consumer's css before the read-only styles\n      this.args.wrapperProps?.css,\n      this.args.readOnly && styles.childrenWrapper.readOnly\n    ];\n  }\n  /** `@wrapperProps` without `css`, which `wrapperCss` already composes. */\n  @cached\n  get wrapperProps() {\n    const props = this.args.wrapperProps;\n    if (!props) return undefined;\n    return { ...props, css: undefined };\n  }\n  /** The class yielded to each control: upstream's cloned input styles. */\n  @cached\n  get inputClass() {\n    return `euiFormControlLayoutDelimited__input ${euiClass(\n      this.context,\n      euiFormControlLayoutDelimited__input\n    )}`;\n  }\n  /** Upstream renders the delimiter as `EuiText size=\"s\"` with these styles last. */\n  @cached\n  get delimiterClass() {\n    const context = this.context;\n    const text = useEuiBorealisStyles(context, euiTextStyles);\n    return euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      text.euiText,\n      text.s,\n      euiTextColorCss(context, this.showInvalidState ? 'danger' : 'subdued'),\n      euiFormControlLayoutDelimited__delimiter(context.upstream)\n    );\n  }\n\n  <template>\n    <EuiFormControlLayout\n      class=\"euiFormControlLayoutDelimited\n        {{if this.showInvalidState 'euiFormControlLayoutDelimited--isInvalid'}}\"\n      @isDelimited={{true}}\n      @iconsPosition={{if @iconsPosition @iconsPosition \"static\"}}\n      @isDropdown={{@isDropdown}}\n      @inputId={{@inputId}}\n      @wrapperProps={{this.wrapperProps}}\n      @css={{this.rootCss}}\n      @wrapperCss={{this.wrapperCss}}\n      @icon={{@icon}}\n      @iconSide={{@iconSide}}\n      @clear={{@clear}}\n      @fullWidth={{@fullWidth}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @disabled={{this.isDisabled}}\n      @isPrependProvided={{this.provided (has-block \"prepend\") @isPrependProvided}}\n      @isAppendProvided={{this.provided (has-block \"append\") @isAppendProvided}}\n      ...attributes\n    >\n      <:prepend as |prependClasses|>\n        {{yield prependClasses to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        {{yield this.inputClass to=\"startControl\"}}\n        <div\n          class=\"euiText euiFormControlLayoutDelimited__delimiter\n            {{this.delimiterClass}}\"\n        >\n          {{#if (has-block \"delimiter\")}}\n            {{yield to=\"delimiter\"}}\n          {{else if this.hasDelimiter}}\n            {{@delimiter}}\n          {{else}}\n            <EuiIcon @type=\"sortRight\" @aria-label={{this.delimiterLabel}} />\n          {{/if}}\n        </div>\n        {{yield this.inputClass to=\"endControl\"}}\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiFormControlLayoutDelimited","Component","context","getEuiThemeContext","isDisabled","Boolean","args","disabled","showInvalidState","isInvalid","readOnly","provided","hasBlock","isProvided","g","prototype","service","i","hasDelimiter","delimiter","undefined","delimiterLabel","euiI18n","lookupToken","styles","useEuiBorealisStyles","euiFormControlLayoutDelimitedStyles","n","cached","rootCss","delimited","wrapperCss","childrenWrapper","invalid","wrapperProps","css","props","inputClass","euiClass","euiFormControlLayoutDelimited__input","delimiterClass","text","euiTextStyles","boxSizing","euiText","s","euiTextColorCss","euiFormControlLayoutDelimited__delimiter","upstream","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","EuiIcon"],"mappings":"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"}
+{"version":3,"file":"eui-form-control-layout-delimited.js","sources":["../../src/components/eui-form-control-layout-delimited.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiFormControlLayoutDelimited__delimiter,\n  euiFormControlLayoutDelimited__input,\n  euiFormControlLayoutDelimitedStyles,\n  euiTextStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiIcon from './eui-icon.gts';\nimport { euiTextColorCss } from './eui-text-color.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\n\n/**\n * Two controls in one field with a delimiter between them, e.g. a number\n * range (\"0 → 100\") or start and end dates.\n */\nexport interface EuiFormControlLayoutDelimitedSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Icon at the start of the control, anything `EuiIcon`'s `@type` accepts. */\n    icon?: string;\n    /**\n     * Side of `@icon`: `'left'` or `'right'` (upstream `icon.side`).\n     * Defaults to `'left'`.\n     */\n    iconSide?: EuiFormControlLayoutSignature['Args']['iconSide'];\n    /** Shows a clear (\"x\") button calling this function. */\n    clear?: EuiFormControlLayoutSignature['Args']['clear'];\n    /** Stretches the control to its container's width. */\n    fullWidth?: EuiFormControlLayoutSignature['Args']['fullWidth'];\n    /** Shows a spinner. */\n    isLoading?: EuiFormControlLayoutSignature['Args']['isLoading'];\n    /** Shorter control, for dense forms. */\n    compressed?: EuiFormControlLayoutSignature['Args']['compressed'];\n    /** Read-only styling. */\n    readOnly?: EuiFormControlLayoutSignature['Args']['readOnly'];\n    /** Disabled styling. */\n    disabled?: EuiFormControlLayoutSignature['Args']['disabled'];\n    /** Same as `@disabled`. */\n    isDisabled?: EuiFormControlLayoutSignature['Args']['isDisabled'];\n    /**\n     * Invalid styling: a danger underline/border, a danger delimiter and the\n     * warning icon (not while disabled or read-only).\n     */\n    isInvalid?: boolean;\n    /**\n     * Text between the two controls. Defaults to upstream's `sortRight`\n     * arrow icon, labelled \"to\" for screen readers\n     * (`euiFormControlLayoutDelimited.delimiterLabel`).\n     */\n    delimiter?: string;\n    /**\n     * `'static'` (default) lays the icons out beside the controls,\n     * `'absolute'` overlays them.\n     */\n    iconsPosition?: EuiFormControlLayoutSignature['Args']['iconsPosition'];\n    /**\n     * Shows a dropdown arrow on the right. Hidden while disabled or\n     * read-only.\n     */\n    isDropdown?: EuiFormControlLayoutSignature['Args']['isDropdown'];\n    /**\n     * Id of a control: `EuiFormPrepend` / `EuiFormAppend` labels in the\n     * `<:prepend>` / `<:append>` blocks point to it.\n     */\n    inputId?: EuiFormControlLayoutSignature['Args']['inputId'];\n    /**\n     * Extra props for the `.euiFormControlLayout__childrenWrapper` element\n     * holding the controls: `className`, `id`, `aria-label`,\n     * `data-test-subj` and `css`.\n     */\n    wrapperProps?: EuiFormControlLayoutSignature['Args']['wrapperProps'];\n    /** @deprecated Has no effect: the delimited layout is always a group. */\n    useGroup?: boolean;\n    /**\n     * Renders the `<:prepend>` block. Defaults to `true`. Lets a wrapper\n     * that always passes the block hide it without remounting the layout\n     * (upstream passes `prepend={undefined}`).\n     */\n    isPrependProvided?: boolean;\n    /**\n     * Renders the `<:append>` block. Defaults to `true`. Lets a wrapper\n     * that always passes the block hide it without remounting the layout\n     * (upstream passes `append={undefined}`).\n     */\n    isAppendProvided?: boolean;\n  };\n  Blocks: {\n    /** Content before the controls; yields the class to put on it. */\n    prepend: EuiFormControlLayoutSignature['Blocks']['prepend'];\n    /**\n     * The first control, e.g. an `EuiFieldNumber @controlOnly={{true}}`;\n     * yields the class to put on it (it carries the delimited input styles).\n     */\n    startControl: [classes: string];\n    /** Custom delimiter content, instead of `@delimiter`. */\n    delimiter: [];\n    /** The second control; yields the class to put on it. */\n    endControl: [classes: string];\n    /** Content after the controls; yields the class to put on it. */\n    append: EuiFormControlLayoutSignature['Blocks']['append'];\n  };\n}\n\nexport default class EuiFormControlLayoutDelimited extends Component<EuiFormControlLayoutDelimitedSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n  get isDisabled() {\n    return Boolean(this.args.disabled || this.args.isDisabled);\n  }\n  get showInvalidState() {\n    return Boolean(\n      this.args.isInvalid && !this.isDisabled && !this.args.readOnly\n    );\n  }\n  /** A side shows when its block is passed and not switched off. */\n  provided = (hasBlock: boolean, isProvided: boolean | undefined) =>\n    hasBlock && isProvided !== false;\n  @service declare euiI18n: EuiI18n;\n\n  /** A given `@delimiter`, even `''` (upstream `delimiter ?? icon`). */\n  get hasDelimiter() {\n    return this.args.delimiter !== undefined && this.args.delimiter !== null;\n  }\n\n  /** Upstream's default delimiter: a `sortRight` icon labelled \"to\". */\n  get delimiterLabel() {\n    return this.euiI18n.lookupToken(\n      'euiFormControlLayoutDelimited.delimiterLabel',\n      'to'\n    );\n  }\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(\n      this.context,\n      euiFormControlLayoutDelimitedStyles\n    );\n  }\n  get rootCss() {\n    const styles = this.styles;\n    return [\n      styles.delimited,\n      this.isDisabled && styles.disabled,\n      this.args.readOnly && styles.readOnly\n    ];\n  }\n  get wrapperCss() {\n    const styles = this.styles;\n    return [\n      styles.childrenWrapper.delimited,\n      this.showInvalidState && styles.childrenWrapper.invalid,\n      // upstream order: the consumer's css before the read-only styles\n      this.args.wrapperProps?.css,\n      this.args.readOnly && styles.childrenWrapper.readOnly\n    ];\n  }\n  /** `@wrapperProps` without `css`, which `wrapperCss` already composes. */\n  @cached\n  get wrapperProps() {\n    const props = this.args.wrapperProps;\n    if (!props) return undefined;\n    return { ...props, css: undefined };\n  }\n  /** The class yielded to each control: upstream's cloned input styles. */\n  @cached\n  get inputClass() {\n    return `euiFormControlLayoutDelimited__input ${euiClass(\n      this.context,\n      euiFormControlLayoutDelimited__input\n    )}`;\n  }\n  /** Upstream renders the delimiter as `EuiText size=\"s\"` with these styles last. */\n  @cached\n  get delimiterClass() {\n    const context = this.context;\n    const text = useEuiBorealisStyles(context, euiTextStyles);\n    return euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      text.euiText,\n      text.s,\n      euiTextColorCss(context, this.showInvalidState ? 'danger' : 'subdued'),\n      euiFormControlLayoutDelimited__delimiter(context.upstream)\n    );\n  }\n\n  <template>\n    <EuiFormControlLayout\n      class=\"euiFormControlLayoutDelimited\n        {{if this.showInvalidState 'euiFormControlLayoutDelimited--isInvalid'}}\"\n      @isDelimited={{true}}\n      @iconsPosition={{if @iconsPosition @iconsPosition \"static\"}}\n      @isDropdown={{@isDropdown}}\n      @inputId={{@inputId}}\n      @wrapperProps={{this.wrapperProps}}\n      @css={{this.rootCss}}\n      @wrapperCss={{this.wrapperCss}}\n      @icon={{@icon}}\n      @iconSide={{@iconSide}}\n      @clear={{@clear}}\n      @fullWidth={{@fullWidth}}\n      @isLoading={{@isLoading}}\n      @isInvalid={{@isInvalid}}\n      @compressed={{@compressed}}\n      @readOnly={{@readOnly}}\n      @disabled={{this.isDisabled}}\n      @isPrependProvided={{this.provided (has-block \"prepend\") @isPrependProvided}}\n      @isAppendProvided={{this.provided (has-block \"append\") @isAppendProvided}}\n      ...attributes\n    >\n      <:prepend as |prependClasses|>\n        {{yield prependClasses to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        {{yield this.inputClass to=\"startControl\"}}\n        <div\n          class=\"euiText euiFormControlLayoutDelimited__delimiter\n            {{this.delimiterClass}}\"\n        >\n          {{#if (has-block \"delimiter\")}}\n            {{yield to=\"delimiter\"}}\n          {{else if this.hasDelimiter}}\n            {{@delimiter}}\n          {{else}}\n            <EuiIcon @type=\"sortRight\" @aria-label={{this.delimiterLabel}} />\n          {{/if}}\n        </div>\n        {{yield this.inputClass to=\"endControl\"}}\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  </template>\n}\n"],"names":["EuiFormControlLayoutDelimited","Component","context","getEuiThemeContext","isDisabled","Boolean","args","disabled","showInvalidState","isInvalid","readOnly","provided","hasBlock","isProvided","g","prototype","service","i","hasDelimiter","delimiter","undefined","delimiterLabel","euiI18n","lookupToken","styles","useEuiBorealisStyles","euiFormControlLayoutDelimitedStyles","n","cached","rootCss","delimited","wrapperCss","childrenWrapper","invalid","wrapperProps","css","props","inputClass","euiClass","euiFormControlLayoutDelimited__input","delimiterClass","text","euiTextStyles","boxSizing","euiText","s","euiTextColorCss","euiFormControlLayoutDelimited__delimiter","upstream","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","EuiIcon"],"mappings":"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"}

package/dist/components/eui-form-control-layout-icons.js

@@ -2,7 +2,6 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { on } from '@ember/modifier';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { bz as euiFormControlLayoutIconsStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiFormControlLayoutClearButton from './eui-form-control-layout-clear-button.js';
 import EuiFormControlLayoutCustomIcon from './eui-form-control-layout-custom-icon.js';
@@ -12,6 +11,7 @@ import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormControlLayoutIconsStyles } from '../utils/eui/styles.generated/components/form/form_control_layout/form_control_layout_icons.styles.js';
 
 const ICON_SIDES = ['left', 'right'];
 /**

package/dist/components/eui-form-control-layout.js

@@ -3,12 +3,12 @@ import { provide } from 'ember-provide-consume-context';
 import { EUI_FORM_CONTROL_LAYOUT_CONTEXT } from '../-private/eui-form-control-layout-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { iconAffordanceStyle, layoutBoxReset } from '../utils/eui/form-controls.js';
-import { bt as euiFormControlLayoutStyles, bu as euiFormControlLayoutSideNodeStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiFormControlLayoutIcons, { iconSideOf } from './eui-form-control-layout-icons.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormControlLayoutStyles, euiFormControlLayoutSideNodeStyles } from '../utils/eui/styles.generated/shared/DDMXGYZ4.js';
 
 class EuiFormControlLayout extends Component {
   /**

package/dist/components/eui-form-error-text.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 { bA as euiFormErrorTextStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormErrorTextStyles } from '../utils/eui/styles.generated/components/form/form_error_text/form_error_text.styles.js';
 
 class EuiFormErrorText extends Component {
   get classes() {

package/dist/components/eui-form-help-text.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 { bB as euiFormHelpTextStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormHelpTextStyles } from '../utils/eui/styles.generated/components/form/form_help_text/form_help_text.styles.js';
 
 class EuiFormHelpText extends Component {
   get classes() {

package/dist/components/eui-form-label.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { eq } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { K as euiFormLabelStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormLabelStyles } from '../utils/eui/styles.generated/shared/BVOWQNBH.js';
 
 function euiFormLabelReset({
   euiTheme

package/dist/components/eui-form-legend.js

@@ -2,12 +2,12 @@ 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 { bC as euiFormLegendStyles } from '../styles.generated-SYAxYhey.js';
 import ScreenReaderOnlyModifier from '../modifiers/screen-reader-only.js';
 import { euiFormLabelReset } from './eui-form-label.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormLegendStyles } from '../utils/eui/styles.generated/components/form/form_fieldset/form_legend.styles.js';
 
 const screenReaderOnlyCss = {
   '& > .euiScreenReaderOnly': {

package/dist/components/eui-form-row.js

@@ -9,7 +9,6 @@ import { randomId } from '../-private/random-id.js';
 import useState from '../helpers/use-state.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bD as euiFormRowStyles, bE as euiFormLabelAppendStyles } from '../styles.generated-SYAxYhey.js';
 import EuiFormErrorText from './eui-form-error-text.js';
 import { euiFieldsetReset } from './eui-form-fieldset.js';
 import EuiFormHelpText from './eui-form-help-text.js';
@@ -19,6 +18,8 @@ import EuiText from './eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFormRowStyles } from '../utils/eui/styles.generated/components/form/form_row/form_row.styles.js';
+import { euiFormLabelAppendStyles } from '../utils/eui/styles.generated/components/form/form_label_append/form_label_append.styles.js';
 
 function startsWith([needle, word]) {
   return word?.startsWith(needle) || false;

package/dist/components/eui-form-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport { euiFormFullWidth } from '../-private/eui-form-context.ts';\nimport linkFormRowControl from '../-private/link-form-row-control.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFormLabelAppendStyles,\n  euiFormRowStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiFormErrorText from './eui-form-error-text.gts';\nimport { euiFieldsetReset } from './eui-form-fieldset.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\n\n/**\n * Row layouts. `rowCompressed` looks like `row` in the latest theme;\n * `columnCompressedSwitch` is kept as an alias of `columnCompressed`, which\n * now adapts to switches itself (upstream removed the separate display).\n */\nexport type EuiFormRowDisplay =\n  | 'row'\n  | 'rowCompressed'\n  | 'columnCompressed'\n  | 'columnCompressedSwitch'\n  | 'center'\n  | 'centerCompressed';\n\n/**\n * A form control with its label, help text and errors:\n * `<EuiFormRow @label=\"Name\" @helpText=\"As shown to others\"><EuiFieldText … /></EuiFormRow>`.\n */\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    /**\n     * The control's label. It is linked to the first text-like control in\n     * the row automatically (no need to pass ids around).\n     */\n    label?: string;\n    /**\n     * Text at the end of the label line, e.g. \"Optional\" (small subdued\n     * text). Use the `<:labelAppend>` block for markup such as a help link.\n     */\n    labelAppend?: string;\n    /**\n     * `'label'` renders a `<label>`; `'legend'` a `<legend>`, for rows whose\n     * control is a group (radios, checkboxes). Defaults to `'label'`.\n     */\n    labelType?: 'label' | 'legend';\n    /**\n     * `'legend'` renders the row as a `<fieldset>` (use it with\n     * `@labelType=\"legend\"` for groups). Defaults to a `<div>`.\n     */\n    legendType?: 'legend' | 'fieldset';\n    /**\n     * Lets the row (and its control) take the container's full width\n     * instead of the theme's form max width (400px in Borealis). Defaults to\n     * the enclosing EuiForm's `@fullWidth`, else `false`.\n     */\n    fullWidth?: boolean;\n    /** Shows `@error` under the control and styles the label as invalid. */\n    isInvalid?: boolean;\n    /**\n     * Disables the label's focus state and pointer cursor (pass `@disabled`\n     * to the control itself).\n     */\n    isDisabled?: boolean;\n    /**\n     * Adds space above the control as if it had a label, to align it with\n     * labelled rows next to it (e.g. a button in an `EuiFlexGroup` of rows).\n     */\n    hasEmptyLabelSpace?: boolean;\n    /**\n     * Link the label to the control. Set `false` when the control has its\n     * own label (e.g. a single checkbox). Defaults to `true`.\n     */\n    hasChildLabel?: boolean;\n    /** @private Ignore the `<:label>` block. */\n    isFakeLabelBlock?: boolean;\n    /** @private Ignore the `<:helpText>` block. */\n    isFakeHelpTextBlock?: boolean;\n    /**\n     * Help text under the control (a string, or an array for several lines).\n     * The control's `aria-describedby` points to it, so screen readers read\n     * it with the control.\n     */\n    helpText?: string;\n    /**\n     * Error message(s) shown under the control while `@isInvalid`; they are\n     * added to the control's `aria-describedby` while shown.\n     */\n    error?: string | string[] | null;\n    /**\n     * Ids of other elements describing the control, added first to its\n     * `aria-describedby` (before the help text and errors).\n     */\n    describedByIds?: string[];\n    /** Extra classes for each error message. */\n    errorClasses?: string;\n    /** Extra classes for the help text. */\n    helpTextClasses?: string;\n    /** Id of the control; the label points to it. Defaults to a random id. */\n    id?: string;\n    /**\n     * Layout: `'row'` (label above), `'columnCompressed'` (label beside, for\n     * dense forms; also used for switches), or `'center'` /\n     * `'centerCompressed'` (vertically centers content shorter than a\n     * control, e.g. a switch or text next to rows). `'rowCompressed'` and\n     * `'columnCompressedSwitch'` are kept as aliases of `'row'` and\n     * `'columnCompressed'`. Defaults to `'row'`.\n     */\n    display?: EuiFormRowDisplay;\n    /** @deprecated Has no effect. */\n    extra?: unknown;\n  };\n  Blocks: {\n    /** The control, e.g. `<EuiFieldText />`. */\n    default: [];\n    /** Custom label content, instead of `@label`; yields `@label`. */\n    label: [string?];\n    /** The control; same as the default block. */\n    field: [];\n    /** Renders each error (while `@isInvalid`); yields the error. */\n    errors: [string?];\n    /** Custom help text, instead of `@helpText`; yields `@helpText`. */\n    helpText: [string?];\n    /** Content at the end of the label line, e.g. a help link. */\n    labelAppend: [];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nexport default class EuiFormRow extends Component<EuiFormRowSignature> {\n  private readonly generatedId = randomId();\n\n  get rowId(): string {\n    return this.args.id ?? this.generatedId;\n  }\n\n  get isFieldset(): boolean {\n    return this.args.legendType === 'legend';\n  }\n\n  get tagName(): 'fieldset' | 'div' {\n    return this.isFieldset ? 'fieldset' : 'div';\n  }\n\n  get isLegendLabel(): boolean {\n    return this.args.labelType === 'legend';\n  }\n\n  /** The label's `for`: never on a legend, and not when `@hasChildLabel={{false}}`. */\n  get labelFor(): string | undefined {\n    if (this.isLegendLabel || this.args.hasChildLabel === false) return;\n    return this.rowId;\n  }\n\n  /** Every `@error` (the `<:errors>` block is rendered once per item). */\n  get errors(): (string | undefined)[] {\n    const { error } = this.args;\n    // `null` is passed through to the block as before.\n    return (Array.isArray(error) ? error : [error]) as (string | undefined)[];\n  }\n\n  /** `@error` messages rendered without a block: an empty single error is skipped (upstream). */\n  get errorMessages(): string[] {\n    const { error } = this.args;\n    if (Array.isArray(error)) return error;\n    return error ? [error] : [];\n  }\n\n  get helpTexts(): string[] {\n    const { helpText } = this.args;\n    return Array.isArray(helpText) ? (helpText as string[]) : [helpText!];\n  }\n\n  get display(): keyof ReturnType<typeof euiFormRowStyles> {\n    switch (this.args.display) {\n      case 'columnCompressed':\n      case 'columnCompressedSwitch':\n        return 'columnCompressed';\n      case 'rowCompressed':\n      case 'center':\n      case 'centerCompressed':\n        return this.args.display;\n      default:\n        return 'row';\n    }\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiFormRowStyles);\n    // Same order as upstream's `cssStyles`.\n    return euiClass(\n      context,\n      this.isFieldset ? euiFieldsetReset : { boxSizing: 'border-box' },\n      styles.euiFormRow,\n      euiFormFullWidth(this, this.args.fullWidth)\n        ? styles.fullWidth\n        : styles.formWidth,\n      styles[this.display] as string\n    );\n  }\n\n  @cached\n  get labelAppendClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiFormLabelAppendStyles);\n    return euiClass(\n      context,\n      { fontFamily: context.upstream.euiTheme.font.family },\n      styles.euiFormLabelAppend\n    );\n  }\n\n  <template>\n    {{#let\n      (element this.tagName)\n      (useState false)\n      (and (not @isFakeLabelBlock) (has-block \"label\"))\n      (and (not @isFakeHelpTextBlock) (has-block \"helpText\"))\n      as |Tag focusedState hasLabelBlock hasHelpTextBlock|\n    }}\n      {{#let\n        (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))\n        as |hasLabel|\n      }}\n        <Tag\n          class=\"euiFormRow\n            {{if @hasEmptyLabelSpace 'euiFormRow--hasEmptyLabelSpace'}}\n            {{if hasLabel 'euiFormRow--hasLabel'}}\n            {{this.classes}}\"\n          id=\"{{this.rowId}}-row\"\n          ...attributes\n          {{linkFormRowControl\n            this.rowId\n            helpText=(or @helpText hasHelpTextBlock)\n            errorCount=(if @isInvalid this.errors.length 0)\n            describedByIds=@describedByIds\n          }}\n        >\n          {{#if hasLabel}}\n            <div class=\"euiFormRow__labelWrapper\">\n              {{#if (or @label hasLabelBlock)}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  id=\"{{this.rowId}}-label\"\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @for={{this.labelFor}}\n                  @type={{@labelType}}\n                  @isInvalid={{@isInvalid}}\n                  @isDisabled={{@isDisabled}}\n                  @isFocused={{and\n                    (not @isDisabled)\n                    (not this.isLegendLabel)\n                    focusedState.value\n                  }}\n                >\n                  {{#if hasLabelBlock}}\n                    {{yield @label to=\"label\"}}\n                  {{else}}\n                    {{@label}}\n                  {{/if}}\n                </EuiFormLabel>\n              {{/if}}\n              {{#if (has-block \"labelAppend\")}}\n                <EuiText @size=\"xs\" class=\"euiFormRow__labelAppend\">\n                  {{yield to=\"labelAppend\"}}\n                </EuiText>\n              {{else if @labelAppend}}\n                <span\n                  class=\"euiFormLabelAppend euiFormRow__labelAppend\n                    {{this.labelAppendClasses}}\"\n                >{{@labelAppend}}</span>\n              {{/if}}\n            </div>\n          {{else if @hasEmptyLabelSpace}}\n            <EuiSpacer @size=\"m\" class=\"euiFormRow__labelWrapper\" />\n          {{/if}}\n          <div\n            class=\"euiFormRow__fieldWrapper\"\n            {{on \"focusin\" (fn focusedState.setState true)}}\n            {{on \"focusout\" (fn focusedState.setState false)}}\n          >\n            {{#if (has-block \"field\")}}\n              {{yield to=\"field\"}}\n            {{else}}\n              {{yield}}\n            {{/if}}\n            {{#if @isInvalid}}\n              {{#if (has-block \"errors\")}}\n                {{#each this.errors as |error i|}}\n                  <EuiFormErrorText\n                    class=\"euiFormRow__text {{@errorClasses}}\"\n                    id=\"{{this.rowId}}-error-{{i}}\"\n                  >\n                    {{yield error to=\"errors\"}}\n                  </EuiFormErrorText>\n                {{/each}}\n              {{else}}\n                {{#each this.errorMessages as |error i|}}\n                  <EuiFormErrorText\n                    class=\"euiFormRow__text {{@errorClasses}}\"\n                    id=\"{{this.rowId}}-error-{{i}}\"\n                  >\n                    {{error}}\n                  </EuiFormErrorText>\n                {{/each}}\n              {{/if}}\n            {{/if}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText\n                id=\"{{this.rowId}}-help\"\n                class=\"euiFormRow__text {{@helpTextClasses}}\"\n              >\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else if @helpText}}\n              {{#if this.isFieldset}}\n                {{! fieldset rows keep their single \"-help\" id }}\n                <EuiFormHelpText\n                  id=\"{{this.rowId}}-help\"\n                  class=\"euiFormRow__text {{@helpTextClasses}}\"\n                >\n                  {{@helpText}}\n                </EuiFormHelpText>\n              {{else}}\n                {{#each this.helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{this.rowId}}-help-{{i}}\"\n                    class=\"euiFormRow__text {{@helpTextClasses}}\"\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/if}}\n            {{/if}}\n          </div>\n        </Tag>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["startsWith","needle","word","EuiFormRow","Component","generatedId","randomId","rowId","args","id","isFieldset","legendType","tagName","isLegendLabel","labelType","labelFor","hasChildLabel","errors","error","Array","isArray","errorMessages","helpTexts","helpText","display","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiFormRowStyles","euiClass","euiFieldsetReset","boxSizing","euiFormRow","euiFormFullWidth","fullWidth","formWidth","n","prototype","cached","labelAppendClasses","euiFormLabelAppendStyles","fontFamily","upstream","euiTheme","font","family","euiFormLabelAppend","setComponentTemplate","precompileTemplate","strictMode","scope","useState","and","not","or","linkFormRowControl","EuiFormLabel","EuiText","EuiSpacer","on","fn","EuiFormErrorText","EuiFormHelpText"],"mappings":"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"}
+{"version":3,"file":"eui-form-row.js","sources":["../../src/components/eui-form-row.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { and, not, or } from 'ember-truth-helpers';\n\nimport { euiFormFullWidth } from '../-private/eui-form-context.ts';\nimport linkFormRowControl from '../-private/link-form-row-control.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport useState from '../helpers/use-state.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiFormLabelAppendStyles,\n  euiFormRowStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiFormErrorText from './eui-form-error-text.gts';\nimport { euiFieldsetReset } from './eui-form-fieldset.gts';\nimport EuiFormHelpText from './eui-form-help-text.gts';\nimport EuiFormLabel from './eui-form-label.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\n\n/**\n * Row layouts. `rowCompressed` looks like `row` in the latest theme;\n * `columnCompressedSwitch` is kept as an alias of `columnCompressed`, which\n * now adapts to switches itself (upstream removed the separate display).\n */\nexport type EuiFormRowDisplay =\n  | 'row'\n  | 'rowCompressed'\n  | 'columnCompressed'\n  | 'columnCompressedSwitch'\n  | 'center'\n  | 'centerCompressed';\n\n/**\n * A form control with its label, help text and errors:\n * `<EuiFormRow @label=\"Name\" @helpText=\"As shown to others\"><EuiFieldText … /></EuiFormRow>`.\n */\nexport interface EuiFormRowSignature {\n  Element: HTMLDivElement | HTMLFieldSetElement;\n  Args: {\n    /**\n     * The control's label. It is linked to the first text-like control in\n     * the row automatically (no need to pass ids around).\n     */\n    label?: string;\n    /**\n     * Text at the end of the label line, e.g. \"Optional\" (small subdued\n     * text). Use the `<:labelAppend>` block for markup such as a help link.\n     */\n    labelAppend?: string;\n    /**\n     * `'label'` renders a `<label>`; `'legend'` a `<legend>`, for rows whose\n     * control is a group (radios, checkboxes). Defaults to `'label'`.\n     */\n    labelType?: 'label' | 'legend';\n    /**\n     * `'legend'` renders the row as a `<fieldset>` (use it with\n     * `@labelType=\"legend\"` for groups). Defaults to a `<div>`.\n     */\n    legendType?: 'legend' | 'fieldset';\n    /**\n     * Lets the row (and its control) take the container's full width\n     * instead of the theme's form max width (400px in Borealis). Defaults to\n     * the enclosing EuiForm's `@fullWidth`, else `false`.\n     */\n    fullWidth?: boolean;\n    /** Shows `@error` under the control and styles the label as invalid. */\n    isInvalid?: boolean;\n    /**\n     * Disables the label's focus state and pointer cursor (pass `@disabled`\n     * to the control itself).\n     */\n    isDisabled?: boolean;\n    /**\n     * Adds space above the control as if it had a label, to align it with\n     * labelled rows next to it (e.g. a button in an `EuiFlexGroup` of rows).\n     */\n    hasEmptyLabelSpace?: boolean;\n    /**\n     * Link the label to the control. Set `false` when the control has its\n     * own label (e.g. a single checkbox). Defaults to `true`.\n     */\n    hasChildLabel?: boolean;\n    /** @private Ignore the `<:label>` block. */\n    isFakeLabelBlock?: boolean;\n    /** @private Ignore the `<:helpText>` block. */\n    isFakeHelpTextBlock?: boolean;\n    /**\n     * Help text under the control (a string, or an array for several lines).\n     * The control's `aria-describedby` points to it, so screen readers read\n     * it with the control.\n     */\n    helpText?: string;\n    /**\n     * Error message(s) shown under the control while `@isInvalid`; they are\n     * added to the control's `aria-describedby` while shown.\n     */\n    error?: string | string[] | null;\n    /**\n     * Ids of other elements describing the control, added first to its\n     * `aria-describedby` (before the help text and errors).\n     */\n    describedByIds?: string[];\n    /** Extra classes for each error message. */\n    errorClasses?: string;\n    /** Extra classes for the help text. */\n    helpTextClasses?: string;\n    /** Id of the control; the label points to it. Defaults to a random id. */\n    id?: string;\n    /**\n     * Layout: `'row'` (label above), `'columnCompressed'` (label beside, for\n     * dense forms; also used for switches), or `'center'` /\n     * `'centerCompressed'` (vertically centers content shorter than a\n     * control, e.g. a switch or text next to rows). `'rowCompressed'` and\n     * `'columnCompressedSwitch'` are kept as aliases of `'row'` and\n     * `'columnCompressed'`. Defaults to `'row'`.\n     */\n    display?: EuiFormRowDisplay;\n    /** @deprecated Has no effect. */\n    extra?: unknown;\n  };\n  Blocks: {\n    /** The control, e.g. `<EuiFieldText />`. */\n    default: [];\n    /** Custom label content, instead of `@label`; yields `@label`. */\n    label: [string?];\n    /** The control; same as the default block. */\n    field: [];\n    /** Renders each error (while `@isInvalid`); yields the error. */\n    errors: [string?];\n    /** Custom help text, instead of `@helpText`; yields `@helpText`. */\n    helpText: [string?];\n    /** Content at the end of the label line, e.g. a help link. */\n    labelAppend: [];\n  };\n}\n\nexport function startsWith(\n  [needle, word]: [string, string | undefined] /*, hash*/\n): boolean {\n  return word?.startsWith(needle) || false;\n}\n\nexport default class EuiFormRow extends Component<EuiFormRowSignature> {\n  private readonly generatedId = randomId();\n\n  get rowId(): string {\n    return this.args.id ?? this.generatedId;\n  }\n\n  get isFieldset(): boolean {\n    return this.args.legendType === 'legend';\n  }\n\n  get tagName(): 'fieldset' | 'div' {\n    return this.isFieldset ? 'fieldset' : 'div';\n  }\n\n  get isLegendLabel(): boolean {\n    return this.args.labelType === 'legend';\n  }\n\n  /** The label's `for`: never on a legend, and not when `@hasChildLabel={{false}}`. */\n  get labelFor(): string | undefined {\n    if (this.isLegendLabel || this.args.hasChildLabel === false) return;\n    return this.rowId;\n  }\n\n  /** Every `@error` (the `<:errors>` block is rendered once per item). */\n  get errors(): (string | undefined)[] {\n    const { error } = this.args;\n    // `null` is passed through to the block as before.\n    return (Array.isArray(error) ? error : [error]) as (string | undefined)[];\n  }\n\n  /** `@error` messages rendered without a block: an empty single error is skipped (upstream). */\n  get errorMessages(): string[] {\n    const { error } = this.args;\n    if (Array.isArray(error)) return error;\n    return error ? [error] : [];\n  }\n\n  get helpTexts(): string[] {\n    const { helpText } = this.args;\n    return Array.isArray(helpText) ? (helpText as string[]) : [helpText!];\n  }\n\n  get display(): keyof ReturnType<typeof euiFormRowStyles> {\n    switch (this.args.display) {\n      case 'columnCompressed':\n      case 'columnCompressedSwitch':\n        return 'columnCompressed';\n      case 'rowCompressed':\n      case 'center':\n      case 'centerCompressed':\n        return this.args.display;\n      default:\n        return 'row';\n    }\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiFormRowStyles);\n    // Same order as upstream's `cssStyles`.\n    return euiClass(\n      context,\n      this.isFieldset ? euiFieldsetReset : { boxSizing: 'border-box' },\n      styles.euiFormRow,\n      euiFormFullWidth(this, this.args.fullWidth)\n        ? styles.fullWidth\n        : styles.formWidth,\n      styles[this.display] as string\n    );\n  }\n\n  @cached\n  get labelAppendClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiFormLabelAppendStyles);\n    return euiClass(\n      context,\n      { fontFamily: context.upstream.euiTheme.font.family },\n      styles.euiFormLabelAppend\n    );\n  }\n\n  <template>\n    {{#let\n      (element this.tagName)\n      (useState false)\n      (and (not @isFakeLabelBlock) (has-block \"label\"))\n      (and (not @isFakeHelpTextBlock) (has-block \"helpText\"))\n      as |Tag focusedState hasLabelBlock hasHelpTextBlock|\n    }}\n      {{#let\n        (or @label @labelAppend hasLabelBlock (has-block \"labelAppend\"))\n        as |hasLabel|\n      }}\n        <Tag\n          class=\"euiFormRow\n            {{if @hasEmptyLabelSpace 'euiFormRow--hasEmptyLabelSpace'}}\n            {{if hasLabel 'euiFormRow--hasLabel'}}\n            {{this.classes}}\"\n          id=\"{{this.rowId}}-row\"\n          ...attributes\n          {{linkFormRowControl\n            this.rowId\n            helpText=(or @helpText hasHelpTextBlock)\n            errorCount=(if @isInvalid this.errors.length 0)\n            describedByIds=@describedByIds\n          }}\n        >\n          {{#if hasLabel}}\n            <div class=\"euiFormRow__labelWrapper\">\n              {{#if (or @label hasLabelBlock)}}\n                <EuiFormLabel\n                  class=\"euiFormRow__label\"\n                  id=\"{{this.rowId}}-label\"\n                  aria-invalid={{if @isInvalid \"true\"}}\n                  @for={{this.labelFor}}\n                  @type={{@labelType}}\n                  @isInvalid={{@isInvalid}}\n                  @isDisabled={{@isDisabled}}\n                  @isFocused={{and\n                    (not @isDisabled)\n                    (not this.isLegendLabel)\n                    focusedState.value\n                  }}\n                >\n                  {{#if hasLabelBlock}}\n                    {{yield @label to=\"label\"}}\n                  {{else}}\n                    {{@label}}\n                  {{/if}}\n                </EuiFormLabel>\n              {{/if}}\n              {{#if (has-block \"labelAppend\")}}\n                <EuiText @size=\"xs\" class=\"euiFormRow__labelAppend\">\n                  {{yield to=\"labelAppend\"}}\n                </EuiText>\n              {{else if @labelAppend}}\n                <span\n                  class=\"euiFormLabelAppend euiFormRow__labelAppend\n                    {{this.labelAppendClasses}}\"\n                >{{@labelAppend}}</span>\n              {{/if}}\n            </div>\n          {{else if @hasEmptyLabelSpace}}\n            <EuiSpacer @size=\"m\" class=\"euiFormRow__labelWrapper\" />\n          {{/if}}\n          <div\n            class=\"euiFormRow__fieldWrapper\"\n            {{on \"focusin\" (fn focusedState.setState true)}}\n            {{on \"focusout\" (fn focusedState.setState false)}}\n          >\n            {{#if (has-block \"field\")}}\n              {{yield to=\"field\"}}\n            {{else}}\n              {{yield}}\n            {{/if}}\n            {{#if @isInvalid}}\n              {{#if (has-block \"errors\")}}\n                {{#each this.errors as |error i|}}\n                  <EuiFormErrorText\n                    class=\"euiFormRow__text {{@errorClasses}}\"\n                    id=\"{{this.rowId}}-error-{{i}}\"\n                  >\n                    {{yield error to=\"errors\"}}\n                  </EuiFormErrorText>\n                {{/each}}\n              {{else}}\n                {{#each this.errorMessages as |error i|}}\n                  <EuiFormErrorText\n                    class=\"euiFormRow__text {{@errorClasses}}\"\n                    id=\"{{this.rowId}}-error-{{i}}\"\n                  >\n                    {{error}}\n                  </EuiFormErrorText>\n                {{/each}}\n              {{/if}}\n            {{/if}}\n            {{#if hasHelpTextBlock}}\n              <EuiFormHelpText\n                id=\"{{this.rowId}}-help\"\n                class=\"euiFormRow__text {{@helpTextClasses}}\"\n              >\n                {{yield @helpText to=\"helpText\"}}\n              </EuiFormHelpText>\n            {{else if @helpText}}\n              {{#if this.isFieldset}}\n                {{! fieldset rows keep their single \"-help\" id }}\n                <EuiFormHelpText\n                  id=\"{{this.rowId}}-help\"\n                  class=\"euiFormRow__text {{@helpTextClasses}}\"\n                >\n                  {{@helpText}}\n                </EuiFormHelpText>\n              {{else}}\n                {{#each this.helpTexts as |helpText i|}}\n                  <EuiFormHelpText\n                    id=\"{{this.rowId}}-help-{{i}}\"\n                    class=\"euiFormRow__text {{@helpTextClasses}}\"\n                  >\n                    {{helpText}}\n                  </EuiFormHelpText>\n                {{/each}}\n              {{/if}}\n            {{/if}}\n          </div>\n        </Tag>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["startsWith","needle","word","EuiFormRow","Component","generatedId","randomId","rowId","args","id","isFieldset","legendType","tagName","isLegendLabel","labelType","labelFor","hasChildLabel","errors","error","Array","isArray","errorMessages","helpTexts","helpText","display","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiFormRowStyles","euiClass","euiFieldsetReset","boxSizing","euiFormRow","euiFormFullWidth","fullWidth","formWidth","n","prototype","cached","labelAppendClasses","euiFormLabelAppendStyles","fontFamily","upstream","euiTheme","font","family","euiFormLabelAppend","setComponentTemplate","precompileTemplate","strictMode","scope","useState","and","not","or","linkFormRowControl","EuiFormLabel","EuiText","EuiSpacer","on","fn","EuiFormErrorText","EuiFormHelpText"],"mappings":"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"}

package/dist/components/eui-global-toast-list.js

@@ -8,7 +8,6 @@ import willDestroy from '@ember/render-modifiers/modifiers/will-destroy';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bF as euiGlobalToastListStyles, bG as euiGlobalToastListItemStyles } from '../styles.generated-SYAxYhey.js';
 import Timer from '../utils/timer.js';
 import EuiButton from './eui-button.js';
 import EuiNotificationBadge from './eui-notification-badge.js';
@@ -16,6 +15,7 @@ import EuiToast from './eui-toast.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiGlobalToastListStyles, euiGlobalToastListItemStyles } from '../utils/eui/styles.generated/components/toast/global_toast_list.styles.js';
 
 /** Upstream `TOAST_FADE_OUT_MS`. */const TOAST_FADE_OUT_MS = 250;
 /** Upstream `CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT`. */

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

@@ -3,12 +3,12 @@ import { cached } from '@glimmer/tracking';
 import randomId from '../-private/random-id.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bJ as euiHeaderAlertStyles } from '../styles.generated-SYAxYhey.js';
 import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderAlertStyles } from '../utils/eui/styles.generated/components/header/header_alert/header_alert.styles.js';
 
 /** Upstream `EuiHeaderAlert` (`euiHeaderAlertStyles`). */class EuiHeaderAlert extends Component {
   get classes() {

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

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { bK as euiHeaderBreadcrumbsStyles } from '../styles.generated-SYAxYhey.js';
 import EuiBreadcrumbs from './eui-breadcrumbs.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderBreadcrumbsStyles } from '../utils/eui/styles.generated/components/header/header_breadcrumbs/header_breadcrumbs.styles.js';
 
 /**
  * Upstream `EuiHeaderBreadcrumbs`: `EuiBreadcrumbs` with `max` 4 and

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

@@ -5,13 +5,13 @@ import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiBreakpointsMedia, euiOutsideBreakpointsMedia } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bL as euiHeaderLinksStyles } from '../styles.generated-SYAxYhey.js';
 import EuiHeaderSectionItemButtonComponent from './eui-header-section-item-button.js';
 import EuiIcon from './eui-icon.js';
 import EuiPopoverComponent from './eui-popover.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiHeaderLinksStyles } from '../utils/eui/styles.generated/components/header/header_links/header_links.styles.js';
 
 const ALL_SIZES = ['xs', 's', 'm', 'l', 'xl'];
 /**

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

@@ -3,13 +3,16 @@ import { cached } from '@glimmer/tracking';
 import { htmlSafe } from '@ember/template';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { a2 as euiFocusRing, bM as euiHeaderLogoStyles, a4 as euiButtonDisplaysColors, D as euiTitleStyles } from '../styles.generated-SYAxYhey.js';
 import ElasticLogoFull from './eui-header-logo/elastic-logo-full.js';
 import EuiIcon from './eui-icon.js';
 import { isValidHref, getSecureRelForTarget } from './eui-link.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiFocusRing } from '../utils/eui/styles.generated/shared/3X7KG6KZ.js';
+import { euiHeaderLogoStyles } from '../utils/eui/styles.generated/components/header/header_logo/header_logo.styles.js';
+import { euiButtonDisplaysColors } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
+import { euiTitleStyles } from '../utils/eui/styles.generated/shared/SORCSWXI.js';
 
 /**
  * Upstream `EuiHeaderLogo` (`euiHeaderLogoStyles` + the empty-button `text`

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

@@ -1 +1 @@
-{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplaysColors,\n  euiFocusRing,\n  euiHeaderLogoStyles,\n  euiTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport ElasticLogoFull from './eui-header-logo/elastic-logo-full.gts';\nimport EuiIcon from './eui-icon.gts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\n\n/** The app's logo (and name) linking home, first in the header. */\nexport interface EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    /** Where the logo links to, usually `'/'`. A `javascript:` URL is dropped. */\n    href?: string;\n    /** `target` of the link. */\n    target?: string;\n    /**\n     * Merged into upstream's secure `rel` (`noreferrer`, plus `noopener`\n     * for `_blank`).\n     */\n    rel?: string;\n    /**\n     * Accessible name of the logo. Needed when there is no text in the\n     * block.\n     */\n    iconTitle?: string;\n    /** The logo, anything `EuiIcon`'s `@type` accepts. Defaults to `'logoElastic'`. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * `'glyph'` (default) is the Elastic glyph (or `@iconType`);\n     * `'horizontal'` is the full Elastic logo with its wordmark, 24px tall.\n     * `@iconTitle` is its accessible name, `'Elastic'` by default.\n     */\n    logoType?: 'glyph' | 'horizontal';\n  };\n  Blocks: {\n    /** The app's name, next to the logo. */\n    default: [];\n  };\n}\n\n/**\n * Upstream `EuiHeaderLogo` (`euiHeaderLogoStyles` + the empty-button `text`\n * color). Latest upstream only renders the Elastic glyph or wordmark; Ember\n * keeps `@iconType` and the text block (`.euiHeaderLogo__text`, styled as an\n * `xxs` title, which upstream's dark header still recolors).\n */\nexport default class EuiHeaderLogo extends Component<EuiHeaderLogoSignature> {\n  get href() {\n    const { href } = this.args;\n    return href && !isValidHref(href) ? '' : href;\n  }\n\n  get rel() {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  get isHorizontal() {\n    return this.args.logoType === 'horizontal';\n  }\n\n  /** Upstream: `max-height: euiTheme.size.l; width: auto`. */\n  get logoStyle() {\n    const context = getEuiThemeContext(this);\n\n    return htmlSafe(\n      `max-height: ${context.upstream.euiTheme.size.l}; width: auto;`\n    );\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiHeaderLogoStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors);\n    return euiClass(\n      context,\n      // React's global reset for anchors.\n      { boxSizing: 'border-box', textDecoration: 'none' },\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      styles.euiHeaderLogo,\n      colors['empty']!['text']\n    );\n  }\n\n  @cached\n  get textClasses(): string {\n    const context = getEuiThemeContext(this);\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    return euiClass(context, title.euiTitle, title.xxs, {\n      // Ember-only: the color follows the link (and the dark header).\n      color: 'inherit',\n      paddingInlineStart: context.upstream.euiTheme.size.s\n    });\n  }\n\n  <template>\n    <a\n      class=\"euiHeaderLogo {{this.classes}}\"\n      href={{this.href}}\n      target={{@target}}\n      rel={{this.rel}}\n      ...attributes\n    >\n      {{#if this.isHorizontal}}\n        <ElasticLogoFull\n          class=\"euiHeaderLogo__image\"\n          style={{this.logoStyle}}\n          @title={{if @iconTitle @iconTitle \"Elastic\"}}\n        />\n      {{else}}\n        <EuiIcon\n          @aria-label={{@iconTitle}}\n          @iconClasses=\"euiHeaderLogo__icon\"\n          @size=\"l\"\n          @type={{if @iconType @iconType \"logoElastic\"}}\n        />\n      {{/if}}\n      {{#if (has-block)}}\n        <span class=\"euiHeaderLogo__text {{this.textClasses}}\">\n          {{yield}}\n        </span>\n      {{/if}}\n    </a>\n  </template>\n}\n"],"names":["EuiHeaderLogo","Component","href","args","isValidHref","rel","getSecureRelForTarget","target","isHorizontal","logoType","logoStyle","context","getEuiThemeContext","htmlSafe","upstream","euiTheme","size","l","classes","styles","useEuiBorealisStyles","euiHeaderLogoStyles","colors","euiButtonDisplaysColors","euiClass","boxSizing","textDecoration","euiFocusRing","euiHeaderLogo","n","prototype","cached","textClasses","title","euiTitleStyles","euiTitle","xxs","color","paddingInlineStart","s","setComponentTemplate","precompileTemplate","strictMode","scope","ElasticLogoFull","EuiIcon"],"mappings":";;;;;;;;;;;;;AAmDA;;;;;;AAMe,MAAMA,aAAA,SAAsBC,SAAA,CAAU;EACnD,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;IAC1B,OAAOD,IAAA,IAAQ,CAACE,WAAA,CAAYF,IAAA,CAAA,GAAQ,EAAA,GAAKA,IAAA;AAC3C,EAAA;EAEA,IAAIG,GAAAA,GAAM;AACR,IAAA,OAAOC,qBAAA,CAAsB,IAAI,CAACH,IAAI,CAACI,MAAM,EAAE,IAAI,CAACJ,IAAI,CAACE,GAAG,CAAA;AAC9D,EAAA;EAEA,IAAIG,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACM,QAAQ,KAAK,YAAA;AAChC,EAAA;AAEA;EACA,IAAIC,SAAAA,GAAY;AACd,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AAEvC,IAAA,OAAOC,QAAA,CACL,CAAA,YAAA,EAAeF,QAAQG,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAC,gBAAgB,CAAA;AAEnE,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMP,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMO,MAAA,GAASC,qBAAqBT,OAAA,EAASU,mBAAA,CAAA;AAC7C,IAAA,MAAMC,MAAA,GAASF,qBAAqBT,OAAA,EAASY,uBAAA,CAAA;IAC7C,OAAOC,QAAA,CACLb;AACA;AACA,IAAA;AAAEc,MAAAA,SAAA,EAAW,YAAA;AAAcC,MAAAA,cAAA,EAAgB;KAAO,EAClD,aAAaC,aAAahB,OAAA,CAAQG,QAAQ,KAAK,EAC/CK,MAAA,CAAOS,aAAa,EACpBN,MAAM,CAAC,OAAA,CAAQ,CAAE,MAAA,CAAO,CAAA;AAE5B,EAAA;AAAA,EAAA;IAAAO,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAbCC,MAAA,CAAA,CAAA;AAAA;EAeD,IACIC,WAAAA,GAAsB;AACxB,IAAA,MAAMrB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMqB,KAAA,GAAQb,qBAAqBT,OAAA,EAASuB,cAAA,CAAA;IAC5C,OAAOV,SAASb,OAAA,EAASsB,KAAA,CAAME,QAAQ,EAAEF,KAAA,CAAMG,GAAG,EAAE;AAClD;AACAC,MAAAA,KAAA,EAAO,SAAA;MACPC,kBAAA,EAAoB3B,QAAQG,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACuB;AACrD,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAV,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;AAWD,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,2jBAAA,EA4BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-header-logo.js","sources":["../../src/components/eui-header-logo.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiButtonDisplaysColors,\n  euiFocusRing,\n  euiHeaderLogoStyles,\n  euiTitleStyles\n} from '../utils/eui/styles.generated.ts';\nimport ElasticLogoFull from './eui-header-logo/elastic-logo-full.gts';\nimport EuiIcon from './eui-icon.gts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\n\n/** The app's logo (and name) linking home, first in the header. */\nexport interface EuiHeaderLogoSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    /** Where the logo links to, usually `'/'`. A `javascript:` URL is dropped. */\n    href?: string;\n    /** `target` of the link. */\n    target?: string;\n    /**\n     * Merged into upstream's secure `rel` (`noreferrer`, plus `noopener`\n     * for `_blank`).\n     */\n    rel?: string;\n    /**\n     * Accessible name of the logo. Needed when there is no text in the\n     * block.\n     */\n    iconTitle?: string;\n    /** The logo, anything `EuiIcon`'s `@type` accepts. Defaults to `'logoElastic'`. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /**\n     * `'glyph'` (default) is the Elastic glyph (or `@iconType`);\n     * `'horizontal'` is the full Elastic logo with its wordmark, 24px tall.\n     * `@iconTitle` is its accessible name, `'Elastic'` by default.\n     */\n    logoType?: 'glyph' | 'horizontal';\n  };\n  Blocks: {\n    /** The app's name, next to the logo. */\n    default: [];\n  };\n}\n\n/**\n * Upstream `EuiHeaderLogo` (`euiHeaderLogoStyles` + the empty-button `text`\n * color). Latest upstream only renders the Elastic glyph or wordmark; Ember\n * keeps `@iconType` and the text block (`.euiHeaderLogo__text`, styled as an\n * `xxs` title, which upstream's dark header still recolors).\n */\nexport default class EuiHeaderLogo extends Component<EuiHeaderLogoSignature> {\n  get href() {\n    const { href } = this.args;\n    return href && !isValidHref(href) ? '' : href;\n  }\n\n  get rel() {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  get isHorizontal() {\n    return this.args.logoType === 'horizontal';\n  }\n\n  /** Upstream: `max-height: euiTheme.size.l; width: auto`. */\n  get logoStyle() {\n    const context = getEuiThemeContext(this);\n\n    return htmlSafe(\n      `max-height: ${context.upstream.euiTheme.size.l}; width: auto;`\n    );\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiHeaderLogoStyles);\n    const colors = useEuiBorealisStyles(context, euiButtonDisplaysColors);\n    return euiClass(\n      context,\n      // React's global reset for anchors.\n      { boxSizing: 'border-box', textDecoration: 'none' },\n      `&:focus { ${euiFocusRing(context.upstream)} }`,\n      styles.euiHeaderLogo,\n      colors['empty']!['text']\n    );\n  }\n\n  @cached\n  get textClasses(): string {\n    const context = getEuiThemeContext(this);\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    return euiClass(context, title.euiTitle, title.xxs, {\n      // Ember-only: the color follows the link (and the dark header).\n      color: 'inherit',\n      paddingInlineStart: context.upstream.euiTheme.size.s\n    });\n  }\n\n  <template>\n    <a\n      class=\"euiHeaderLogo {{this.classes}}\"\n      href={{this.href}}\n      target={{@target}}\n      rel={{this.rel}}\n      ...attributes\n    >\n      {{#if this.isHorizontal}}\n        <ElasticLogoFull\n          class=\"euiHeaderLogo__image\"\n          style={{this.logoStyle}}\n          @title={{if @iconTitle @iconTitle \"Elastic\"}}\n        />\n      {{else}}\n        <EuiIcon\n          @aria-label={{@iconTitle}}\n          @iconClasses=\"euiHeaderLogo__icon\"\n          @size=\"l\"\n          @type={{if @iconType @iconType \"logoElastic\"}}\n        />\n      {{/if}}\n      {{#if (has-block)}}\n        <span class=\"euiHeaderLogo__text {{this.textClasses}}\">\n          {{yield}}\n        </span>\n      {{/if}}\n    </a>\n  </template>\n}\n"],"names":["EuiHeaderLogo","Component","href","args","isValidHref","rel","getSecureRelForTarget","target","isHorizontal","logoType","logoStyle","context","getEuiThemeContext","htmlSafe","upstream","euiTheme","size","l","classes","styles","useEuiBorealisStyles","euiHeaderLogoStyles","colors","euiButtonDisplaysColors","euiClass","boxSizing","textDecoration","euiFocusRing","euiHeaderLogo","n","prototype","cached","textClasses","title","euiTitleStyles","euiTitle","xxs","color","paddingInlineStart","s","setComponentTemplate","precompileTemplate","strictMode","scope","ElasticLogoFull","EuiIcon"],"mappings":";;;;;;;;;;;;;;;;AAmDA;;;;;;AAMe,MAAMA,aAAA,SAAsBC,SAAA,CAAU;EACnD,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;IAC1B,OAAOD,IAAA,IAAQ,CAACE,WAAA,CAAYF,IAAA,CAAA,GAAQ,EAAA,GAAKA,IAAA;AAC3C,EAAA;EAEA,IAAIG,GAAAA,GAAM;AACR,IAAA,OAAOC,qBAAA,CAAsB,IAAI,CAACH,IAAI,CAACI,MAAM,EAAE,IAAI,CAACJ,IAAI,CAACE,GAAG,CAAA;AAC9D,EAAA;EAEA,IAAIG,YAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACM,QAAQ,KAAK,YAAA;AAChC,EAAA;AAEA;EACA,IAAIC,SAAAA,GAAY;AACd,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AAEvC,IAAA,OAAOC,QAAA,CACL,CAAA,YAAA,EAAeF,QAAQG,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAC,gBAAgB,CAAA;AAEnE,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMP,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMO,MAAA,GAASC,qBAAqBT,OAAA,EAASU,mBAAA,CAAA;AAC7C,IAAA,MAAMC,MAAA,GAASF,qBAAqBT,OAAA,EAASY,uBAAA,CAAA;IAC7C,OAAOC,QAAA,CACLb;AACA;AACA,IAAA;AAAEc,MAAAA,SAAA,EAAW,YAAA;AAAcC,MAAAA,cAAA,EAAgB;KAAO,EAClD,aAAaC,aAAahB,OAAA,CAAQG,QAAQ,KAAK,EAC/CK,MAAA,CAAOS,aAAa,EACpBN,MAAM,CAAC,OAAA,CAAQ,CAAE,MAAA,CAAO,CAAA;AAE5B,EAAA;AAAA,EAAA;IAAAO,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAbCC,MAAA,CAAA,CAAA;AAAA;EAeD,IACIC,WAAAA,GAAsB;AACxB,IAAA,MAAMrB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMqB,KAAA,GAAQb,qBAAqBT,OAAA,EAASuB,cAAA,CAAA;IAC5C,OAAOV,SAASb,OAAA,EAASsB,KAAA,CAAME,QAAQ,EAAEF,KAAA,CAAMG,GAAG,EAAE;AAClD;AACAC,MAAAA,KAAA,EAAO,SAAA;MACPC,kBAAA,EAAoB3B,QAAQG,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACuB;AACrD,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAV,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CATCC,MAAA,CAAA,CAAA;AAAA;AAWD,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,2jBAAA,EA4BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-header-section-item-button.js

@@ -7,13 +7,14 @@ import { eq } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiBreakpointsMedia, euiOutsideBreakpointsMedia } from '../utils/eui/page-layout.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { bP as euiMaxBreakpoint, bQ as euiHeaderSectionItemButtonStyles } from '../styles.generated-SYAxYhey.js';
 import EuiButtonEmpty from './eui-button-empty.js';
 import EuiIcon from './eui-icon.js';
 import EuiNotificationBadge from './eui-notification-badge.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiMaxBreakpoint } from '../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiHeaderSectionItemButtonStyles } from '../utils/eui/styles.generated/components/header/header_section/header_section_item_button.styles.js';
 
 const keyframes = [{
   transform: 'rotate(0)',