@bpmn-io/form-js-viewer 0.12.0 → 0.12.2

package/dist/assets/form-js.css

@@ -215,23 +215,22 @@
   padding: 8px;
   width: auto !important;
   min-width: 34px;
+  display: flex;
+  overflow: hidden;
+}
+
+.fjs-container .fjs-input-adornment span {
+  width: 100%;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
-  display: flex;
+  white-space: nowrap;
 }
 
 .fjs-container .fjs-input-adornment svg {
-  display: block;
   margin: auto;
-  width: 15px;
 }
 
-.fjs-container .fjs-input-adornment span {
-  color: var(--color-background-adornment);
-}
-
-
 .fjs-container .fjs-input[type='text'],
 .fjs-container .fjs-input[type='email'],
 .fjs-container .fjs-input[type='tel'],
@@ -267,6 +266,11 @@
   width: 100%;
 }
 
+.fjs-container .fjs-timepicker-anchor {
+  height: 100%;
+  display: flex;
+}
+
 .fjs-container .fjs-form-field-datetime .fjs-input-adornment svg {
   color: var(--color-icon-base);
 }
@@ -347,6 +351,8 @@
 
 .fjs-container .flatpickr-wrapper {
   width: 100%;
+  height: 100%;
+  display: flex;
 }
 
 .fjs-container .fjs-textarea {

package/dist/index.cjs

@@ -1889,11 +1889,17 @@ function InputAdorner(props) {
     children: [pre !== null && jsxRuntime.jsxs("span", {
       class: "fjs-input-adornment border-right border-radius-left",
       onClick: onAdornmentClick,
-      children: [" ", pre, " "]
+      children: [" ", minDash.isString(pre) ? jsxRuntime.jsx("span", {
+        class: "fjs-input-adornment-text",
+        children: pre
+      }) : pre, " "]
     }), children, post !== null && jsxRuntime.jsxs("span", {
       class: "fjs-input-adornment border-left border-radius-right",
       onClick: onAdornmentClick,
-      children: [" ", post, " "]
+      children: [" ", minDash.isString(post) ? jsxRuntime.jsx("span", {
+        class: "fjs-input-adornment-text",
+        children: post
+      }) : post, " "]
     })]
   });
 }
@@ -4005,21 +4011,23 @@ var ImageIcon = (({
   fill: "#000"
 })));
 
-const iconsByType = {
-  button: ButtonIcon,
-  checkbox: CheckboxIcon,
-  checklist: ChecklistIcon,
-  columns: ColumnsIcon,
-  datetime: DatetimeIcon,
-  image: ImageIcon,
-  number: NumberIcon,
-  radio: RadioIcon,
-  select: SelectIcon,
-  taglist: TaglistIcon,
-  text: TextIcon,
-  textfield: TextfieldIcon,
-  textarea: TextareaIcon,
-  default: FormIcon
+const iconsByType = type => {
+  return {
+    button: ButtonIcon,
+    checkbox: CheckboxIcon,
+    checklist: ChecklistIcon,
+    columns: ColumnsIcon,
+    datetime: DatetimeIcon,
+    image: ImageIcon,
+    number: NumberIcon,
+    radio: RadioIcon,
+    select: SelectIcon,
+    taglist: TaglistIcon,
+    text: TextIcon,
+    textfield: TextfieldIcon,
+    textarea: TextareaIcon,
+    default: FormIcon
+  }[type];
 };
 
 const formFields = [Button, Checkbox, Checklist, Default, Image, Numberfield, Datetime, Radio, Select, Taglist, Text, Textfield, Textarea];