@kolkrabbi/kol-component 0.161.0 → 0.162.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.161.0",
+  "version": "0.162.0",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/molecules/ContentCard.jsx

@@ -199,6 +199,13 @@ export default function ContentCard({
   ) : null
   const r = ratio ?? RATIOS[variant]
   const padding = pad ? `var(--kol-pad-card-${pad})` : box.pad
+  /* the inset takes SINGLE values (ContentCardActionsInsetShorthand, kol-monitor
+   * 2026-09-02): `catalog`'s pad is the two-value shorthand `sm md`, and a
+   * two-value string is invalid for top / right / bottom — all three dropped
+   * and the actions landed at their static position, under the copy at the
+   * left, instead of bottom-right (the 2026-08-15 ruling). Block from the
+   * first value, inline from the second (or the same one). */
+  const [padBlock, padInline = padBlock] = String(padding ?? '0').trim().split(/\s+/)
   /* image-only cards (print) pass no text slots — the empty plate must not render */
   const hasText = ['title', 'body', 'kicker', 'detail', 'date', 'size', 'meta', 'tags'].some((k) => textSlots[k] != null)
   /* `actions` sit IN THE TEXT PLATE, bottom-right (user ruling 2026-08-15:
@@ -233,7 +240,7 @@ export default function ContentCard({
       {actions && (
         <div
           className="absolute flex"
-          style={{ top: padding, bottom: padding, right: padding }}
+          style={{ top: padBlock, bottom: padBlock, right: padInline }}
         >
           {actions}
         </div>