@usefillo/react 0.7.0 → 0.9.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 (6) hide show
  1. package/README.md +2 -1
  2. package/dist/index.d.ts +49 -14
  3. package/dist/index.js +854 -279
  4. package/dist/styles.css +22 -0
  5. package/dist/styles.unlayered.css +22 -0
  6. package/package.json +4 -3
package/dist/styles.css CHANGED
@@ -3,6 +3,10 @@
3
3
  * Entirely optional — everything is driven by fillo-* classes and CSS variables,
4
4
  * so you can theme with variables, override classes, or skip this file and
5
5
  * style from scratch.
6
+ *
7
+ * SYNC: packages/dom/src/styles.css is a byte-for-byte copy of this file
8
+ * (@usefillo/dom builds its published CSS from its own copy via
9
+ * scripts/build-css.mjs --src src/styles.css). Edit BOTH together.
6
10
  */
7
11
 
8
12
  /* Specificity contract: every rule stays at single-class specificity —
@@ -731,4 +735,22 @@
731
735
  border-radius: 4px;
732
736
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fillo-primary) 15%, transparent);
733
737
  }
738
+
739
+ /* ---------- Human-verification challenge (Turnstile) ---------- */
740
+ .fillo-turnstile-slot {
741
+ display: flex;
742
+ flex-direction: column;
743
+ gap: 0.5rem;
744
+ margin: 0.25rem 0 1rem;
745
+ }
746
+ /* Cloudflare draws a fixed-size widget inside; just give it room to breathe. */
747
+ .fillo-turnstile {
748
+ min-height: 65px;
749
+ }
750
+ .fillo-turnstile-error {
751
+ margin: 0;
752
+ color: var(--fillo-error);
753
+ font-size: 0.82rem;
754
+ line-height: 1.45;
755
+ }
734
756
  }
package/dist/styles.unlayered.css CHANGED
@@ -3,6 +3,10 @@
3
3
  * Entirely optional — everything is driven by fillo-* classes and CSS variables,
4
4
  * so you can theme with variables, override classes, or skip this file and
5
5
  * style from scratch.
6
+ *
7
+ * SYNC: packages/dom/src/styles.css is a byte-for-byte copy of this file
8
+ * (@usefillo/dom builds its published CSS from its own copy via
9
+ * scripts/build-css.mjs --src src/styles.css). Edit BOTH together.
6
10
  */
7
11
 
8
12
  /* Specificity contract: every rule stays at single-class specificity —
@@ -731,3 +735,21 @@
731
735
  border-radius: 4px;
732
736
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fillo-primary) 15%, transparent);
733
737
  }
738
+
739
+ /* ---------- Human-verification challenge (Turnstile) ---------- */
740
+ .fillo-turnstile-slot {
741
+ display: flex;
742
+ flex-direction: column;
743
+ gap: 0.5rem;
744
+ margin: 0.25rem 0 1rem;
745
+ }
746
+ /* Cloudflare draws a fixed-size widget inside; just give it room to breathe. */
747
+ .fillo-turnstile {
748
+ min-height: 65px;
749
+ }
750
+ .fillo-turnstile-error {
751
+ margin: 0;
752
+ color: var(--fillo-error);
753
+ font-size: 0.82rem;
754
+ line-height: 1.45;
755
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usefillo/react",
3
- "version": "0.7.0",
3
+ "version": "0.9.0",
4
4
  "description": "Headless React components for embedding Fillo forms natively in your product.",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -21,7 +21,8 @@
21
21
  "exports": {
22
22
  ".": {
23
23
  "types": "./dist/index.d.ts",
24
- "import": "./dist/index.js"
24
+ "import": "./dist/index.js",
25
+ "default": "./dist/index.js"
25
26
  },
26
27
  "./styles.css": "./dist/styles.css",
27
28
  "./styles.unlayered.css": "./dist/styles.unlayered.css"
@@ -33,7 +34,7 @@
33
34
  "access": "public"
34
35
  },
35
36
  "dependencies": {
36
- "@usefillo/core": "^0.7.0"
37
+ "@usefillo/core": "^0.9.0"
37
38
  },
38
39
  "peerDependencies": {
39
40
  "react": "^18.0.0 || ^19.0.0",