CSSClassContract

@whittakertech/mosaic / CSSClassContract

Interface: CSSClassContract

Defined in: css/contract.ts:12

Defines the semantic CSS class contract used by MosaicJS.

Each property represents a stable, meaning-based styling hook that may be applied during the drag lifecycle.

Remarks

MosaicJS does not impose visual styles. These class names are intended to integrate with external design systems or utility frameworks.

Properties

active

active: string;

Defined in: css/contract.ts:14

Applied to the element currently being dragged

---

dropAllowed

dropAllowed: string;

Defined in: css/contract.ts:23

Applied when a drop is allowed

---

dropRejected

dropRejected: string;

Defined in: css/contract.ts:26

Applied when a drop is rejected

---

dropTarget

dropTarget: string;

Defined in: css/contract.ts:20

Applied to valid drop targets

---

ghost

ghost: string;

Defined in: css/contract.ts:17

Applied to the ghost/clone element

---

groupActive

groupActive: string;

Defined in: css/contract.ts:29

Applied to the active node’s group container during drag (#13)

---

groupHover

groupHover: string;

Defined in: css/contract.ts:32

Applied to a group container being hovered during cross-group drag (#13)