@verbb/formie-browser 1.0.8 → 1.0.10

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 (85) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/chunks/_survey-presentations-RbSqcQph.js +4 -0
  3. package/dist/chunks/{address-state-BQ0xGV9n.js → address-state-BwE01m2_.js} +1 -1
  4. package/dist/chunks/{api-C8wyLC-s.js → api-BYe9YPko.js} +10 -3
  5. package/dist/chunks/{bpoint-CwSw_p7A.js → bpoint-C0VOftX9.js} +1 -1
  6. package/dist/chunks/{calculations-CeDgB9jt.js → calculations-HAZ8wUrT.js} +1 -1
  7. package/dist/chunks/checkbox-radio-BY2aTCOG.js +177 -0
  8. package/dist/chunks/{combobox-D-2b42wn.js → combobox-C0EuExSI.js} +1 -1
  9. package/dist/chunks/{conditions-B6_nzpeE.js → conditions-BiA_uANV.js} +1 -1
  10. package/dist/chunks/{dist-BQ4a9hmy.js → dist-BaHXfvBO.js} +1 -1
  11. package/dist/chunks/{eway-B30BMlDp.js → eway-CS6Y1Yvo.js} +1 -1
  12. package/dist/chunks/{file-upload-D49m8-DR.js → file-upload-rqfZNqlH.js} +1 -1
  13. package/dist/chunks/{go-cardless-BiF3iLel.js → go-cardless-BTPD668l.js} +1 -1
  14. package/dist/chunks/{mollie-D__SwtcH.js → mollie-CXgBwvo6.js} +1 -1
  15. package/dist/chunks/{moneris-KJS1BKx7.js → moneris-B6oLu7nj.js} +1 -1
  16. package/dist/chunks/{opayo-A_LIkc-v.js → opayo-DPUA5CKr.js} +1 -1
  17. package/dist/chunks/{paddle-BjbOOb0m.js → paddle-GRlsm5mm.js} +1 -1
  18. package/dist/chunks/password-validation-D5AirwUM.js +49 -0
  19. package/dist/chunks/{paypal-CyjHIV8v.js → paypal-CdcZnf6r.js} +2 -2
  20. package/dist/chunks/{payway-a_cyrr3j.js → payway-CfmYOS__.js} +2 -2
  21. package/dist/chunks/{repeater-B5leVxZU.js → repeater-BVnPUqTj.js} +1 -1
  22. package/dist/chunks/rich-text-Bg_--4TG.js +349 -0
  23. package/dist/chunks/{square-Bga6WXHV.js → square-BY--5M-X.js} +1 -1
  24. package/dist/chunks/{stripe-BlqVocl3.js → stripe-uusYjWty.js} +2 -2
  25. package/dist/chunks/{survey-likert-DmJ3klhP.js → survey-likert-DkE6bR7B.js} +1 -1
  26. package/dist/chunks/{survey-rank-DeUenftw.js → survey-rank-DN6x4IZM.js} +1 -1
  27. package/dist/chunks/{survey-rating-BPUYDgBJ.js → survey-rating-BnsNL9U5.js} +1 -1
  28. package/dist/chunks/{table-C-lkQN6I.js → table-CAjCJHrL.js} +1 -1
  29. package/dist/chunks/{text-limit-DbgEFHLO.js → text-limit-nSATKyhp.js} +1 -1
  30. package/dist/chunks/{upload-manager-BpqWSHmU.js → upload-manager-W-QDgxKD.js} +1 -1
  31. package/dist/css/theme/_tokens.css +10 -5
  32. package/dist/css/theme/fields/_check-radio.css +26 -1
  33. package/dist/css/theme/fields/_combobox.css +1 -1
  34. package/dist/css/theme/fields/_file.css +3 -3
  35. package/dist/css/theme/fields/_input.css +1 -1
  36. package/dist/css/theme/fields/_repeater.css +1 -1
  37. package/dist/css/theme/fields/_rich-text.css +1 -1
  38. package/dist/css/theme/fields/_select.css +1 -1
  39. package/dist/css/theme/fields/_survey-presentations.css +1 -1
  40. package/dist/css/theme/fields/_table.css +1 -1
  41. package/dist/css/theme/fields/_upload-manager.css +3 -3
  42. package/dist/css/theme/integrations/_paypal.css +1 -1
  43. package/dist/css/theme/integrations/_payway.css +1 -1
  44. package/dist/css/theme/integrations/_stripe.css +1 -1
  45. package/dist/index.js +520 -505
  46. package/dist/js/core/create-formie-client.d.ts.map +1 -1
  47. package/dist/js/core/submit-flow.d.ts.map +1 -1
  48. package/dist/js/core/submit-result-state.d.ts.map +1 -1
  49. package/dist/js/core/submit-result-ui.d.ts +1 -0
  50. package/dist/js/core/submit-result-ui.d.ts.map +1 -1
  51. package/dist/js/modules/fields/checkbox-radio.d.ts.map +1 -1
  52. package/dist/js/modules/fields/index.d.ts.map +1 -1
  53. package/dist/js/modules/fields/password-validation.d.ts +3 -0
  54. package/dist/js/modules/fields/password-validation.d.ts.map +1 -0
  55. package/dist/js/utils/fields.d.ts.map +1 -1
  56. package/dist/js/validation/rules/match.d.ts.map +1 -1
  57. package/package.json +2 -2
  58. package/src/css/theme/_tokens.css +10 -5
  59. package/src/css/theme/fields/_check-radio.css +26 -1
  60. package/src/css/theme/fields/_combobox.css +1 -1
  61. package/src/css/theme/fields/_file.css +3 -3
  62. package/src/css/theme/fields/_input.css +1 -1
  63. package/src/css/theme/fields/_repeater.css +1 -1
  64. package/src/css/theme/fields/_rich-text.css +1 -1
  65. package/src/css/theme/fields/_select.css +1 -1
  66. package/src/css/theme/fields/_survey-presentations.css +1 -1
  67. package/src/css/theme/fields/_table.css +1 -1
  68. package/src/css/theme/fields/_upload-manager.css +3 -3
  69. package/src/css/theme/integrations/_paypal.css +1 -1
  70. package/src/css/theme/integrations/_payway.css +1 -1
  71. package/src/css/theme/integrations/_stripe.css +1 -1
  72. package/src/js/core/create-formie-client.ts +9 -1
  73. package/src/js/core/submit-flow.ts +3 -1
  74. package/src/js/core/submit-result-state.ts +12 -0
  75. package/src/js/core/submit-result-ui.ts +47 -9
  76. package/src/js/modules/fields/checkbox-radio.ts +133 -4
  77. package/src/js/modules/fields/index.ts +1 -0
  78. package/src/js/modules/fields/password-validation.ts +132 -0
  79. package/src/js/utils/fields.ts +14 -2
  80. package/src/js/validation/rules/match.ts +5 -4
  81. package/src/js/validation/rules/minmax.ts +2 -2
  82. package/src/js/validation/rules/number.ts +1 -1
  83. package/dist/chunks/_survey-presentations-CFsgToRT.js +0 -4
  84. package/dist/chunks/checkbox-radio-DQ0H67Tj.js +0 -125
  85. package/dist/chunks/rich-text-D0sb8bmX.js +0 -349
