@usefillo/react 0.11.0 → 0.12.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 (5) hide show
  1. package/dist/index.d.ts +85 -13
  2. package/dist/index.js +424 -246
  3. package/dist/styles.css +53 -17
  4. package/dist/styles.unlayered.css +53 -17
  5. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -578,38 +578,74 @@
578
578
  .fillo-files { list-style: none; display: flex; flex-direction: column; gap: 0.45rem; margin: 0; padding: 0; }
579
579
  .fillo-file {
580
580
  display: grid;
581
- grid-template-columns: 1fr auto auto;
581
+ grid-template-columns: minmax(0, 1fr) auto auto;
582
582
  align-items: center;
583
- gap: 0.3rem 0.8rem;
583
+ gap: 0.45rem 0.65rem;
584
584
  border: 1px solid var(--fillo-border);
585
585
  border-radius: var(--fillo-radius);
586
- padding: 0.5rem 0.75rem;
586
+ padding: 0.625rem 0.75rem;
587
587
  font-size: 0.88rem;
588
588
  background: var(--fillo-control-bg);
589
589
  }
590
590
  .fillo-file--failed {
591
591
  grid-template-columns: minmax(0, 1fr) auto;
592
- align-items: start;
593
592
  border-color: var(--fillo-error);
594
593
  }
595
- .fillo-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
596
- .fillo-file-meta { color: var(--fillo-muted); font-variant-numeric: tabular-nums; }
597
- .fillo-file-actions { display: inline-flex; align-items: center; gap: 0.45rem; }
598
- .fillo-file-error { grid-column: 1 / -1; color: var(--fillo-error); font-size: 0.82rem; line-height: 1.35; }
599
- .fillo-file-retry { border: 0; padding: 0; background: none; color: var(--fillo-primary); cursor: pointer; font: inherit; font-weight: 550; }
600
- .fillo-file-retry:hover { text-decoration: underline; }
594
+ .fillo-file-name {
595
+ min-width: 0;
596
+ overflow: hidden;
597
+ text-overflow: ellipsis;
598
+ white-space: nowrap;
599
+ font-weight: 500;
600
+ line-height: 1.35;
601
+ }
602
+ .fillo-file-meta {
603
+ color: var(--fillo-muted);
604
+ font-variant-numeric: tabular-nums;
605
+ line-height: 1.35;
606
+ white-space: nowrap;
607
+ }
608
+ .fillo-file-actions {
609
+ display: inline-flex;
610
+ align-items: center;
611
+ justify-content: flex-end;
612
+ gap: 0.15rem;
613
+ white-space: nowrap;
614
+ }
615
+ .fillo-file-error {
616
+ grid-column: 1 / -1;
617
+ color: var(--fillo-error);
618
+ font-size: 0.82rem;
619
+ line-height: 1.35;
620
+ }
601
621
  .fillo-file-remove {
602
- background: none; border: none; cursor: pointer;
603
- color: var(--fillo-muted); font-size: 1.1rem; line-height: 1; padding: 0 0.2rem;
622
+ appearance: none;
623
+ display: inline-flex;
624
+ align-items: center;
625
+ justify-content: center;
626
+ background: none;
627
+ border: none;
628
+ cursor: pointer;
629
+ color: var(--fillo-muted);
630
+ font-size: 1.1rem;
631
+ line-height: 1;
632
+ padding: 0;
604
633
  }
605
634
  .fillo-file-remove:hover { color: var(--fillo-error); }
606
- /* Same reset as .fillo-file-remove above (was completely unstyled, audit
607
- P2.14) — primary on hover, not error, since retry is constructive. */
608
635
  .fillo-file-retry {
609
- background: none; border: none; cursor: pointer;
610
- color: var(--fillo-muted); font: inherit; font-weight: 500; padding: 0 0.2rem;
636
+ appearance: none;
637
+ display: inline-flex;
638
+ align-items: center;
639
+ justify-content: center;
640
+ background: none;
641
+ border: none;
642
+ cursor: pointer;
643
+ color: var(--fillo-primary);
644
+ font: inherit;
645
+ font-weight: 550;
646
+ padding: 0 0.3rem;
611
647
  }
