@agentiffai/design 1.3.27 → 1.3.29

package/dist/index.js

@@ -40,7 +40,7 @@ var tokens = {
     text: {
       primary: "#FFFFFF",
       secondary: "#B4B8C5",
-      tertiary: "#6B7280",
+      tertiary: "#9CA3AF",
       disabled: "#4B5563"
     },
     // Semantic colors
@@ -95,6 +95,18 @@ var tokens = {
       // Teal (brand aligned)
       error: "#EF4444"
     },
+    // Category colors (for workflow progress badges)
+    category: {
+      setup: "#459FB9",
+      integration: "#8B5CF6",
+      generation: "#2CB0AB",
+      image: "#EC4899",
+      scheduling: "#F59E0B",
+      completion: "#4EB999",
+      processing: "#459FB9",
+      custom: "#6B7280",
+      notion: "#6B7280"
+    },
     // Scrollbar colors
     scrollbar: {
       track: "transparent",
@@ -136,9 +148,9 @@ var tokens = {
   },
   typography: {
     fontFamily: {
-      primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
-      heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
-      monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
+      primary: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
+      heading: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
+      monospace: "'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
     },
     fontSize: {
       xs: "0.875rem",
@@ -232,6 +244,19 @@ var tokens = {
       exit: "cubic-bezier(0.4, 0, 1, 1)",
       smooth: "cubic-bezier(0.4, 0, 0.2, 1)",
       linear: "linear"
+    },
+    overlay: {
+      duration: "200ms",
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    typewriter: {
+      speed: "50ms"
+    },
+    spinner: {
+      duration: "1000ms"
+    },
+    pulse: {
+      duration: "2000ms"
     }
   },
   zIndex: {
@@ -1492,7 +1517,7 @@ var StyledTextField = styled57(TextField)`
     min-height: 44px; /* Touch-friendly sizing for mobile */
     padding: 0.75rem 1rem;
     font-size: 1rem;
-    border: 1px solid ${({ $hasError }) => $hasError ? tokens.colors.border.error : "${tokens.colors.border.primary}"};
+    border: 1px solid ${({ $hasError }) => $hasError ? tokens.colors.border.error : tokens.colors.border.default};
     border-radius: 0.5rem;
     background: ${tokens.colors.surface.overlay};
     color: white;
@@ -2133,6 +2158,7 @@ function CategoryNav({
             "aria-label": subItem.name,
             title: subItem.name,
             "data-testid": `${testIdPrefix}-subitem-${subItem.id}`,
+            "data-active": isSubItemActive,
             children: renderSubItemIcon(subItem, isSubItemActive)
           },
           subItem.id