@agentiffai/design 1.3.1 → 1.3.4

package/dist/copilotkit/index.js

@@ -91,14 +91,14 @@ var tokens = {
       monospace: "'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
     },
     fontSize: {
-      xs: "0.75rem",
-      // 12px
-      sm: "0.875rem",
-      // 14px
-      base: "1rem",
-      // 16px
+      xs: "0.875rem",
+      // 14px (was 12px, increased for better readability)
+      sm: "1rem",
+      // 16px (was 14px, increased for better readability)
+      base: "1.125rem",
+      // 18px (was 16px, increased for better readability)
       lg: "1.125rem",
-      // 20px
+      // 20px (heading size, unchanged)
       "2xl": "1.5rem"},
     fontWeight: {
       regular: 400,
@@ -1608,7 +1608,7 @@ var StyledUserMessage = styled4.button`
   font-family: ${tokens.typography.fontFamily.primary};
   font-size: ${tokens.typography.fontSize.sm};
   font-weight: ${tokens.typography.fontWeight.regular};
-  line-height: 1.4;
+  line-height: ${tokens.typography.lineHeight.normal};
   border: none;
   cursor: default;
   user-select: none;
@@ -3246,6 +3246,11 @@ var MessageBubble = styled4.div`
   /* Smooth transitions */
   transition: all ${tokens.transitions.fast};
 
+  /* Ensure long strings don't overflow */
+  overflow: hidden;
+  overflow-wrap: break-word;
+  word-break: break-word;
+
   /* Username styling */
   strong {
     font-size: ${tokens.typography.fontSize.xs};
@@ -3259,6 +3264,8 @@ var MessageContent2 = styled4.p`
   font-size: ${tokens.typography.fontSize.sm};
   line-height: ${tokens.typography.lineHeight.normal};
   word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
   white-space: pre-wrap;
 `;
 var MessageTime2 = styled4.time`