@verbb/formie-browser 1.0.17-next.9.gcdea13ef01b0 → 4.0.7

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 (6) hide show
  1. package/CHANGELOG.md +4 -1
  2. package/dist/css/formie-base.css +26 -26
  3. package/dist/css/theme-base/_primitives.css +9 -8
  4. package/package.json +4 -6
  5. package/src/css/formie-base.css +26 -26
  6. package/src/css/theme-base/_primitives.css +9 -8
package/CHANGELOG.md CHANGED
@@ -2,11 +2,14 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 4.0.7 - 2026-11-05
6
+
5
7
  ### Changed
6
8
  - Changed the `@verbb/formie-*` package versions to match the Formie plugin, so Formie 4.0.7 pairs with version 4.0.7 of each package. The jump from 1.x has no breaking changes, but version ranges such as `^1.0.16` need updating once. ([#3081](https://github.com/verbb/formie/issues/3081))
7
9
 
8
10
  ### Fixed
9
- - Fixed File Upload fields retaining completed attachments after AJAX form resets, and duplicate advanced upload rows after Back navigation.
11
+ - Fixed base reset selectors overriding the default theme when styles are compiled without CSS layers.
12
+ - Fixed File Upload fields retaining completed attachments after AJAX form resets, and duplicate advanced upload rows after Back navigation. ([#3097](https://github.com/verbb/formie/issues/3097))
10
13
  - Fixed TypeScript errors in projects using NodeNext module resolution.
11
14
  - Fixed a server-rendered error on a field inside a Group or Repeater marking every other field around it as invalid.
12
15
  - Fixed focus not moving to Checkboxes, Agree, searchable Dropdown and Rich Text fields after a validation error.
package/dist/css/formie-base.css CHANGED
@@ -2,53 +2,53 @@
2
2
 
3
3
  @layer formie-base {
4
4
 
5
- .formie-form,
6
- .formie-form fieldset,
7
- .formie-form legend,
8
- .formie-form h1,
9
- .formie-form h2,
10
- .formie-form h3,
11
- .formie-form h4,
12
- .formie-form h5,
13
- .formie-form h6,
14
- .formie-form p,
15
- .formie-form ul,
16
- .formie-form ol,
17
- .formie-form menu,
18
- .formie-form dl,
19
- .formie-form dd,
20
- .formie-form blockquote,
21
- .formie-form figure {
5
+ :where(.formie-form),
6
+ :where(.formie-form) fieldset,
7
+ :where(.formie-form) legend,
8
+ :where(.formie-form) h1,
9
+ :where(.formie-form) h2,
10
+ :where(.formie-form) h3,
11
+ :where(.formie-form) h4,
12
+ :where(.formie-form) h5,
13
+ :where(.formie-form) h6,
14
+ :where(.formie-form) p,
15
+ :where(.formie-form) ul,
16
+ :where(.formie-form) ol,
17
+ :where(.formie-form) menu,
18
+ :where(.formie-form) dl,
19
+ :where(.formie-form) dd,
20
+ :where(.formie-form) blockquote,
21
+ :where(.formie-form) figure {
22
22
  margin: 0;
23
23
  padding: 0;
24
24
  }
25
25
 
26
- .formie-form,
27
- .formie-form *,
28
- .formie-form *::before,
29
- .formie-form *::after {
26
+ :where(.formie-form),
27
+ :where(.formie-form) *,
28
+ :where(.formie-form) *::before,
29
+ :where(.formie-form) *::after {
30
30
  box-sizing: border-box;
31
31
  }
32
32
 
33
33
  .formie-page-container,
34
34
  .formie-field-layout,
35
- .formie-form fieldset,
36
- .formie-form legend {
35
+ :where(.formie-form) fieldset,
36
+ :where(.formie-form) legend {
37
37
  border: 0;
38
38
  min-inline-size: 0;
39
39
  }
40
40
 
41
41
  /* Fix for Firefox display issue in fieldset */
42
- body:not(:-moz-handler-blocked) .formie-form fieldset {
42
+ body:not(:-moz-handler-blocked) :where(.formie-form) fieldset {
43
43
  display: table-cell;
44
44
  }
45
45
 
46
- .formie-form legend {
46
+ :where(.formie-form) legend {
47
47
  /* legend should be `display: contents` to work with grid */
48
48
  display: contents;
49
49
  }
50
50
 
51
- .formie-form legend * {
51
+ :where(.formie-form) legend * {
52
52
  /* legend should be `display: contents` to work with grid */
53
53
  display: contents;
54
54
  }
package/dist/css/theme-base/_primitives.css CHANGED
@@ -1,10 +1,11 @@
1
1
  @layer formie-theme-base {
2
- .formie-form button,
3
- .formie-form input,
4
- .formie-form select,
5
- .formie-form optgroup,
6
- .formie-form textarea,
7
- .formie-form ::file-selector-button {
2
+ /* Keep resets weaker than control classes when compiled without layers. */
3
+ :where(.formie-form) button,
4
+ :where(.formie-form) input,
5
+ :where(.formie-form) select,
6
+ :where(.formie-form) optgroup,
7
+ :where(.formie-form) textarea,
8
+ :where(.formie-form) ::file-selector-button {
8
9
  margin: 0;
9
10
  font: inherit;
10
11
  font-feature-settings: inherit;
@@ -17,7 +18,7 @@
17
18
  opacity: 1;
18
19
  }
19
20
 
20
- .formie-form a,
21
+ :where(.formie-form) a,
21
22
  .formie-link,
22
23
  .formie-address-location {
23
24
  color: var(--formie-color-primary);
@@ -26,7 +27,7 @@
26
27
  transition: color 150ms ease;
27
28
  }
28
29
 
29
- .formie-form a:hover,
30
+ :where(.formie-form) a:hover,
30
31
  .formie-link:hover,
31
32
  .formie-address-location:hover {
32
33
  color: var(--formie-color-primary-hover);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@verbb/formie-browser",
3
- "version": "1.0.17-next.9.gcdea13ef01b0",
3
+ "version": "4.0.7",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -84,8 +84,7 @@
84
84
  "./vite-dev": "./vite-dev.mjs"
85
85
  },
86
86
  "publishConfig": {
87
- "access": "public",
88
- "tag": "next"
87
+ "access": "public"
89
88
  },
90
89
  "scripts": {
91
90
  "prebuild": "node ../../scripts/generate-browser-theme-state.mjs",
@@ -102,7 +101,7 @@
102
101
  "@placekit/autocomplete-js": "^2.2.1",
103
102
  "@uppy/core": "^5.2.0",
104
103
  "@uppy/xhr-upload": "^5.2.0",
105
- "@verbb/formie-core": "1.0.17-next.9.gcdea13ef01b0",
104
+ "@verbb/formie-core": "4.0.7",
106
105
  "expression-language": "^2.5.4",
107
106
  "flatpickr": "^4.6.13",
108
107
  "friendly-challenge": "^0.9.19",
@@ -111,6 +110,5 @@
111
110
  "pell": "^1.0.6",
112
111
  "signature_pad": "^5.1.3",
113
112
  "tom-select": "^2.6.1"
114
- },
115
- "gitHead": "cdea13ef01b02fb7bc0699e91d9868d6666fa69f"
113
+ }
116
114
  }
package/src/css/formie-base.css CHANGED
@@ -2,53 +2,53 @@
2
2
 
3
3
  @layer formie-base {
4
4
 
5
- .formie-form,
6
- .formie-form fieldset,
7
- .formie-form legend,
8
- .formie-form h1,
9
- .formie-form h2,
10
- .formie-form h3,
11
- .formie-form h4,
12
- .formie-form h5,
13
- .formie-form h6,
14
- .formie-form p,
15
- .formie-form ul,
16
- .formie-form ol,
17
- .formie-form menu,
18
- .formie-form dl,
19
- .formie-form dd,
20
- .formie-form blockquote,
21
- .formie-form figure {
5
+ :where(.formie-form),
6
+ :where(.formie-form) fieldset,
7
+ :where(.formie-form) legend,
8
+ :where(.formie-form) h1,
9
+ :where(.formie-form) h2,
10
+ :where(.formie-form) h3,
11
+ :where(.formie-form) h4,
12
+ :where(.formie-form) h5,
13
+ :where(.formie-form) h6,
14
+ :where(.formie-form) p,
15
+ :where(.formie-form) ul,
16
+ :where(.formie-form) ol,
17
+ :where(.formie-form) menu,
18
+ :where(.formie-form) dl,
19
+ :where(.formie-form) dd,
20
+ :where(.formie-form) blockquote,
21
+ :where(.formie-form) figure {
22
22
  margin: 0;
23
23
  padding: 0;
24
24
  }
25
25
 
26
- .formie-form,
27
- .formie-form *,
28
- .formie-form *::before,
29
- .formie-form *::after {
26
+ :where(.formie-form),
27
+ :where(.formie-form) *,
28
+ :where(.formie-form) *::before,
29
+ :where(.formie-form) *::after {
30
30
  box-sizing: border-box;
31
31
  }
32
32
 
33
33
  .formie-page-container,
34
34
  .formie-field-layout,
35
- .formie-form fieldset,
36
- .formie-form legend {
35
+ :where(.formie-form) fieldset,
36
+ :where(.formie-form) legend {
37
37
  border: 0;
38
38
  min-inline-size: 0;
39
39
  }
40
40
 
41
41
  /* Fix for Firefox display issue in fieldset */
42
- body:not(:-moz-handler-blocked) .formie-form fieldset {
42
+ body:not(:-moz-handler-blocked) :where(.formie-form) fieldset {
43
43
  display: table-cell;
44
44
  }
45
45
 
46
- .formie-form legend {
46
+ :where(.formie-form) legend {
47
47
  /* legend should be `display: contents` to work with grid */
48
48
  display: contents;
49
49
  }
50
50
 
51
- .formie-form legend * {
51
+ :where(.formie-form) legend * {
52
52
  /* legend should be `display: contents` to work with grid */
53
53
  display: contents;
54
54
  }
package/src/css/theme-base/_primitives.css CHANGED
@@ -1,10 +1,11 @@
1
1
  @layer formie-theme-base {
2
- .formie-form button,
3
- .formie-form input,
4
- .formie-form select,
5
- .formie-form optgroup,
6
- .formie-form textarea,
7
- .formie-form ::file-selector-button {
2
+ /* Keep resets weaker than control classes when compiled without layers. */
3
+ :where(.formie-form) button,
4
+ :where(.formie-form) input,
5
+ :where(.formie-form) select,
6
+ :where(.formie-form) optgroup,
7
+ :where(.formie-form) textarea,
8
+ :where(.formie-form) ::file-selector-button {
8
9
  margin: 0;
9
10
  font: inherit;
10
11
  font-feature-settings: inherit;
@@ -17,7 +18,7 @@
17
18
  opacity: 1;
18
19
  }
19
20
 
20
- .formie-form a,
21
+ :where(.formie-form) a,
21
22
  .formie-link,
22
23
  .formie-address-location {
23
24
  color: var(--formie-color-primary);
@@ -26,7 +27,7 @@
26
27
  transition: color 150ms ease;
27
28
  }
28
29
 
29
- .formie-form a:hover,
30
+ :where(.formie-form) a:hover,
30
31
  .formie-link:hover,
31
32
  .formie-address-location:hover {
32
33
  color: var(--formie-color-primary-hover);