@xenterprises/nuxt-x-marketing 1.15.0 → 1.15.1

package/CHANGELOG.md

@@ -30,6 +30,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   section and its sample product data were dropped with them. Every other section of the
   demo page is unchanged.
 
+## [1.15.1] - 2026-10-18
+
+### Fixed
+
+- **`XMarkCTA` long button labels wrap on narrow screens** instead of being clipped (seen on
+  375/390px phones). UButton renders its label with `truncate` (nowrap) inside an `inline-flex`
+  button with no max width, so a long label pushed the button past the section edge. XMarkCTA now
+  passes `ui: { base: "max-w-full", label: "whitespace-normal break-words text-center" }`: the
+  button is capped at its row, the label wraps centered, and the button grows in height.
+  Short labels (every width) and desktop are pixel-identical to 1.15.0. XMarkHero and the
+  pre-footer section use the default slot (no `truncate`) and already wrapped; they are unchanged.
+
 ## [1.15.0] - 2026-10-13
 
 HTML change, no visual change: screenshots at 1440 and 390 (default and `container="lg"`) are

package/app/components/X/Mark/CTA/index.vue

@@ -67,6 +67,7 @@
 					:icon="button.icon"
 					:size="size === 'lg' ? 'lg' : 'md'"
 					:class="getButtonClass(button, index)"
+					:ui="buttonUi"
 				/>
 			</div>
 		</div>
@@ -272,6 +273,19 @@ const buttonsClasses = computed(() => {
 	return layouts[props.variant];
 });
 
+/**
+ * 1.15.1: let long labels wrap on narrow screens. Nuxt UI's UButton puts `truncate`
+ * (white-space: nowrap; overflow: hidden; text-overflow: ellipsis) on the label and the
+ * button is inline-flex with no max width, so a long label is forced onto one line and the
+ * button runs past the section edge, where `overflow-hidden` clips it.
+ * max-w-full caps the button at its row; whitespace-normal lets the label wrap only when it
+ * no longer fits; text-center centres the wrapped lines. Labels that fit are unaffected.
+ */
+const buttonUi = {
+	base: "max-w-full",
+	label: "whitespace-normal break-words text-center",
+};
+
 const getButtonColor = (button, index) => {
 	// Allow explicit color override
 	if (button.color && button.color !== "white") return button.color;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@xenterprises/nuxt-x-marketing",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",