@startsimpli/billing 0.4.28 → 0.4.29

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/package.json +1 -1
  2. package/src/components/PricingSection.review.test.tsx +9 -0
  3. package/src/components/PricingSection.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@startsimpli/billing",
3
- "version": "0.4.28",
3
+ "version": "0.4.29",
4
4
  "description": "Universal billing integration for StartSimpli Next.js apps",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/components/PricingSection.review.test.tsx CHANGED
@@ -104,3 +104,12 @@ describe("PricingSection card rules", () => {
104
104
  expect(screen.getByTestId("section-cta-crochet-pro").className).toContain("bg-[var(--billing-accent,#2563eb)]");
105
105
  });
106
106
  });
107
+
108
+ it("the pill row has a fixed height, so a card with a trial pill starts its rows level with the others (crochet_patterns-gac4)", async () => {
109
+ renderSection();
110
+ await waitFor(() => screen.getByTestId("trial-badge"));
111
+ const row = screen.getByTestId("trial-badge").parentElement as HTMLElement;
112
+ expect(row.className).toMatch(/\bh-6\b/);
113
+ expect(row.className).toMatch(/\bflex\b/);
114
+ });
115
+
package/src/components/PricingSection.tsx CHANGED
@@ -146,7 +146,7 @@ function SectionCard({ entry, onSelect, maxFeatures, buildsOn, inherited, isCurr
146
146
 
147
147
  {/* Every card reserves the pill and lead-in rows, so matching features
148
148
  start at the same height on each card (crochet_patterns-gac4). */}
149
- <div className="mb-3 min-h-5">
149
+ <div className="mb-3 flex h-6 items-center">
150
150
  {offer.trialDays > 0 && (
151
151
  <span
152
152
  data-testid="trial-badge"