@bpmn-io/form-js-viewer 1.24.1 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -285,7 +285,8 @@
285
285
  }
286
286
 
287
287
  .fjs-container .fjs-inline-label {
288
- align-items: center;
288
+ /* keep the input next to the first line of a wrapping label */
289
+ align-items: flex-start;
289
290
  display: flex;
290
291
  }
291
292
 
@@ -390,6 +391,11 @@
390
391
  line-height: var(--line-height-input);
391
392
  letter-spacing: var(--letter-spacing-input);
392
393
  color: var(--color-text);
394
+
395
+ /* wrap long option labels instead of cutting them off */
396
+ white-space: normal;
397
+ overflow: visible;
398
+ overflow-wrap: anywhere;
393
399
  }
394
400
 
395
401
  .fjs-container .fjs-form-field-checklist .fjs-form-field-label:first-child,
@@ -269,7 +269,8 @@
269
269
  }
270
270
 
271
271
  .fjs-container .fjs-inline-label {
272
- align-items: center;
272
+ /* keep the input next to the first line of a wrapping label */
273
+ align-items: flex-start;
273
274
  display: flex;
274
275
  }
275
276
 
@@ -350,6 +351,10 @@
350
351
  line-height: var(--line-height-input);
351
352
  letter-spacing: var(--letter-spacing-input);
352
353
  color: var(--color-text);
354
+ /* wrap long option labels instead of cutting them off */
355
+ white-space: normal;
356
+ overflow: visible;
357
+ overflow-wrap: anywhere;
353
358
  }
354
359
 
355
360
  .fjs-container .fjs-form-field-checklist .fjs-form-field-label:first-child,
package/dist/index.cjs CHANGED
@@ -1960,10 +1960,13 @@ function Label(props) {
1960
1960
  class: classNames('fjs-form-field-label', {
1961
1961
  'fjs-incollapsible-label': !collapseOnEmpty
1962
1962
  }, props['class']),
1963
- children: [props.children, evaluatedLabel, required && jsxRuntime.jsx("span", {
1964
- class: "fjs-asterix",
1965
- "aria-hidden": true,
1966
- children: "*"
1963
+ children: [props.children, jsxRuntime.jsxs("span", {
1964
+ class: "fjs-label-content",
1965
+ children: [evaluatedLabel, required && jsxRuntime.jsx("span", {
1966
+ class: "fjs-asterix",
1967
+ "aria-hidden": true,
1968
+ children: "*"
1969
+ })]
1967
1970
  })]
1968
1971
  });
1969
1972
  }