612
- .fillo-file-retry:hover { color: var(--fillo-primary); }
648
+ .fillo-file-retry:hover { text-decoration: underline; }
613
649
  .fillo-progress {
614
650
  grid-column: 1 / -1;
615
651
  height: 4px;
package/dist/styles.unlayered.css CHANGED
@@ -578,38 +578,74 @@
578
578
  .fillo-files { list-style: none; display: flex; flex-direction: column; gap: 0.45rem; margin: 0; padding: 0; }
579
579
  .fillo-file {
580
580
  display: grid;
581
- grid-template-columns: 1fr auto auto;
581
+ grid-template-columns: minmax(0, 1fr) auto auto;
582
582
  align-items: center;
583
- gap: 0.3rem 0.8rem;
583
+ gap: 0.45rem 0.65rem;
584
584
  border: 1px solid var(--fillo-border);
585
585
  border-radius: var(--fillo-radius);
586
- padding: 0.5rem 0.75rem;
586
+ padding: 0.625rem 0.75rem;
587
587
  font-size: 0.88rem;
588
588
  background: var(--fillo-control-bg);
589
589
  }
590
590
  .fillo-file--failed {
591
591
  grid-template-columns: minmax(0, 1fr) auto;
592
- align-items: start;
593
592
  border-color: var(--fillo-error);
594
593
  }
595
- .fillo-file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
596
- .fillo-file-meta { color: var(--fillo-muted); font-variant-numeric: tabular-nums; }
597
- .fillo-file-actions { display: inline-flex; align-items: center; gap: 0.45rem; }
598
- .fillo-file-error { grid-column: 1 / -1; color: var(--fillo-error); font-size: 0.82rem; line-height: 1.35; }
599
- .fillo-file-retry { border: 0; padding: 0; background: none; color: var(--fillo-primary); cursor: pointer; font: inherit; font-weight: 550; }
600
- .fillo-file-retry:hover { text-decoration: underline; }
594
+ .fillo-file-name {
595
+ min-width: 0;
596
+ overflow: hidden;
597
+ text-overflow: ellipsis;
598
+ white-space: nowrap;
599
+ font-weight: 500;
600
+ line-height: 1.35;
601
+ }
602
+ .fillo-file-meta {
603
+ color: var(--fillo-muted);
604
+ font-variant-numeric: tabular-nums;
605
+ line-height: 1.35;
606
+ white-space: nowrap;
607
+ }
608
+ .fillo-file-actions {
609
+ display: inline-flex;
610
+ align-items: center;
611
+ justify-content: flex-end;
612
+ gap: 0.15rem;
613
+ white-space: nowrap;
614
+ }
615
+ .fillo-file-error {
616
+ grid-column: 1 / -1;
617
+ color: var(--fillo-error);
618
+ font-size: 0.82rem;
619
+ line-height: 1.35;
620
+ }
601
621
  .fillo-file-remove {
602
- background: none; border: none; cursor: pointer;
603
- color: var(--fillo-muted); font-size: 1.1rem; line-height: 1; padding: 0 0.2rem;
622
+ appearance: none;
623
+ display: inline-flex;
624
+ align-items: center;
625
+ justify-content: center;
626
+ background: none;
627
+ border: none;
628
+ cursor: pointer;
629
+ color: var(--fillo-muted);
630
+ font-size: 1.1rem;
631
+ line-height: 1;
632
+ padding: 0;
604
633
  }
605
634
  .fillo-file-remove:hover { color: var(--fillo-error); }
606
- /* Same reset as .fillo-file-remove above (was completely unstyled, audit
607
- P2.14) — primary on hover, not error, since retry is constructive. */
608
635
  .fillo-file-retry {
609
- background: none; border: none; cursor: pointer;
610
- color: var(--fillo-muted); font: inherit; font-weight: 500; padding: 0 0.2rem;
636
+ appearance: none;
637
+ display: inline-flex;
638
+ align-items: center;
639
+ justify-content: center;
640
+ background: none;
641
+ border: none;
642
+ cursor: pointer;
643
+ color: var(--fillo-primary);
644
+ font: inherit;
645
+ font-weight: 550;
646
+ padding: 0 0.3rem;
611
647
  }
612
- .fillo-file-retry:hover { color: var(--fillo-primary); }
648
+ .fillo-file-retry:hover { text-decoration: underline; }
613
649
  .fillo-progress {
614
650
  grid-column: 1 / -1;
615
651
  height: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usefillo/react",
3
- "version": "0.11.0",
3
+ "version": "0.12.0",
4
4
  "description": "Headless React components for embedding Fillo forms natively in your product.",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -34,7 +34,7 @@
34
34
  "access": "public"
35
35
  },
36
36
  "dependencies": {
37
- "@usefillo/core": "^0.11.0"
37
+ "@usefillo/core": "^0.12.0"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": "^18.0.0 || ^19.0.0",
@@ -52,7 +52,7 @@
52
52
  "scripts": {
53
53
  "build": "tsup && node ../react/scripts/build-css.mjs --src src/styles.css --out dist",
54
54
  "dev": "tsup --watch --onSuccess 'cp src/styles.css dist/styles.css'",
55
- "typecheck": "tsc --noEmit",
55
+ "typecheck": "tsc --noEmit && tsc -p tsconfig.type-tests.json --noEmit",
56
56
  "test": "node --test test/*.test.mjs"
57
57
  }
58
58
  }