@arquimedes.co/eureka-forms 3.0.61 → 3.0.62

package/dist/App/App.stories.d.ts

@@ -31,7 +31,7 @@ export declare const Postview: Story;
 /**
  * Every checkbox variant in one form: sizes 1–4, required, description, list mode, long
  * labels, nested `steps` / `uncheckedSteps`, and a checkbox inside a collapsible. Resize the
- * preview below ~900px to see the collapsed label mode (100% width, 2-line clamp, "ver más").
+ * preview below ~900px to see the collapsed label mode (100% width, 1-line clamp, "ver más").
  * Inside the collapsible, close/reopen it and then check the checkbox to reproduce the clipped
  * nested steps.
  */

package/dist/App/App.stories.js

@@ -299,7 +299,7 @@ export const Postview = {
 // ---------------------------------------------------------------------------------------------
 // Checkboxes: a full form exercising every checkbox variant side by side (sizes, required,
 // description, list mode, long label, nested steps, uncheckedSteps and a checkbox inside a
-// collapsible). Resize the preview to see the collapsed (100% width, 2-line clamp) label mode.
+// collapsible). Resize the preview to see the collapsed (100% width, 1-line clamp) label mode.
 // ---------------------------------------------------------------------------------------------
 const cbTextInput = (id, label, size = 2) => ({
     id,
@@ -452,7 +452,7 @@ const checkboxesForm = {
 /**
  * Every checkbox variant in one form: sizes 1–4, required, description, list mode, long
  * labels, nested `steps` / `uncheckedSteps`, and a checkbox inside a collapsible. Resize the
- * preview below ~900px to see the collapsed label mode (100% width, 2-line clamp, "ver más").
+ * preview below ~900px to see the collapsed label mode (100% width, 1-line clamp, "ver más").
  * Inside the collapsible, close/reopen it and then check the checkbox to reproduce the clipped
  * nested steps.
  */

package/dist/FormSteps/CheckBoxStep/CheckBoxStep.mobileLabel.test.js

@@ -65,7 +65,7 @@ function getLabelDiv() {
     // the leaf div holding only the label text (the wrapping column also matches by textContent)
     return screen.getByText((_, element) => element?.tagName === 'DIV' && element.children.length === 0 && element.textContent === `${LONG_LABEL}:`);
 }
-/** Makes every element report a 2-line-clamped overflow (jsdom has no layout). */
+/** Makes every element report a 1-line-clamped overflow (jsdom has no layout). */
 function mockLabelOverflow() {
     Object.defineProperty(HTMLElement.prototype, 'scrollHeight', {
         configurable: true,
@@ -76,7 +76,7 @@ function mockLabelOverflow() {
     Object.defineProperty(HTMLElement.prototype, 'clientHeight', {
         configurable: true,
         get() {
-            return 48;
+            return 24;
         },
     });
 }
@@ -86,7 +86,7 @@ afterEach(() => {
     delete HTMLElement.prototype.clientHeight;
 });
 describe('CheckBoxStep long labels', () => {
-    it('wraps the label (2-line clamp) instead of single-line truncating it when the step collapses to 100% width', () => {
+    it('clamps the label to 1 line with a toggle instead of a plain ellipsis when the step collapses to 100% width', () => {
         // breakpoint 1 <= size 2 → MaterialInputContainer renders the step at width: 100%
         render(_jsx(Harness, { currentBreakPoint: 1 }));
         const label = getLabelDiv();

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -19,7 +19,7 @@ function CheckBoxStep({ step, editable }) {
     const { formStyle, postview } = useAppSelector((state) => state.global);
     const form = useContext(FormContext);
     const widthStats = useAppSelector(selectWidthStats);
-    // The label is clamped to 2 lines with a "ver más" toggle at every width. A single-line
+    // The label is clamped to 1 line with a "ver más" toggle at every width. A plain
     // ellipsis was used while the step kept its fixed desktop pixel width, but that left long
     // labels unreadable wherever the step is narrow (e.g. a size-1 checkbox on a phone where 2
     // columns fit).

package/dist/FormSteps/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.module.css

@@ -19,8 +19,8 @@
 .clampLbl {
     display: -webkit-box;
     -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
     overflow: hidden;
 }
 .toggleLbl {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version": "3.0.61",
+  "version": "3.0.62",
   "scripts": {
     "watch": "node node_modules/@typescript/native/bin/tsc --noEmit --watch --project tsconfig.app.json",
     "start": "vite",