package/dist/css/theme/fields/_file.css CHANGED
@@ -12,7 +12,7 @@
12
12
  margin-inline-end: var(--formie-space-2);
13
13
  padding: calc(var(--formie-control-padding-y) - 1px) var(--formie-space-2);
14
14
  min-height: calc(var(--formie-control-height) - (var(--formie-space-1) * 2));
15
- border: var(--formie-border-width) solid var(--formie-color-border);
15
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
16
16
  border-radius: calc(var(--formie-radius-sm) - 1px);
17
17
  background: var(--formie-color-surface-subtle);
18
18
  color: var(--formie-color-heading);
@@ -26,7 +26,7 @@
26
26
 
27
27
  .formie-file-input:hover::file-selector-button,
28
28
  .formie-file-input:hover::-webkit-file-upload-button {
29
- border-color: color-mix(in srgb, var(--formie-color-border) 70%, var(--formie-color-heading) 30%);
29
+ border-color: color-mix(in srgb, var(--formie-color-border-control) 70%, var(--formie-color-heading) 30%);
30
30
  background: var(--formie-color-surface-muted);
31
31
  }
32
32
 
@@ -47,7 +47,7 @@
47
47
  .formie-file-summary {
48
48
  padding: var(--formie-file-summary-padding);
49
49
  gap: var(--formie-gap-file-summary);
50
- border: var(--formie-border-width) solid var(--formie-color-border);
50
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
51
51
  border-radius: var(--formie-radius-sm);
52
52
  }
53
53
 
package/dist/css/theme/fields/_input.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .formie-input,
4
4
  .formie-textarea {
5
- border: var(--formie-border-width) solid var(--formie-color-border);
5
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
6
6
  border-radius: var(--formie-radius-sm);
7
7
  background: var(--formie-color-surface);
8
8
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
package/dist/css/theme/fields/_repeater.css CHANGED
@@ -9,7 +9,7 @@
9
9
  display: grid;
10
10
  gap: var(--formie-space-4);
11
11
  padding: var(--formie-space-4);
12
- border: var(--formie-border-width) solid var(--formie-color-border);
12
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
13
13
  border-radius: var(--formie-radius-md);
14
14
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
15
15
  }
