@ember-eui/core 16.0.3 → 16.0.5

package/dist/components/eui-split-panel/inner.js

@@ -4,11 +4,12 @@ import { euiSplitPanelContext } from '../../-private/eui-split-panel-context.js'
 import argOrDefault from '../../helpers/arg-or-default.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../../utils/eui/styles.js';
-import { d3 as euiBreakpoint, d4 as euiSplitPanelInnerStyles } from '../../styles.generated-SYAxYhey.js';
 import EuiPanel from '../eui-panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiSplitPanelInnerStyles } from '../../utils/eui/styles.generated/components/panel/split_panel/split_panel.styles.js';
 
 // Undoes the row divider where a responsive row has collapsed to a column.
 const NO_ROW_DIVIDER = '&:not(:last-child){border-inline-end:none;}';

package/dist/components/eui-split-panel/inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"inner.js","sources":["../../../src/components/eui-split-panel/inner.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { euiSplitPanelContext } from '../../-private/eui-split-panel-context.ts';\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiBreakpoint,\n  euiSplitPanelInnerStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** One section of an EuiSplitPanelOuter, e.g. a header or footer with its own color. */\nexport interface EuiSplitPanelInnerSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /** Adds a shadow. Defaults to `false`. */\n    hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n    /** Background, any `EuiPanel` color. Defaults to `'transparent'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Border radius. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** Adds a border. Defaults to `false`. */\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    /** Padding, any `EuiPanel` padding size. Defaults to `'m'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /** Grows to share the outer panel's space. Defaults to `true`. */\n    grow?: EuiPanelSignature['Args']['grow'];\n    /**\n     * Extra styles composed last into the panel's class (like upstream's\n     * `css` prop).\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The section's content. */\n    default: [];\n  };\n}\n\n// Undoes the row divider where a responsive row has collapsed to a column.\nconst NO_ROW_DIVIDER = '&:not(:last-child){border-inline-end:none;}';\n\n/** Upstream `EuiSplitPanel.Inner` (EUI 123.1.0). */\nexport default class EuiSplitPanelInner extends Component<EuiSplitPanelInnerSignature> {\n  @cached\n  get css(): EuiCss {\n    const outer = euiSplitPanelContext(this);\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSplitPanelInnerStyles);\n    const direction = outer?.borderDirection;\n    // A collapsed responsive row draws column dividers instead.\n    const collapse =\n      direction === 'row'\n        ? outer!.collapseOn\n            .map(\n              (size) =>\n                `${euiBreakpoint(context.upstream, [size])}{${\n                  styles.highContrastBorders.column\n                }${context.upstream.highContrastMode === 'preferred' ? NO_ROW_DIVIDER : ''}}`\n            )\n            .join('')\n        : undefined;\n    return [\n      styles.euiSplitPanelInner,\n      direction && styles.highContrastBorders[direction],\n      collapse,\n      this.args.css\n    ];\n  }\n\n  <template>\n    <EuiPanel\n      class=\"euiSplitPanel__inner\"\n      @css={{this.css}}\n      @hasShadow={{argOrDefault @hasShadow false}}\n      @color={{argOrDefault @color \"transparent\"}}\n      @borderRadius={{argOrDefault @borderRadius \"none\"}}\n      @hasBorder={{argOrDefault @hasBorder false}}\n      @paddingSize={{@paddingSize}}\n      @grow={{@grow}}\n      ...attributes\n    >\n      {{yield}}\n    </EuiPanel>\n  </template>\n}\n"],"names":["NO_ROW_DIVIDER","EuiSplitPanelInner","Component","css","outer","euiSplitPanelContext","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSplitPanelInnerStyles","direction","borderDirection","collapse","collapseOn","map","size","euiBreakpoint","upstream","highContrastBorders","column","highContrastMode","join","undefined","euiSplitPanelInner","args","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault"],"mappings":";;;;;;;;;;;;AA4CA;AACA,MAAMA,cAAA,GAAiB,6CAAA;AAEvB;AACe,MAAMC,kBAAA,SAA2BC,SAAA,CAAU;EACxD,IACIC,MAAc;AAChB,IAAA,MAAMC,KAAA,GAAQC,qBAAqB,IAAI,CAAA;AACvC,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,wBAAA,CAAA;AAC7C,IAAA,MAAMC,YAAYP,KAAA,EAAOQ,eAAA;AACzB;IACA,MAAMC,QAAA,GACJF,SAAA,KAAc,KAAA,GACVP,KAAA,CAAOU,UAAU,CACdC,GAAG,CACDC,IAAA,IACC,CAAA,EAAGC,aAAA,CAAcX,OAAA,CAAQY,QAAQ,EAAE,CAACF,IAAA,CAAK,CAAA,IACvCR,MAAA,CAAOW,mBAAmB,CAACC,MAAM,CAAA,EAChCd,QAAQY,QAAQ,CAACG,gBAAgB,KAAK,WAAA,GAAcrB,iBAAiB,EAAA,CAAA,CAAA,CAAK,CAAA,CAEhFsB,IAAI,CAAC,EAAA,CAAA,GACRC,SAAA;IACN,OAAO,CACLf,MAAA,CAAOgB,kBAAkB,EACzBb,SAAA,IAAaH,MAAA,CAAOW,mBAAmB,CAACR,SAAA,CAAU,EAClDE,QAAA,EACA,IAAI,CAACY,IAAI,CAACtB,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAuB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAxBCC,MAAA,CAAA,CAAA;AAAA;AA0BD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kVAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"inner.js","sources":["../../../src/components/eui-split-panel/inner.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { euiSplitPanelContext } from '../../-private/eui-split-panel-context.ts';\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiBreakpoint,\n  euiSplitPanelInnerStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** One section of an EuiSplitPanelOuter, e.g. a header or footer with its own color. */\nexport interface EuiSplitPanelInnerSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /** Adds a shadow. Defaults to `false`. */\n    hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n    /** Background, any `EuiPanel` color. Defaults to `'transparent'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Border radius. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** Adds a border. Defaults to `false`. */\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    /** Padding, any `EuiPanel` padding size. Defaults to `'m'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /** Grows to share the outer panel's space. Defaults to `true`. */\n    grow?: EuiPanelSignature['Args']['grow'];\n    /**\n     * Extra styles composed last into the panel's class (like upstream's\n     * `css` prop).\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The section's content. */\n    default: [];\n  };\n}\n\n// Undoes the row divider where a responsive row has collapsed to a column.\nconst NO_ROW_DIVIDER = '&:not(:last-child){border-inline-end:none;}';\n\n/** Upstream `EuiSplitPanel.Inner` (EUI 123.1.0). */\nexport default class EuiSplitPanelInner extends Component<EuiSplitPanelInnerSignature> {\n  @cached\n  get css(): EuiCss {\n    const outer = euiSplitPanelContext(this);\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSplitPanelInnerStyles);\n    const direction = outer?.borderDirection;\n    // A collapsed responsive row draws column dividers instead.\n    const collapse =\n      direction === 'row'\n        ? outer!.collapseOn\n            .map(\n              (size) =>\n                `${euiBreakpoint(context.upstream, [size])}{${\n                  styles.highContrastBorders.column\n                }${context.upstream.highContrastMode === 'preferred' ? NO_ROW_DIVIDER : ''}}`\n            )\n            .join('')\n        : undefined;\n    return [\n      styles.euiSplitPanelInner,\n      direction && styles.highContrastBorders[direction],\n      collapse,\n      this.args.css\n    ];\n  }\n\n  <template>\n    <EuiPanel\n      class=\"euiSplitPanel__inner\"\n      @css={{this.css}}\n      @hasShadow={{argOrDefault @hasShadow false}}\n      @color={{argOrDefault @color \"transparent\"}}\n      @borderRadius={{argOrDefault @borderRadius \"none\"}}\n      @hasBorder={{argOrDefault @hasBorder false}}\n      @paddingSize={{@paddingSize}}\n      @grow={{@grow}}\n      ...attributes\n    >\n      {{yield}}\n    </EuiPanel>\n  </template>\n}\n"],"names":["NO_ROW_DIVIDER","EuiSplitPanelInner","Component","css","outer","euiSplitPanelContext","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSplitPanelInnerStyles","direction","borderDirection","collapse","collapseOn","map","size","euiBreakpoint","upstream","highContrastBorders","column","highContrastMode","join","undefined","euiSplitPanelInner","args","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault"],"mappings":";;;;;;;;;;;;;AA4CA;AACA,MAAMA,cAAA,GAAiB,6CAAA;AAEvB;AACe,MAAMC,kBAAA,SAA2BC,SAAA,CAAU;EACxD,IACIC,MAAc;AAChB,IAAA,MAAMC,KAAA,GAAQC,qBAAqB,IAAI,CAAA;AACvC,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,wBAAA,CAAA;AAC7C,IAAA,MAAMC,YAAYP,KAAA,EAAOQ,eAAA;AACzB;IACA,MAAMC,QAAA,GACJF,SAAA,KAAc,KAAA,GACVP,KAAA,CAAOU,UAAU,CACdC,GAAG,CACDC,IAAA,IACC,CAAA,EAAGC,aAAA,CAAcX,OAAA,CAAQY,QAAQ,EAAE,CAACF,IAAA,CAAK,CAAA,IACvCR,MAAA,CAAOW,mBAAmB,CAACC,MAAM,CAAA,EAChCd,QAAQY,QAAQ,CAACG,gBAAgB,KAAK,WAAA,GAAcrB,iBAAiB,EAAA,CAAA,CAAA,CAAK,CAAA,CAEhFsB,IAAI,CAAC,EAAA,CAAA,GACRC,SAAA;IACN,OAAO,CACLf,MAAA,CAAOgB,kBAAkB,EACzBb,SAAA,IAAaH,MAAA,CAAOW,mBAAmB,CAACR,SAAA,CAAU,EAClDE,QAAA,EACA,IAAI,CAACY,IAAI,CAACtB,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAuB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAxBCC,MAAA,CAAA,CAAA;AAAA;AA0BD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kVAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-split-panel/outer.js

@@ -4,11 +4,12 @@ import { provide } from 'ember-provide-consume-context';
 import argOrDefault from '../../helpers/arg-or-default.js';
 import { EUI_SPLIT_PANEL_CONTEXT } from '../../-private/eui-split-panel-context.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
-import { d5 as euiSplitPanelOuterStyles, d3 as euiBreakpoint } from '../../styles.generated-SYAxYhey.js';
 import EuiPanel from '../eui-panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSplitPanelOuterStyles } from '../../utils/eui/styles.generated/components/panel/split_panel/split_panel.styles.js';
