@usefillo/react 0.6.2 → 0.8.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.
- package/README.md +2 -1
- package/dist/index.d.ts +76 -14
- package/dist/index.js +681 -239
- package/dist/styles.css +37 -0
- package/dist/styles.unlayered.css +37 -0
- 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 —
|
|
@@ -698,4 +702,37 @@
|
|
|
698
702
|
padding: 0.05em 0.3em;
|
|
699
703
|
border-radius: 4px;
|
|
700
704
|
}
|
|
705
|
+
|
|
706
|
+
/* ---------- Saved-progress resume notice ---------- */
|
|
707
|
+
.fillo-resume {
|
|
708
|
+
display: flex;
|
|
709
|
+
align-items: center;
|
|
710
|
+
justify-content: space-between;
|
|
711
|
+
gap: 0.75rem;
|
|
712
|
+
margin-bottom: 1rem;
|
|
713
|
+
padding: 0.6rem 0.9rem;
|
|
714
|
+
border: 1px solid var(--fillo-border);
|
|
715
|
+
border-radius: var(--fillo-radius);
|
|
716
|
+
background: var(--fillo-control-bg);
|
|
717
|
+
color: var(--fillo-muted);
|
|
718
|
+
font-size: 0.82rem;
|
|
719
|
+
line-height: 1.45;
|
|
720
|
+
}
|
|
721
|
+
.fillo-resume-clear {
|
|
722
|
+
border: 0;
|
|
723
|
+
background: none;
|
|
724
|
+
padding: 0;
|
|
725
|
+
color: var(--fillo-primary);
|
|
726
|
+
font: inherit;
|
|
727
|
+
font-weight: 500;
|
|
728
|
+
cursor: pointer;
|
|
729
|
+
text-decoration: underline;
|
|
730
|
+
text-underline-offset: 2px;
|
|
731
|
+
white-space: nowrap;
|
|
732
|
+
}
|
|
733
|
+
.fillo-resume-clear:focus-visible {
|
|
734
|
+
outline: none;
|
|
735
|
+
border-radius: 4px;
|
|
736
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--fillo-primary) 15%, transparent);
|
|
737
|
+
}
|
|
701
738
|
}
|
|
@@ -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 —
|
|
@@ -698,3 +702,36 @@
|
|
|
698
702
|
padding: 0.05em 0.3em;
|
|
699
703
|
border-radius: 4px;
|
|
700
704
|
}
|
|
705
|
+
|
|
706
|
+
/* ---------- Saved-progress resume notice ---------- */
|
|
707
|
+
.fillo-resume {
|
|
708
|
+
display: flex;
|
|
709
|
+
align-items: center;
|
|
710
|
+
justify-content: space-between;
|
|
711
|
+
gap: 0.75rem;
|
|
712
|
+
margin-bottom: 1rem;
|
|
713
|
+
padding: 0.6rem 0.9rem;
|
|
714
|
+
border: 1px solid var(--fillo-border);
|
|
715
|
+
border-radius: var(--fillo-radius);
|
|
716
|
+
background: var(--fillo-control-bg);
|
|
717
|
+
color: var(--fillo-muted);
|
|
718
|
+
font-size: 0.82rem;
|
|
719
|
+
line-height: 1.45;
|
|
720
|
+
}
|
|
721
|
+
.fillo-resume-clear {
|
|
722
|
+
border: 0;
|
|
723
|
+
background: none;
|
|
724
|
+
padding: 0;
|
|
725
|
+
color: var(--fillo-primary);
|
|
726
|
+
font: inherit;
|
|
727
|
+
font-weight: 500;
|
|
728
|
+
cursor: pointer;
|
|
729
|
+
text-decoration: underline;
|
|
730
|
+
text-underline-offset: 2px;
|
|
731
|
+
white-space: nowrap;
|
|
732
|
+
}
|
|
733
|
+
.fillo-resume-clear:focus-visible {
|
|
734
|
+
outline: none;
|
|
735
|
+
border-radius: 4px;
|
|
736
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--fillo-primary) 15%, transparent);
|
|
737
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@usefillo/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.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.
|
|
37
|
+
"@usefillo/core": "^0.8.0"
|
|
37
38
|
},
|
|
38
39
|
"peerDependencies": {
|
|
39
40
|
"react": "^18.0.0 || ^19.0.0",
|