@hanzo/ui 1.0.10 → 1.0.12

package/blocks/components/bullet-cards-block.tsx

@@ -20,6 +20,7 @@ const BulletCardsBlockComponent: React.FC<BlockComponentProps> = ({
   const specified = (s: string) => (containsToken(b.specifiers, s))
   
   const noBorder = specified('no-card-border') ? 'border-0' : 'md:border'
+  const mobileTextXs = specified('mobile-small-text') ? 'text-xs' : 'text-sm'
 
   const borderclx = specified('border-muted-3') ? 
     'md:border-muted-3' 
@@ -35,7 +36,7 @@ const BulletCardsBlockComponent: React.FC<BlockComponentProps> = ({
         borderclx
       )}>
         <InlineIcon icon={card.icon} size={b.iconSize ?? 28} agent={agent} className='shrink-0 mr-2 md:mr-4 '/>
-        <p className='m-0 text-sm sm:text-base'>{card.text}</p>
+        <p className={cn('m-0 sm:text-base', mobileTextXs)}>{card.text}</p>
       </div>
     ))}
     </GridBlockComponent>

package/blocks/components/screenful-block/content.tsx

@@ -70,8 +70,11 @@ const ContentColumn: React.FC<{
     modifiers += 'typography-headings:text-center '  
   }
 
+  /* ContentComponent's parent div needs h-full class in order for vertical alignment with flexbox to work.
+  *  This affects specifiers: bottom, vert-center, mobile-vert-center
+  */
   return (
-    <div className={cn('flex flex-col justify-center ' + modifiers, className)} >
+    <div className={cn('flex flex-col justify-center h-full', modifiers, className)} >
       <ContentComponent blocks={blocks} agent={agent} />
     </div>
   )

package/blocks/def/bullet-cards-block.ts

@@ -6,6 +6,7 @@ interface BulletCardsBlock extends Block {
   blockType: 'bullet-cards'
     /**
      * no-card-border
+     * mobile-small-text
      * borders-muted-1 / borders-muted-3 
      * default: 2 
      */

package/common/footer.tsx

@@ -24,7 +24,7 @@ const Footer: React.FC<{
   const _aboveCopyright = (typeof aboveCopyright === 'undefined') ? legal : aboveCopyright
 
   return (
-    <footer className={cn('grow flex flex-col justify-between gap-6 pb-[2vh]', className)}> 
+    <footer className={cn('grow flex flex-col justify-end gap-6 pb-[2vh]', className)}> 
       <div className={
         (noHorizPadding ? '' : 'px-5 md:px-8 ') +
         'grid grid-cols-2 gap-4 gap-y-6 md:gap-x-6 lg:gap-8 ' + smGridColsClx +  

package/environment.d.ts

@@ -0,0 +1,6 @@
+namespace NodeJS {
+  interface ProcessEnv {
+    NEXT_PUBLIC_GA_MEASUREMENT_ID: string;
+    NEXT_PUBLIC_FACEBOOK_PIXEL_ID: string;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -14,20 +14,6 @@
     "url": "git+https://github.com/hanzoai/react-sdk.git",
     "directory": "packages/ui"
   },
-  "files": [
-    "assets",
-    "blocks",
-    "common",
-    "context-providers",
-    "dist",
-    "next",
-    "primitives",
-    "siteDef",
-    "style",
-    "tailwind",
-    "types",
-    "util"
-  ],
   "keywords": [
     "components",
     "ui",
@@ -71,7 +57,7 @@
     "lodash.castarray": "^4.4.0",
     "lodash.isplainobject": "^4.0.6",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "^0.307.0",
+    "lucide-react": "^0.344.0",
     "markdown-to-jsx": "^7.3.2",
     "postcss-selector-parser": "^6.0.13",
     "react-day-picker": "^8.7.1",

package/primitives/toggle.tsx

@@ -26,6 +26,7 @@ const toggleVariants = cva(
       },
       size: {
         default: 'h-10 px-3',
+        hfull: 'h-full px-3',
         sm: 'h-9 px-2',
         lg: 'h-11 px-5',
       },

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../tsconfig.hanzo-modules.base.json",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "exclude": [
+    "node_modules",
+  ],
+}