@0.2.14: Minor changes to ImageBlock

added ElementBlock to Content Factory
added 'xxs' font size

pkgs/luxdefi-ui/blocks/components/content.tsx

@@ -44,6 +44,9 @@ const BlockFactory: React.FC<{
     case 'accordian': {
       return <AccordianBlockComponent block={block} className={className} />
     }
+    case 'element': {
+      return (block as B.ElementBlock).element
+    }
   }
 
   return <>unknown block type</>

pkgs/luxdefi-ui/blocks/components/image-block.tsx

@@ -25,7 +25,27 @@ const ImageBlockComponent: React.FC<{
     const dimCon = (constraint ? constrain(dim, constraint) : dim)
     toSpread.width = dimCon.w
     toSpread.height = dimCon.h
-  }  
+  } 
+
+    // This are deprecated as props, and should be added as element styles instead.
+    // https://nextjs.org/docs/messages/next-image-upgrade-to-13
+  if (props?.objectFit) {
+    toSpread.style = {
+      objectFit: props.objectFit  
+    }
+    delete props.objectFit 
+  }
+  if (props?.objectPosition) {
+    if (toSpread.style) {
+      toSpread.style.objectPosition = props.objectPosition
+    }
+    else {
+      toSpread.style = {
+        objectPosition: props.objectPosition  
+      }
+    }
+    delete props.objectPosition
+  }
 
   return (props?.fill) ? (
     <div className='relative w-full h-full'>

pkgs/luxdefi-ui/blocks/def/index.ts

@@ -8,7 +8,6 @@ import type HeadingBlock from './heading-block'
 import type ImageBlock from './image-block'
 import type VideoBlock from './video-block'
 import type SpaceBlock from './space-block'
-import type SpecialBlock from './special-block'
 
 export { 
    type AccordianBlock, 
@@ -21,5 +20,4 @@ export {
    type ImageBlock,
    type VideoBlock,
    type SpaceBlock,
-   type SpecialBlock,
 }

pkgs/luxdefi-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

pkgs/luxdefi-ui/tailwind/fonts.tailwind.ts

@@ -17,6 +17,7 @@ export const fontFamily = (ignoreTheme: any): {
 }
 
 export const fontSize = {
+  xxs: ['0.7rem', { lineHeight: '0.9rem' }],    // very fine print               
   xs: ['0.8rem', { lineHeight: '1rem' }],       // fine print               
   sm: ['0.9rem', { lineHeight: '1.2rem' }],     // 'standard' some news article cards  (set manually when using typography-sm)
   base: ['1rem', { lineHeight: 1.4 }],