@toneflix/flipbook-native 0.3.4 → 0.3.5

package/lib/Cover.d.ts

@@ -6,8 +6,8 @@ export interface CoverViewProps {
 }
 /** The front cover, laid out by the book's `coverDesign`. */
 export declare function CoverView({ book, width, showImages }: CoverViewProps): import("react").JSX.Element;
-/** The back cover: the same board, with the imprint. */
+/** The back cover: the same board, with the brand and imprint. */
 export declare function BackCoverView({ book, width }: {
-    book: Pick<FlipbookBook, 'theme' | 'imprint' | 'coverDesign'>;
+    book: Pick<FlipbookBook, 'theme' | 'imprint' | 'brand' | 'coverDesign'>;
     width: number;
 }): import("react").JSX.Element;

package/lib/Cover.js

@@ -102,11 +102,11 @@ export function CoverView({ book, width, showImages = true }) {
     };
     return (_jsx(Board, { book: book, width: width, hinge: "left", children: designs[book.coverDesign ?? 'classic']() }));
 }
-/** The back cover: the same board, with the imprint. */
+/** The back cover: the same board, with the brand and imprint. */
 export function BackCoverView({ book, width }) {
     const color = COVER_THEMES[book.theme ?? 'classic'].ink;
     const unit = width / 100;
-    return (_jsxs(Board, { book: book, width: width, hinge: "right", children: [book.coverDesign === 'gilt' && _jsx(GiltFrame, { unit: unit, color: color }), _jsxs(View, { style: [styles.imprint, { bottom: 10 * unit }], children: [_jsx(Ornament, { size: 9 * unit, color: color }), book.imprint ? (_jsx(Text, { style: [styles.kicker, { marginTop: 2 * unit, fontSize: 2.4 * unit, letterSpacing: 0.72 * unit, color, opacity: 0.6 }], children: book.imprint.toUpperCase() })) : null] })] }));
+    return (_jsxs(Board, { book: book, width: width, hinge: "right", children: [book.coverDesign === 'gilt' && _jsx(GiltFrame, { unit: unit, color: color }), _jsxs(View, { style: [styles.imprint, { bottom: 10 * unit }], children: [_jsx(Ornament, { size: 9 * unit, color: color }), book.brand ? (_jsx(Text, { style: [styles.kicker, { marginTop: 2 * unit, fontSize: 3 * unit, letterSpacing: 0.9 * unit, color }], children: book.brand.toUpperCase() })) : null, book.imprint ? (_jsx(Text, { style: [styles.kicker, { marginTop: 2 * unit, fontSize: 2.4 * unit, letterSpacing: 0.72 * unit, color, opacity: 0.6 }], children: book.imprint.toUpperCase() })) : null] })] }));
 }
 const styles = StyleSheet.create({
     board: { overflow: 'hidden' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toneflix/flipbook-native",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "An expressive flipbook for creating personalised and interactive reading and photo viewing experiences, for React Native and Expo.",
   "license": "MIT",
   "homepage": "https://toneflix.github.io/flipbook/frameworks/react-native",
@@ -29,7 +29,7 @@
     "assets"
   ],
   "dependencies": {
-    "@toneflix/flipbook-core": "^0.3.4"
+    "@toneflix/flipbook-core": "^0.3.5"
   },
   "peerDependencies": {
     "expo-screen-orientation": "*",

package/src/Cover.tsx

@@ -404,8 +404,8 @@ export function CoverView({ book, width, showImages = true }: CoverViewProps) {
   )
 }
 
-/** The back cover: the same board, with the imprint. */
-export function BackCoverView({ book, width }: { book: Pick<FlipbookBook, 'theme' | 'imprint' | 'coverDesign'>; width: number }) {
+/** The back cover: the same board, with the brand and imprint. */
+export function BackCoverView({ book, width }: { book: Pick<FlipbookBook, 'theme' | 'imprint' | 'brand' | 'coverDesign'>; width: number }) {
   const color = COVER_THEMES[book.theme ?? 'classic'].ink
   const unit = width / 100
 
@@ -414,6 +414,11 @@ export function BackCoverView({ book, width }: { book: Pick<FlipbookBook, 'theme
       {book.coverDesign === 'gilt' && <GiltFrame unit={unit} color={color} />}
       <View style={[styles.imprint, { bottom: 10 * unit }]}>
         <Ornament size={9 * unit} color={color} />
+        {book.brand ? (
+          <Text style={[styles.kicker, { marginTop: 2 * unit, fontSize: 3 * unit, letterSpacing: 0.9 * unit, color }]}>
+            {book.brand.toUpperCase()}
+          </Text>
+        ) : null}
         {book.imprint ? (
           <Text style={[styles.kicker, { marginTop: 2 * unit, fontSize: 2.4 * unit, letterSpacing: 0.72 * unit, color, opacity: 0.6 }]}>
             {book.imprint.toUpperCase()}