@bpmn-io/form-js-viewer 1.10.1 → 1.11.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.
Files changed (33) hide show
  1. package/dist/assets/form-js-base.css +22 -3
  2. package/dist/assets/form-js.css +22 -3
  3. package/dist/index.cjs +409 -185
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.es.js +409 -186
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/types/core/FieldFactory.d.ts +1 -1
  8. package/dist/types/index.d.ts +1 -1
  9. package/dist/types/render/components/Util.d.ts +1 -0
  10. package/dist/types/render/components/form-fields/Button.d.ts +2 -1
  11. package/dist/types/render/components/form-fields/Checkbox.d.ts +4 -2
  12. package/dist/types/render/components/form-fields/Checklist.d.ts +2 -3
  13. package/dist/types/render/components/form-fields/Datetime.d.ts +3 -2
  14. package/dist/types/render/components/form-fields/Default.d.ts +1 -0
  15. package/dist/types/render/components/form-fields/DynamicList.d.ts +2 -1
  16. package/dist/types/render/components/form-fields/ExpressionField.d.ts +1 -1
  17. package/dist/types/render/components/form-fields/FilePicker.d.ts +47 -0
  18. package/dist/types/render/components/form-fields/Group.d.ts +2 -1
  19. package/dist/types/render/components/form-fields/Html.d.ts +1 -1
  20. package/dist/types/render/components/form-fields/IFrame.d.ts +2 -1
  21. package/dist/types/render/components/form-fields/Image.d.ts +2 -1
  22. package/dist/types/render/components/form-fields/Number.d.ts +4 -2
  23. package/dist/types/render/components/form-fields/Radio.d.ts +2 -3
  24. package/dist/types/render/components/form-fields/Select.d.ts +2 -3
  25. package/dist/types/render/components/form-fields/Separator.d.ts +1 -1
  26. package/dist/types/render/components/form-fields/Spacer.d.ts +1 -1
  27. package/dist/types/render/components/form-fields/Table.d.ts +2 -1
  28. package/dist/types/render/components/form-fields/Taglist.d.ts +2 -3
  29. package/dist/types/render/components/form-fields/Text.d.ts +2 -1
  30. package/dist/types/render/components/form-fields/Textarea.d.ts +4 -2
  31. package/dist/types/render/components/form-fields/Textfield.d.ts +4 -2
  32. package/dist/types/render/components/index.d.ts +3 -2
  33. package/package.json +5 -5
package/dist/assets/form-js-base.css CHANGED
@@ -461,6 +461,7 @@
461
461
  .fjs-container .fjs-input[type='tel'],
462
462
  .fjs-container .fjs-input[type='number'],
463
463
  .fjs-container .fjs-button[type='submit'],
464
+ .fjs-container .fjs-button[type='button'],
464
465
  .fjs-container .fjs-button[type='reset'],
465
466
  .fjs-container .fjs-textarea,
466
467
  .fjs-container .fjs-select {
@@ -636,7 +637,8 @@
636
637
  margin: 6px 10px 6px 4px;
637
638
  }
638
639
 
