@carbon/web-components 2.62.0 → 2.63.0

package/es-custom/components/card/card-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-action.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;;;;GAOG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;;OAGG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB;IAazB,MAAM;IAMN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/es-custom/components/card/card-action.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import card_default from "./card.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/components/card/card-action.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Card action — wrapper for a single interactive element inside cds-custom-card-actions.
+* The `label` property provides a fallback string for the overflow menu when this
+* action is hidden due to container overflow.
+*
+* @element cds-custom-card-action
+* @slot - Default slot for a button or icon-button.
+*/
+let CDSCardAction = class CDSCardAction extends LitElement {
+	_handleSlotChange({ target }) {
+		if (target.assignedElements({ flatten: true }).some((el) => el.matches(`cds-custom-icon-button`))) this.setAttribute("icon-only", "");
+		else this.removeAttribute("icon-only");
+	}
+	render() {
+		return html`<div class="${"cds-custom"}--card__action">
+      <slot @slotchange=${this._handleSlotChange}></slot>
+    </div>`;
+	}
+	static {
+		this.styles = card_default;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSCardAction.prototype, "label", void 0);
+CDSCardAction = __decorate([carbonElement(`cds-custom-card-action`)], CDSCardAction);
+var card_action_default = CDSCardAction;
+//#endregion
+export { card_action_default as default };
+
+//# sourceMappingURL=card-action.js.map

package/es-custom/components/card/card-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.js","names":["slot","styles","customElement"],"sources":["../../../src/components/card/card-action.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './card.scss?lit';\n\n/**\n * Card action — wrapper for a single interactive element inside cds-custom-card-actions.\n * The `label` property provides a fallback string for the overflow menu when this\n * action is hidden due to container overflow.\n *\n * @element cds-custom-card-action\n * @slot - Default slot for a button or icon-button.\n */\n@customElement(`${prefix}-card-action`)\nclass CDSCardAction extends LitElement {\n  /**\n   * Label shown in the overflow menu when this action is hidden.\n   * If omitted, cds-custom-card-actions resolves the label from the inner button.\n   */\n  @property({ type: String, reflect: true })\n  label!: string;\n\n  private _handleSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasIconOnly = slot\n      .assignedElements({ flatten: true })\n      .some((el) => el.matches(`${prefix}-icon-button`));\n\n    if (hasIconOnly) {\n      this.setAttribute('icon-only', '');\n    } else {\n      this.removeAttribute('icon-only');\n    }\n  }\n\n  render() {\n    return html`<div class=\"${prefix}--card__action\">\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCardAction;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;CAQrC,kBAA0B,EAAE,UAAiB;EAM3C,IAJoBA,OACjB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,MAAM,OAAO,GAAG,QAAQ,iBAAuB,CAEpC,GACZ,KAAK,aAAa,aAAa,EAAE;OAEjC,KAAK,gBAAgB,WAAW;CAEpC;CAEA,SAAS;EACP,OAAO,IAAI,eAAA,MAAsB;0BACX,KAAK,kBAAkB;;CAE/C;;gBAEgBC;;AAClB;YAvBG,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;4BAN1CC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA+BtC,IAAA,sBAAe"}

package/es-custom/components/card/card-actions.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../overflow-menu/index';
+import '../menu/index';
+/**
+ * Card actions
+ *
+ * @element cds-custom-card-actions
+ * @slot - Default slot for cds-custom-card-action elements.
+ */
+declare class CDSCardActions extends LitElement {
+    /** Label for the overflow menu trigger button. */
+    overflowMenuLabel: string;
+    /** data-action-id values of items currently hidden by the overflow handler. */
+    private _hiddenIds;
+    /** Resolved metadata for all slotted actions (rebuilt on slotchange). */
+    private _actionItems;
+    private _overflowHandler;
+    private _pendingAttach;
+    private _offsetEl;
+    disconnectedCallback(): void;
+    private _ensureOffsetEl;
+    private _handleSlotChange;
+    private _attachOverflowHandler;
+    private _assignActionIds;
+    private _resolveActionItems;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCardActions;
+//# sourceMappingURL=card-actions.d.ts.map

package/es-custom/components/card/card-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-actions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAUhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AAoBvB;;;;;GAKG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,kDAAkD;IAElD,iBAAiB,SAAkB;IAEnC,+EAA+E;IAE/E,OAAO,CAAC,UAAU,CAA0B;IAE5C,yEAAyE;IAEzE,OAAO,CAAC,YAAY,CAAoB;IAExC,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,SAAS,CAA6B;IAE9C,oBAAoB;IAWpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,mBAAmB;IA6B3B,MAAM;IAiCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC"}

package/es-custom/components/card/card-actions.js

@@ -0,0 +1,171 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import iconLoader from "../../globals/internal/icon-loader.js";
+import "../menu/index.js";
+import card_default from "./card.scss.js";
+import "../overflow-menu/index.js";
+import { LitElement, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { createOverflowHandler } from "@carbon/utilities/overflowHandler";
+import OverflowMenuVertical16 from "@carbon/icons/es/overflow-menu--vertical/16.js";
+//#region src/components/card/card-actions.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const _overflowIcon = iconLoader(OverflowMenuVertical16, {
+	slot: "icon",
+	class: `cds-custom--overflow-menu__icon`
+});
+/**
+* Card actions
+*
+* @element cds-custom-card-actions
+* @slot - Default slot for cds-custom-card-action elements.
+*/
+let CDSCardActions = class CDSCardActions extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.overflowMenuLabel = "More actions";
+		this._hiddenIds = /* @__PURE__ */ new Set();
+		this._actionItems = [];
+		this._pendingAttach = false;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this._overflowHandler?.disconnect();
+		this._overflowHandler = void 0;
+		this._offsetEl?.remove();
+		this._offsetEl = void 0;
+		this._pendingAttach = false;
+		this._hiddenIds = /* @__PURE__ */ new Set();
+		this._actionItems = [];
+	}
+	_ensureOffsetEl() {
+		if (this._offsetEl) return;
+		const div = document.createElement("div");
+		div.setAttribute("data-offset", "");
+		div.style.inlineSize = `var(--cds-spacing-07, 2rem)`;
+		div.style.blockSize = `var(--cds-spacing-07, 2rem)`;
+		div.style.flexShrink = "0";
+		div.style.display = "none";
+		this._offsetEl = div;
+		this.appendChild(div);
+	}
+	_handleSlotChange({ target }) {
+		const actions = target.assignedElements({ flatten: true }).filter((el) => el instanceof HTMLElement && el.localName === `cds-custom-card-action`);
+		this._assignActionIds(actions);
+		this._actionItems = this._resolveActionItems(actions);
+		if (!this._pendingAttach) {
+			this._pendingAttach = true;
+			this.updateComplete.then(() => {
+				this._pendingAttach = false;
+				if (this.isConnected) this._attachOverflowHandler();
+			});
+		}
+	}
+	_attachOverflowHandler() {
+		this._overflowHandler?.disconnect();
+		this._overflowHandler = void 0;
+		if (this._actionItems.length === 0) return;
+		this._ensureOffsetEl();
+		const idByEl = new Map(this._actionItems.map(({ el, id }) => [el, id]));
+		const offsetEl = this._offsetEl;
+		this._overflowHandler = createOverflowHandler({
+			container: this,
+			gap: 8,
+			onChange: (_, hidden) => {
+				if (offsetEl) offsetEl.style.display = hidden.length > 0 ? "block" : "none";
+				this._hiddenIds = new Set(hidden.map((el) => idByEl.get(el)).filter((id) => id !== void 0));
+			}
+		});
+	}
+	_assignActionIds(actions) {
+		actions.forEach((action, index) => {
+			action.dataset.actionId = `card-action-${index}`;
+		});
+	}
+	_resolveActionItems(actions) {
+		return actions.map((action, index) => {
+			const id = `card-action-${index}`;
+			const actionLabel = action.getAttribute("label");
+			if (actionLabel) return {
+				el: action,
+				label: actionLabel,
+				id
+			};
+			const button = action.querySelector(`cds-custom-button, cds-custom-icon-button`);
+			if (button) {
+				const btnLabel = button.getAttribute("label") || button.getAttribute("tooltip-text") || button.getAttribute("tooltip-content");
+				if (btnLabel) return {
+					el: action,
+					label: btnLabel,
+					id
+				};
+			}
+			const tooltipContent = action.querySelector("[slot=\"tooltip-content\"]");
+			if (tooltipContent?.textContent?.trim()) return {
+				el: action,
+				label: tooltipContent.textContent.trim(),
+				id
+			};
+			return {
+				el: action,
+				label: `Action ${index + 1}`,
+				id
+			};
+		});
+	}
+	render() {
+		const { _actionItems, _hiddenIds, overflowMenuLabel } = this;
+		const hasHidden = _hiddenIds.size > 0;
+		const hiddenItems = _actionItems.filter(({ id }) => _hiddenIds.has(id));
+		return html`
+      <slot @slotchange=${this._handleSlotChange}></slot>
+
+      ${hasHidden ? html`
+            <cds-custom-overflow-menu
+              size="sm"
+              enable-v12-overflowmenu
+              autoalign
+              menu-alignment="bottom-end"
+              label=${overflowMenuLabel}
+              class="${"cds-custom"}--card__actions-overflow-menu">
+              ${_overflowIcon}
+              <cds-custom-menu>
+                ${hiddenItems.map(({ id, label }) => html`
+                    <cds-custom-menu-item
+                      data-action-id=${id}
+                      label=${label}></cds-custom-menu-item>
+                  `)}
+              </cds-custom-menu>
+            </cds-custom-overflow-menu>
+          ` : nothing}
+    `;
+	}
+	static {
+		this.styles = card_default;
+	}
+};
+__decorate([property({
+	attribute: "overflow-menu-label",
+	reflect: true
+})], CDSCardActions.prototype, "overflowMenuLabel", void 0);
+__decorate([state()], CDSCardActions.prototype, "_hiddenIds", void 0);
+__decorate([state()], CDSCardActions.prototype, "_actionItems", void 0);
+CDSCardActions = __decorate([carbonElement(`cds-custom-card-actions`)], CDSCardActions);
+var card_actions_default = CDSCardActions;
+//#endregion
+export { card_actions_default as default };
+
+//# sourceMappingURL=card-actions.js.map

package/es-custom/components/card/card-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.js","names":["slot","styles","customElement"],"sources":["../../../src/components/card/card-actions.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport {\n  createOverflowHandler,\n  type OverflowHandler,\n} from '@carbon/utilities/overflowHandler';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.js';\nimport '../overflow-menu/index';\nimport '../menu/index';\nimport styles from './card.scss?lit';\n\nconst _overflowIcon = iconLoader(OverflowMenuVertical16, {\n  slot: 'icon',\n  class: `${prefix}--overflow-menu__icon`,\n});\n\n/**\n * Resolved item shape used for overflow menu population.\n */\ninterface ActionItem {\n  /** The cds-custom-card-action element itself, used as the handler's measured item. */\n  el: HTMLElement;\n  /** Resolved label for the overflow menu entry. */\n  label: string;\n  /** The data-action-id assigned to `el`, cached to avoid repeated dataset lookups. */\n  id: string;\n}\n\n/**\n * Card actions\n *\n * @element cds-custom-card-actions\n * @slot - Default slot for cds-custom-card-action elements.\n */\n@customElement(`${prefix}-card-actions`)\nclass CDSCardActions extends LitElement {\n  /** Label for the overflow menu trigger button. */\n  @property({ attribute: 'overflow-menu-label', reflect: true })\n  overflowMenuLabel = 'More actions';\n\n  /** data-action-id values of items currently hidden by the overflow handler. */\n  @state()\n  private _hiddenIds: Set<string> = new Set();\n\n  /** Resolved metadata for all slotted actions (rebuilt on slotchange). */\n  @state()\n  private _actionItems: ActionItem[] = [];\n\n  private _overflowHandler: OverflowHandler | undefined;\n  private _pendingAttach = false;\n\n  private _offsetEl: HTMLDivElement | undefined;\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._overflowHandler?.disconnect();\n    this._overflowHandler = undefined;\n    this._offsetEl?.remove();\n    this._offsetEl = undefined;\n    this._pendingAttach = false;\n    this._hiddenIds = new Set();\n    this._actionItems = [];\n  }\n\n  private _ensureOffsetEl() {\n    if (this._offsetEl) return;\n\n    const div = document.createElement('div');\n    div.setAttribute('data-offset', '');\n    div.style.inlineSize = `var(--${prefix}-spacing-07, 2rem)`;\n    div.style.blockSize = `var(--${prefix}-spacing-07, 2rem)`;\n    div.style.flexShrink = '0';\n    div.style.display = 'none';\n    this._offsetEl = div;\n    this.appendChild(div);\n  }\n\n  private _handleSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const actions = slot\n      .assignedElements({ flatten: true })\n      .filter(\n        (el): el is HTMLElement =>\n          el instanceof HTMLElement && el.localName === `${prefix}-card-action`\n      );\n\n    this._assignActionIds(actions);\n    this._actionItems = this._resolveActionItems(actions);\n    if (!this._pendingAttach) {\n      this._pendingAttach = true;\n      void this.updateComplete.then(() => {\n        this._pendingAttach = false;\n        if (this.isConnected) {\n          this._attachOverflowHandler();\n        }\n      });\n    }\n  }\n\n  private _attachOverflowHandler() {\n    this._overflowHandler?.disconnect();\n    this._overflowHandler = undefined;\n\n    if (this._actionItems.length === 0) return;\n\n    this._ensureOffsetEl();\n\n    const idByEl = new Map(this._actionItems.map(({ el, id }) => [el, id]));\n    const offsetEl = this._offsetEl;\n\n    this._overflowHandler = createOverflowHandler({\n      container: this,\n      gap: 8,\n      onChange: (_, hidden: HTMLElement[]) => {\n        if (offsetEl) {\n          offsetEl.style.display = hidden.length > 0 ? 'block' : 'none';\n        }\n        this._hiddenIds = new Set(\n          hidden\n            .map((el) => idByEl.get(el))\n            .filter((id): id is string => id !== undefined)\n        );\n      },\n    });\n  }\n\n  private _assignActionIds(actions: HTMLElement[]) {\n    actions.forEach((action, index) => {\n      action.dataset.actionId = `card-action-${index}`;\n    });\n  }\n\n  private _resolveActionItems(actions: HTMLElement[]): ActionItem[] {\n    return actions.map((action, index) => {\n      const id = `card-action-${index}`;\n\n      const actionLabel = action.getAttribute('label');\n      if (actionLabel) return { el: action, label: actionLabel, id };\n\n      const button = action.querySelector(\n        `${prefix}-button, ${prefix}-icon-button`\n      ) as HTMLElement | null;\n      if (button) {\n        const btnLabel =\n          button.getAttribute('label') ||\n          button.getAttribute('tooltip-text') ||\n          button.getAttribute('tooltip-content');\n        if (btnLabel) return { el: action, label: btnLabel, id };\n      }\n\n      const tooltipContent = action.querySelector(\n        '[slot=\"tooltip-content\"]'\n      ) as HTMLElement | null;\n      if (tooltipContent?.textContent?.trim()) {\n        return { el: action, label: tooltipContent.textContent.trim(), id };\n      }\n\n      return { el: action, label: `Action ${index + 1}`, id };\n    });\n  }\n\n  render() {\n    const { _actionItems, _hiddenIds, overflowMenuLabel } = this;\n    const hasHidden = _hiddenIds.size > 0;\n    const hiddenItems = _actionItems.filter(({ id }) => _hiddenIds.has(id));\n\n    return html`\n      <slot @slotchange=${this._handleSlotChange}></slot>\n\n      ${hasHidden\n        ? html`\n            <cds-custom-overflow-menu\n              size=\"sm\"\n              enable-v12-overflowmenu\n              autoalign\n              menu-alignment=\"bottom-end\"\n              label=${overflowMenuLabel}\n              class=\"${prefix}--card__actions-overflow-menu\">\n              ${_overflowIcon}\n              <cds-custom-menu>\n                ${hiddenItems.map(\n                  ({ id, label }) => html`\n                    <cds-custom-menu-item\n                      data-action-id=${id}\n                      label=${label}></cds-custom-menu-item>\n                  `\n                )}\n              </cds-custom-menu>\n            </cds-custom-overflow-menu>\n          `\n        : nothing}\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCardActions;\n"],"mappings":"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"}

package/es-custom/components/card/card-body.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Card body — primary content area.
+ *
+ * @element cds-custom-card-body
+ * @slot - Default slot for free-form content.
+ */
+declare class CDSCardBody extends LitElement {
+    /**
+     * Remove all padding so content sits flush to the card edges.
+     */
+    isFlush: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCardBody;
+//# sourceMappingURL=card-body.d.ts.map

package/es-custom/components/card/card-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;GAKG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC"}

package/es-custom/components/card/card-body.js

@@ -0,0 +1,54 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import card_default from "./card.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+//#region src/components/card/card-body.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Card body — primary content area.
+*
+* @element cds-custom-card-body
+* @slot - Default slot for free-form content.
+*/
+let CDSCardBody = class CDSCardBody extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.isFlush = false;
+	}
+	render() {
+		const { isFlush } = this;
+		return html`<div class=${classMap({
+			[`cds-custom--card__body`]: true,
+			[`cds-custom--card__body--flush`]: isFlush
+		})}><slot></slot></div>`;
+	}
+	static {
+		this.styles = card_default;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	attribute: "is-flush",
+	reflect: true
+})], CDSCardBody.prototype, "isFlush", void 0);
+CDSCardBody = __decorate([carbonElement(`cds-custom-card-body`)], CDSCardBody);
+var card_body_default = CDSCardBody;
+//#endregion
+export { card_body_default as default };
+
+//# sourceMappingURL=card-body.js.map

