@usefillo/react 0.13.0 → 0.16.1

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 (3) hide show
  1. package/dist/styles.css +11 -8
  2. package/dist/styles.unlayered.css +11 -8
  3. package/package.json +12 -3
package/dist/styles.css CHANGED
@@ -831,20 +831,23 @@
831
831
  }
832
832
 
833
833
  /* ---------- Success ---------- */
834
- .fillo-success { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; padding: 1.4rem 1rem; }
834
+ .fillo-success { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.55rem; text-align: center; padding: 2rem 1rem; }
835
+ /* An affirming, filled mark: a solid primary disc with a contrast-colored
836
+ check — reads as "done and good", not a faint gray ring. Both tokens flip
837
+ per theme, so it stays legible on light and dark and honors the host's
838
+ --fillo-primary override. */
835
839
  .fillo-success-mark {
836
- width: 2.25rem; height: 2.25rem;
840
+ width: 2.5rem; height: 2.5rem;
837
841
  display: grid; place-items: center;
838
842
  border-radius: 999px;
839
- border: 1px solid color-mix(in srgb, var(--fillo-primary) 18%, transparent);
840
- background: color-mix(in srgb, var(--fillo-primary) 8%, transparent);
843
+ background: var(--fillo-primary);
841
844
  }
842
845
  .fillo-success-mark::before {
843
846
  content: "";
844
- width: 0.65rem; height: 0.35rem;
845
- border-left: 2px solid var(--fillo-primary);
846
- border-bottom: 2px solid var(--fillo-primary);
847
- transform: translateY(-0.08rem) rotate(-45deg);
847
+ width: 0.7rem; height: 0.38rem;
848
+ border-left: 2.5px solid var(--fillo-primary-contrast);
849
+ border-bottom: 2.5px solid var(--fillo-primary-contrast);
850
+ transform: translateY(-0.09rem) rotate(-45deg);
848
851
  }
849
852
  .fillo-success-title { margin: 0; font-size: 1.05rem; letter-spacing: 0; }
850
853
  .fillo-success-message { margin: 0; font-size: 0.875rem; color: var(--fillo-muted); }
package/dist/styles.unlayered.css CHANGED
@@ -831,20 +831,23 @@
831
831
  }
832
832
 
833
833
  /* ---------- Success ---------- */
834
- .fillo-success { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; text-align: center; padding: 1.4rem 1rem; }
834
+ .fillo-success { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.55rem; text-align: center; padding: 2rem 1rem; }
835
+ /* An affirming, filled mark: a solid primary disc with a contrast-colored
836
+ check — reads as "done and good", not a faint gray ring. Both tokens flip
837
+ per theme, so it stays legible on light and dark and honors the host's
838
+ --fillo-primary override. */
835
839
  .fillo-success-mark {
836
- width: 2.25rem; height: 2.25rem;
840
+ width: 2.5rem; height: 2.5rem;
837
841
  display: grid; place-items: center;
838
842
  border-radius: 999px;
839
- border: 1px solid color-mix(in srgb, var(--fillo-primary) 18%, transparent);
840
- background: color-mix(in srgb, var(--fillo-primary) 8%, transparent);
843
+ background: var(--fillo-primary);
841
844
  }
842
845
  .fillo-success-mark::before {
843
846
  content: "";
844
- width: 0.65rem; height: 0.35rem;
845
- border-left: 2px solid var(--fillo-primary);
846
- border-bottom: 2px solid var(--fillo-primary);
847
- transform: translateY(-0.08rem) rotate(-45deg);
847
+ width: 0.7rem; height: 0.38rem;
848
+ border-left: 2.5px solid var(--fillo-primary-contrast);
849
+ border-bottom: 2.5px solid var(--fillo-primary-contrast);
850
+ transform: translateY(-0.09rem) rotate(-45deg);
848
851
  }
849
852
  .fillo-success-title { margin: 0; font-size: 1.05rem; letter-spacing: 0; }
850
853
  .fillo-success-message { margin: 0; font-size: 0.875rem; color: var(--fillo-muted); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usefillo/react",
3
- "version": "0.13.0",
3
+ "version": "0.16.1",
4
4
  "description": "Headless React components for embedding Fillo forms natively in your product.",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -9,9 +9,18 @@
9
9
  "react",
10
10
  "headless",
11
11
  "embed",
12
- "typescript"
12
+ "typescript",
13
+ "react-forms",
14
+ "nextjs",
15
+ "surveys",
16
+ "file-upload"
13
17
  ],
14
18
  "homepage": "https://fillo.so",
19
+ "repository": {
20
+ "type": "git",
21
+ "url": "git+https://github.com/jacobfunch/usefillo.git",
22
+ "directory": "packages/react"
23
+ },
15
24
  "type": "module",
16
25
  "sideEffects": [
17
26
  "**/*.css"
@@ -34,7 +43,7 @@
34
43
  "access": "public"
35
44
  },
36
45
  "dependencies": {
37
- "@usefillo/core": "^0.13.0"
46
+ "@usefillo/core": "^0.16.1"
38
47
  },
39
48
  "peerDependencies": {
40
49
  "react": "^18.0.0 || ^19.0.0",