package/dist/css/theme/fields/_rich-text.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer formie-theme {
2
2
  .formie-rich-text {
3
- border: var(--formie-border-width) solid var(--formie-color-border);
3
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
4
4
  border-radius: var(--formie-radius-sm);
5
5
  background: var(--formie-color-surface);
6
6
  box-sizing: border-box;
package/dist/css/theme/fields/_select.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer formie-theme {
2
2
  .formie-select {
3
- border: var(--formie-border-width) solid var(--formie-color-border);
3
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
4
4
  border-radius: var(--formie-radius-sm);
5
5
  background: var(--formie-color-surface);
6
6
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
package/dist/css/theme/fields/_survey-presentations.css CHANGED
@@ -263,7 +263,7 @@
263
263
  gap: var(--formie-space-2);
264
264
  margin: 0;
265
265
  padding: var(--formie-space-2) var(--formie-space-3);
266
- border: var(--formie-border-width) solid var(--formie-survey-rank-item-border-color, var(--formie-color-border));
266
+ border: var(--formie-border-width) solid var(--formie-survey-rank-item-border-color, var(--formie-color-border-control));
267
267
  border-radius: var(--formie-border-radius);
268
268
  background: var(--formie-survey-rank-item-background, var(--formie-color-surface));
269
269
  cursor: move;
package/dist/css/theme/fields/_table.css CHANGED
@@ -17,7 +17,7 @@
17
17
  text-align: var(--formie-table-th-text-align);
18
18
  font-size: var(--formie-table-th-font-size);
19
19
  font-weight: var(--formie-table-th-font-weight);
20
- color: var(--formie-table-th-color, var(--formie-gray-500));
20
+ color: var(--formie-table-th-color, var(--formie-color-text-muted));
21
21
  }
22
22
 
23
23
  .formie-table th,
package/dist/css/theme/fields/_upload-manager.css CHANGED
@@ -13,7 +13,7 @@
13
13
  gap: var(--formie-space-2);
14
14
  padding: var(--formie-space-4);
15
15
  min-height: calc(var(--formie-control-height) * 3);
16
- border: var(--formie-border-width) dashed var(--formie-color-border);
16
+ border: var(--formie-border-width) dashed var(--formie-color-border-control);
17
17
  border-radius: var(--formie-radius-sm);
18
18
  background: var(--formie-color-surface-subtle);
19
19
  color: var(--formie-color-text);
@@ -61,7 +61,7 @@
61
61
  align-items: center;
62
62
  gap: var(--formie-space-2);
63
63
  padding: var(--formie-space-2) var(--formie-space-3);
64
- border: var(--formie-border-width) solid var(--formie-color-border);
64
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
65
65
  border-radius: var(--formie-radius-sm);
66
66
  background: var(--formie-color-surface);
67
67
  }
@@ -150,7 +150,7 @@
150
150
  }
151
151
 
152
152
  .formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-label {
153
- color: var(--formie-color-success, var(--formie-color-primary));
153
+ color: var(--formie-color-success-dark, var(--formie-color-primary));
154
154
  font-weight: var(--formie-font-weight-medium);
155
155
  }
156
156
 
package/dist/css/theme/integrations/_paypal.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer formie-theme {
2
2
  .formie-paypal-button {
3
- border: var(--formie-border-width) solid var(--formie-color-border);
3
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
4
4
  border-radius: var(--formie-radius-sm);
5
5
  background: var(--formie-color-surface);
6
6
  box-sizing: border-box;
package/dist/css/theme/integrations/_payway.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer formie-theme {
2
2
  .formie-payway-button {
3
- border: var(--formie-border-width) solid var(--formie-color-border);
3
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
4
4
  border-radius: var(--formie-radius-sm);
5
5
  background: var(--formie-color-surface);
6
6
  box-sizing: border-box;
package/dist/css/theme/integrations/_stripe.css CHANGED
@@ -10,7 +10,7 @@
10
10
  min-height: 12rem;
11
11
  width: 100%;
12
12
  padding: var(--formie-space-4);
13
- border: var(--formie-border-width) solid var(--formie-color-border);
13
+ border: var(--formie-border-width) solid var(--formie-color-border-control);
14
14
  border-radius: var(--formie-radius-sm);
15
15
  background: var(--formie-color-surface);
16
16
  color: var(--formie-color-text-muted);