@helpway/react 0.15.0 → 0.15.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@helpway/react",
-	"version": "0.15.0",
+	"version": "0.15.1",
 	"description": "Official React SDK for Helpway — drop-in AI chat support widget with headless hooks for custom UIs.",
 	"keywords": [
 		"helpway",

package/src/themed/styles.css

@@ -2886,31 +2886,15 @@
 	color: var(--hw-text-1);
 }
 
+/* Layout only. The buttons themselves are .hw-quick-reply-btn — the same control
+   the message list renders — so this class contributes the card's padding and
+   nothing else. It used to carry a full second copy of the button styling, which
+   is how the two versions ended up disagreeing about ground, ink and hover. */
 .hw-preview-quick-replies {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 6px;
 	padding: 0 14px 14px;
-}
-
-.hw-preview-qr-btn {
-	display: inline-flex;
-	align-items: center;
-	padding: 6px 14px;
-	font-size: 13px;
-	font-weight: 500;
-	line-height: 1.3;
-	color: var(--hw-brand, #000);
-	background: transparent;
-	border: 1px solid var(--hw-border, rgba(0, 0, 0, 0.1));
-	border-radius: 18px;
-	cursor: pointer;
-	transition: background 0.15s, border-color 0.15s;
-}
-
-.hw-preview-qr-btn:hover {
-	background: var(--hw-hover, rgba(0, 0, 0, 0.04));
-	border-color: var(--hw-brand, #000);
+	/* .hw-quick-replies brings display/flex-wrap/gap and a top margin meant for
+	   sitting under a bubble; inside the card the padding above is the spacing. */
+	margin-top: 0;
 }
 
 /* ── Preview closing animation ──────────────────────────── */