@eightyfourthousand/lib-editing 2026.3.1 → 2026.4.0

package/src/lib/components/shared/titles/TitlesCard.tsx

@@ -28,10 +28,10 @@ export const TitlesCard = ({
   onEdit?(): void;
 }) => {
   const radial =
-    'bg-radial-[at_50%_50%] from-ochre-25 from-35% to-navy-25';
+    'bg-radial-[at_50%_50%] from-ochre/10 from-35% to-navy/10';
 
   return (
-    <div className="mx-auto flex w-full max-w-7xl gap-1.5 rounded-lg border bg-background p-1.5">
+    <div className="mx-auto flex w-full max-w-7xl gap-1.5 rounded-lg border bg-[#fff] p-1.5">
       {(toh || section) && (
         <div
           className={cn(
@@ -39,17 +39,17 @@ export const TitlesCard = ({
             radial,
           )}
         >
-          <span className="text-sm leading-4 font-light text-ochre-700">
+          <span className="text-sm leading-4 font-light text-primary">
             {section}
           </span>
           <span className="text-xs uppercase text-muted-foreground">{toh}</span>
         </div>
       )}
-      <div className="grow min-w-0 flex flex-col justify-center gap-3 rounded-lg border px-2 py-4 text-center md:rounded-s-none md:rounded-e-lg lg:rounded-none">
+      <div className="bg-[#fff] grow min-w-0 flex flex-col justify-center gap-3 rounded-lg border px-2 py-4 text-center md:rounded-s-none md:rounded-e-lg lg:rounded-none">
         {header && (
           <div
             className={cn(
-              'font-tibetan text-navy-500 px-2',
+              'font-tibetan text-primary px-2',
               main ? 'text-2xl' : 'text-3xl',
               'leading-relaxed break-all xs:break-normal',
             )}
@@ -58,7 +58,7 @@ export const TitlesCard = ({
           </div>
         )}
         {main && (
-          <div className="title-main break-all px-2 font-serif text-3xl text-navy-500 xs:break-normal">
+          <div className="title-main break-all px-2 font-serif text-3xl text-primary xs:break-normal">
             {main}
           </div>
         )}

package/src/lib/transformers/has-abbreviation.ts

@@ -5,7 +5,7 @@ import { Transformer } from './transformer';
 
 export const hasAbbreviation: Transformer = (ctx) => {
   const { annotation } = ctx;
-  const { abbreviation, uuid } = annotation as HasAbbreviationAnnotation;
+  const { abbreviation, uuid, start, end } = annotation as HasAbbreviationAnnotation;
 
   recurse({
     until: ['text'],
@@ -21,7 +21,12 @@ export const hasAbbreviation: Transformer = (ctx) => {
             uuid,
           };
           block.content = [
-            { type: 'text', text: block.text, marks: block.marks },
+            {
+              type: 'text',
+              text: block.text,
+              marks: block.marks,
+              attrs: { start, end }
+            },
           ];
         },
       });