@agentiffai/design 1.3.28 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,41 +19,26 @@ var styled9__default = /*#__PURE__*/_interopDefault(styled9);
19
19
  // src/theme/tokens.ts
20
20
  var tokens = {
21
21
  colors: {
22
- // Brand colors
23
22
  primary: "#2CB0AB",
24
- // Teal (main brand color)
25
23
  secondary: "#264E68",
26
- // Deep Blue
27
24
  accent: "#459FB9",
28
- // Sea Green (additional brand color)
29
- // Backgrounds - dark theme optimized
30
25
  background: {
31
26
  darkest: "#0a1b2a",
32
- // Darkest Blue (brand color)
33
27
  darker: "#151a26",
34
- // Discord gray (preserved)
35
28
  dark: "#1b2230",
36
- // Discord surface gray (preserved)
37
29
  light: "#252d3d"
38
- // Discord border gray (preserved)
39
30
  },
40
- // Text hierarchy
41
31
  text: {
42
32
  primary: "#FFFFFF",
43
33
  secondary: "#B4B8C5",
44
34
  tertiary: "#9CA3AF"},
45
- // Teal (brand aligned)
46
35
  error: "#EF4444",
47
- // Sky Blue (brand aligned)
48
- // Status colors (for workflow/SSE events)
49
36
  status: {
50
37
  idle: "#6B7280",
51
- // Badge status (online/offline pattern)
52
38
  online: "#2CB0AB",
53
39
  offline: "#EF4444",
54
40
  busy: "#459FB9"
55
41
  },
56
- // Surface variants (for overlays, cards, panels)
57
42
  surface: {
58
43
  base: "#1b2230",
59
44
  overlay: "rgba(255, 255, 255, 0.05)",
@@ -61,21 +46,17 @@ var tokens = {
61
46
  overlayActive: "rgba(255, 255, 255, 0.15)",
62
47
  subtle: "rgba(255, 255, 255, 0.02)",
63
48
  glass: "rgba(255, 255, 255, 0.26)"},
64
- // UI Element colors
65
49
  border: {
66
50
  default: "rgba(255, 255, 255, 0.1)",
67
51
  subtle: "rgba(255, 255, 255, 0.05)",
68
52
  focus: "#2CB0AB"},
69
- // Scrollbar colors
70
53
  scrollbar: {
71
54
  track: "transparent",
72
55
  thumb: "rgba(255, 255, 255, 0.2)",
73
56
  thumbHover: "rgba(255, 255, 255, 0.3)"
74
57
  },
75
- // Overlays and backdrops
76
58
  overlay: "rgba(0, 0, 0, 0.5)",
77
59
  backdrop: "rgba(27, 34, 48, 0.95)",
78
- // Platform brand colors (for social media icons)
79
60
  platform: {
80
61
  facebook: "#1877F2",
81
62
  whatsapp: "#25D366"}
@@ -85,11 +66,8 @@ var tokens = {
85
66
  primary: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif"},
86
67
  fontSize: {
87
68
  xs: "0.875rem",
88
- // 14px (was 12px, increased for better readability)
89
69
  sm: "1rem",
90
- // 16px (was 14px, increased for better readability)
91
70
  base: "1.125rem",
92
- // 18px (heading size, unchanged)
93
71
  xl: "1.25rem"},
94
72
  fontWeight: {
95
73
  regular: 400,
@@ -104,23 +82,15 @@ var tokens = {
104
82
  },
105
83
  spacing: {
106
84
  xs: "0.25rem",
107
- // 4px
108
85
  sm: "0.5rem",
109
- // 8px
110
86
  md: "1rem",
111
- // 16px
112
87
  lg: "1.5rem"},
113
88
  borderRadius: {
114
89
  sm: "0.25rem",
115
- // 4px
116
90
  md: "0.5rem",
117
- // 8px
118
91
  lg: "0.75rem",
119
- // 12px
120
92
  xl: "1rem",
121
- // 24px
122
93
  full: "9999px"
123
- // Fully rounded
124
94
  },
125
95
  shadows: {
126
96
  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"},
@@ -393,6 +363,7 @@ function CategoryNav({
393
363
  "aria-label": subItem.name,
394
364
  title: subItem.name,
395
365
  "data-testid": `${testIdPrefix}-subitem-${subItem.id}`,
366
+ "data-active": isSubItemActive,
396
367
  children: renderSubItemIcon(subItem, isSubItemActive)
397
368
  },
398
369
  subItem.id