@hanzo/ui 3.8.32 → 3.8.34

package/blocks/components/enh-heading-block.tsx

@@ -86,10 +86,10 @@ const getPositionClx = (
 
   if (agent === 'phone') {
     if (mobileHeadingLeft) {
-      headerclx = 'self-start text-left'
+      headerclx = 'self-start !text-left'
     } else {
       headerclx = (mobileHeadingCentered || headingCentered) ? 
-        'self-center text-center' : (headingRight ? 'self-end text-right' : 'self-start text-left')
+        'self-center !text-center' : (headingRight ? 'self-end !text-right' : 'self-start !text-left')
     }
 
     if (mobileBylineLeft) {
@@ -98,10 +98,10 @@ const getPositionClx = (
   }
   else {
     const largerclx = (headingCentered) ? 
-      'self-center text-center' : (headingRight ? 'self-end text-right' : 'self-start text-left')
+      'self-center !text-center' : (headingRight ? 'self-end !text-right' : 'self-start !text-left')
 
     if (mobileHeadingCentered) {
-      headerclx = 'self-center text-center md:' + largerclx.split(' ').join(' md:')
+      headerclx = 'self-center !text-center md:' + largerclx.split(' ').join(' md:')
     }
     else {
       headerclx = largerclx 
@@ -135,6 +135,7 @@ const EnhHeadingBlockComponent: React.FC<
   const preheadingHeadingFont = specified('preheading-heading-font')
   const phFontClx = preheadingHeadingFont ? 'font-heading' : ''
   const alignMiddleClx = specified('align-middle') ? 'my-auto' : ''
+  const respectCaseClx = specified('respect-case') ? '!normal-case' : ''
 
   const positionclx = getPositionClx(specified, agent)
 
@@ -147,14 +148,14 @@ const EnhHeadingBlockComponent: React.FC<
           undefined, 
         clx: (b.preheading) ? 
           (b.preheading.mb !== undefined ? 
-            `mb-${b.preheading.mb}` : `mb-${DEFAULTS.preheading.mb}`) + ' ' + positionclx.preheading + ' ' + phFontClx
+            `mb-${b.preheading.mb}` : `mb-${DEFAULTS.preheading.mb}`) + ' ' + positionclx.preheading + ' ' + phFontClx + ' ' + respectCaseClx
           : 
-          positionclx.preheading + ' ' + phFontClx,
+          positionclx.preheading + ' ' + phFontClx  + ' ' + respectCaseClx,
         text: (b.preheading) ? (b.preheading.text ) : undefined,
       },
       {
         tag: (b.heading.level !== undefined ? tagFromLevel(b.heading.level) : DEFAULTS.heading.tag), 
-        clx: (b.heading.mb !== undefined ? `mb-${b.heading.mb}` : `mb-${DEFAULTS.heading.mb}`) + ' ' + positionclx.heading,
+        clx: (b.heading.mb !== undefined ? `mb-${b.heading.mb}` : `mb-${DEFAULTS.heading.mb}`) + ' ' + positionclx.heading  + ' ' + respectCaseClx,
         text: b.heading.text,
       },
       {
@@ -162,7 +163,7 @@ const EnhHeadingBlockComponent: React.FC<
           (b.byline.level !== undefined ? tagFromLevel(b.byline.level) : DEFAULTS.byline.tag) 
           : 
           undefined, 
-        clx: positionclx.byline,
+        clx: positionclx.byline  + ' ' + respectCaseClx,
         text: (b.byline) ? (b.byline.text ) : undefined,
       },
     ] as {

package/blocks/def/enh-heading-block.ts

@@ -19,6 +19,7 @@ interface EnhHeadingBlock extends Block {
     // left / right / center for preheading and heading (byline stays left)
     // byline-left / byline-right / byline-center
     // preheading-heading-font
+    // respect-case: no all caps for h1, h2, 
   specifiers?: string  
     // By default, appears inline to left of first element (preheading or heading) 
     // unless indicated otherwise in specifiers 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.8.32",
+  "version": "3.8.34",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",