+import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/JZFLXET7.js';
 
 const DEFAULT_SIZES = ['xs', 's'];
 /**

package/dist/components/eui-split-panel/outer.js.map

@@ -1 +1 @@
-{"version":3,"file":"outer.js","sources":["../../../src/components/eui-split-panel/outer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { provide } from 'ember-provide-consume-context';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { EUI_SPLIT_PANEL_CONTEXT } from '../../-private/eui-split-panel-context.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiBreakpoint,\n  euiSplitPanelOuterStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiSplitPanelContext } from '../../-private/eui-split-panel-context.ts';\nimport type { EuiBreakpointSize } from '../../utils/breakpoint.ts';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** A panel split into sections (`EuiSplitPanelInner`) with different colors or padding. */\nexport interface EuiSplitPanelOuterSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /** `'column'` stacks the sections, `'row'` puts them side by side. Defaults to `'column'`. */\n    direction?: 'column' | 'row';\n    /**\n     * Screen sizes on which a `'row'` split panel stacks its sections.\n     * Defaults to `['xs', 's']`; pass `false` to never stack.\n     */\n    responsive?: EuiBreakpointSize[] | false;\n    /** Grows to fill a flex parent. Defaults to `false`. */\n    grow?: boolean;\n    /** Padding of the outer panel. Defaults to `'none'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /** Adds a shadow (only without a border). Defaults to `false`. */\n    hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n    /** Background, any `EuiPanel` color. Defaults to `'plain'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Border radius. Defaults to `'m'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** Adds a border. Defaults to `true` (EuiPanel's default). */\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    /**\n     * Extra styles composed last into the panel's class (like upstream's\n     * `css` prop).\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The `EuiSplitPanelInner` sections. */\n    default: [];\n  };\n}\n\nconst DEFAULT_SIZES: EuiBreakpointSize[] = ['xs', 's'];\n\n/**\n * Upstream `EuiSplitPanel.Outer` (EUI 123.1.0). Upstream picks the direction\n * in JS with `useIsWithinBreakpoints`; here the responsive collapse is a\n * media query per breakpoint (same widths), so it needs no resize listener.\n */\nexport default class EuiSplitPanelOuter\n  extends Component<EuiSplitPanelOuterSignature>\n  implements EuiSplitPanelContext\n{\n  @provide(EUI_SPLIT_PANEL_CONTEXT)\n  get splitPanelContext(): EuiSplitPanelContext {\n    return this;\n  }\n\n  get direction(): 'row' | 'column' {\n    return this.args.direction === 'row' ? 'row' : 'column';\n  }\n\n  get collapseOn(): readonly EuiBreakpointSize[] {\n    if (this.direction !== 'row') return [];\n    const responsive = this.args.responsive ?? DEFAULT_SIZES;\n    return responsive === false ? [] : responsive;\n  }\n\n  /** Upstream `_canRenderHighContrastBorder` on the outer panel's own props. */\n  get borderDirection(): 'row' | 'column' | undefined {\n    return this.args.color === 'transparent' && !this.args.hasBorder\n      ? undefined\n      : this.direction;\n  }\n\n  @cached\n  get css(): EuiCss {\n    const upstream = getEuiThemeContext(this).upstream;\n    const styles = euiSplitPanelOuterStyles;\n    const collapse = Object.fromEntries(\n      this.collapseOn.map((size) => [\n        euiBreakpoint(upstream, [size]),\n        styles.column\n      ])\n    );\n    return [\n      styles.euiSplitPanelOuter,\n      styles[this.direction],\n      collapse,\n      this.args.css\n    ];\n  }\n\n  <template>\n    <EuiPanel\n      class=\"euiSplitPanel\"\n      @css={{this.css}}\n      @grow={{argOrDefault @grow false}}\n      @paddingSize={{argOrDefault @paddingSize \"none\"}}\n      @hasShadow={{@hasShadow}}\n      @color={{@color}}\n      @borderRadius={{@borderRadius}}\n      @hasBorder={{@hasBorder}}\n      ...attributes\n    >\n      {{yield}}\n    </EuiPanel>\n  </template>\n}\n"],"names":["DEFAULT_SIZES","EuiSplitPanelOuter","Component","splitPanelContext","n","prototype","provide","EUI_SPLIT_PANEL_CONTEXT","direction","args","collapseOn","responsive","borderDirection","color","hasBorder","undefined","css","upstream","getEuiThemeContext","styles","euiSplitPanelOuterStyles","collapse","Object","fromEntries","map","size","euiBreakpoint","column","euiSplitPanelOuter","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault"],"mappings":";;;;;;;;;;;;AAsDA,MAAMA,aAAe,GAAsB,CAAC,IAAA,EAAM,GAAA,CAAI;AAEtD;;;;AAIC;AACc,MAAMC,kBAAA,SACXC,SAAA,CACG;EAEX,IACIC,oBAA0C;AAC5C,IAAA,OAAO,IAAI;AACb,EAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAHCC,OAAA,CAAQC,uBAAA,CAAA,CAAA,CAAA;AAAA;EAKT,IAAIC,SAAAA,GAA8B;IAChC,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,KAAK,QAAQ,KAAA,GAAQ,QAAA;AACjD,EAAA;EAEA,IAAIE,aAA2C;AAC7C,IAAA,IAAI,IAAI,CAACF,SAAS,KAAK,KAAA,EAAO,OAAO,EAAE;IACvC,MAAMG,aAAa,IAAI,CAACF,IAAI,CAACE,UAAU,IAAIX,aAAA;AAC3C,IAAA,OAAOW,UAAA,KAAe,KAAA,GAAQ,EAAE,GAAGA,UAAA;AACrC,EAAA;AAEA;EACA,IAAIC,eAAAA,GAAgD;AAClD,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,KAAK,KAAK,aAAA,IAAiB,CAAC,IAAI,CAACJ,IAAI,CAACK,SAAS,GAC5DC,SAAA,GACA,IAAI,CAACP,SAAS;AACpB,EAAA;EAEA,IACIQ,MAAc;AAChB,IAAA,MAAMC,QAAA,GAAWC,kBAAA,CAAmB,IAAI,CAAA,CAAED,QAAQ;IAClD,MAAME,MAAA,GAASC,wBAAA;AACf,IAAA,MAAMC,QAAA,GAAWC,MAAA,CAAOC,WAAW,CACjC,IAAI,CAACb,UAAU,CAACc,GAAG,CAAEC,IAAA,IAAS,CAC5BC,aAAA,CAAcT,QAAA,EAAU,CAACQ,IAAA,CAAK,CAAA,EAC9BN,MAAA,CAAOQ,MAAM,CACd,CAAA,CAAA;AAEH,IAAA,OAAO,CACLR,MAAA,CAAOS,kBAAkB,EACzBT,MAAM,CAAC,IAAI,CAACX,SAAS,CAAC,EACtBa,QAAA,EACA,IAAI,CAACZ,IAAI,CAACO,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAZ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAhBCwB,MAAA,CAAA,CAAA;AAAA;AAkBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2RAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"outer.js","sources":["../../../src/components/eui-split-panel/outer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { provide } from 'ember-provide-consume-context';\n\nimport argOrDefault from '../../helpers/arg-or-default.ts';\nimport { EUI_SPLIT_PANEL_CONTEXT } from '../../-private/eui-split-panel-context.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport {\n  euiBreakpoint,\n  euiSplitPanelOuterStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\n\nimport type { EuiSplitPanelContext } from '../../-private/eui-split-panel-context.ts';\nimport type { EuiBreakpointSize } from '../../utils/breakpoint.ts';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** A panel split into sections (`EuiSplitPanelInner`) with different colors or padding. */\nexport interface EuiSplitPanelOuterSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /** `'column'` stacks the sections, `'row'` puts them side by side. Defaults to `'column'`. */\n    direction?: 'column' | 'row';\n    /**\n     * Screen sizes on which a `'row'` split panel stacks its sections.\n     * Defaults to `['xs', 's']`; pass `false` to never stack.\n     */\n    responsive?: EuiBreakpointSize[] | false;\n    /** Grows to fill a flex parent. Defaults to `false`. */\n    grow?: boolean;\n    /** Padding of the outer panel. Defaults to `'none'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /** Adds a shadow (only without a border). Defaults to `false`. */\n    hasShadow?: EuiPanelSignature['Args']['hasShadow'];\n    /** Background, any `EuiPanel` color. Defaults to `'plain'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Border radius. Defaults to `'m'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** Adds a border. Defaults to `true` (EuiPanel's default). */\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    /**\n     * Extra styles composed last into the panel's class (like upstream's\n     * `css` prop).\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The `EuiSplitPanelInner` sections. */\n    default: [];\n  };\n}\n\nconst DEFAULT_SIZES: EuiBreakpointSize[] = ['xs', 's'];\n\n/**\n * Upstream `EuiSplitPanel.Outer` (EUI 123.1.0). Upstream picks the direction\n * in JS with `useIsWithinBreakpoints`; here the responsive collapse is a\n * media query per breakpoint (same widths), so it needs no resize listener.\n */\nexport default class EuiSplitPanelOuter\n  extends Component<EuiSplitPanelOuterSignature>\n  implements EuiSplitPanelContext\n{\n  @provide(EUI_SPLIT_PANEL_CONTEXT)\n  get splitPanelContext(): EuiSplitPanelContext {\n    return this;\n  }\n\n  get direction(): 'row' | 'column' {\n    return this.args.direction === 'row' ? 'row' : 'column';\n  }\n\n  get collapseOn(): readonly EuiBreakpointSize[] {\n    if (this.direction !== 'row') return [];\n    const responsive = this.args.responsive ?? DEFAULT_SIZES;\n    return responsive === false ? [] : responsive;\n  }\n\n  /** Upstream `_canRenderHighContrastBorder` on the outer panel's own props. */\n  get borderDirection(): 'row' | 'column' | undefined {\n    return this.args.color === 'transparent' && !this.args.hasBorder\n      ? undefined\n      : this.direction;\n  }\n\n  @cached\n  get css(): EuiCss {\n    const upstream = getEuiThemeContext(this).upstream;\n    const styles = euiSplitPanelOuterStyles;\n    const collapse = Object.fromEntries(\n      this.collapseOn.map((size) => [\n        euiBreakpoint(upstream, [size]),\n        styles.column\n      ])\n    );\n    return [\n      styles.euiSplitPanelOuter,\n      styles[this.direction],\n      collapse,\n      this.args.css\n    ];\n  }\n\n  <template>\n    <EuiPanel\n      class=\"euiSplitPanel\"\n      @css={{this.css}}\n      @grow={{argOrDefault @grow false}}\n      @paddingSize={{argOrDefault @paddingSize \"none\"}}\n      @hasShadow={{@hasShadow}}\n      @color={{@color}}\n      @borderRadius={{@borderRadius}}\n      @hasBorder={{@hasBorder}}\n      ...attributes\n    >\n      {{yield}}\n    </EuiPanel>\n  </template>\n}\n"],"names":["DEFAULT_SIZES","EuiSplitPanelOuter","Component","splitPanelContext","n","prototype","provide","EUI_SPLIT_PANEL_CONTEXT","direction","args","collapseOn","responsive","borderDirection","color","hasBorder","undefined","css","upstream","getEuiThemeContext","styles","euiSplitPanelOuterStyles","collapse","Object","fromEntries","map","size","euiBreakpoint","column","euiSplitPanelOuter","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPanel","argOrDefault"],"mappings":";;;;;;;;;;;;;AAsDA,MAAMA,aAAe,GAAsB,CAAC,IAAA,EAAM,GAAA,CAAI;AAEtD;;;;AAIC;AACc,MAAMC,kBAAA,SACXC,SAAA,CACG;EAEX,IACIC,oBAA0C;AAC5C,IAAA,OAAO,IAAI;AACb,EAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAHCC,OAAA,CAAQC,uBAAA,CAAA,CAAA,CAAA;AAAA;EAKT,IAAIC,SAAAA,GAA8B;IAChC,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,KAAK,QAAQ,KAAA,GAAQ,QAAA;AACjD,EAAA;EAEA,IAAIE,aAA2C;AAC7C,IAAA,IAAI,IAAI,CAACF,SAAS,KAAK,KAAA,EAAO,OAAO,EAAE;IACvC,MAAMG,aAAa,IAAI,CAACF,IAAI,CAACE,UAAU,IAAIX,aAAA;AAC3C,IAAA,OAAOW,UAAA,KAAe,KAAA,GAAQ,EAAE,GAAGA,UAAA;AACrC,EAAA;AAEA;EACA,IAAIC,eAAAA,GAAgD;AAClD,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,KAAK,KAAK,aAAA,IAAiB,CAAC,IAAI,CAACJ,IAAI,CAACK,SAAS,GAC5DC,SAAA,GACA,IAAI,CAACP,SAAS;AACpB,EAAA;EAEA,IACIQ,MAAc;AAChB,IAAA,MAAMC,QAAA,GAAWC,kBAAA,CAAmB,IAAI,CAAA,CAAED,QAAQ;IAClD,MAAME,MAAA,GAASC,wBAAA;AACf,IAAA,MAAMC,QAAA,GAAWC,MAAA,CAAOC,WAAW,CACjC,IAAI,CAACb,UAAU,CAACc,GAAG,CAAEC,IAAA,IAAS,CAC5BC,aAAA,CAAcT,QAAA,EAAU,CAACQ,IAAA,CAAK,CAAA,EAC9BN,MAAA,CAAOQ,MAAM,CACd,CAAA,CAAA;AAEH,IAAA,OAAO,CACLR,MAAA,CAAOS,kBAAkB,EACzBT,MAAM,CAAC,IAAI,CAACX,SAAS,CAAC,EACtBa,QAAA,EACA,IAAI,CAACZ,IAAI,CAACO,GAAG,CACd;AACH,EAAA;AAAA,EAAA;IAAAZ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CAhBCwB,MAAA,CAAA,CAAA;AAAA;AAkBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2RAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-stat/title.js

