Skip to main content

Toast Alert (with-title) top padding adjusted from 8px to 12px (WEB-1128)

Version: 0.6.4 ยท Type: ๐Ÿ› Bug Fix

WEB-1128

Problemโ€‹

The Feedback (Toast) Alert variant with a title had a 8px top padding on the content area. In real usage the title felt cramped against the top edge of the card, lacking breathing room.

This was surfaced during a Web design walkthrough in a real usage scenario โ€” it is not a fidelity issue (the implementation matches the design), so only the implementation is adjusted; the design file is not changed.

Changed Filesโ€‹

  • packages/design/src/components/Toast/styles.ts
  • packages/design/src/components/Feedbacks/FeedbacksDesignSpec.md
  • packages/design/src/components/Toast/__tests__/Toast.test.tsx

Changesโ€‹

  1. TOAST_ROOT_ALERT_CLASS now appends pt-(--Spacing_12), overriding the top portion of the shared root py-(--Spacing_8), so the Alert top padding is 12px while the bottom stays 8px.
  2. The Message form (TOAST_ROOT_MESSAGE_CLASS) and the left/right/bottom padding are unchanged โ€” only the with-title (Alert) variant, only the top.