From 6a3e68e825161e5a25d56d1182c27b4149203bcd Mon Sep 17 00:00:00 2001 From: Cameron Pak Date: Fri, 27 Mar 2026 09:29:53 -0500 Subject: [PATCH 1/5] Update Bible App Logo Lockup styles Refactor the BibleAppLogoLockup component to use `yv:text-foreground` for better theme integration and update its dimensions to match the SVG's intrinsic size. Also, adjust the verse-of-the-day component's attribution text color to inherit from the parent's foreground color. --- .../src/components/bible-app-logo-lockup.tsx | 67 +++++++------------ .../ui/src/components/verse-of-the-day.tsx | 2 +- 2 files changed, 26 insertions(+), 43 deletions(-) diff --git a/packages/ui/src/components/bible-app-logo-lockup.tsx b/packages/ui/src/components/bible-app-logo-lockup.tsx index bd3ffc13..4f9bd927 100644 --- a/packages/ui/src/components/bible-app-logo-lockup.tsx +++ b/packages/ui/src/components/bible-app-logo-lockup.tsx @@ -1,21 +1,24 @@ import type { SVGProps } from 'react'; +import { cn } from '@/lib/utils'; const SvgComponent = (props: SVGProps): React.ReactElement => ( - Bible App + ): React.ReactElement => ( }} > - - + + - - - - + + - - + - + - - - ); diff --git a/packages/ui/src/components/verse-of-the-day.tsx b/packages/ui/src/components/verse-of-the-day.tsx index 5d95022c..d846a671 100644 --- a/packages/ui/src/components/verse-of-the-day.tsx +++ b/packages/ui/src/components/verse-of-the-day.tsx @@ -209,7 +209,7 @@ export function VerseOfTheDay({ {showBibleAppAttribution ? (
From 0840c0bfbd1bed7391c9285fcf25e28d83b82dd2 Mon Sep 17 00:00:00 2001 From: Cameron Pak Date: Fri, 27 Mar 2026 11:03:27 -0500 Subject: [PATCH 2/5] Add title to Bible App logo lockup Adds an SVG title element to the Bible --- packages/ui/src/components/bible-app-logo-lockup.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui/src/components/bible-app-logo-lockup.tsx b/packages/ui/src/components/bible-app-logo-lockup.tsx index 4f9bd927..ca315174 100644 --- a/packages/ui/src/components/bible-app-logo-lockup.tsx +++ b/packages/ui/src/components/bible-app-logo-lockup.tsx @@ -10,6 +10,7 @@ const SvgComponent = (props: SVGProps): React.ReactElement => ( fill="none" className={cn('yv:text-foreground yv:dark:text-(--yv-yellow-10)', props.className)} > + Bible App Date: Fri, 27 Mar 2026 11:04:42 -0500 Subject: [PATCH 3/5] Added chageset --- .changeset/green-walls-refuse.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 .changeset/green-walls-refuse.md diff --git a/.changeset/green-walls-refuse.md b/.changeset/green-walls-refuse.md new file mode 100644 index 00000000..ab543fcb --- /dev/null +++ b/.changeset/green-walls-refuse.md @@ -0,0 +1,7 @@ +--- +'@youversion/platform-react-ui': patch +'@youversion/platform-core': patch +'@youversion/platform-react-hooks': patch +--- + +Updated the Bible App logo on the BibleCard and VerseOfTheDay React components to the latest designs. From 4754693712545b66be6f23d7f13adcbb70c32bb7 Mon Sep 17 00:00:00 2001 From: Cameron Pak Date: Fri, 27 Mar 2026 11:30:13 -0500 Subject: [PATCH 4/5] Fix: Add viewBox to logo lockup SVG The `viewBox` attribute was missing from the SVG, which can cause scaling issues in certain rendering contexts. Adding it ensures consistent display. --- packages/ui/src/components/bible-app-logo-lockup.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui/src/components/bible-app-logo-lockup.tsx b/packages/ui/src/components/bible-app-logo-lockup.tsx index ca315174..80d7b55c 100644 --- a/packages/ui/src/components/bible-app-logo-lockup.tsx +++ b/packages/ui/src/components/bible-app-logo-lockup.tsx @@ -5,6 +5,7 @@ const SvgComponent = (props: SVGProps): React.ReactElement => ( Date: Fri, 27 Mar 2026 11:31:53 -0500 Subject: [PATCH 5/5] fix(ui): replace single-letter SVG IDs with component-scoped names MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Prevents cross-SVG ID collisions when multiple BibleAppLogoLockup instances render on the same page (e.g. in BibleCard + VerseOfTheDay). - a → bible-app-logo-lockup-gradient-a - b → bible-app-logo-lockup-mask - c → bible-app-logo-lockup-gradient-c Amp-Thread-ID: https://ampcode.com/threads/T-019d3022-248c-76e8-b74b-00325ffcb0ff Co-authored-by: Amp --- .../src/components/bible-app-logo-lockup.tsx | 26 ++++++++++++++----- 1 file changed, 20 insertions(+), 6 deletions(-) diff --git a/packages/ui/src/components/bible-app-logo-lockup.tsx b/packages/ui/src/components/bible-app-logo-lockup.tsx index 80d7b55c..25d06056 100644 --- a/packages/ui/src/components/bible-app-logo-lockup.tsx +++ b/packages/ui/src/components/bible-app-logo-lockup.tsx @@ -17,7 +17,7 @@ const SvgComponent = (props: SVGProps): React.ReactElement => ( d="M90.856 8.839c.646 0 1.206.111 1.677.336.471.222.866.544 1.184.961v-.001c.318.417.558.921.716 1.51.158.591.237 1.249.237 1.98 0 1.013-.16 1.89-.477 2.633-.318.742-.778 1.316-1.377 1.722-.6.407-1.307.609-2.12.609-.39 0-.771-.065-1.149-.187a3.128 3.128 0 0 1-1.538-1.111v4.444h-2.227V9.121h1.84l.183 1.404c.333-.506.724-.909 1.178-1.191.53-.331 1.155-.495 1.873-.495Zm10.441 0c.646 0 1.206.111 1.677.336.471.222.867.544 1.184.961.318.418.556.923.716 1.511l.056.223c.121.532.182 1.115.182 1.755 0 1.013-.16 1.89-.478 2.633-.318.742-.778 1.316-1.378 1.722-.6.407-1.306.609-2.119.609a3.65 3.65 0 0 1-1.15-.187 3.125 3.125 0 0 1-1.537-1.111v4.444h-2.226V9.121h1.84l.181 1.404c.334-.506.725-.909 1.178-1.191.531-.331 1.156-.495 1.874-.495Zm-53.093 1.37c.3-.372.633-.675 1.006-.9.518-.313 1.132-.468 1.838-.468.507 0 .963.074 1.37.22.406.147.761.355 1.068.626.306.271.562.6.768.99l.003.002c.207.388.36.828.46 1.324.1.495.15 1.038.15 1.627 0 .764-.09 1.453-.273 2.066-.182.613-.448 1.136-.795 1.565a3.54 3.54 0 0 1-1.256.988 3.87 3.87 0 0 1-1.653.345c-.611 0-1.186-.15-1.722-.443-.409-.224-.768-.564-1.077-1.015l-.163 1.175h-1.95V5.697h2.226v4.513ZM64.69 8.84c.706 0 1.322.11 1.846.327.523.218.96.526 1.307.926l.005-.002c.346.4.606.88.777 1.44.17.56.256 1.182.256 1.864v.83h-6.54c.02.33.06.634.125.912.096.406.24.748.433 1.024.195.276.44.485.733.627.293.14.642.21 1.042.21.66 0 1.143-.126 1.45-.379.304-.253.51-.598.617-1.033h2.013c-.166.93-.582 1.665-1.247 2.2-.664.535-1.604.804-2.817.804-.707 0-1.338-.107-1.89-.318a3.627 3.627 0 0 1-1.405-.944 4.061 4.061 0 0 1-.866-1.52c-.194-.593-.292-1.233-.292-2.022 0-.789.107-1.49.318-2.103a4.33 4.33 0 0 1 .911-1.554 3.846 3.846 0 0 1 1.413-.962 4.862 4.862 0 0 1 1.81-.327Zm-20.567 9.47h-2.226V9.121h2.226v9.188Zm14.541-.003h-2.226V5.692h2.226v12.614Zm26.182 0h-2.42l-1.12-3.126h-4.861l-1.12 3.127H72.99l4.806-12.615h2.26l4.789 12.614ZM35.688 5.647c1.144 0 2.037.14 2.685.415.647.278 1.107.659 1.378 1.14.271.483.407 1.043.407 1.678 0 .67-.178 1.267-.53 1.785-.254.37-.645.677-1.17.922.378.15.703.328.958.535h.002c.4.324.687.696.858 1.113.17.418.255.869.255 1.35 0 .72-.157 1.357-.468 1.91-.314.553-.811.987-1.493 1.298-.685.313-1.58.469-2.687.469H31.06V5.647h4.629ZM50.48 10.64c-.46 0-.86.109-1.202.327-.343.217-.61.533-.805.944-.193.413-.291.913-.291 1.502v.513c0 .495.053.922.16 1.282.107.36.253.658.441.893.19.238.419.412.69.523.27.113.578.169.92.169.317 0 .61-.058.875-.17.264-.112.498-.295.698-.548.2-.253.353-.576.46-.972l-.003-.002c.105-.393.158-.857.158-1.421 0-.565-.056-1.043-.167-1.432-.113-.389-.267-.7-.46-.935a1.74 1.74 0 0 0-.67-.513 2.054 2.054 0 0 0-.804-.16Zm39.811 0c-.506 0-.931.118-1.273.353a2.138 2.138 0 0 0-.769.98c-.17.417-.256.898-.256 1.44v.513c0 .435.045.83.134 1.184.09.354.224.658.406.911.183.253.411.445.689.574.276.128.603.193.98.193.436 0 .816-.102 1.14-.309.324-.204.58-.538.769-.998v-.002c.188-.46.282-1.05.282-1.802 0-.753-.096-1.351-.291-1.793-.196-.44-.451-.76-.769-.953a1.967 1.967 0 0 0-1.042-.291Zm10.439 0c-.507 0-.93.118-1.273.353a2.138 2.138 0 0 0-.77.98c-.17.417-.254.898-.254 1.44v.513c0 .435.044.83.133 1.184.089.354.225.658.407.911.182.253.41.445.688.574.276.128.602.193.98.193.435 0 .816-.102 1.14-.309.325-.204.58-.538.769-.998v-.002c.189-.46.282-1.05.282-1.802 0-.753-.097-1.351-.291-1.793-.195-.44-.452-.76-.769-.953a1.97 1.97 0 0 0-1.042-.291Zm-67.498 5.836h2.508c.66 0 1.176-.076 1.547-.23.371-.152.629-.372.778-.661v-.002c.146-.289.22-.634.22-1.033 0-.436-.082-.8-.247-1.096-.164-.293-.425-.515-.778-.662-.353-.147-.83-.22-1.43-.22h-2.598v3.904Zm43.82-3.204h3.627l-1.82-5.145-1.807 5.145Zm-12.38-2.877c-.46 0-.843.082-1.15.246-.306.165-.548.399-.724.699v-.002c-.178.3-.3.653-.371 1.06-.02.12-.031.25-.047.38h4.424a8.022 8.022 0 0 0-.067-.628c-.06-.382-.164-.702-.317-.962a1.494 1.494 0 0 0-.653-.59c-.282-.134-.636-.203-1.096-.203Zm-31.437.426h2.455c.529 0 .958-.064 1.289-.193.328-.13.57-.323.723-.582.151-.258.23-.585.23-.972 0-.386-.08-.7-.238-.935-.16-.236-.418-.413-.778-.53l.002-.006c-.36-.115-.84-.175-1.44-.175h-2.243v3.393Zm9.774-5.428c.378 0 .693.116.938.342.246.227.37.523.37.878 0 .356-.124.647-.37.87-.245.22-.56.33-.938.33-.378 0-.693-.11-.938-.33-.246-.22-.37-.514-.37-.87 0-.355.124-.651.37-.878.245-.224.56-.34.938-.34v-.002Z" /> ): React.ReactElement => ( }} > - - + + ): React.ReactElement => ( /> - + - +