639
- .fjs-container .fjs-button[type='submit'] {
640
+ .fjs-container .fjs-button[type='submit'],
641
+ .fjs-container .fjs-button[type='button'] {
640
642
  color: var(--cds-text-inverse, var(--color-white));
641
643
  background-color: var(--color-accent);
642
644
  border-color: var(--color-accent);
@@ -649,12 +651,14 @@
649
651
  }
650
652
 
651
653
  .fjs-container .fjs-button[type='submit'],
654
+ .fjs-container .fjs-button[type='button'],
652
655
  .fjs-container .fjs-button[type='reset'] {
653
656
  min-width: 100px;
654
657
  width: auto;
655
658
  }
656
659
 
657
- .fjs-container .fjs-button[type='submit'] {
660
+ .fjs-container .fjs-button[type='submit'],
661
+ .fjs-container .fjs-button[type='button'] {
658
662
  font-weight: 600;
659
663
  }
660
664
 
@@ -665,6 +669,7 @@
665
669
  .fjs-container .fjs-input[type='tel']:focus,
666
670
  .fjs-container .fjs-input[type='number']:focus,
667
671
  .fjs-container .fjs-button[type='submit']:focus,
672
+ .fjs-container .fjs-button[type='button']:focus,
668
673
  .fjs-container .fjs-button[type='reset']:focus,
669
674
  .fjs-container .fjs-textarea:focus,
670
675
  .fjs-container .fjs-select:focus {
@@ -681,7 +686,8 @@
681
686
  outline: none;
682
687
  }
683
688
 
684
- .fjs-container .fjs-button[type='submit']:focus {
689
+ .fjs-container .fjs-button[type='submit']:focus,
690
+ .fjs-container .fjs-button[type='button']:focus {
685
691
  border-color: var(--color-accent);
686
692
  }
687
693
 
@@ -724,6 +730,7 @@
724
730
  }
725
731
 
726
732
  .fjs-container .fjs-button[type='submit']:disabled,
733
+ .fjs-container .fjs-button[type='button']:disabled,
727
734
  .fjs-container .fjs-button[type='reset']:disabled {
728
735
  color: var(--cds-text-on-color-disabled, var(--color-text-light));
729
736
  background-color: var(--color-background-disabled);
@@ -731,6 +738,7 @@
731
738
  }
732
739
 
733
740
  .fjs-container .fjs-button[type='submit']:read-only,
741
+ .fjs-container .fjs-button[type='button']:read-only,
734
742
  .fjs-container .fjs-button[type='reset']:read-only {
735
743
  color: var(--text-light);
736
744
  background-color: var(--color-background-readonly);
@@ -1278,3 +1286,14 @@
1278
1286
  .fjs-container .flatpickr-calendar {
1279
1287
  width: 326px;
1280
1288
  }
1289
+
1290
+ .fjs-hidden {
1291
+ display: none;
1292
+ }
1293
+
1294
+ .fjs-container .fjs-filepicker-container {
1295
+ display: flex;
1296
+ flex-direction: row;
1297
+ align-items: center;
1298
+ gap: 8px;
1299
+ }
package/dist/assets/form-js.css CHANGED
@@ -421,6 +421,7 @@
421
421
  .fjs-container .fjs-input[type=tel],
422
422
  .fjs-container .fjs-input[type=number],
423
423
  .fjs-container .fjs-button[type=submit],
424
+ .fjs-container .fjs-button[type=button],
424
425
  .fjs-container .fjs-button[type=reset],
425
426
  .fjs-container .fjs-textarea,
426
427
  .fjs-container .fjs-select {
@@ -596,7 +597,8 @@
596
597
  margin: 6px 10px 6px 4px;
597
598
  }
598
599
 
599
- .fjs-container .fjs-button[type=submit] {
600
+ .fjs-container .fjs-button[type=submit],
601
+ .fjs-container .fjs-button[type=button] {
600
602
  color: var(--cds-text-inverse, var(--color-white));
601
603
  background-color: var(--color-accent);
602
604
  border-color: var(--color-accent);
@@ -609,12 +611,14 @@
609
611
  }
610
612
 
611
613
  .fjs-container .fjs-button[type=submit],
614
+ .fjs-container .fjs-button[type=button],
612
615
  .fjs-container .fjs-button[type=reset] {
613
616
  min-width: 100px;
614
617
  width: auto;
615
618
  }
616
619
 
617
- .fjs-container .fjs-button[type=submit] {
620
+ .fjs-container .fjs-button[type=submit],
621
+ .fjs-container .fjs-button[type=button] {
618
622
  font-weight: 600;
619
623
  }
620
624
 
@@ -625,6 +629,7 @@
625
629
  .fjs-container .fjs-input[type=tel]:focus,
626
630
  .fjs-container .fjs-input[type=number]:focus,
627
631
  .fjs-container .fjs-button[type=submit]:focus,
632
+ .fjs-container .fjs-button[type=button]:focus,
628
633
  .fjs-container .fjs-button[type=reset]:focus,
629
634
  .fjs-container .fjs-textarea:focus,
630
635
  .fjs-container .fjs-select:focus {
@@ -641,7 +646,8 @@
641
646
  outline: none;
642
647
  }
643
648
 
644
- .fjs-container .fjs-button[type=submit]:focus {
649
+ .fjs-container .fjs-button[type=submit]:focus,
650
+ .fjs-container .fjs-button[type=button]:focus {
645
651
  border-color: var(--color-accent);
646
652
  }
647
653
 
@@ -684,6 +690,7 @@
684
690
  }
685
691
 
686
692
  .fjs-container .fjs-button[type=submit]:disabled,
693
+ .fjs-container .fjs-button[type=button]:disabled,
687
694
  .fjs-container .fjs-button[type=reset]:disabled {
688
695
  color: var(--cds-text-on-color-disabled, var(--color-text-light));
689
696
  background-color: var(--color-background-disabled);
@@ -691,6 +698,7 @@
691
698
  }
692
699
 
693
700
  .fjs-container .fjs-button[type=submit]:read-only,
701
+ .fjs-container .fjs-button[type=button]:read-only,
694
702
  .fjs-container .fjs-button[type=reset]:read-only {
695
703
  color: var(--text-light);
696
704
  background-color: var(--color-background-readonly);
@@ -1238,6 +1246,17 @@
1238
1246
  width: 326px;
1239
1247
  }
1240
1248
 
1249
+ .fjs-hidden {
1250
+ display: none;
1251
+ }
1252
+
1253
+ .fjs-container .fjs-filepicker-container {
1254
+ display: flex;
1255
+ flex-direction: row;
1256
+ align-items: center;
1257
+ gap: 8px;
1258
+ }
1259
+
1241
1260
  .cds--grid {
1242
1261
  margin-inline: auto;
1243
1262
  max-inline-size: 99rem;