@agentiffai/design 1.3.29 → 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.
@@ -13,41 +13,26 @@ import { DisclosureGroup, Disclosure, Button, DisclosurePanel, Heading } from 'r
13
13
  // src/theme/tokens.ts
14
14
  var tokens = {
15
15
  colors: {
16
- // Brand colors
17
16
  primary: "#2CB0AB",
18
- // Teal (main brand color)
19
17
  secondary: "#264E68",
20
- // Deep Blue
21
18
  accent: "#459FB9",
22
- // Sea Green (additional brand color)
23
- // Backgrounds - dark theme optimized
24
19
  background: {
25
20
  darkest: "#0a1b2a",
26
- // Darkest Blue (brand color)
27
21
  darker: "#151a26",
28
- // Discord gray (preserved)
29
22
  dark: "#1b2230",
30
- // Discord surface gray (preserved)
31
23
  light: "#252d3d"
32
- // Discord border gray (preserved)
33
24
  },
34
- // Text hierarchy
35
25
  text: {
36
26
  primary: "#FFFFFF",
37
27
  secondary: "#B4B8C5",
38
28
  tertiary: "#9CA3AF"},
39
- // Teal (brand aligned)
40
29
  error: "#EF4444",
41
- // Sky Blue (brand aligned)
42
- // Status colors (for workflow/SSE events)
43
30
  status: {
44
31
  idle: "#6B7280",
45
- // Badge status (online/offline pattern)
46
32
  online: "#2CB0AB",
47
33
  offline: "#EF4444",
48
34
  busy: "#459FB9"
49
35
  },
50
- // Surface variants (for overlays, cards, panels)
51
36
  surface: {
52
37
  base: "#1b2230",
53
38
  overlay: "rgba(255, 255, 255, 0.05)",
@@ -55,21 +40,17 @@ var tokens = {
55
40
  overlayActive: "rgba(255, 255, 255, 0.15)",
56
41
  subtle: "rgba(255, 255, 255, 0.02)",
57
42
  glass: "rgba(255, 255, 255, 0.26)"},
58
- // UI Element colors
59
43
  border: {
60
44
  default: "rgba(255, 255, 255, 0.1)",
61
45
  subtle: "rgba(255, 255, 255, 0.05)",
62
46
  focus: "#2CB0AB"},
63
- // Scrollbar colors
64
47
  scrollbar: {
65
48
  track: "transparent",
66
49
  thumb: "rgba(255, 255, 255, 0.2)",
67
50
  thumbHover: "rgba(255, 255, 255, 0.3)"
68
51
  },
69
- // Overlays and backdrops
70
52
  overlay: "rgba(0, 0, 0, 0.5)",
71
53
  backdrop: "rgba(27, 34, 48, 0.95)",
72
- // Platform brand colors (for social media icons)
73
54
  platform: {
74
55
  facebook: "#1877F2",
75
56
  whatsapp: "#25D366"}
@@ -79,11 +60,8 @@ var tokens = {
79
60
  primary: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif"},
80
61
  fontSize: {
81
62
  xs: "0.875rem",
82
- // 14px (was 12px, increased for better readability)
83
63
  sm: "1rem",
84
- // 16px (was 14px, increased for better readability)
85
64
  base: "1.125rem",
86
- // 18px (heading size, unchanged)
87
65
  xl: "1.25rem"},
88
66
  fontWeight: {
89
67
  regular: 400,
@@ -98,23 +76,15 @@ var tokens = {
98
76
  },
99
77
  spacing: {
100
78
  xs: "0.25rem",
101
- // 4px
102
79
  sm: "0.5rem",
103
- // 8px
104
80
  md: "1rem",
105
- // 16px
106
81
  lg: "1.5rem"},
107
82
  borderRadius: {
108
83
  sm: "0.25rem",
109
- // 4px
110
84
  md: "0.5rem",
111
- // 8px
112
85
  lg: "0.75rem",
113
- // 12px
114
86
  xl: "1rem",
115
- // 24px
116
87
  full: "9999px"
117
- // Fully rounded
118
88
  },
119
89
  shadows: {
120
90
  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"},