chore: Bump form-js to 1.4.0

camunda-community-hub · Nov 1, 2023 · b3ef13e · b3ef13e
1 parent 41df65d
commit b3ef13e
Show file tree

Hide file tree

Showing 2 changed files with 8,599 additions and 7,056 deletions.
diff --git a/src/main/resources/public/css/form-js.css b/src/main/resources/public/css/form-js.css
@@ -414,6 +414,15 @@
   justify-content: center;
 }
 
+.fjs-container hr {
+  border: none;
+  border-top: solid 2px var(--color-borders-group);
+}
+
+.fjs-container .fjs-form-field-separator hr {
+  margin: 7px 2px;
+}
+
 .fjs-container .fjs-input[type=text],
 .fjs-container .fjs-input[type=email],
 .fjs-container .fjs-input[type=tel],
@@ -443,11 +452,19 @@
 }
 
 .fjs-container .fjs-datepicker,
-.fjs-container .fjs-timepicker,
-.fjs-container .fjs-datetime-subsection {
+.fjs-container .fjs-timepicker {
   width: 100%;
 }
 
+.fjs-container .fjs-datetime-subsection {
+  min-width: 0;
+  flex: 1;
+}
+
+.fjs-container .fjs-datetime-separator {
+  width: 10px;
+}
+
 .fjs-container .fjs-timepicker-anchor {
   height: 100%;
   display: flex;
@@ -457,10 +474,6 @@
   color: var(--color-icon-base);
 }
 
-.fjs-container .fjs-datetime-separator {
-  width: 10px;
-}
-
 .fjs-container .fjs-input-group {
   display: flex;
   width: 100%;
@@ -529,11 +542,6 @@
   border-radius: 3px;
 }
 
-.fjs-container .fjs-vertical-group {
-  display: flex;
-  width: 100%;
-}
-
 .fjs-container .flatpickr-wrapper {
   width: 100%;
   height: 100%;
@@ -581,6 +589,10 @@
   color: var(--cds-text-inverse, var(--color-text));
 }
 
+.fjs-container .fjs-form-field-number.fjs-readonly .fjs-number-arrow-container {
+  display: none;
+}
+
 .fjs-container .fjs-radio {
   display: flex;
   flex-direction: column;
@@ -801,6 +813,26 @@
   background-color: var(--color-background);
 }
 
+.fjs-container .fjs-taglist-skip-link {
+  outline: none;
+  border: none;
+  background-color: transparent;
+  color: transparent;
+  height: 0px;
+  width: 0px;
+  position: absolute;
+  left: -100px;
+}
+
+.fjs-container .fjs-taglist-skip-link:focus {
+  position: relative;
+  height: auto;
+  width: auto;
+  border: solid 1px var(--color-accent);
+  color: var(--color-accent);
+  left: 0;
+}
+
 .fjs-container .fjs-taglist .fjs-taglist-tag {
   display: flex;
   overflow: hidden;