feat(a2ui): convert icon to tff for lynx

biome.jsonc

@@ -6,6 +6,12 @@
       "allowTrailingCommas": true,
     },
   },
+  "files": {
+    // This generated stylesheet exceeds Biome's file-size limit and should be skipped entirely.
+    "ignore": [
+      "packages/genui/a2ui/styles/theme.css",
+    ],
+  },
   "organizeImports": {
     // We use `eslint-plugin-import` for imports sorting
     "enabled": false,

packages/genui/a2ui-playground/src/mock/a2ui-gallery/flight-status.json

@@ -130,7 +130,7 @@
               },
               "returnType": "string"
             },
-            "variant": "h3"
+            "variant": "h4"
           },
           {
             "id": "status-col",
@@ -177,7 +177,7 @@
               },
               "returnType": "string"
             },
-            "variant": "h3"
+            "variant": "h4"
           }
         ]
       }

packages/genui/a2ui-playground/src/pages/AIChatPage.tsx

@@ -1502,7 +1502,7 @@ export function AIChatPage(
                   disabled={isGenerating || inputValue.trim().length === 0}
                   onClick={handleSend}
                 >
-                  <span className='chatSendIcon' aria-hidden='true'>-&gt;</span>
+                  <span className='chatSendIcon' aria-hidden='true'>↖</span>
                   {isGenerating ? 'Generating' : 'Send'}
                 </button>
               </div>

packages/genui/a2ui/styles/catalog/Icon.css

@@ -6,7 +6,7 @@
   font-weight: normal;
   font-size: 24px;
   line-height: 1;
-  letter-spacing: normal;
+  letter-spacing: 1px;
   display: inline-flex;
   align-items: center;
   justify-content: center;

packages/genui/a2ui/styles/catalog/Text.css

@@ -14,54 +14,54 @@
 }
 
 .text-h1 {
-  font-size: 28px;
+  font-size: 24px;
   font-weight: bold;
   color: var(--a2ui-color-on-surface);
-  line-height: 1.15;
+  line-height: 1.2;
   flex-shrink: 0;
 }
 
 .text-h2 {
-  font-size: 22px;
+  font-size: 20px;
   font-weight: bold;
   color: var(--a2ui-color-on-surface);
   line-height: 1.2;
   flex-shrink: 0;
 }
 
 .text-h3 {
-  font-size: 18px;
+  font-size: 16px;
   font-weight: bold;
   color: var(--a2ui-color-on-surface);
   line-height: 1.2;
   flex-shrink: 0;
 }
 
 .text-h4 {
-  font-size: 15px;
+  font-size: 14px;
   font-weight: bold;
   color: var(--a2ui-color-on-surface);
   line-height: 1.2;
   flex-shrink: 0;
 }
 
 .text-h5 {
-  font-size: 13px;
+  font-size: 12px;
   font-weight: bold;
   color: var(--a2ui-color-on-surface);
   line-height: 1.2;
   flex-shrink: 0;
 }
 
 .text-caption {
-  font-size: 11px;
+  font-size: 10px;
   color: var(--a2ui-color-text-muted);
   line-height: 1.5;
   flex-shrink: 0;
 }
 
 .text-body {
-  font-size: 15px;
+  font-size: 14px;
   font-weight: normal;
   color: var(--a2ui-color-on-surface);
   line-height: 1.5;
@@ -83,15 +83,15 @@
 
 .text-price {
   flex-shrink: 0;
-  font-size: 16px;
+  font-size: 15px;
   font-weight: bold;
   color: var(--a2ui-color-primary);
   line-height: 1.5;
 }
 
 .text-link {
   flex-shrink: 0;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 600;
   color: var(--a2ui-color-primary-hover);
   text-decoration: underline;
@@ -100,7 +100,7 @@
 
 .text-label {
   flex-shrink: 0;
-  font-size: 11px;
+  font-size: 10px;
   font-weight: bold;
   color: var(--a2ui-color-text-muted);
   letter-spacing: 0.8px;