package/es-custom/components/card/card-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.js","names":["styles","customElement"],"sources":["../../../src/components/card/card-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './card.scss?lit';\n\n/**\n * Card body — primary content area.\n *\n * @element cds-custom-card-body\n * @slot - Default slot for free-form content.\n */\n@customElement(`${prefix}-card-body`)\nclass CDSCardBody extends LitElement {\n  /**\n   * Remove all padding so content sits flush to the card edges.\n   */\n  @property({ type: Boolean, attribute: 'is-flush', reflect: true })\n  isFlush = false;\n\n  render() {\n    const { isFlush } = this;\n    const classes = classMap({\n      [`${prefix}--card__body`]: true,\n      [`${prefix}--card__body--flush`]: isFlush,\n    });\n    return html`<div class=${classes}><slot></slot></div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCardBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,cAAA,MACM,oBAAoB,WAAW;;;iBAKzB;;CAEV,SAAS;EACP,MAAM,EAAE,YAAY;EAKpB,OAAO,IAAI,cAJK,SAAS;IACtB,oBAA0B;IAC1B,2BAAiC;EACpC,CAC+B,EAAE;CACnC;;gBAEgBA;;AAClB;YAbG,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,SAAS;AAAK,CAAC,CAAA,GAAA,YAAA,WAAA,WAAA,KAAA,CAAA;0BALlEC,cAAc,eAAqB,CAAA,GAAA,WAAA;AAoBpC,IAAA,oBAAe"}

package/es-custom/components/card/card-context.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export type CardContextValue = {
+    clickable: boolean;
+    disabled: boolean;
+    horizontal: boolean;
+};
+export declare const cardDefaultContext: CardContextValue;
+/**
+ * Lit context shared by cds-custom-card (provider) and
+ * cds-custom-card-footer, cds-custom-card-media (consumers).
+ */
+export declare const cardContext: {
+    __context__: CardContextValue;
+};
+//# sourceMappingURL=card-context.d.ts.map

package/es-custom/components/card/card-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-context.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW;;CAAsD,CAAC"}

package/es-custom/components/card/card-context.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { createContext } from "@lit/context";
+//#region src/components/card/card-context.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const cardDefaultContext = {
+	clickable: false,
+	disabled: false,
+	horizontal: false
+};
+/**
+* Lit context shared by cds-custom-card (provider) and
+* cds-custom-card-footer, cds-custom-card-media (consumers).
+*/
+const cardContext = createContext("cds-custom-card-context");
+//#endregion
+export { cardContext, cardDefaultContext };
+
+//# sourceMappingURL=card-context.js.map

package/es-custom/components/card/card-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-context.js","names":[],"sources":["../../../src/components/card/card-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '@lit/context';\n\nexport type CardContextValue = {\n  clickable: boolean;\n  disabled: boolean;\n  horizontal: boolean;\n};\n\nexport const cardDefaultContext: CardContextValue = {\n  clickable: false,\n  disabled: false,\n  horizontal: false,\n};\n\n/**\n * Lit context shared by cds-custom-card (provider) and\n * cds-custom-card-footer, cds-custom-card-media (consumers).\n */\nexport const cardContext = createContext<CardContextValue>('cds-custom-card-context');\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,qBAAuC;CAClD,WAAW;CACX,UAAU;CACV,YAAY;AACd;;;;;AAMA,MAAa,cAAc,cAAgC,kBAAkB"}

package/es-custom/components/card/card-footer.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement, nothing } from 'lit';
+/**
+ * Card footer — bottom content/action bar.
+ *
+ * Must not be used inside a `clickable` card. When placed inside one,
+ * this element renders nothing and logs a console.error — a clickable
+ * card renders its own built-in footer affordance automatically.
+ *
+ * Reflects `has-actions` when any `cds-custom-card-action` element is slotted,
+ * enabling CSS rule [17] to apply zero-padding / border-top layout without
+ * any cross-boundary `:has(> .cds-custom--card__action)`.
+ *
+ * @element cds-custom-card-footer
+ * @slot - Default slot for footer content or cds-custom-card-action elements.
+ */
+declare class CDSCardFooter extends LitElement {
+    private _cardContext;
+    /**
+     * Reflects `has-actions` attribute when at least one `cds-custom-card-action`
+     * is present in the default slot. CSS rule [17] keys off this attribute
+     * to switch the footer to its action-set layout (padding:0, border-top).
+     */
+    private _handleDefaultSlotChange;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    static styles: any;
+}
+export default CDSCardFooter;
+//# sourceMappingURL=card-footer.d.ts.map

package/es-custom/components/card/card-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-footer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAYhD;;;;;;;;;;;;;GAaG;AACH,cACM,aAAc,SAAQ,UAAU;IAGpC,OAAO,CAAC,YAAY,CAAwC;IAI5D;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAahC,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/es-custom/components/card/card-footer.js

@@ -0,0 +1,75 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import { cardContext, cardDefaultContext } from "./card-context.js";
+import card_default from "./card.scss.js";
+import { LitElement, html, nothing } from "lit";
+import { state } from "lit/decorators.js";
+import { consume } from "@lit/context";
+//#region src/components/card/card-footer.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Card footer — bottom content/action bar.
+*
+* Must not be used inside a `clickable` card. When placed inside one,
+* this element renders nothing and logs a console.error — a clickable
+* card renders its own built-in footer affordance automatically.
+*
+* Reflects `has-actions` when any `cds-custom-card-action` element is slotted,
+* enabling CSS rule [17] to apply zero-padding / border-top layout without
+* any cross-boundary `:has(> .cds-custom--card__action)`.
+*
+* @element cds-custom-card-footer
+* @slot - Default slot for footer content or cds-custom-card-action elements.
+*/
+let CDSCardFooter = class CDSCardFooter extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._cardContext = cardDefaultContext;
+	}
+	/**
+	* Reflects `has-actions` attribute when at least one `cds-custom-card-action`
+	* is present in the default slot. CSS rule [17] keys off this attribute
+	* to switch the footer to its action-set layout (padding:0, border-top).
+	*/
+	_handleDefaultSlotChange({ target }) {
+		if (target.assignedElements({ flatten: true }).some((el) => el.matches(`cds-custom-card-action`))) this.setAttribute("has-actions", "");
+		else this.removeAttribute("has-actions");
+	}
+	render() {
+		if (this._cardContext.clickable) {
+			console.error("[cds-custom-card-footer] Cannot be used inside a clickable card. A clickable card renders its own footer affordance automatically. Use the `footer-icon` slot on `cds-custom-card` to customise the icon.");
+			return nothing;
+		}
+		return html`
+      <div class="${"cds-custom"}--card__footer">
+        <slot @slotchange=${this._handleDefaultSlotChange}></slot>
+      </div>
+    `;
+	}
+	static {
+		this.styles = card_default;
+	}
+};
+__decorate([consume({
+	context: cardContext,
+	subscribe: true
+}), state()], CDSCardFooter.prototype, "_cardContext", void 0);
+CDSCardFooter = __decorate([carbonElement(`cds-custom-card-footer`)], CDSCardFooter);
+var card_footer_default = CDSCardFooter;
+//#endregion
+export { card_footer_default as default };
+
+//# sourceMappingURL=card-footer.js.map

package/es-custom/components/card/card-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.js","names":["slot","styles","customElement"],"sources":["../../../src/components/card/card-footer.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { consume } from '@lit/context';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport {\n  cardContext,\n  cardDefaultContext,\n  type CardContextValue,\n} from './card-context';\nimport styles from './card.scss?lit';\n\n/**\n * Card footer — bottom content/action bar.\n *\n * Must not be used inside a `clickable` card. When placed inside one,\n * this element renders nothing and logs a console.error — a clickable\n * card renders its own built-in footer affordance automatically.\n *\n * Reflects `has-actions` when any `cds-custom-card-action` element is slotted,\n * enabling CSS rule [17] to apply zero-padding / border-top layout without\n * any cross-boundary `:has(> .cds-custom--card__action)`.\n *\n * @element cds-custom-card-footer\n * @slot - Default slot for footer content or cds-custom-card-action elements.\n */\n@customElement(`${prefix}-card-footer`)\nclass CDSCardFooter extends LitElement {\n  @consume({ context: cardContext, subscribe: true })\n  @state()\n  private _cardContext: CardContextValue = cardDefaultContext;\n\n  // ─── Slot handlers ──────────────────────────────────────────────────────\n\n  /**\n   * Reflects `has-actions` attribute when at least one `cds-custom-card-action`\n   * is present in the default slot. CSS rule [17] keys off this attribute\n   * to switch the footer to its action-set layout (padding:0, border-top).\n   */\n  private _handleDefaultSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasActions = slot\n      .assignedElements({ flatten: true })\n      .some((el) => el.matches(`${prefix}-card-action`));\n\n    if (hasActions) {\n      this.setAttribute('has-actions', '');\n    } else {\n      this.removeAttribute('has-actions');\n    }\n  }\n\n  render() {\n    if (this._cardContext.clickable) {\n      // eslint-disable-next-line no-console\n      console.error(\n        `[cds-custom-card-footer] Cannot be used inside a clickable card. ` +\n          `A clickable card renders its own footer affordance automatically. ` +\n          `Use the \\`footer-icon\\` slot on \\`cds-custom-card\\` to customise the icon.`\n      );\n      return nothing;\n    }\n\n    return html`\n      <div class=\"${prefix}--card__footer\">\n        <slot @slotchange=${this._handleDefaultSlotChange}></slot>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCardFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;sBAGI;;;;;;;CASzC,yBAAiC,EAAE,UAAiB;EAMlD,IAJmBA,OAChB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,MAAM,OAAO,GAAG,QAAQ,iBAAuB,CAErC,GACX,KAAK,aAAa,eAAe,EAAE;OAEnC,KAAK,gBAAgB,aAAa;CAEtC;CAEA,SAAS;EACP,IAAI,KAAK,aAAa,WAAW;GAE/B,QAAQ,MACN,6LAGF;GACA,OAAO;EACT;EAEA,OAAO,IAAI;0BACY;4BACC,KAAK,yBAAyB;;;CAGxD;;gBAEgBC;;AAClB;YA3CG,QAAQ;CAAE,SAAS;CAAa,WAAW;AAAK,CAAC,GACjD,MAAM,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;4BAHRC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA+CtC,IAAA,sBAAe"}

package/es-custom/components/card/card-header-media.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Card header media — full-width icon/image slot rendered above the title row.
+ *
+ * @element cds-custom-card-header-media
+ * @slot - Default slot for an icon, image, or pictogram.
+ */
+declare class CDSCardHeaderMedia extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSCardHeaderMedia;
+//# sourceMappingURL=card-header-media.d.ts.map

package/es-custom/components/card/card-header-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header-media.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-header-media.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}