@@ -3,10 +3,11 @@ import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
-import { D as euiTitleStyles, ev as euiStatTitleStyles } from '../../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiTitleStyles } from '../../utils/eui/styles.generated/shared/SORCSWXI.js';
+import { euiStatTitleStyles } from '../../utils/eui/styles.generated/components/stat/stat.styles.js';
 
 const STAT_TITLE_COLORS = ['default', 'subdued', 'primary', 'success', 'warning', 'danger', 'accent'];
 

package/dist/components/eui-stat/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.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 { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiStatTitleStyles,\n  euiTitleStyles\n} from '../../utils/eui/styles.generated.ts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { EuiTitleSignature } from '../eui-title';\n\n/** Upstream's named stat title colors (`stat.js` `COLORS`). */\nexport const STAT_TITLE_COLORS = [\n  'default',\n  'subdued',\n  'primary',\n  'success',\n  'warning',\n  'danger',\n  'accent'\n] as const;\n\nexport type EuiStatTitleColor = (typeof STAT_TITLE_COLORS)[number];\n\n/** @private The title of an EuiStat. */\nexport interface EuiStatTitleSignature {\n  Element: any;\n  Args: {\n    /** Size, any `EuiTitle` size. Defaults to `'l'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /** A named stat color or any CSS color. Defaults to `'default'`. */\n    titleColor?: EuiStatTitleColor | string;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Pulses the title and labels it \"Statistic is loading\". */\n    isLoading?: boolean;\n    /** @deprecated Has no effect; named colors are detected from `@titleColor`. */\n    isColorClass?: boolean;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nexport default class EuiStatTitle extends Component<EuiStatTitleSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get tagName(): string {\n    return this.args.titleElement ?? 'p';\n  }\n\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    const stat = useEuiBorealisStyles(context, euiStatTitleStyles);\n    const color = this.args.titleColor ?? 'default';\n    const named = (STAT_TITLE_COLORS as readonly string[]).includes(color);\n    // Upstream EuiTitle clones its classes onto the title element; the stat\n    // `css` follows. Custom colors are a class instead of an inline style.\n    return euiClass(\n      context,\n      // React's global reset zeroes the element box and sets the font.\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: context.upstream.euiTheme.font.family\n      },\n      title.euiTitle,\n      title[this.args.titleSize ?? 'l'],\n      stat.euiStat__title,\n      named ? stat[color as EuiStatTitleColor] : { color },\n      this.args.isLoading && stat.isLoading\n    );\n  }\n\n  get loadingLabel(): string | undefined {\n    return this.args.isLoading\n      ? this.euiI18n.lookupToken('euiStat.loadingText', 'Statistic is loading')\n      : undefined;\n  }\n\n  <template>\n    {{#let (element this.tagName) as |TitleElement|}}\n      <TitleElement\n        class=\"euiTitle euiStat__title {{this.classes}}\"\n        aria-label={{this.loadingLabel}}\n        ...attributes\n      >{{yield}}</TitleElement>\n    {{/let}}\n  </template>\n}\n"],"names":["STAT_TITLE_COLORS","EuiStatTitle","Component","g","prototype","service","i","tagName","args","titleElement","classes","context","getEuiThemeContext","title","useEuiBorealisStyles","euiTitleStyles","stat","euiStatTitleStyles","color","titleColor","named","includes","euiClass","boxSizing","margin","padding","fontFamily","upstream","euiTheme","font","family","euiTitle","titleSize","euiStat__title","isLoading","n","cached","loadingLabel","euiI18n","lookupToken","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;MAeaA,iBAAA,GAAoB,CAC/B,SAAA,EACA,SAAA,EACA,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA,EACA,QAAA;;AAKF;;AAqBe,MAAMC,qBAAqBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACjDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,IAAI,GAAA;AACnC,EAAA;EAEA,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,KAAA,GAAQC,qBAAqBH,OAAA,EAASI,cAAA,CAAA;AAC5C,IAAA,MAAMC,IAAA,GAAOF,qBAAqBH,OAAA,EAASM,kBAAA,CAAA;IAC3C,MAAMC,QAAQ,IAAI,CAACV,IAAI,CAACW,UAAU,IAAI,SAAA;AACtC,IAAA,MAAMC,QAASpB,iBAAA,CAAwCqB,QAAQ,CAACH,KAAA,CAAA;AAChE;AACA;IACA,OAAOI,QAAA,CACLX;AACA;AACA,IAAA;AACEY,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRC,MAAAA,OAAA,EAAS,CAAA;MACTC,UAAA,EAAYf,QAAQgB,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;KAC7C,EACAjB,KAAA,CAAMkB,QAAQ,EACdlB,KAAK,CAAC,IAAI,CAACL,IAAI,CAACwB,SAAS,IAAI,GAAA,CAAI,EACjChB,KAAKiB,cAAc,EACnBb,QAAQJ,IAAI,CAACE,KAAA,CAA2B,GAAG;AAAEA,MAAAA;KAAM,EACnD,IAAI,CAACV,IAAI,CAAC0B,SAAS,IAAIlB,KAAKkB,SAAS,CAAA;AAEzC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAA/B,SAAA,EAAA,SAAA,EAAA,CAxBCgC,MAAA,CAAA,CAAA;AAAA;EA0BD,IAAIC,YAAAA,GAAmC;AACrC,IAAA,OAAO,IAAI,CAAC7B,IAAI,CAAC0B,SAAS,GACtB,IAAI,CAACI,OAAO,CAACC,WAAW,CAAC,uBAAuB,sBAAA,CAAA,GAChDC,SAAA;AACN,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yMAAA,EAQA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"title.js","sources":["../../../src/components/eui-stat/title.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 { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiStatTitleStyles,\n  euiTitleStyles\n} from '../../utils/eui/styles.generated.ts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { EuiTitleSignature } from '../eui-title';\n\n/** Upstream's named stat title colors (`stat.js` `COLORS`). */\nexport const STAT_TITLE_COLORS = [\n  'default',\n  'subdued',\n  'primary',\n  'success',\n  'warning',\n  'danger',\n  'accent'\n] as const;\n\nexport type EuiStatTitleColor = (typeof STAT_TITLE_COLORS)[number];\n\n/** @private The title of an EuiStat. */\nexport interface EuiStatTitleSignature {\n  Element: any;\n  Args: {\n    /** Size, any `EuiTitle` size. Defaults to `'l'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /** A named stat color or any CSS color. Defaults to `'default'`. */\n    titleColor?: EuiStatTitleColor | string;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Pulses the title and labels it \"Statistic is loading\". */\n    isLoading?: boolean;\n    /** @deprecated Has no effect; named colors are detected from `@titleColor`. */\n    isColorClass?: boolean;\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nexport default class EuiStatTitle extends Component<EuiStatTitleSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get tagName(): string {\n    return this.args.titleElement ?? 'p';\n  }\n\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    const stat = useEuiBorealisStyles(context, euiStatTitleStyles);\n    const color = this.args.titleColor ?? 'default';\n    const named = (STAT_TITLE_COLORS as readonly string[]).includes(color);\n    // Upstream EuiTitle clones its classes onto the title element; the stat\n    // `css` follows. Custom colors are a class instead of an inline style.\n    return euiClass(\n      context,\n      // React's global reset zeroes the element box and sets the font.\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        padding: 0,\n        fontFamily: context.upstream.euiTheme.font.family\n      },\n      title.euiTitle,\n      title[this.args.titleSize ?? 'l'],\n      stat.euiStat__title,\n      named ? stat[color as EuiStatTitleColor] : { color },\n      this.args.isLoading && stat.isLoading\n    );\n  }\n\n  get loadingLabel(): string | undefined {\n    return this.args.isLoading\n      ? this.euiI18n.lookupToken('euiStat.loadingText', 'Statistic is loading')\n      : undefined;\n  }\n\n  <template>\n    {{#let (element this.tagName) as |TitleElement|}}\n      <TitleElement\n        class=\"euiTitle euiStat__title {{this.classes}}\"\n        aria-label={{this.loadingLabel}}\n        ...attributes\n      >{{yield}}</TitleElement>\n    {{/let}}\n  </template>\n}\n"],"names":["STAT_TITLE_COLORS","EuiStatTitle","Component","g","prototype","service","i","tagName","args","titleElement","classes","context","getEuiThemeContext","title","useEuiBorealisStyles","euiTitleStyles","stat","euiStatTitleStyles","color","titleColor","named","includes","euiClass","boxSizing","margin","padding","fontFamily","upstream","euiTheme","font","family","euiTitle","titleSize","euiStat__title","isLoading","n","cached","loadingLabel","euiI18n","lookupToken","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;MAeaA,iBAAA,GAAoB,CAC/B,SAAA,EACA,SAAA,EACA,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA,EACA,QAAA;;AAKF;;AAqBe,MAAMC,qBAAqBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACjDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;AACpB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,IAAI,GAAA;AACnC,EAAA;EAEA,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,KAAA,GAAQC,qBAAqBH,OAAA,EAASI,cAAA,CAAA;AAC5C,IAAA,MAAMC,IAAA,GAAOF,qBAAqBH,OAAA,EAASM,kBAAA,CAAA;IAC3C,MAAMC,QAAQ,IAAI,CAACV,IAAI,CAACW,UAAU,IAAI,SAAA;AACtC,IAAA,MAAMC,QAASpB,iBAAA,CAAwCqB,QAAQ,CAACH,KAAA,CAAA;AAChE;AACA;IACA,OAAOI,QAAA,CACLX;AACA;AACA,IAAA;AACEY,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRC,MAAAA,OAAA,EAAS,CAAA;MACTC,UAAA,EAAYf,QAAQgB,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;KAC7C,EACAjB,KAAA,CAAMkB,QAAQ,EACdlB,KAAK,CAAC,IAAI,CAACL,IAAI,CAACwB,SAAS,IAAI,GAAA,CAAI,EACjChB,KAAKiB,cAAc,EACnBb,QAAQJ,IAAI,CAACE,KAAA,CAA2B,GAAG;AAAEA,MAAAA;KAAM,EACnD,IAAI,CAACV,IAAI,CAAC0B,SAAS,IAAIlB,KAAKkB,SAAS,CAAA;AAEzC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAA/B,SAAA,EAAA,SAAA,EAAA,CAxBCgC,MAAA,CAAA,CAAA;AAAA;EA0BD,IAAIC,YAAAA,GAAmC;AACrC,IAAA,OAAO,IAAI,CAAC7B,IAAI,CAAC0B,SAAS,GACtB,IAAI,CAACI,OAAO,CAACC,WAAW,CAAC,uBAAuB,sBAAA,CAAA,GAChDC,SAAA;AACN,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yMAAA,EAQA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-stat.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 { d6 as euiStatStyles } from '../styles.generated-SYAxYhey.js';
 import EuiStatDescription from './eui-stat/description.js';
 import EuiStatTitle from './eui-stat/title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiStatStyles } from '../utils/eui/styles.generated/components/stat/stat.styles.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

package/dist/components/eui-step-horizontal.js

@@ -5,11 +5,12 @@ import { service } from '@ember/service';
 import { euiStepsHorizontalSize } from '../-private/eui-steps-horizontal-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { da as euiStepsHorizontalStyles, db as euiStepHorizontalStyles, dc as euiStepHorizontalNumberStyles, dd as euiStepHorizontalTitleStyles } from '../styles.generated-SYAxYhey.js';
 import EuiStepNumber, { stepLabel } from './eui-step-number.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiStepsHorizontalStyles } from '../utils/eui/styles.generated/components/steps/steps_horizontal.styles.js';
+import { euiStepHorizontalStyles, euiStepHorizontalNumberStyles, euiStepHorizontalTitleStyles } from '../utils/eui/styles.generated/components/steps/step_horizontal.styles.js';
 
 const ITEM_RESET = {
   boxSizing: 'border-box',

package/dist/components/eui-step-horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { euiStepsHorizontalSize } from '../-private/eui-steps-horizontal-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiStepHorizontalNumberStyles,\n  euiStepHorizontalStyles,\n  euiStepHorizontalTitleStyles,\n  euiStepsHorizontalStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiStepNumber, { stepLabel } from './eui-step-number.gts';\n\nimport type { EuiStepsHorizontalSize } from '../-private/eui-steps-horizontal-context.ts';\nimport type EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiStepStatus } from './eui-step-number.gts';\n\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\n\n// The number size map is not 1 to 1: a small step uses the xs number.\nconst NUMBER_SIZES = { xs: 'none', s: 'xs', m: 'm' } as const;\n\n/** One step of an EuiStepsHorizontal, a clickable button in an `<li>`. */\nexport interface EuiStepHorizontalSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The title of the step\n     */\n    title?: string;\n    /**\n     * The number of the step. Defaults to `1`.\n     */\n    step?: number;\n    /**\n     * Marks the current step (status `'current'`, `aria-current=\"step\"`).\n     * Same as `@status=\"current\"`.\n     */\n    isSelected?: boolean;\n    /** Same as `@status=\"complete\"`. */\n    isComplete?: boolean;\n    /**\n     * Disables the step (status `'disabled'`): clicks are ignored.\n     */\n    disabled?: boolean;\n    /**\n     * `'complete'`, `'current'`, `'incomplete'`, `'disabled'`, `'loading'`,\n     * `'warning'` or `'danger'`. Defaults to `'incomplete'`.\n     */\n    status?: EuiStepStatus;\n    /**\n     * `'xs'`, `'s'` or `'m'`. Defaults to the EuiStepsHorizontal's\n     * `@size`, else `'m'`.\n     */\n    size?: EuiStepsHorizontalSize;\n    /**\n     * A callback for when the step is clicked (not called while disabled)\n     */\n    onStepClick?: (event: MouseEvent) => void;\n  };\n}\n\nexport default class EuiStepHorizontal extends Component<EuiStepHorizontalSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get step(): number {\n    return this.args.step ?? 1;\n  }\n\n  get status(): EuiStepStatus {\n    const { disabled, isComplete, isSelected, status } = this.args;\n    if (disabled) return 'disabled';\n    if (isComplete) return 'complete';\n    if (isSelected) return 'current';\n    return status ?? 'incomplete';\n  }\n\n  get isDisabled(): boolean {\n    return this.status === 'disabled';\n  }\n\n  get size(): EuiStepsHorizontalSize {\n    return euiStepsHorizontalSize(this, this.args.size);\n  }\n\n  get numberSize() {\n    return NUMBER_SIZES[this.size];\n  }\n\n  get label(): string {\n    return stepLabel(this.euiI18n, this.status, this.step, this.args.title);\n  }\n\n  @cached\n  get itemClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepsHorizontalStyles);\n    return `euiStepsHorizontal__item euiStepHorizontal__item ${euiClass(\n      context,\n      ITEM_RESET,\n      styles.euiStepsHorizontal__item\n    )}`;\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalStyles);\n    return `euiStepHorizontal ${euiClass(\n      context,\n      // Scoped stand-in for React's global button reset.\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        border: 'none',\n        background: 'none',\n        color: 'inherit',\n        fontFamily: theme.font.family,\n        fontSize: 'inherit',\n        '&::before, &::after': { boxSizing: 'border-box' }\n      },\n      styles.euiStepHorizontal,\n      styles[this.size],\n      this.isDisabled ? styles.disabled : styles.enabled\n    )}`;\n  }\n\n  @cached\n  get numberClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalNumberStyles);\n    return `euiStepHorizontal__number ${euiClass(\n      context,\n      styles.euiStepHorizontal__number\n    )}`;\n  }\n\n  @cached\n  get titleClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalTitleStyles);\n    return `euiStepHorizontal__title ${euiClass(\n      context,\n      styles.euiStepHorizontal__title,\n      this.isDisabled && styles.disabled\n    )}`;\n  }\n\n  onClick = (event: MouseEvent) => {\n    if (!this.isDisabled) this.args.onStepClick?.(event);\n  };\n\n  <template>\n    <li\n      class={{this.itemClasses}}\n      aria-current={{if (isCurrent this.status) \"step\"}}\n    >\n      <button\n        type=\"button\"\n        class={{this.classes}}\n        aria-label={{this.label}}\n        aria-disabled={{if this.isDisabled \"true\"}}\n        title={{@title}}\n        disabled={{@disabled}}\n        data-step-status={{this.status}}\n        ...attributes\n        {{on \"click\" this.onClick}}\n      >\n        <EuiStepNumber\n          class={{this.numberClasses}}\n          @status={{this.status}}\n          @number={{this.step}}\n          @titleSize={{this.numberSize}}\n        />\n        <span class={{this.titleClasses}}>\n          {{@title}}\n        </span>\n      </button>\n    </li>\n  </template>\n}\n\nfunction isCurrent(status: EuiStepStatus): boolean {\n  return status === 'current';\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","NUMBER_SIZES","xs","s","m","EuiStepHorizontal","Component","g","prototype","service","i","step","args","status","disabled","isComplete","isSelected","isDisabled","size","euiStepsHorizontalSize","numberSize","label","stepLabel","euiI18n","title","itemClasses","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStepsHorizontalStyles","euiClass","euiStepsHorizontal__item","n","cached","classes","theme","upstream","euiTheme","euiStepHorizontalStyles","border","background","color","fontFamily","font","family","fontSize","euiStepHorizontal","enabled","numberClasses","euiStepHorizontalNumberStyles","euiStepHorizontal__number","titleClasses","euiStepHorizontalTitleStyles","euiStepHorizontal__title","onClick","event","onStepClick","setComponentTemplate","precompileTemplate","strictMode","scope","isCurrent","on","EuiStepNumber"],"mappings":";;;;;;;;;;;;;AAoBA,MAAMA,UAAA,GAAa;AAAEC,EAAAA,SAAA,EAAW,YAAA;AAAcC,EAAAA,MAAA,EAAQ,CAAA;AAAGC,EAAAA,OAAA,EAAS;AAAE,CAAA;AAEpE;AACA,MAAMC,YAAA,GAAe;AAAEC,EAAAA,EAAA,EAAI,MAAA;AAAQC,EAAAA,CAAA,EAAG,IAAA;AAAMC,EAAAA,CAAA,EAAG;AAAI,CAAA;AAEnD;;AAwCe,MAAMC,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,IAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,CAAA;AAC3B,EAAA;EAEA,IAAIE,SAAwB;IAC1B,MAAM;MAAEC,QAAQ;MAAEC,UAAU;MAAEC,UAAU;AAAEH,MAAAA;KAAQ,GAAG,IAAI,CAACD,IAAI;IAC9D,IAAIE,UAAU,OAAO,UAAA;IACrB,IAAIC,YAAY,OAAO,UAAA;IACvB,IAAIC,YAAY,OAAO,SAAA;IACvB,OAAOH,MAAA,IAAU,YAAA;AACnB,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACJ,MAAM,KAAK,UAAA;AACzB,EAAA;EAEA,IAAIK,OAA+B;IACjC,OAAOC,uBAAuB,IAAI,EAAE,IAAI,CAACP,IAAI,CAACM,IAAI,CAAA;AACpD,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,OAAOnB,YAAY,CAAC,IAAI,CAACiB,IAAI,CAAC;AAChC,EAAA;EAEA,IAAIG,KAAAA,GAAgB;AAClB,IAAA,OAAOC,UAAU,IAAI,CAACC,OAAO,EAAE,IAAI,CAACV,MAAM,EAAE,IAAI,CAACF,IAAI,EAAE,IAAI,CAACC,IAAI,CAACY,KAAK,CAAA;AACxE,EAAA;EAEA,IACIC,WAAAA,GAAsB;AACxB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,wBAAA,CAAA;IAC7C,OAAO,CAAA,iDAAA,EAAoDC,QAAA,CACzDL,SACA7B,UAAA,EACA+B,MAAA,CAAOI,wBAAwB,CAAA,CAAA,CAC9B;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,aAAA,EAAA,CATC0B,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMT,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMS,KAAA,GAAQV,OAAA,CAAQW,QAAQ,CAACC,QAAQ;AACvC,IAAA,MAAMV,MAAA,GAASC,qBAAqBH,OAAA,EAASa,uBAAA,CAAA;IAC7C,OAAO,CAAA,kBAAA,EAAqBR,QAAA,CAC1BL;AACA;AACA,IAAA;AACE5B,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRyC,MAAAA,MAAA,EAAQ,MAAA;AACRC,MAAAA,UAAA,EAAY,MAAA;AACZC,MAAAA,KAAA,EAAO,SAAA;AACPC,MAAAA,UAAA,EAAYP,KAAA,CAAMQ,IAAI,CAACC,MAAM;AAC7BC,MAAAA,QAAA,EAAU,SAAA;AACV,MAAA,qBAAA,EAAuB;AAAEhD,QAAAA,SAAA,EAAW;AAAa;KACnD,EACA8B,OAAOmB,iBAAiB,EACxBnB,MAAM,CAAC,IAAI,CAACV,IAAI,CAAC,EACjB,IAAI,CAACD,UAAU,GAAGW,MAAA,CAAOd,QAAQ,GAAGc,MAAA,CAAOoB,OAAO,CAAA,CAAA,CACjD;AACL,EAAA;AAAA,EAAA;IAAAf,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,SAAA,EAAA,CAtBC0B,MAAA,CAAA,CAAA;AAAA;EAwBD,IACIe,aAAAA,GAAwB;AAC1B,IAAA,MAAMvB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASwB,6BAAA,CAAA;IAC7C,OAAO,CAAA,0BAAA,EAA6BnB,SAClCL,OAAA,EACAE,MAAA,CAAOuB,yBAAyB,CAAA,CAAA,CAC/B;AACL,EAAA;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,eAAA,EAAA,CARC0B,MAAA,CAAA,CAAA;AAAA;EAUD,IACIkB,YAAAA,GAAuB;AACzB,IAAA,MAAM1B,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAAS2B,4BAAA,CAAA;AAC7C,IAAA,OAAO,4BAA4BtB,QAAA,CACjCL,SACAE,MAAA,CAAO0B,wBAAwB,EAC/B,IAAI,CAACrC,UAAU,IAAIW,MAAA,CAAOd,QAAQ,CAAA,CAAA,CACjC;AACL,EAAA;AAAA,EAAA;IAAAmB,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,cAAA,EAAA,CATC0B,MAAA,CAAA,CAAA;AAAA;EAWDqB,OAAA,GAAWC,KAAO,IAAA;AAChB,IAAA,IAAI,CAAC,IAAI,CAACvC,UAAU,EAAE,IAAI,CAACL,IAAI,CAAC6C,WAAW,GAAGD,KAAA,CAAA;EAChD,CAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,kiBAAA,EA2BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASF,SAAAA,CAAUjD,MAAqB,EAAU;EAChD,OAAOA,MAAA,KAAW,SAAA;AACpB;;"}
+{"version":3,"file":"eui-step-horizontal.js","sources":["../../src/components/eui-step-horizontal.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { euiStepsHorizontalSize } from '../-private/eui-steps-horizontal-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiStepHorizontalNumberStyles,\n  euiStepHorizontalStyles,\n  euiStepHorizontalTitleStyles,\n  euiStepsHorizontalStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiStepNumber, { stepLabel } from './eui-step-number.gts';\n\nimport type { EuiStepsHorizontalSize } from '../-private/eui-steps-horizontal-context.ts';\nimport type EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiStepStatus } from './eui-step-number.gts';\n\nconst ITEM_RESET = { boxSizing: 'border-box', margin: 0, padding: 0 } as const;\n\n// The number size map is not 1 to 1: a small step uses the xs number.\nconst NUMBER_SIZES = { xs: 'none', s: 'xs', m: 'm' } as const;\n\n/** One step of an EuiStepsHorizontal, a clickable button in an `<li>`. */\nexport interface EuiStepHorizontalSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The title of the step\n     */\n    title?: string;\n    /**\n     * The number of the step. Defaults to `1`.\n     */\n    step?: number;\n    /**\n     * Marks the current step (status `'current'`, `aria-current=\"step\"`).\n     * Same as `@status=\"current\"`.\n     */\n    isSelected?: boolean;\n    /** Same as `@status=\"complete\"`. */\n    isComplete?: boolean;\n    /**\n     * Disables the step (status `'disabled'`): clicks are ignored.\n     */\n    disabled?: boolean;\n    /**\n     * `'complete'`, `'current'`, `'incomplete'`, `'disabled'`, `'loading'`,\n     * `'warning'` or `'danger'`. Defaults to `'incomplete'`.\n     */\n    status?: EuiStepStatus;\n    /**\n     * `'xs'`, `'s'` or `'m'`. Defaults to the EuiStepsHorizontal's\n     * `@size`, else `'m'`.\n     */\n    size?: EuiStepsHorizontalSize;\n    /**\n     * A callback for when the step is clicked (not called while disabled)\n     */\n    onStepClick?: (event: MouseEvent) => void;\n  };\n}\n\nexport default class EuiStepHorizontal extends Component<EuiStepHorizontalSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get step(): number {\n    return this.args.step ?? 1;\n  }\n\n  get status(): EuiStepStatus {\n    const { disabled, isComplete, isSelected, status } = this.args;\n    if (disabled) return 'disabled';\n    if (isComplete) return 'complete';\n    if (isSelected) return 'current';\n    return status ?? 'incomplete';\n  }\n\n  get isDisabled(): boolean {\n    return this.status === 'disabled';\n  }\n\n  get size(): EuiStepsHorizontalSize {\n    return euiStepsHorizontalSize(this, this.args.size);\n  }\n\n  get numberSize() {\n    return NUMBER_SIZES[this.size];\n  }\n\n  get label(): string {\n    return stepLabel(this.euiI18n, this.status, this.step, this.args.title);\n  }\n\n  @cached\n  get itemClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepsHorizontalStyles);\n    return `euiStepsHorizontal__item euiStepHorizontal__item ${euiClass(\n      context,\n      ITEM_RESET,\n      styles.euiStepsHorizontal__item\n    )}`;\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalStyles);\n    return `euiStepHorizontal ${euiClass(\n      context,\n      // Scoped stand-in for React's global button reset.\n      {\n        boxSizing: 'border-box',\n        margin: 0,\n        border: 'none',\n        background: 'none',\n        color: 'inherit',\n        fontFamily: theme.font.family,\n        fontSize: 'inherit',\n        '&::before, &::after': { boxSizing: 'border-box' }\n      },\n      styles.euiStepHorizontal,\n      styles[this.size],\n      this.isDisabled ? styles.disabled : styles.enabled\n    )}`;\n  }\n\n  @cached\n  get numberClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalNumberStyles);\n    return `euiStepHorizontal__number ${euiClass(\n      context,\n      styles.euiStepHorizontal__number\n    )}`;\n  }\n\n  @cached\n  get titleClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepHorizontalTitleStyles);\n    return `euiStepHorizontal__title ${euiClass(\n      context,\n      styles.euiStepHorizontal__title,\n      this.isDisabled && styles.disabled\n    )}`;\n  }\n\n  onClick = (event: MouseEvent) => {\n    if (!this.isDisabled) this.args.onStepClick?.(event);\n  };\n\n  <template>\n    <li\n      class={{this.itemClasses}}\n      aria-current={{if (isCurrent this.status) \"step\"}}\n    >\n      <button\n        type=\"button\"\n        class={{this.classes}}\n        aria-label={{this.label}}\n        aria-disabled={{if this.isDisabled \"true\"}}\n        title={{@title}}\n        disabled={{@disabled}}\n        data-step-status={{this.status}}\n        ...attributes\n        {{on \"click\" this.onClick}}\n      >\n        <EuiStepNumber\n          class={{this.numberClasses}}\n          @status={{this.status}}\n          @number={{this.step}}\n          @titleSize={{this.numberSize}}\n        />\n        <span class={{this.titleClasses}}>\n          {{@title}}\n        </span>\n      </button>\n    </li>\n  </template>\n}\n\nfunction isCurrent(status: EuiStepStatus): boolean {\n  return status === 'current';\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","NUMBER_SIZES","xs","s","m","EuiStepHorizontal","Component","g","prototype","service","i","step","args","status","disabled","isComplete","isSelected","isDisabled","size","euiStepsHorizontalSize","numberSize","label","stepLabel","euiI18n","title","itemClasses","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStepsHorizontalStyles","euiClass","euiStepsHorizontal__item","n","cached","classes","theme","upstream","euiTheme","euiStepHorizontalStyles","border","background","color","fontFamily","font","family","fontSize","euiStepHorizontal","enabled","numberClasses","euiStepHorizontalNumberStyles","euiStepHorizontal__number","titleClasses","euiStepHorizontalTitleStyles","euiStepHorizontal__title","onClick","event","onStepClick","setComponentTemplate","precompileTemplate","strictMode","scope","isCurrent","on","EuiStepNumber"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAMA,UAAA,GAAa;AAAEC,EAAAA,SAAA,EAAW,YAAA;AAAcC,EAAAA,MAAA,EAAQ,CAAA;AAAGC,EAAAA,OAAA,EAAS;AAAE,CAAA;AAEpE;AACA,MAAMC,YAAA,GAAe;AAAEC,EAAAA,EAAA,EAAI,MAAA;AAAQC,EAAAA,CAAA,EAAG,IAAA;AAAMC,EAAAA,CAAA,EAAG;AAAI,CAAA;AAEnD;;AAwCe,MAAMC,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,IAAAA,GAAe;AACjB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,CAAA;AAC3B,EAAA;EAEA,IAAIE,SAAwB;IAC1B,MAAM;MAAEC,QAAQ;MAAEC,UAAU;MAAEC,UAAU;AAAEH,MAAAA;KAAQ,GAAG,IAAI,CAACD,IAAI;IAC9D,IAAIE,UAAU,OAAO,UAAA;IACrB,IAAIC,YAAY,OAAO,UAAA;IACvB,IAAIC,YAAY,OAAO,SAAA;IACvB,OAAOH,MAAA,IAAU,YAAA;AACnB,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACJ,MAAM,KAAK,UAAA;AACzB,EAAA;EAEA,IAAIK,OAA+B;IACjC,OAAOC,uBAAuB,IAAI,EAAE,IAAI,CAACP,IAAI,CAACM,IAAI,CAAA;AACpD,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,OAAOnB,YAAY,CAAC,IAAI,CAACiB,IAAI,CAAC;AAChC,EAAA;EAEA,IAAIG,KAAAA,GAAgB;AAClB,IAAA,OAAOC,UAAU,IAAI,CAACC,OAAO,EAAE,IAAI,CAACV,MAAM,EAAE,IAAI,CAACF,IAAI,EAAE,IAAI,CAACC,IAAI,CAACY,KAAK,CAAA;AACxE,EAAA;EAEA,IACIC,WAAAA,GAAsB;AACxB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,wBAAA,CAAA;IAC7C,OAAO,CAAA,iDAAA,EAAoDC,QAAA,CACzDL,SACA7B,UAAA,EACA+B,MAAA,CAAOI,wBAAwB,CAAA,CAAA,CAC9B;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,aAAA,EAAA,CATC0B,MAAA,CAAA,CAAA;AAAA;EAWD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMT,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMS,KAAA,GAAQV,OAAA,CAAQW,QAAQ,CAACC,QAAQ;AACvC,IAAA,MAAMV,MAAA,GAASC,qBAAqBH,OAAA,EAASa,uBAAA,CAAA;IAC7C,OAAO,CAAA,kBAAA,EAAqBR,QAAA,CAC1BL;AACA;AACA,IAAA;AACE5B,MAAAA,SAAA,EAAW,YAAA;AACXC,MAAAA,MAAA,EAAQ,CAAA;AACRyC,MAAAA,MAAA,EAAQ,MAAA;AACRC,MAAAA,UAAA,EAAY,MAAA;AACZC,MAAAA,KAAA,EAAO,SAAA;AACPC,MAAAA,UAAA,EAAYP,KAAA,CAAMQ,IAAI,CAACC,MAAM;AAC7BC,MAAAA,QAAA,EAAU,SAAA;AACV,MAAA,qBAAA,EAAuB;AAAEhD,QAAAA,SAAA,EAAW;AAAa;KACnD,EACA8B,OAAOmB,iBAAiB,EACxBnB,MAAM,CAAC,IAAI,CAACV,IAAI,CAAC,EACjB,IAAI,CAACD,UAAU,GAAGW,MAAA,CAAOd,QAAQ,GAAGc,MAAA,CAAOoB,OAAO,CAAA,CAAA,CACjD;AACL,EAAA;AAAA,EAAA;IAAAf,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,SAAA,EAAA,CAtBC0B,MAAA,CAAA,CAAA;AAAA;EAwBD,IACIe,aAAAA,GAAwB;AAC1B,IAAA,MAAMvB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASwB,6BAAA,CAAA;IAC7C,OAAO,CAAA,0BAAA,EAA6BnB,SAClCL,OAAA,EACAE,MAAA,CAAOuB,yBAAyB,CAAA,CAAA,CAC/B;AACL,EAAA;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,eAAA,EAAA,CARC0B,MAAA,CAAA,CAAA;AAAA;EAUD,IACIkB,YAAAA,GAAuB;AACzB,IAAA,MAAM1B,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAAS2B,4BAAA,CAAA;AAC7C,IAAA,OAAO,4BAA4BtB,QAAA,CACjCL,SACAE,MAAA,CAAO0B,wBAAwB,EAC/B,IAAI,CAACrC,UAAU,IAAIW,MAAA,CAAOd,QAAQ,CAAA,CAAA,CACjC;AACL,EAAA;AAAA,EAAA;IAAAmB,CAAA,CAAA,IAAA,CAAAzB,SAAA,EAAA,cAAA,EAAA,CATC0B,MAAA,CAAA,CAAA;AAAA;EAWDqB,OAAA,GAAWC,KAAO,IAAA;AAChB,IAAA,IAAI,CAAC,IAAI,CAACvC,UAAU,EAAE,IAAI,CAACL,IAAI,CAAC6C,WAAW,GAAGD,KAAA,CAAA;EAChD,CAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,kiBAAA,EA2BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASF,SAAAA,CAAUjD,MAAqB,EAAU;EAChD,OAAOA,MAAA,KAAW,SAAA;AACpB;;"}

package/dist/components/eui-step-number.js

@@ -3,12 +3,13 @@ import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { o as euiScreenReaderOnly, de as euiStepNumberStyles, df as euiStepNumberContentStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import EuiLoadingSpinner from './eui-loading-spinner.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiScreenReaderOnly } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiStepNumberStyles, euiStepNumberContentStyles } from '../utils/eui/styles.generated/components/steps/step_number.styles.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

package/dist/components/eui-step-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.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 { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiScreenReaderOnly,\n  euiStepNumberContentStyles,\n  euiStepNumberStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type EuiI18nService from '../services/eui-i18n.ts';\n\nconst BOX_SIZING = { boxSizing: 'border-box' } as const;\nconst SCREEN_READER_ONLY = euiScreenReaderOnly();\n\n/** Upstream step statuses. */\nexport const STEP_STATUSES = [\n  'incomplete',\n  'disabled',\n  'loading',\n  'warning',\n  'danger',\n  'complete',\n  'current'\n] as const;\n\nexport type EuiStepStatus = (typeof STEP_STATUSES)[number];\n\n/** Upstream step number sizes (`none` is the xxs title's dot). */\nexport type EuiStepNumberSize = 'none' | 'xs' | 's' | 'm';\n\ntype Labels = Record<EuiStepStatus | 'step', [string, string, string, string]>;\n\n/**\n * Upstream `step_strings`: `[token, default, simpleToken, simpleDefault]`;\n * the simple variant is used without a title.\n */\nexport const STEP_LABELS: Labels = {\n  step: ['euiStepStrings.step', 'Step {number}: {title}', 'euiStepStrings.simpleStep', 'Step {number}'],\n  complete: ['euiStepStrings.complete', 'Step {number}: {title} is complete', 'euiStepStrings.simpleComplete', 'Step {number} is complete'],\n  warning: ['euiStepStrings.warning', 'Step {number}: {title} has warnings', 'euiStepStrings.simpleWarning', 'Step {number} has warnings'],\n  danger: ['euiStepStrings.errors', 'Step {number}: {title} has errors', 'euiStepStrings.simpleErrors', 'Step {number} has errors'],\n  incomplete: ['euiStepStrings.incomplete', 'Step {number}: {title} is incomplete', 'euiStepStrings.simpleIncomplete', 'Step {number} is incomplete'],\n  disabled: ['euiStepStrings.disabled', 'Step {number}: {title} is disabled', 'euiStepStrings.simpleDisabled', 'Step {number} is disabled'],\n  loading: ['euiStepStrings.loading', 'Step {number}: {title} is loading', 'euiStepStrings.simpleLoading', 'Step {number} is loading'],\n  current: ['euiStepStrings.current', 'Current step {number}: {title}', 'euiStepStrings.simpleCurrent', 'Current step is {number}']\n};\n\n/** Looks up a step's accessible status text (upstream `useI18n*Step`). */\nexport function stepLabel(\n  i18n: EuiI18nService,\n  status: EuiStepStatus | undefined,\n  number: number | string | undefined,\n  title?: string\n): string {\n  const [token, fallback, simpleToken, simpleFallback] =\n    STEP_LABELS[status && status in STEP_LABELS ? status : 'step'];\n  return title\n    ? i18n.lookupToken(token, fallback, { number, title })\n    : i18n.lookupToken(simpleToken, simpleFallback, { number });\n}\n\nconst ICONS = { complete: 'check', warning: 'warning', danger: 'cross' } as const;\nconst ICON_SIZES = { none: 's', xs: 's', s: 'm', m: 'm' } as const;\nconst SPINNER_SIZES = { none: 'm', xs: 'l', s: 'xl', m: 'xl' } as const;\n\n/** The circle with a step's number or status icon. */\nexport interface EuiStepNumberSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The number of the step\n     */\n    number?: number | string;\n    /**\n     * `'complete'` (check), `'warning'` (warning icon), `'danger'` (cross),\n     * `'loading'` (spinner), `'incomplete'` (hollow), `'disabled'` or\n     * `'current'` (enlarged, ringed); without one the number is shown.\n     */\n    status?: EuiStepStatus;\n    /**\n     * Size of the step's title: `'m'`/`'s'` (32px circle), `'xs'` (24px) or\n     * `'none'`/`'xxs'` (16px, no number). Defaults to `'s'`.\n     */\n    titleSize?: EuiStepNumberSize | 'xxs';\n    /**\n     * @deprecated Use `@status=\"incomplete\"`. Treated as `incomplete` when\n     * there is no `@status`.\n     */\n    isHollow?: boolean;\n    /**\n     * Screen reader text; defaults to upstream's status text, e.g.\n     * \"Step 2 is complete\".\n     */\n    stepAriaLabel?: string;\n  };\n}\n\nexport default class EuiStepNumber extends Component<EuiStepNumberSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get status(): EuiStepStatus | undefined {\n    return this.args.status ?? (this.args.isHollow ? 'incomplete' : undefined);\n  }\n\n  get size(): EuiStepNumberSize {\n    const size = this.args.titleSize ?? 's';\n    return size === 'xxs' ? 'none' : size;\n  }\n\n  get iconType(): string | undefined {\n    const status = this.status;\n    return status && status in ICONS\n      ? ICONS[status as keyof typeof ICONS]\n      : undefined;\n  }\n\n  get isLoading(): boolean {\n    return this.status === 'loading';\n  }\n\n  get label(): string {\n    return (\n      this.args.stepAriaLabel ??\n      stepLabel(this.euiI18n, this.status, this.args.number)\n    );\n  }\n\n  get iconSize() {\n    return ICON_SIZES[this.size];\n  }\n\n  get spinnerSize() {\n    return SPINNER_SIZES[this.size];\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepNumberStyles);\n    const status = this.status;\n    return `euiStepNumber ${euiClass(\n      context,\n      BOX_SIZING,\n      styles.euiStepNumber,\n      styles[this.size],\n      status && styles[status]\n    )}`;\n  }\n\n  @cached\n  get iconCss(): EuiCss {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepNumberContentStyles);\n    const status = this.status;\n    return [\n      styles.euiStepNumber__icon,\n      status === 'warning'\n        ? styles.warning[this.size]\n        : status === 'complete' || status === 'danger'\n          ? styles[status]\n          : undefined,\n      this.size === 'none' && styles.none\n    ];\n  }\n\n  @cached\n  get srClass(): string {\n    return euiClass(getEuiThemeContext(this), SCREEN_READER_ONLY);\n  }\n\n  <template>\n    <span class={{this.classes}} ...attributes>\n      {{#if this.iconType}}\n        <EuiIcon\n          class=\"euiStepNumber__icon\"\n          @css={{this.iconCss}}\n          @type={{this.iconType}}\n          @size={{this.iconSize}}\n          @aria-label={{this.label}}\n        />\n      {{else}}\n        <span class={{this.srClass}}><span>{{this.label}}</span></span>\n        {{#if this.isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiStepNumber__loader\"\n            @size={{this.spinnerSize}}\n          />\n        {{else if (notNone this.size)}}\n          <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n            {{@number}}\n          </span>\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n\nfunction notNone(size: EuiStepNumberSize): boolean {\n  return size !== 'none';\n}\n"],"names":["BOX_SIZING","boxSizing","SCREEN_READER_ONLY","euiScreenReaderOnly","STEP_STATUSES","STEP_LABELS","step","complete","warning","danger","incomplete","disabled","loading","current","stepLabel","i18n","status","number","title","token","fallback","simpleToken","simpleFallback","lookupToken","ICONS","ICON_SIZES","none","xs","s","m","SPINNER_SIZES","EuiStepNumber","Component","g","prototype","service","i","args","isHollow","undefined","size","titleSize","iconType","isLoading","label","stepAriaLabel","euiI18n","iconSize","spinnerSize","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStepNumberStyles","euiClass","euiStepNumber","n","cached","iconCss","euiStepNumberContentStyles","euiStepNumber__icon","srClass","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","EuiLoadingSpinner","notNone"],"mappings":"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"}
+{"version":3,"file":"eui-step-number.js","sources":["../../src/components/eui-step-number.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 { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiScreenReaderOnly,\n  euiStepNumberContentStyles,\n  euiStepNumberStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\n\nimport type EuiI18nService from '../services/eui-i18n.ts';\n\nconst BOX_SIZING = { boxSizing: 'border-box' } as const;\nconst SCREEN_READER_ONLY = euiScreenReaderOnly();\n\n/** Upstream step statuses. */\nexport const STEP_STATUSES = [\n  'incomplete',\n  'disabled',\n  'loading',\n  'warning',\n  'danger',\n  'complete',\n  'current'\n] as const;\n\nexport type EuiStepStatus = (typeof STEP_STATUSES)[number];\n\n/** Upstream step number sizes (`none` is the xxs title's dot). */\nexport type EuiStepNumberSize = 'none' | 'xs' | 's' | 'm';\n\ntype Labels = Record<EuiStepStatus | 'step', [string, string, string, string]>;\n\n/**\n * Upstream `step_strings`: `[token, default, simpleToken, simpleDefault]`;\n * the simple variant is used without a title.\n */\nexport const STEP_LABELS: Labels = {\n  step: ['euiStepStrings.step', 'Step {number}: {title}', 'euiStepStrings.simpleStep', 'Step {number}'],\n  complete: ['euiStepStrings.complete', 'Step {number}: {title} is complete', 'euiStepStrings.simpleComplete', 'Step {number} is complete'],\n  warning: ['euiStepStrings.warning', 'Step {number}: {title} has warnings', 'euiStepStrings.simpleWarning', 'Step {number} has warnings'],\n  danger: ['euiStepStrings.errors', 'Step {number}: {title} has errors', 'euiStepStrings.simpleErrors', 'Step {number} has errors'],\n  incomplete: ['euiStepStrings.incomplete', 'Step {number}: {title} is incomplete', 'euiStepStrings.simpleIncomplete', 'Step {number} is incomplete'],\n  disabled: ['euiStepStrings.disabled', 'Step {number}: {title} is disabled', 'euiStepStrings.simpleDisabled', 'Step {number} is disabled'],\n  loading: ['euiStepStrings.loading', 'Step {number}: {title} is loading', 'euiStepStrings.simpleLoading', 'Step {number} is loading'],\n  current: ['euiStepStrings.current', 'Current step {number}: {title}', 'euiStepStrings.simpleCurrent', 'Current step is {number}']\n};\n\n/** Looks up a step's accessible status text (upstream `useI18n*Step`). */\nexport function stepLabel(\n  i18n: EuiI18nService,\n  status: EuiStepStatus | undefined,\n  number: number | string | undefined,\n  title?: string\n): string {\n  const [token, fallback, simpleToken, simpleFallback] =\n    STEP_LABELS[status && status in STEP_LABELS ? status : 'step'];\n  return title\n    ? i18n.lookupToken(token, fallback, { number, title })\n    : i18n.lookupToken(simpleToken, simpleFallback, { number });\n}\n\nconst ICONS = { complete: 'check', warning: 'warning', danger: 'cross' } as const;\nconst ICON_SIZES = { none: 's', xs: 's', s: 'm', m: 'm' } as const;\nconst SPINNER_SIZES = { none: 'm', xs: 'l', s: 'xl', m: 'xl' } as const;\n\n/** The circle with a step's number or status icon. */\nexport interface EuiStepNumberSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * The number of the step\n     */\n    number?: number | string;\n    /**\n     * `'complete'` (check), `'warning'` (warning icon), `'danger'` (cross),\n     * `'loading'` (spinner), `'incomplete'` (hollow), `'disabled'` or\n     * `'current'` (enlarged, ringed); without one the number is shown.\n     */\n    status?: EuiStepStatus;\n    /**\n     * Size of the step's title: `'m'`/`'s'` (32px circle), `'xs'` (24px) or\n     * `'none'`/`'xxs'` (16px, no number). Defaults to `'s'`.\n     */\n    titleSize?: EuiStepNumberSize | 'xxs';\n    /**\n     * @deprecated Use `@status=\"incomplete\"`. Treated as `incomplete` when\n     * there is no `@status`.\n     */\n    isHollow?: boolean;\n    /**\n     * Screen reader text; defaults to upstream's status text, e.g.\n     * \"Step 2 is complete\".\n     */\n    stepAriaLabel?: string;\n  };\n}\n\nexport default class EuiStepNumber extends Component<EuiStepNumberSignature> {\n  @service declare euiI18n: EuiI18nService;\n\n  get status(): EuiStepStatus | undefined {\n    return this.args.status ?? (this.args.isHollow ? 'incomplete' : undefined);\n  }\n\n  get size(): EuiStepNumberSize {\n    const size = this.args.titleSize ?? 's';\n    return size === 'xxs' ? 'none' : size;\n  }\n\n  get iconType(): string | undefined {\n    const status = this.status;\n    return status && status in ICONS\n      ? ICONS[status as keyof typeof ICONS]\n      : undefined;\n  }\n\n  get isLoading(): boolean {\n    return this.status === 'loading';\n  }\n\n  get label(): string {\n    return (\n      this.args.stepAriaLabel ??\n      stepLabel(this.euiI18n, this.status, this.args.number)\n    );\n  }\n\n  get iconSize() {\n    return ICON_SIZES[this.size];\n  }\n\n  get spinnerSize() {\n    return SPINNER_SIZES[this.size];\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepNumberStyles);\n    const status = this.status;\n    return `euiStepNumber ${euiClass(\n      context,\n      BOX_SIZING,\n      styles.euiStepNumber,\n      styles[this.size],\n      status && styles[status]\n    )}`;\n  }\n\n  @cached\n  get iconCss(): EuiCss {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStepNumberContentStyles);\n    const status = this.status;\n    return [\n      styles.euiStepNumber__icon,\n      status === 'warning'\n        ? styles.warning[this.size]\n        : status === 'complete' || status === 'danger'\n          ? styles[status]\n          : undefined,\n      this.size === 'none' && styles.none\n    ];\n  }\n\n  @cached\n  get srClass(): string {\n    return euiClass(getEuiThemeContext(this), SCREEN_READER_ONLY);\n  }\n\n  <template>\n    <span class={{this.classes}} ...attributes>\n      {{#if this.iconType}}\n        <EuiIcon\n          class=\"euiStepNumber__icon\"\n          @css={{this.iconCss}}\n          @type={{this.iconType}}\n          @size={{this.iconSize}}\n          @aria-label={{this.label}}\n        />\n      {{else}}\n        <span class={{this.srClass}}><span>{{this.label}}</span></span>\n        {{#if this.isLoading}}\n          <EuiLoadingSpinner\n            class=\"euiStepNumber__loader\"\n            @size={{this.spinnerSize}}\n          />\n        {{else if (notNone this.size)}}\n          <span class=\"euiStepNumber__number\" aria-hidden=\"true\">\n            {{@number}}\n          </span>\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n\nfunction notNone(size: EuiStepNumberSize): boolean {\n  return size !== 'none';\n}\n"],"names":["BOX_SIZING","boxSizing","SCREEN_READER_ONLY","euiScreenReaderOnly","STEP_STATUSES","STEP_LABELS","step","complete","warning","danger","incomplete","disabled","loading","current","stepLabel","i18n","status","number","title","token","fallback","simpleToken","simpleFallback","lookupToken","ICONS","ICON_SIZES","none","xs","s","m","SPINNER_SIZES","EuiStepNumber","Component","g","prototype","service","i","args","isHollow","undefined","size","titleSize","iconType","isLoading","label","stepAriaLabel","euiI18n","iconSize","spinnerSize","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStepNumberStyles","euiClass","euiStepNumber","n","cached","iconCss","euiStepNumberContentStyles","euiStepNumber__icon","srClass","setComponentTemplate","precompileTemplate","strictMode","scope","EuiIcon","EuiLoadingSpinner","notNone"],"mappings":"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"}

package/dist/components/eui-step.js

@@ -4,12 +4,12 @@ import { modifier } from 'ember-modifier';
 import { euiStepsContext } from '../-private/eui-steps-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { d7 as euiStepStyles, d8 as euiStepTitleStyles, d9 as euiStepContentStyles } from '../styles.generated-SYAxYhey.js';
 import EuiStepNumber from './eui-step-number.js';
 import EuiTitle from './eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiStepStyles, euiStepTitleStyles, euiStepContentStyles } from '../utils/eui/styles.generated/shared/TXBWGYWM.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

package/dist/components/eui-steps-horizontal.js

@@ -5,11 +5,11 @@ import spreadAttributes from '../-private/eui-spread-attributes.js';
 import { EUI_STEPS_HORIZONTAL_CONTEXT } from '../-private/eui-steps-horizontal-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { da as euiStepsHorizontalStyles } from '../styles.generated-SYAxYhey.js';
 import EuiStepHorizontal from './eui-step-horizontal.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiStepsHorizontalStyles } from '../utils/eui/styles.generated/components/steps/steps_horizontal.styles.js';
 
 /** Keys of a step that are args of `EuiStepHorizontal`, not attributes. */const STEP_ARGS = ['title', 'onClick', 'disabled', 'status', 'size'];
 const LIST_RESET = {

package/dist/components/eui-sub-steps.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 { dg as euiSubStepsStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSubStepsStyles } from '../utils/eui/styles.generated/components/steps/sub_steps.styles.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js

@@ -7,7 +7,6 @@ import dateMath from '@elastic/datemath';
 import moment from 'moment';
 import { randomId } from '../../../-private/random-id.js';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
-import { eW as euiAbsoluteTabDateFormStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../../utils/eui/styles.js';
 import EuiFieldText from '../../eui-field-text.js';
 import EuiFormLabel from '../../eui-form-label.js';
@@ -18,6 +17,7 @@ import EuiTimeZoneDisplay from './eui-time-zone-display.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiAbsoluteTabDateFormStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/date_popover/absolute_tab.styles.js';
 
 class AbsoluteTab extends Component {
   static {

package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js

@@ -9,7 +9,6 @@ import { eq, not, and } from 'ember-truth-helpers';
 import moment from 'moment';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
 import { euiReactDatePickerStyles } from '../../../utils/eui/date-pickers.js';
-import { eX as euiDatePickerStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../../utils/eui/styles.js';
 import EuiButtonIcon from '../../eui-button-icon.js';
 import EuiFormControlLayout from '../../eui-form-control-layout.js';
@@ -18,6 +17,7 @@ import isOutOfBounds from '../utils/date-utils.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiDatePickerStyles } from '../../../utils/eui/styles.generated/components/date_picker/date_picker.styles.js';
 
 const isSameDayHelper = helper(function ([year, month, day, selectedDate]) {
   if (!selectedDate) {

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js

@@ -7,7 +7,6 @@ import { service } from '@ember/service';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
 import { buttonReset } from '../../../utils/eui/form-controls.js';
-import { ez as euiDatePopoverButtonStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../../utils/eui/styles.js';
 import EuiPopoverComponent from '../../eui-popover.js';
 import EuiToolTip from '../../eui-tool-tip.js';
@@ -17,6 +16,7 @@ import EuiDatePopoverContent from './eui-date-popover-content.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiDatePopoverButtonStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js';
 
 /** Upstream EuiPopover's `closingTransitionTime`. */const CLOSING_TRANSITION_TIME = 250;
 /** @private The start or end date button of EuiSuperDatePicker. */

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js

@@ -4,7 +4,6 @@ import { helper } from '@ember/component/helper';
 import { service } from '@ember/service';
 import { eq } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
-import { eR as euiDatePopoverContentStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../../utils/eui/styles.js';
 import EuiTabbedContentComponent from '../../eui-tabbed-content.js';
 import { toAbsoluteString, getDateMode } from '../utils/index.js';
@@ -15,6 +14,7 @@ import RelativeTab from './relative-tab.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiDatePopoverContentStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/date_popover/date_popover_content.styles.js';
 
 const toAbsoluteStringHelper = helper(function ([value, roundUp, canRoundRelativeUnits = true]) {
   return canRoundRelativeUnits ? toAbsoluteString(value, roundUp) : value;

package/dist/components/eui-super-date-picker/date-popover/eui-time-zone-display.js

@@ -1,7 +1,6 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
-import { eY as euiTimeZoneDisplayStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles } from '../../../utils/eui/styles.js';
 import EuiFlexGroup from '../../eui-flex-group.js';
 import EuiIcon from '../../eui-icon.js';
@@ -10,6 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTimeZoneDisplayStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/date_popover/timezone_display.styles.js';
 
 /**
  * Port of upstream `useEuiUTCOffsetDisplay`: the UTC offset label of an

package/dist/components/eui-super-date-picker/date-popover/now-tab.js

@@ -4,13 +4,13 @@ import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { eq } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
-import { j as euiPaddingSize } from '../../../styles.generated-SYAxYhey.js';
 import EuiButton from '../../eui-button.js';
 import EuiI18nComponent from '../../eui-i18n.js';
 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 { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/OB4N5SEF.js';
 
 class EuiSuperDatePickerDatePopoverNowTab extends Component {
   /** Upstream pads the text with `useEuiPaddingCSS().m` (EuiText `css`). */get paddingCss() {

package/dist/components/eui-super-date-picker/date-popover/relative-tab.js

@@ -7,7 +7,6 @@ import pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';
 import { service } from '@ember/service';
 import { randomId } from '../../../-private/random-id.js';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
-import { j as euiPaddingSize } from '../../../styles.generated-SYAxYhey.js';
 import { euiClass } from '../../../utils/eui/styles.js';
 import EuiFieldNumber from '../../eui-field-number.js';
 import EuiFieldText from '../../eui-field-text.js';
@@ -26,6 +25,7 @@ import EuiTimeZoneDisplay from './eui-time-zone-display.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/OB4N5SEF.js';
 
 class RelativeTab extends Component {
   static {

package/dist/components/eui-super-date-picker/eui-date-picker-range.js

@@ -1,12 +1,12 @@
 import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
-import { aI as euiDatePickerRangeStyles } from '../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import EuiFormControlLayoutDelimited from '../eui-form-control-layout-delimited.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiDatePickerRangeStyles } from '../../utils/eui/styles.generated/components/date_picker/date_picker_range.styles.js';
 
 class EuiDatePickerRange extends Component {
   /**

package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select-panel.js

@@ -2,11 +2,12 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../../../utils/emotion/consume.js';
 import { fieldsetReset, legendReset } from '../../../utils/eui/date-pickers.js';
-import { el as euiQuickSelectPanelStyles, D as euiTitleStyles } from '../../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiQuickSelectPanelStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/quick_select_popover/quick_select_panel.styles.js';
+import { euiTitleStyles } from '../../../utils/eui/styles.generated/shared/SORCSWXI.js';
 
 class EuiQuickSelectPanel extends Component {
   get context() {

package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-quick-select-panel.js","sources":["../../../../src/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { fieldsetReset, legendReset } from '../../../utils/eui/date-pickers.ts';\nimport {\n  euiQuickSelectPanelStyles,\n  euiTitleStyles\n} from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../../../utils/eui/styles.ts';\n\n/**\n * @private A section of the quick select popover (upstream\n * `EuiQuickSelectPanel`): a top border and spacing between panels, an\n * optional `xxxs` title (a `<legend>` when rendered as a fieldset) and a\n * scrollable section for the content.\n */\nexport interface EuiQuickSelectPanelSignature {\n  // A `<fieldset>` (or a `<div>` with `@tagName=\"div\"`, which no caller\n  // passes attributes to).\n  Element: HTMLFieldSetElement;\n  Args: {\n    /** `'div'` (default) or `'fieldset'` (upstream `component`). */\n    component?: 'div' | 'fieldset';\n    /** Same as `@component`, which wins. */\n    tagName?: 'div' | 'fieldset';\n    /** Panel title; the content then goes in a scrollable section. */\n    title?: string;\n    /** Id of the title, e.g. for `aria-labelledby`. */\n    titleId?: string;\n    /** Extra styles composed last onto the panel's class. */\n    css?: EuiCss;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiQuickSelectPanel extends Component<EuiQuickSelectPanelSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get tagName() {\n    return this.args.component ?? this.args.tagName ?? 'div';\n  }\n\n  get isFieldset() {\n    return this.tagName === 'fieldset';\n  }\n\n  get hasTitle() {\n    return this.args.title !== undefined && this.args.title !== '';\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiQuickSelectPanelStyles);\n  }\n\n  @cached\n  get classes() {\n    return `euiQuickSelectPanel ${euiClass(\n      this.context,\n      this.isFieldset && fieldsetReset,\n      { boxSizing: 'border-box' },\n      this.styles.euiQuickSelectPanel,\n      this.args.css\n    )}`;\n  }\n\n  /**\n   * Upstream clones the title element into `EuiTitle size=\"xxxs\"`, so the\n   * title styles, the heading reset and the panel title styles share one\n   * class here.\n   */\n  @cached\n  get titleClasses() {\n    const context = this.context;\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    return `euiTitle euiQuickSelectPanel__title ${euiClass(\n      context,\n      legendReset,\n      { fontFamily: context.upstream.euiTheme.font.family },\n      title.euiTitle,\n      title.xxxs,\n      this.styles.euiQuickSelectPanel__title\n    )}`;\n  }\n\n  @cached\n  get sectionClasses() {\n    return `euiQuickSelectPanel__section ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      this.styles.euiQuickSelectPanel__section\n    )}`;\n  }\n\n  <template>\n    {{#let (element this.tagName) as |Tag|}}\n      {{! @glint-expect-error: the dynamic tag is a div or a fieldset }}\n      <Tag class={{this.classes}} ...attributes>\n        {{#if this.hasTitle}}\n          {{#if this.isFieldset}}\n            <legend id={{@titleId}} class={{this.titleClasses}}>{{@title}}</legend>\n          {{else}}\n            <span id={{@titleId}} class={{this.titleClasses}}>{{@title}}</span>\n          {{/if}}\n          <div class={{this.sectionClasses}}>\n            {{yield}}\n          </div>\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiQuickSelectPanel","Component","context","getEuiThemeContext","tagName","args","component","isFieldset","hasTitle","title","undefined","styles","useEuiBorealisStyles","euiQuickSelectPanelStyles","n","prototype","cached","classes","euiClass","fieldsetReset","boxSizing","euiQuickSelectPanel","css","titleClasses","euiTitleStyles","legendReset","fontFamily","upstream","euiTheme","font","family","euiTitle","xxxs","euiQuickSelectPanel__title","sectionClasses","euiQuickSelectPanel__section","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAwCe,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EAEA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,SAAS,IAAI,IAAI,CAACD,IAAI,CAACD,OAAO,IAAI,KAAA;AACrD,EAAA;EAEA,IAAIG,UAAAA,GAAa;AACf,IAAA,OAAO,IAAI,CAACH,OAAO,KAAK,UAAA;AAC1B,EAAA;EAEA,IAAII,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,KAAK,KAAKC,SAAA,IAAa,IAAI,CAACL,IAAI,CAACI,KAAK,KAAK,EAAA;AAC9D,EAAA;EAEA,IACIE,MAAAA,GAAS;AACX,IAAA,OAAOC,oBAAA,CAAqB,IAAI,CAACV,OAAO,EAAEW,yBAAA,CAAA;AAC5C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAKD,IACIC,OAAAA,GAAU;AACZ,IAAA,OAAO,CAAA,oBAAA,EAAuBC,QAAA,CAC5B,IAAI,CAAChB,OAAO,EACZ,IAAI,CAACK,UAAU,IAAIY,aAAA,EACnB;AAAEC,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1B,IAAI,CAACT,MAAM,CAACU,mBAAmB,EAC/B,IAAI,CAAChB,IAAI,CAACiB,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAXCC,MAAA,CAAA,CAAA;AAAA;EAgBD,IACIO,YAAAA,GAAe;AACjB,IAAA,MAAMrB,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMO,KAAA,GAAQG,qBAAqBV,OAAA,EAASsB,cAAA,CAAA;AAC5C,IAAA,OAAO,uCAAuCN,QAAA,CAC5ChB,SACAuB,WAAA,EACA;MAAEC,UAAA,EAAYxB,QAAQyB,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;AAAO,KAAA,EACpDrB,KAAA,CAAMsB,QAAQ,EACdtB,KAAA,CAAMuB,IAAI,EACV,IAAI,CAACrB,MAAM,CAACsB,0BAA0B,CAAA,CAAA,CACrC;AACL,EAAA;AAAA,EAAA;IAAAnB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIkB,cAAAA,GAAiB;AACnB,IAAA,OAAO,gCAAgChB,SACrC,IAAI,CAAChB,OAAO,EACZ;AAAEkB,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1B,IAAI,CAACT,MAAM,CAACwB,4BAA4B,CAAA,CAAA,CACvC;AACL,EAAA;AAAA,EAAA;IAAArB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAPCC,MAAA,CAAA,CAAA;AAAA;AASD,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CAAA,qiBAAA,EAkBA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-quick-select-panel.js","sources":["../../../../src/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { fieldsetReset, legendReset } from '../../../utils/eui/date-pickers.ts';\nimport {\n  euiQuickSelectPanelStyles,\n  euiTitleStyles\n} from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../../../utils/eui/styles.ts';\n\n/**\n * @private A section of the quick select popover (upstream\n * `EuiQuickSelectPanel`): a top border and spacing between panels, an\n * optional `xxxs` title (a `<legend>` when rendered as a fieldset) and a\n * scrollable section for the content.\n */\nexport interface EuiQuickSelectPanelSignature {\n  // A `<fieldset>` (or a `<div>` with `@tagName=\"div\"`, which no caller\n  // passes attributes to).\n  Element: HTMLFieldSetElement;\n  Args: {\n    /** `'div'` (default) or `'fieldset'` (upstream `component`). */\n    component?: 'div' | 'fieldset';\n    /** Same as `@component`, which wins. */\n    tagName?: 'div' | 'fieldset';\n    /** Panel title; the content then goes in a scrollable section. */\n    title?: string;\n    /** Id of the title, e.g. for `aria-labelledby`. */\n    titleId?: string;\n    /** Extra styles composed last onto the panel's class. */\n    css?: EuiCss;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiQuickSelectPanel extends Component<EuiQuickSelectPanelSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  get tagName() {\n    return this.args.component ?? this.args.tagName ?? 'div';\n  }\n\n  get isFieldset() {\n    return this.tagName === 'fieldset';\n  }\n\n  get hasTitle() {\n    return this.args.title !== undefined && this.args.title !== '';\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiQuickSelectPanelStyles);\n  }\n\n  @cached\n  get classes() {\n    return `euiQuickSelectPanel ${euiClass(\n      this.context,\n      this.isFieldset && fieldsetReset,\n      { boxSizing: 'border-box' },\n      this.styles.euiQuickSelectPanel,\n      this.args.css\n    )}`;\n  }\n\n  /**\n   * Upstream clones the title element into `EuiTitle size=\"xxxs\"`, so the\n   * title styles, the heading reset and the panel title styles share one\n   * class here.\n   */\n  @cached\n  get titleClasses() {\n    const context = this.context;\n    const title = useEuiBorealisStyles(context, euiTitleStyles);\n    return `euiTitle euiQuickSelectPanel__title ${euiClass(\n      context,\n      legendReset,\n      { fontFamily: context.upstream.euiTheme.font.family },\n      title.euiTitle,\n      title.xxxs,\n      this.styles.euiQuickSelectPanel__title\n    )}`;\n  }\n\n  @cached\n  get sectionClasses() {\n    return `euiQuickSelectPanel__section ${euiClass(\n      this.context,\n      { boxSizing: 'border-box' },\n      this.styles.euiQuickSelectPanel__section\n    )}`;\n  }\n\n  <template>\n    {{#let (element this.tagName) as |Tag|}}\n      {{! @glint-expect-error: the dynamic tag is a div or a fieldset }}\n      <Tag class={{this.classes}} ...attributes>\n        {{#if this.hasTitle}}\n          {{#if this.isFieldset}}\n            <legend id={{@titleId}} class={{this.titleClasses}}>{{@title}}</legend>\n          {{else}}\n            <span id={{@titleId}} class={{this.titleClasses}}>{{@title}}</span>\n          {{/if}}\n          <div class={{this.sectionClasses}}>\n            {{yield}}\n          </div>\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiQuickSelectPanel","Component","context","getEuiThemeContext","tagName","args","component","isFieldset","hasTitle","title","undefined","styles","useEuiBorealisStyles","euiQuickSelectPanelStyles","n","prototype","cached","classes","euiClass","fieldsetReset","boxSizing","euiQuickSelectPanel","css","titleClasses","euiTitleStyles","legendReset","fontFamily","upstream","euiTheme","font","family","euiTitle","xxxs","euiQuickSelectPanel__title","sectionClasses","euiQuickSelectPanel__section","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;AAwCe,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EAEA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,SAAS,IAAI,IAAI,CAACD,IAAI,CAACD,OAAO,IAAI,KAAA;AACrD,EAAA;EAEA,IAAIG,UAAAA,GAAa;AACf,IAAA,OAAO,IAAI,CAACH,OAAO,KAAK,UAAA;AAC1B,EAAA;EAEA,IAAII,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACH,IAAI,CAACI,KAAK,KAAKC,SAAA,IAAa,IAAI,CAACL,IAAI,CAACI,KAAK,KAAK,EAAA;AAC9D,EAAA;EAEA,IACIE,MAAAA,GAAS;AACX,IAAA,OAAOC,oBAAA,CAAqB,IAAI,CAACV,OAAO,EAAEW,yBAAA,CAAA;AAC5C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAKD,IACIC,OAAAA,GAAU;AACZ,IAAA,OAAO,CAAA,oBAAA,EAAuBC,QAAA,CAC5B,IAAI,CAAChB,OAAO,EACZ,IAAI,CAACK,UAAU,IAAIY,aAAA,EACnB;AAAEC,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1B,IAAI,CAACT,MAAM,CAACU,mBAAmB,EAC/B,IAAI,CAAChB,IAAI,CAACiB,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAXCC,MAAA,CAAA,CAAA;AAAA;EAgBD,IACIO,YAAAA,GAAe;AACjB,IAAA,MAAMrB,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMO,KAAA,GAAQG,qBAAqBV,OAAA,EAASsB,cAAA,CAAA;AAC5C,IAAA,OAAO,uCAAuCN,QAAA,CAC5ChB,SACAuB,WAAA,EACA;MAAEC,UAAA,EAAYxB,QAAQyB,QAAQ,CAACC,QAAQ,CAACC,IAAI,CAACC;AAAO,KAAA,EACpDrB,KAAA,CAAMsB,QAAQ,EACdtB,KAAA,CAAMuB,IAAI,EACV,IAAI,CAACrB,MAAM,CAACsB,0BAA0B,CAAA,CAAA,CACrC;AACL,EAAA;AAAA,EAAA;IAAAnB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIkB,cAAAA,GAAiB;AACnB,IAAA,OAAO,gCAAgChB,SACrC,IAAI,CAAChB,OAAO,EACZ;AAAEkB,MAAAA,SAAA,EAAW;AAAa,KAAA,EAC1B,IAAI,CAACT,MAAM,CAACwB,4BAA4B,CAAA,CAAA,CACvC;AACL,EAAA;AAAA,EAAA;IAAArB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAPCC,MAAA,CAAA,CAAA;AAAA;AASD,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CAAA,qiBAAA,EAkBA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/eui-quick-select-popover.js

@@ -5,7 +5,6 @@ import { action } from '@ember/object';
 import { service } from '@ember/service';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
-import { eA as euiQuickSelectPopoverStyles } from '../../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import EuiFormPrepend from '../eui-form-prepend.js';
 import EuiPopoverComponent from '../eui-popover.js';
@@ -21,6 +20,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiQuickSelectPopoverStyles } from '../../utils/eui/styles.generated/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.styles.js';
 
 /** Keys of `EuiQuickSelectButtonProps` that are not plain attributes. */const BUTTON_ARG_KEYS = new Set(['label', 'iconLeft', 'iconRight', 'css', 'className', 'onClick', 'aria-label', 'data-test-subj', 'children', 'isDisabled']);
 /** Upstream: each custom panel's content gets `applyTime`. */

package/dist/components/eui-super-date-picker.js

@@ -8,7 +8,6 @@ import { modifier } from 'ember-modifier';
 import { or, eq } from 'ember-truth-helpers';
 import { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { az as euiTextTruncate, dh as euiSuperDatePickerStyles } from '../styles.generated-SYAxYhey.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
 import EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.js';
 import EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.js';
@@ -26,6 +25,8 @@ import useI18nTimeOptions from './eui-super-date-picker/utils/time-options.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiSuperDatePickerStyles } from '../utils/eui/styles.generated/components/date_picker/super_date_picker/super_date_picker.styles.js';
 
 class EuiSuperDatePicker extends Component {
   static {