YPE-1846: Update to latest Bible app logo

[cameronapak]

https://lifechurch.atlassian.net/browse/YPE-1846

Per our designer Tim Watson's directive, we are to update the Bible App logo across our BibleCard and VerseOfTheDay components.

[changeset-bot]

🦋 Changeset detected

Latest commit: 46b7075

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@youversion/platform-react-ui	Patch
@youversion/platform-core	Patch
@youversion/platform-react-hooks	Patch
vite-react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[cameronapak]

Hey @jaredhightower-youversion, can you review this?

[greptile-apps]

Greptile Summary

This PR updates the Bible App logo used in BibleAppLogoLockup, which is rendered inside both the BibleCard and VerseOfTheDay components, to match the latest brand design provided by the designer.\n\nKey changes:\n- Replaces the SVG artwork with new paths, mask, and gradient definitions sized at 106×24 (up from 80×17).\n- Scoped gradient/mask IDs (bible-app-logo-lockup-gradient-a, -gradient-c, -mask) are preserved from the fixed state, avoiding cross-SVG ID collisions.\n- The color approach is improved: className is now computed with cn() so that callers can augment (not replace) the default yv:text-foreground yv:dark:text-(--yv-yellow-10) theme classes.\n- The {...props} spread is placed before the fixed xmlns / fill / className attributes, ensuring width, height, and viewBox remain overridable by consumers while defaults are still applied.\n- verse-of-the-day.tsx drops the now-redundant yv:text-black yv:dark:text-white from the attribution wrapper div since theming is handled inside the logo component itself.\n- The changeset correctly bumps all three packages together in accordance with the unified versioning policy.

Confidence Score: 5/5

Safe to merge — all previously flagged issues (missing viewBox, single-letter IDs) have been resolved, and the changes are well-scoped logo/theming updates.

No P0 or P1 issues found. Both prior review concerns were addressed: viewBox is present and correct, gradient/mask IDs are properly namespaced. The className merging pattern with cn() is sound, color theming is correctly moved into the component, and the changeset satisfies the unified versioning rule.

No files require special attention.

Important Files Changed

Filename	Overview
packages/ui/src/components/bible-app-logo-lockup.tsx	Updated SVG logo with new dimensions (106×24), proper scoped IDs (previously-flagged single-letter IDs resolved), improved className merging via cn(), and updated color scheme from text-black/white to text-foreground/yellow-10.
packages/ui/src/components/verse-of-the-day.tsx	Removed redundant text-color classes from the attribution wrapper div, as color is now correctly managed inside BibleAppLogoLockup itself.
.changeset/green-walls-refuse.md	Patch changeset correctly bumps all three packages together, satisfying the unified versioning requirement.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[BibleAppLogoLockup] -->|"cn('yv:text-foreground yv:dark:text-(--yv-yellow-10)', props.className)"| B[SVG 106×24]
    B --> C[Text path — fill=currentColor]
    B --> D[Mask — bible-app-logo-lockup-mask]
    D --> E[Gradient fill — gradient-a]
    B --> F[Masked group]
    F --> G[Background rect — gradient-c]
    F --> H[Cream shape — #FEF5EB]
    F --> I[Red bookmark — #FF3D4D]
    F --> J[Interior text — #FEF5EB]

    K[VerseOfTheDay] -->|showBibleAppAttribution| L[Wrapper div — no text-color classes]
    L --> A

Loading

_{Reviews (3): Last reviewed commit: "Merge branch 'main' into cp/YPE-1844-add..." | Re-trigger Greptile}