package/es-custom/components/card/card-header-media.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import { carbonElement } from "../../globals/decorators/carbon-element.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
+import card_default from "./card.scss.js";
+import { LitElement, html } from "lit";
+//#region src/components/card/card-header-media.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Card header media — full-width icon/image slot rendered above the title row.
+*
+* @element cds-custom-card-header-media
+* @slot - Default slot for an icon, image, or pictogram.
+*/
+let CDSCardHeaderMedia = class CDSCardHeaderMedia extends LitElement {
+	render() {
+		return html`<div class="${"cds-custom"}--card__header-media"><slot></slot></div>`;
+	}
+	static {
+		this.styles = card_default;
+	}
+};
+CDSCardHeaderMedia = __decorate([carbonElement(`cds-custom-card-header-media`)], CDSCardHeaderMedia);
+var card_header_media_default = CDSCardHeaderMedia;
+//#endregion
+export { card_header_media_default as default };
+
+//# sourceMappingURL=card-header-media.js.map

package/es-custom/components/card/card-header-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header-media.js","names":["styles","customElement"],"sources":["../../../src/components/card/card-header-media.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './card.scss?lit';\n\n/**\n * Card header media — full-width icon/image slot rendered above the title row.\n *\n * @element cds-custom-card-header-media\n * @slot - Default slot for an icon, image, or pictogram.\n */\n@customElement(`${prefix}-card-header-media`)\nclass CDSCardHeaderMedia extends LitElement {\n  render() {\n    return html`<div class=\"${prefix}--card__header-media\"><slot></slot></div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCardHeaderMedia;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;CAC1C,SAAS;EACP,OAAO,IAAI,eAAA,MAAsB;CACnC;;gBAEgBA;;AAClB;iCAPCC,cAAc,uBAA6B,CAAA,GAAA,kBAAA;AAS5C,IAAA,4BAAe"}