* zin: refactor widgets with the new zui typography lib.

lib/zin/wg/detailbody/v1.php

@@ -41,7 +41,7 @@ class detailBody extends wg
                 set($this->getRestProps()),
                 div
                 (
-                    setClass('col gap-1 grow'),
+                    setClass('col gap-1 grow min-w-0'),
                     $main,
                     $bottom,
                     empty($floating) ? null : center(setClass('pt-6'), $floating)
@@ -65,7 +65,7 @@ class detailBody extends wg
                     setStyle('min-height', '100%'),
                     div
                     (
-                        setClass('col grow'),
+                        setClass('col grow min-w-0'),
                         $main,
                         $bottom
                     ),

lib/zin/wg/entitylabel/css/v1.css

@@ -1 +1,5 @@
 .entity-label .label {box-shadow: none; border: 1px solid var(--color-gray-300); color: var(--color-gray-700); background: none;}
+.entity-title-1 {font-size: 1rem; color: var(--color-gray-900); font-weight: bold;}
+.entity-title-2 {font-size: 0.875rem; color: var(--color-gray-900); font-weight: bold;}
+.entity-title-3 {color: var(--color-gray-800); font-weight: bold;}
+.entity-title-3 {color: var(--color-gray-800);}

lib/zin/wg/entitylabel/v1.php

@@ -65,8 +65,8 @@ class entityLabel extends wg
         $titlePrefix = $this->prop('titlePrefix');
 
         $titleClass = empty($level)
-            ? "article-content"
-            : "article-h$level";
+            ? ''
+            : "entity-title entity-title-$level";
 
         if(empty($href)) return div
         (

lib/zin/wg/section/v1.php

@@ -35,7 +35,7 @@ class section extends wg
         {
             return div
             (
-                setClass('article-h1', 'mb-2', 'inline-flex'),
+                setClass('font-bold text-md', 'mb-2', 'inline-flex'),
                 $required ? h::label
                 (
                     setClass('form-label required mr-1'),
@@ -49,7 +49,7 @@ class section extends wg
             setClass('flex', 'items-center', 'mb-2'),
             div
             (
-                setClass('article-h1', 'inline-flex'),
+                setClass('font-bold text-md', 'inline-flex'),
                 $required ? h::label
                 (
                     setClass('form-label required mr-1'),
@@ -66,7 +66,7 @@ class section extends wg
 
         return div
         (
-            setClass('article-content'),
+            setClass('article'),
             $useHtml ? html($content) : $content
         );
 

lib/zin/wg/sectioncard/v1.php

@@ -12,7 +12,7 @@ class sectionCard extends wg
     {
         return div
         (
-            setClass('article-h4', 'mb-1'),
+            setClass('h4', 'mb-1'),
             "[$text]"
         );
     }

lib/zin/wg/tabledata/css/v1.css

@@ -1,4 +1,4 @@
 .table-data {table-layout: fixed;}
 .table-data th,
-.table-data .table-data-th {width: 65px; color: var(--color-gray-600);}
+.table-data .table-data-th {width: 65px; color: var(--color-gray-600); border: none}
 .table-data th.required:before {content: '*'; color: rgba(var(--color-danger-500-rgb),var(--tw-text-opacity)); position: relative; top: 0.25rem; right: 0.25rem;}

lib/zin/wg/tabledata/v1.php

@@ -100,7 +100,7 @@ class tableData extends wg
 
         return h::caption
         (
-            setClass('article-h1 text-left mb-2'),
+            setClass('h1 text-left mb-2'),
             $title
         );
     }