@surf-kit/tokens 0.1.3 → 0.3.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.
Files changed (14) hide show
  1. package/LICENSE +184 -12
  2. package/README.md +1 -1
  3. package/dist/css/variables-brand.css +13 -13
  4. package/dist/css/variables-dark.css +22 -22
  5. package/dist/css/variables-energy.css +165 -0
  6. package/dist/css/variables-light.css +9 -9
  7. package/dist/css/variables.css +3 -3
  8. package/dist/json/tokens.json +9 -9
  9. package/dist/native/tokens-brand.ts +163 -0
  10. package/dist/native/tokens-dark.ts +163 -0
  11. package/dist/native/tokens-energy.ts +163 -0
  12. package/dist/native/tokens-light.ts +163 -0
  13. package/dist/ts/tokens.js +12 -12
  14. package/package.json +23 -2
package/dist/native/tokens-brand.ts ADDED
@@ -0,0 +1,163 @@
1
+ export const tokens = {
2
+ "SurfColorTeal50": "#f0fafb",
3
+ "SurfColorTeal100": "#e0f5f7",
4
+ "SurfColorTeal300": "#66c2cc",
5
+ "SurfColorTeal500": "#0099a8",
6
+ "SurfColorTeal600": "#007f8c",
7
+ "SurfColorTeal700": "#006673",
8
+ "SurfColorCharcoal50": "#f5f5f5",
9
+ "SurfColorCharcoal100": "#e8e8e8",
10
+ "SurfColorCharcoal300": "#b0b0b0",
11
+ "SurfColorCharcoal500": "#787878",
12
+ "SurfColorCharcoal700": "#5a5a5a",
13
+ "SurfColorCharcoal900": "#3c3c3c",
14
+ "SurfColorWatermelon100": "#fde8ef",
15
+ "SurfColorWatermelon500": "#e8175d",
16
+ "SurfColorWatermelon700": "#b8124a",
17
+ "SurfColorLime100": "#f0f8e0",
18
+ "SurfColorLime500": "#8dc21f",
19
+ "SurfColorLime700": "#6b9317",
20
+ "SurfColorGolden100": "#fef5e0",
21
+ "SurfColorGolden500": "#f8b800",
22
+ "SurfColorGolden700": "#c69300",
23
+ "SurfColorSky500": "#5bc8f5",
24
+ "SurfColorMagenta500": "#9e1f82",
25
+ "SurfColorCyan500": "#00b2aa",
26
+ "SurfColorHotpink500": "#f0197c",
27
+ "SurfColorOrangered500": "#f05a22",
28
+ "SurfColorPurple500": "#3b1283",
29
+ "SurfColorNeutral50": "#fafafa",
30
+ "SurfColorNeutral100": "#f5f5f5",
31
+ "SurfColorNeutral200": "#e8e8e8",
32
+ "SurfColorNeutral300": "#d4d4d4",
33
+ "SurfColorNeutral600": "#6b6b6b",
34
+ "SurfColorNeutral800": "#454545",
35
+ "SurfColorNeutral900": "#3c3c3c",
36
+ "SurfColorWhite": "#ffffff",
37
+ "SurfColorBrandDark": "#041f26",
38
+ "SurfColorBrandDarkPanel": "#0a3642",
39
+ "SurfColorBrandBlue": "#0091a5",
40
+ "SurfColorBrandCyan": "#38bdd0",
41
+ "SurfColorBrandGold": "#e1b989",
42
+ "SurfColorBrandGoldLight": "#f3d79c",
43
+ "SurfColorBrandCream": "#f1f0e3",
44
+ "SurfColorBrandCreamWarm": "#f0e8b6",
45
+ "SurfColorBrandCharcoal": "#414142",
46
+ "SurfColorBrandWatermelon": "#e81152",
47
+ "SurfColorBgCanvas": "#041f26",
48
+ "SurfColorBgSurface": "#0a3642",
49
+ "SurfColorBgSurfaceRaised": "#0d3f50",
50
+ "SurfColorBgSurfaceSunken": "#031519",
51
+ "SurfColorTextPrimary": "#f1f0e3",
52
+ "SurfColorTextSecondary": "#f1f0e399",
53
+ "SurfColorTextMuted": "#f1f0e366",
54
+ "SurfColorTextInverse": "#041f26",
55
+ "SurfColorAccentPrimary": "#38bdd0",
56
+ "SurfColorAccentPrimaryHover": "#5dd4e5",
57
+ "SurfColorAccentPrimaryActive": "#2aa8bc",
58
+ "SurfColorAccentPrimarySubtle": "#38bdd026",
59
+ "SurfColorAccentPrimarySubtlest": "#38bdd014",
60
+ "SurfColorBorderDefault": "#e1b98926",
61
+ "SurfColorBorderStrong": "#e1b9894d",
62
+ "SurfColorBorderInteractive": "#e1b98980",
63
+ "SurfColorStatusSuccess": "#38bdd0",
64
+ "SurfColorStatusSuccessSubtle": "#38bdd026",
65
+ "SurfColorStatusWarning": "#e1b989",
66
+ "SurfColorStatusWarningSubtle": "#e1b9891a",
67
+ "SurfColorStatusError": "#e81152",
68
+ "SurfColorStatusErrorSubtle": "#e811521a",
69
+ "SurfColorStatusInfo": "#0091a5",
70
+ "SurfColorStatusInfoSubtle": "#0091a526",
71
+ "SurfSpacing1": "4px",
72
+ "SurfSpacing2": "8px",
73
+ "SurfSpacing3": "12px",
74
+ "SurfSpacing4": "16px",
75
+ "SurfSpacing5": "20px",
76
+ "SurfSpacing6": "24px",
77
+ "SurfSpacing7": "28px",
78
+ "SurfSpacing8": "32px",
79
+ "SurfSpacing9": "36px",
80
+ "SurfSpacing10": "40px",
81
+ "SurfSpacing11": "44px",
82
+ "SurfSpacing12": "48px",
83
+ "SurfSpacing13": "52px",
84
+ "SurfSpacing14": "56px",
85
+ "SurfSpacing15": "60px",
86
+ "SurfSpacing16": "64px",
87
+ "SurfFontFamilySans": "Inter, system-ui, -apple-system, sans-serif",
88
+ "SurfFontFamilyMono": "JetBrains Mono, Fira Code, monospace",
89
+ "SurfFontFamilyDisplay": "'Space Grotesk', system-ui, sans-serif",
90
+ "SurfFontSizeXs": "12px",
91
+ "SurfFontSizeSm": "14px",
92
+ "SurfFontSizeBase": "16px",
93
+ "SurfFontSizeLg": "18px",
94
+ "SurfFontSizeXl": "20px",
95
+ "SurfFontSize2xl": "24px",
96
+ "SurfFontSize3xl": "30px",
97
+ "SurfFontSize4xl": "36px",
98
+ "SurfFontWeightNormal": "400",
99
+ "SurfFontWeightMedium": "500",
100
+ "SurfFontWeightSemibold": "600",
101
+ "SurfFontWeightBold": "700",
102
+ "SurfFontLineHeightTight": "1.25rem",
103
+ "SurfFontLineHeightNormal": "1.5rem",
104
+ "SurfFontLineHeightRelaxed": "1.75rem",
105
+ "SurfRadiusSm": "4px",
106
+ "SurfRadiusMd": "8px",
107
+ "SurfRadiusLg": "12px",
108
+ "SurfRadiusXl": "16px",
109
+ "SurfRadiusFull": "9999px",
110
+ "SurfShadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
111
+ "SurfShadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
112
+ "SurfShadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
113
+ "SurfDurationInstant": "100ms",
114
+ "SurfDurationFast": "200ms",
115
+ "SurfDurationNormal": "300ms",
116
+ "SurfDurationSlow": "500ms",
117
+ "SurfDurationStreaming": "50ms",
118
+ "SurfEasingDefault": "cubic-bezier(0.4, 0, 0.2, 1)",
119
+ "SurfEasingIn": "cubic-bezier(0.4, 0, 1, 1)",
120
+ "SurfEasingOut": "cubic-bezier(0, 0, 0.2, 1)",
121
+ "SurfEasingInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
122
+ "SurfButtonBgPrimary": "#38bdd0",
123
+ "SurfButtonBgPrimaryHover": "#5dd4e5",
124
+ "SurfButtonTextPrimary": "#041f26",
125
+ "SurfButtonRadius": "8px",
126
+ "SurfInputBorder": "#e1b98926",
127
+ "SurfInputBorderFocus": "#e1b98980",
128
+ "SurfInputBg": "#0a3642",
129
+ "SurfConfidenceHighBg": "#38bdd026",
130
+ "SurfConfidenceHighText": "#38bdd0",
131
+ "SurfConfidenceHighBorder": "#38bdd0",
132
+ "SurfConfidenceMediumBg": "#e1b9891a",
133
+ "SurfConfidenceMediumText": "#e1b989",
134
+ "SurfConfidenceMediumBorder": "#e1b989",
135
+ "SurfConfidenceLowBg": "#e811521a",
136
+ "SurfConfidenceLowText": "#e81152",
137
+ "SurfConfidenceLowBorder": "#e81152",
138
+ "SurfVerificationPassedIcon": "#38bdd0",
139
+ "SurfVerificationPassedBg": "#38bdd026",
140
+ "SurfVerificationFlaggedIcon": "#e1b989",
141
+ "SurfVerificationFlaggedBg": "#e1b9891a",
142
+ "SurfVerificationFailedIcon": "#e81152",
143
+ "SurfVerificationFailedBg": "#e811521a",
144
+ "SurfSourceCardBg": "#0a3642",
145
+ "SurfSourceCardBorder": "#e1b98926",
146
+ "SurfSourceCardBorderHover": "#e1b9894d",
147
+ "SurfAgentCoordinatorAccent": "#0099a8",
148
+ "SurfAgentHrAccent": "#e8175d",
149
+ "SurfAgentItAccent": "#5bc8f5",
150
+ "SurfAgentGovernanceAccent": "#3b1283",
151
+ "SurfAgentFinanceAccent": "#f8b800",
152
+ "SurfAgentFacilitiesAccent": "#8dc21f",
153
+ "SurfAgentGeneralAccent": "#787878",
154
+ "SurfMessageUserBg": "#38bdd0",
155
+ "SurfMessageUserText": "#041f26",
156
+ "SurfMessageAssistantBg": "#0d3f50",
157
+ "SurfMessageAssistantText": "#f1f0e3",
158
+ "SurfMessageAssistantBorder": "#e1b98926",
159
+ "SurfStreamingCursorColor": "#38bdd0",
160
+ "SurfStreamingPhaseBg": "#38bdd014",
161
+ "SurfStreamingPhaseText": "#38bdd0",
162
+ "SurfStreamingPhaseIcon": "#38bdd0"
163
+ } as const
package/dist/native/tokens-dark.ts ADDED
@@ -0,0 +1,163 @@
1
+ export const tokens = {
2
+ "SurfColorTeal50": "#f0fafb",
3
+ "SurfColorTeal100": "#e0f5f7",
4
+ "SurfColorTeal300": "#66c2cc",
5
+ "SurfColorTeal500": "#0099a8",
6
+ "SurfColorTeal600": "#007f8c",
7
+ "SurfColorTeal700": "#006673",
8
+ "SurfColorCharcoal50": "#f5f5f5",
9
+ "SurfColorCharcoal100": "#e8e8e8",
10
+ "SurfColorCharcoal300": "#b0b0b0",
11
+ "SurfColorCharcoal500": "#787878",
12
+ "SurfColorCharcoal700": "#5a5a5a",
13
+ "SurfColorCharcoal900": "#3c3c3c",
14
+ "SurfColorWatermelon100": "#fde8ef",
15
+ "SurfColorWatermelon500": "#e8175d",
16
+ "SurfColorWatermelon700": "#b8124a",
17
+ "SurfColorLime100": "#f0f8e0",
18
+ "SurfColorLime500": "#8dc21f",
19
+ "SurfColorLime700": "#6b9317",
20
+ "SurfColorGolden100": "#fef5e0",
21
+ "SurfColorGolden500": "#f8b800",
22
+ "SurfColorGolden700": "#c69300",
23
+ "SurfColorSky500": "#5bc8f5",
24
+ "SurfColorMagenta500": "#9e1f82",
25
+ "SurfColorCyan500": "#00b2aa",
26
+ "SurfColorHotpink500": "#f0197c",
27
+ "SurfColorOrangered500": "#f05a22",
28
+ "SurfColorPurple500": "#3b1283",
29
+ "SurfColorNeutral50": "#fafafa",
30
+ "SurfColorNeutral100": "#f5f5f5",
31
+ "SurfColorNeutral200": "#e8e8e8",
32
+ "SurfColorNeutral300": "#d4d4d4",
33
+ "SurfColorNeutral600": "#6b6b6b",
34
+ "SurfColorNeutral800": "#454545",
35
+ "SurfColorNeutral900": "#3c3c3c",
36
+ "SurfColorWhite": "#ffffff",
37
+ "SurfColorBrandDark": "#041f26",
38
+ "SurfColorBrandDarkPanel": "#0a3642",
39
+ "SurfColorBrandBlue": "#0091a5",
40
+ "SurfColorBrandCyan": "#38bdd0",
41
+ "SurfColorBrandGold": "#e1b989",
42
+ "SurfColorBrandGoldLight": "#f3d79c",
43
+ "SurfColorBrandCream": "#f1f0e3",
44
+ "SurfColorBrandCreamWarm": "#f0e8b6",
45
+ "SurfColorBrandCharcoal": "#414142",
46
+ "SurfColorBrandWatermelon": "#e81152",
47
+ "SurfColorBgCanvas": "#1a1a1a",
48
+ "SurfColorBgSurface": "#2a2a2a",
49
+ "SurfColorBgSurfaceRaised": "#333333",
50
+ "SurfColorBgSurfaceSunken": "#111111",
51
+ "SurfColorTextPrimary": "#f5f5f5",
52
+ "SurfColorTextSecondary": "#b0b0b0",
53
+ "SurfColorTextMuted": "#6b6b6b",
54
+ "SurfColorTextInverse": "#3c3c3c",
55
+ "SurfColorAccentPrimary": "#66c2cc",
56
+ "SurfColorAccentPrimaryHover": "#0099a8",
57
+ "SurfColorAccentPrimaryActive": "#007f8c",
58
+ "SurfColorAccentPrimarySubtle": "#0099a826",
59
+ "SurfColorAccentPrimarySubtlest": "#0099a814",
60
+ "SurfColorBorderDefault": "#404040",
61
+ "SurfColorBorderStrong": "#555555",
62
+ "SurfColorBorderInteractive": "#0099a8",
63
+ "SurfColorStatusSuccess": "#8dc21f",
64
+ "SurfColorStatusSuccessSubtle": "#8dc21f26",
65
+ "SurfColorStatusWarning": "#f8b800",
66
+ "SurfColorStatusWarningSubtle": "#f8b80026",
67
+ "SurfColorStatusError": "#e8175d",
68
+ "SurfColorStatusErrorSubtle": "#e8175d26",
69
+ "SurfColorStatusInfo": "#5bc8f5",
70
+ "SurfColorStatusInfoSubtle": "#5bc8f526",
71
+ "SurfSpacing1": "4px",
72
+ "SurfSpacing2": "8px",
73
+ "SurfSpacing3": "12px",
74
+ "SurfSpacing4": "16px",
75
+ "SurfSpacing5": "20px",
76
+ "SurfSpacing6": "24px",
77
+ "SurfSpacing7": "28px",
78
+ "SurfSpacing8": "32px",
79
+ "SurfSpacing9": "36px",
80
+ "SurfSpacing10": "40px",
81
+ "SurfSpacing11": "44px",
82
+ "SurfSpacing12": "48px",
83
+ "SurfSpacing13": "52px",
84
+ "SurfSpacing14": "56px",
85
+ "SurfSpacing15": "60px",
86
+ "SurfSpacing16": "64px",
87
+ "SurfFontFamilySans": "Inter, system-ui, -apple-system, sans-serif",
88
+ "SurfFontFamilyMono": "JetBrains Mono, Fira Code, monospace",
89
+ "SurfFontFamilyDisplay": "'Space Grotesk', system-ui, sans-serif",
90
+ "SurfFontSizeXs": "12px",
91
+ "SurfFontSizeSm": "14px",
92
+ "SurfFontSizeBase": "16px",
93
+ "SurfFontSizeLg": "18px",
94
+ "SurfFontSizeXl": "20px",
95
+ "SurfFontSize2xl": "24px",
96
+ "SurfFontSize3xl": "30px",
97
+ "SurfFontSize4xl": "36px",
98
+ "SurfFontWeightNormal": "400",
99
+ "SurfFontWeightMedium": "500",
100
+ "SurfFontWeightSemibold": "600",
101
+ "SurfFontWeightBold": "700",
102
+ "SurfFontLineHeightTight": "1.25rem",
103
+ "SurfFontLineHeightNormal": "1.5rem",
104
+ "SurfFontLineHeightRelaxed": "1.75rem",
105
+ "SurfRadiusSm": "4px",
106
+ "SurfRadiusMd": "8px",
107
+ "SurfRadiusLg": "12px",
108
+ "SurfRadiusXl": "16px",
109
+ "SurfRadiusFull": "9999px",
110
+ "SurfShadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
111
+ "SurfShadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
112
+ "SurfShadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
113
+ "SurfDurationInstant": "100ms",
114
+ "SurfDurationFast": "200ms",
115
+ "SurfDurationNormal": "300ms",
116
+ "SurfDurationSlow": "500ms",
117
+ "SurfDurationStreaming": "50ms",
118
+ "SurfEasingDefault": "cubic-bezier(0.4, 0, 0.2, 1)",
119
+ "SurfEasingIn": "cubic-bezier(0.4, 0, 1, 1)",
120
+ "SurfEasingOut": "cubic-bezier(0, 0, 0.2, 1)",
121
+ "SurfEasingInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
122
+ "SurfButtonBgPrimary": "#66c2cc",
123
+ "SurfButtonBgPrimaryHover": "#0099a8",
124
+ "SurfButtonTextPrimary": "#ffffff",
125
+ "SurfButtonRadius": "8px",
126
+ "SurfInputBorder": "#404040",
127
+ "SurfInputBorderFocus": "#0099a8",
128
+ "SurfInputBg": "#2a2a2a",
129
+ "SurfConfidenceHighBg": "#8dc21f26",
130
+ "SurfConfidenceHighText": "#6b9317",
131
+ "SurfConfidenceHighBorder": "#8dc21f",
132
+ "SurfConfidenceMediumBg": "#f8b80026",
133
+ "SurfConfidenceMediumText": "#c69300",
134
+ "SurfConfidenceMediumBorder": "#f8b800",
135
+ "SurfConfidenceLowBg": "#e8175d26",
136
+ "SurfConfidenceLowText": "#b8124a",
137
+ "SurfConfidenceLowBorder": "#e8175d",
138
+ "SurfVerificationPassedIcon": "#8dc21f",
139
+ "SurfVerificationPassedBg": "#8dc21f26",
140
+ "SurfVerificationFlaggedIcon": "#f8b800",
141
+ "SurfVerificationFlaggedBg": "#f8b80026",
142
+ "SurfVerificationFailedIcon": "#e8175d",
143
+ "SurfVerificationFailedBg": "#e8175d26",
144
+ "SurfSourceCardBg": "#2a2a2a",
145
+ "SurfSourceCardBorder": "#404040",
146
+ "SurfSourceCardBorderHover": "#555555",
147
+ "SurfAgentCoordinatorAccent": "#0099a8",
148
+ "SurfAgentHrAccent": "#e8175d",
149
+ "SurfAgentItAccent": "#5bc8f5",
150
+ "SurfAgentGovernanceAccent": "#3b1283",
151
+ "SurfAgentFinanceAccent": "#f8b800",
152
+ "SurfAgentFacilitiesAccent": "#8dc21f",
153
+ "SurfAgentGeneralAccent": "#787878",
154
+ "SurfMessageUserBg": "#66c2cc",
155
+ "SurfMessageUserText": "#ffffff",
156
+ "SurfMessageAssistantBg": "#333333",
157
+ "SurfMessageAssistantText": "#f5f5f5",
158
+ "SurfMessageAssistantBorder": "#404040",
159
+ "SurfStreamingCursorColor": "#66c2cc",
160
+ "SurfStreamingPhaseBg": "#0099a814",
161
+ "SurfStreamingPhaseText": "#66c2cc",
162
+ "SurfStreamingPhaseIcon": "#66c2cc"
163
+ } as const
package/dist/native/tokens-energy.ts ADDED
@@ -0,0 +1,163 @@
1
+ export const tokens = {
2
+ "SurfColorTeal50": "#f0fafb",
3
+ "SurfColorTeal100": "#e0f5f7",
4
+ "SurfColorTeal300": "#66c2cc",
5
+ "SurfColorTeal500": "#0099a8",
6
+ "SurfColorTeal600": "#007f8c",
7
+ "SurfColorTeal700": "#006673",
8
+ "SurfColorCharcoal50": "#f5f5f5",
9
+ "SurfColorCharcoal100": "#e8e8e8",
10
+ "SurfColorCharcoal300": "#b0b0b0",
11
+ "SurfColorCharcoal500": "#787878",
12
+ "SurfColorCharcoal700": "#5a5a5a",
13
+ "SurfColorCharcoal900": "#3c3c3c",
14
+ "SurfColorWatermelon100": "#fde8ef",
15
+ "SurfColorWatermelon500": "#e8175d",
16
+ "SurfColorWatermelon700": "#b8124a",
17
+ "SurfColorLime100": "#f0f8e0",
18
+ "SurfColorLime500": "#8dc21f",
19
+ "SurfColorLime700": "#6b9317",
20
+ "SurfColorGolden100": "#fef5e0",
21
+ "SurfColorGolden500": "#f8b800",
22
+ "SurfColorGolden700": "#c69300",
23
+ "SurfColorSky500": "#5bc8f5",
24
+ "SurfColorMagenta500": "#9e1f82",
25
+ "SurfColorCyan500": "#00b2aa",
26
+ "SurfColorHotpink500": "#f0197c",
27
+ "SurfColorOrangered500": "#f05a22",
28
+ "SurfColorPurple500": "#3b1283",
29
+ "SurfColorNeutral50": "#fafafa",
30
+ "SurfColorNeutral100": "#f5f5f5",
31
+ "SurfColorNeutral200": "#e8e8e8",
32
+ "SurfColorNeutral300": "#d4d4d4",
33
+ "SurfColorNeutral600": "#6b6b6b",
34
+ "SurfColorNeutral800": "#454545",
35
+ "SurfColorNeutral900": "#3c3c3c",
36
+ "SurfColorWhite": "#ffffff",
37
+ "SurfColorBrandDark": "#041f26",
38
+ "SurfColorBrandDarkPanel": "#0a3642",
39
+ "SurfColorBrandBlue": "#0091a5",
40
+ "SurfColorBrandCyan": "#38bdd0",
41
+ "SurfColorBrandGold": "#e1b989",
42
+ "SurfColorBrandGoldLight": "#f3d79c",
43
+ "SurfColorBrandCream": "#f1f0e3",
44
+ "SurfColorBrandCreamWarm": "#f0e8b6",
45
+ "SurfColorBrandCharcoal": "#414142",
46
+ "SurfColorBrandWatermelon": "#e81152",
47
+ "SurfColorBgCanvas": "#ffffff",
48
+ "SurfColorBgSurface": "#ffffff",
49
+ "SurfColorBgSurfaceRaised": "#ffffff",
50
+ "SurfColorBgSurfaceSunken": "#f5f5f5",
51
+ "SurfColorTextPrimary": "#3c3c3c",
52
+ "SurfColorTextSecondary": "#787878",
53
+ "SurfColorTextMuted": "#b0b0b0",
54
+ "SurfColorTextInverse": "#ffffff",
55
+ "SurfColorAccentPrimary": "#e8175d",
56
+ "SurfColorAccentPrimaryHover": "#d00f4a",
57
+ "SurfColorAccentPrimaryActive": "#b8124a",
58
+ "SurfColorAccentPrimarySubtle": "#e8175d1f",
59
+ "SurfColorAccentPrimarySubtlest": "#e8175d14",
60
+ "SurfColorBorderDefault": "#e8e8e8",
61
+ "SurfColorBorderStrong": "#b0b0b0",
62
+ "SurfColorBorderInteractive": "#e8175d",
63
+ "SurfColorStatusSuccess": "#16a34a",
64
+ "SurfColorStatusSuccessSubtle": "#16a34a1f",
65
+ "SurfColorStatusWarning": "#d97706",
66
+ "SurfColorStatusWarningSubtle": "#d977061f",
67
+ "SurfColorStatusError": "#b91c1c",
68
+ "SurfColorStatusErrorSubtle": "#b91c1c1f",
69
+ "SurfColorStatusInfo": "#0284c7",
70
+ "SurfColorStatusInfoSubtle": "#0284c71f",
71
+ "SurfSpacing1": "4px",
72
+ "SurfSpacing2": "8px",
73
+ "SurfSpacing3": "12px",
74
+ "SurfSpacing4": "16px",
75
+ "SurfSpacing5": "20px",
76
+ "SurfSpacing6": "24px",
77
+ "SurfSpacing7": "28px",
78
+ "SurfSpacing8": "32px",
79
+ "SurfSpacing9": "36px",
80
+ "SurfSpacing10": "40px",
81
+ "SurfSpacing11": "44px",
82
+ "SurfSpacing12": "48px",
83
+ "SurfSpacing13": "52px",
84
+ "SurfSpacing14": "56px",
85
+ "SurfSpacing15": "60px",
86
+ "SurfSpacing16": "64px",
87
+ "SurfFontFamilySans": "Inter, system-ui, -apple-system, sans-serif",
88
+ "SurfFontFamilyMono": "JetBrains Mono, Fira Code, monospace",
89
+ "SurfFontFamilyDisplay": "'Space Grotesk', system-ui, sans-serif",
90
+ "SurfFontSizeXs": "12px",
91
+ "SurfFontSizeSm": "14px",
92
+ "SurfFontSizeBase": "16px",
93
+ "SurfFontSizeLg": "18px",
94
+ "SurfFontSizeXl": "20px",
95
+ "SurfFontSize2xl": "24px",
96
+ "SurfFontSize3xl": "30px",
97
+ "SurfFontSize4xl": "36px",
98
+ "SurfFontWeightNormal": "400",
99
+ "SurfFontWeightMedium": "500",
100
+ "SurfFontWeightSemibold": "600",
101
+ "SurfFontWeightBold": "700",
102
+ "SurfFontLineHeightTight": "1.25rem",
103
+ "SurfFontLineHeightNormal": "1.5rem",
104
+ "SurfFontLineHeightRelaxed": "1.75rem",
105
+ "SurfRadiusSm": "4px",
106
+ "SurfRadiusMd": "8px",
107
+ "SurfRadiusLg": "12px",
108
+ "SurfRadiusXl": "16px",
109
+ "SurfRadiusFull": "9999px",
110
+ "SurfShadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
111
+ "SurfShadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
112
+ "SurfShadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
113
+ "SurfDurationInstant": "100ms",
114
+ "SurfDurationFast": "200ms",
115
+ "SurfDurationNormal": "300ms",
116
+ "SurfDurationSlow": "500ms",
117
+ "SurfDurationStreaming": "50ms",
118
+ "SurfEasingDefault": "cubic-bezier(0.4, 0, 0.2, 1)",
119
+ "SurfEasingIn": "cubic-bezier(0.4, 0, 1, 1)",
120
+ "SurfEasingOut": "cubic-bezier(0, 0, 0.2, 1)",
121
+ "SurfEasingInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
122
+ "SurfButtonBgPrimary": "#e8175d",
123
+ "SurfButtonBgPrimaryHover": "#d00f4a",
124
+ "SurfButtonTextPrimary": "#ffffff",
125
+ "SurfButtonRadius": "8px",
126
+ "SurfInputBorder": "#e8e8e8",
127
+ "SurfInputBorderFocus": "#e8175d",
128
+ "SurfInputBg": "#ffffff",
129
+ "SurfConfidenceHighBg": "#16a34a1f",
130
+ "SurfConfidenceHighText": "#6b9317",
131
+ "SurfConfidenceHighBorder": "#16a34a",
132
+ "SurfConfidenceMediumBg": "#d977061f",
133
+ "SurfConfidenceMediumText": "#c69300",
134
+ "SurfConfidenceMediumBorder": "#d97706",
135
+ "SurfConfidenceLowBg": "#b91c1c1f",
136
+ "SurfConfidenceLowText": "#b8124a",
137
+ "SurfConfidenceLowBorder": "#b91c1c",
138
+ "SurfVerificationPassedIcon": "#16a34a",
139
+ "SurfVerificationPassedBg": "#16a34a1f",
140
+ "SurfVerificationFlaggedIcon": "#d97706",
141
+ "SurfVerificationFlaggedBg": "#d977061f",
142
+ "SurfVerificationFailedIcon": "#b91c1c",
143
+ "SurfVerificationFailedBg": "#b91c1c1f",
144
+ "SurfSourceCardBg": "#ffffff",
145
+ "SurfSourceCardBorder": "#e8e8e8",
146
+ "SurfSourceCardBorderHover": "#b0b0b0",
147
+ "SurfAgentCoordinatorAccent": "#0099a8",
148
+ "SurfAgentHrAccent": "#e8175d",
149
+ "SurfAgentItAccent": "#5bc8f5",
150
+ "SurfAgentGovernanceAccent": "#3b1283",
151
+ "SurfAgentFinanceAccent": "#f8b800",
152
+ "SurfAgentFacilitiesAccent": "#8dc21f",
153
+ "SurfAgentGeneralAccent": "#787878",
154
+ "SurfMessageUserBg": "#e8175d",
155
+ "SurfMessageUserText": "#ffffff",
156
+ "SurfMessageAssistantBg": "#ffffff",
157
+ "SurfMessageAssistantText": "#3c3c3c",
158
+ "SurfMessageAssistantBorder": "#e8e8e8",
159
+ "SurfStreamingCursorColor": "#e8175d",
160
+ "SurfStreamingPhaseBg": "#e8175d14",
161
+ "SurfStreamingPhaseText": "#e8175d",
162
+ "SurfStreamingPhaseIcon": "#e8175d"
163
+ } as const
package/dist/native/tokens-light.ts ADDED
@@ -0,0 +1,163 @@
1
+ export const tokens = {
2
+ "SurfColorTeal50": "#f0fafb",
3
+ "SurfColorTeal100": "#e0f5f7",
4
+ "SurfColorTeal300": "#66c2cc",
5
+ "SurfColorTeal500": "#0099a8",
6
+ "SurfColorTeal600": "#007f8c",
7
+ "SurfColorTeal700": "#006673",
8
+ "SurfColorCharcoal50": "#f5f5f5",
9
+ "SurfColorCharcoal100": "#e8e8e8",
10
+ "SurfColorCharcoal300": "#b0b0b0",
11
+ "SurfColorCharcoal500": "#787878",
12
+ "SurfColorCharcoal700": "#5a5a5a",
13
+ "SurfColorCharcoal900": "#3c3c3c",
14
+ "SurfColorWatermelon100": "#fde8ef",
15
+ "SurfColorWatermelon500": "#e8175d",
16
+ "SurfColorWatermelon700": "#b8124a",
17
+ "SurfColorLime100": "#f0f8e0",
18
+ "SurfColorLime500": "#8dc21f",
19
+ "SurfColorLime700": "#6b9317",
20
+ "SurfColorGolden100": "#fef5e0",
21
+ "SurfColorGolden500": "#f8b800",
22
+ "SurfColorGolden700": "#c69300",
23
+ "SurfColorSky500": "#5bc8f5",
24
+ "SurfColorMagenta500": "#9e1f82",
25
+ "SurfColorCyan500": "#00b2aa",
26
+ "SurfColorHotpink500": "#f0197c",
27
+ "SurfColorOrangered500": "#f05a22",
28
+ "SurfColorPurple500": "#3b1283",
29
+ "SurfColorNeutral50": "#fafafa",
30
+ "SurfColorNeutral100": "#f5f5f5",
31
+ "SurfColorNeutral200": "#e8e8e8",
32
+ "SurfColorNeutral300": "#d4d4d4",
33
+ "SurfColorNeutral600": "#6b6b6b",
34
+ "SurfColorNeutral800": "#454545",
35
+ "SurfColorNeutral900": "#3c3c3c",
36
+ "SurfColorWhite": "#ffffff",
37
+ "SurfColorBrandDark": "#041f26",
38
+ "SurfColorBrandDarkPanel": "#0a3642",
39
+ "SurfColorBrandBlue": "#0091a5",
40
+ "SurfColorBrandCyan": "#38bdd0",
41
+ "SurfColorBrandGold": "#e1b989",
42
+ "SurfColorBrandGoldLight": "#f3d79c",
43
+ "SurfColorBrandCream": "#f1f0e3",
44
+ "SurfColorBrandCreamWarm": "#f0e8b6",
45
+ "SurfColorBrandCharcoal": "#414142",
46
+ "SurfColorBrandWatermelon": "#e81152",
47
+ "SurfColorBgCanvas": "#f5f5f5",
48
+ "SurfColorBgSurface": "#ffffff",
49
+ "SurfColorBgSurfaceRaised": "#ffffff",
50
+ "SurfColorBgSurfaceSunken": "#e8e8e8",
51
+ "SurfColorTextPrimary": "#3c3c3c",
52
+ "SurfColorTextSecondary": "#787878",
53
+ "SurfColorTextMuted": "#b0b0b0",
54
+ "SurfColorTextInverse": "#ffffff",
55
+ "SurfColorAccentPrimary": "#0099a8",
56
+ "SurfColorAccentPrimaryHover": "#007f8c",
57
+ "SurfColorAccentPrimaryActive": "#006673",
58
+ "SurfColorAccentPrimarySubtle": "#e0f5f7",
59
+ "SurfColorAccentPrimarySubtlest": "#f0fafb",
60
+ "SurfColorBorderDefault": "#e8e8e8",
61
+ "SurfColorBorderStrong": "#d4d4d4",
62
+ "SurfColorBorderInteractive": "#0099a8",
63
+ "SurfColorStatusSuccess": "#6b9317",
64
+ "SurfColorStatusSuccessSubtle": "#f0f8e0",
65
+ "SurfColorStatusWarning": "#c69300",
66
+ "SurfColorStatusWarningSubtle": "#fef5e0",
67
+ "SurfColorStatusError": "#b8124a",
68
+ "SurfColorStatusErrorSubtle": "#fde8ef",
69
+ "SurfColorStatusInfo": "#5bc8f5",
70
+ "SurfColorStatusInfoSubtle": "#5bc8f526",
71
+ "SurfSpacing1": "4px",
72
+ "SurfSpacing2": "8px",
73
+ "SurfSpacing3": "12px",
74
+ "SurfSpacing4": "16px",
75
+ "SurfSpacing5": "20px",
76
+ "SurfSpacing6": "24px",
77
+ "SurfSpacing7": "28px",
78
+ "SurfSpacing8": "32px",
79
+ "SurfSpacing9": "36px",
80
+ "SurfSpacing10": "40px",
81
+ "SurfSpacing11": "44px",
82
+ "SurfSpacing12": "48px",
83
+ "SurfSpacing13": "52px",
84
+ "SurfSpacing14": "56px",
85
+ "SurfSpacing15": "60px",
86
+ "SurfSpacing16": "64px",
87
+ "SurfFontFamilySans": "Inter, system-ui, -apple-system, sans-serif",
88
+ "SurfFontFamilyMono": "JetBrains Mono, Fira Code, monospace",
89
+ "SurfFontFamilyDisplay": "'Space Grotesk', system-ui, sans-serif",
90
+ "SurfFontSizeXs": "12px",
91
+ "SurfFontSizeSm": "14px",
92
+ "SurfFontSizeBase": "16px",
93
+ "SurfFontSizeLg": "18px",
94
+ "SurfFontSizeXl": "20px",
95
+ "SurfFontSize2xl": "24px",
96
+ "SurfFontSize3xl": "30px",
97
+ "SurfFontSize4xl": "36px",
98
+ "SurfFontWeightNormal": "400",
99
+ "SurfFontWeightMedium": "500",
100
+ "SurfFontWeightSemibold": "600",
101
+ "SurfFontWeightBold": "700",
102
+ "SurfFontLineHeightTight": "1.25rem",
103
+ "SurfFontLineHeightNormal": "1.5rem",
104
+ "SurfFontLineHeightRelaxed": "1.75rem",
105
+ "SurfRadiusSm": "4px",
106
+ "SurfRadiusMd": "8px",
107
+ "SurfRadiusLg": "12px",
108
+ "SurfRadiusXl": "16px",
109
+ "SurfRadiusFull": "9999px",
110
+ "SurfShadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
111
+ "SurfShadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
112
+ "SurfShadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
113
+ "SurfDurationInstant": "100ms",
114
+ "SurfDurationFast": "200ms",
115
+ "SurfDurationNormal": "300ms",
116
+ "SurfDurationSlow": "500ms",
117
+ "SurfDurationStreaming": "50ms",
118
+ "SurfEasingDefault": "cubic-bezier(0.4, 0, 0.2, 1)",
119
+ "SurfEasingIn": "cubic-bezier(0.4, 0, 1, 1)",
120
+ "SurfEasingOut": "cubic-bezier(0, 0, 0.2, 1)",
121
+ "SurfEasingInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
122
+ "SurfButtonBgPrimary": "#0099a8",
123
+ "SurfButtonBgPrimaryHover": "#007f8c",
124
+ "SurfButtonTextPrimary": "#ffffff",
125
+ "SurfButtonRadius": "8px",
126
+ "SurfInputBorder": "#e8e8e8",
127
+ "SurfInputBorderFocus": "#0099a8",
128
+ "SurfInputBg": "#ffffff",
129
+ "SurfConfidenceHighBg": "#f0f8e0",
130
+ "SurfConfidenceHighText": "#6b9317",
131
+ "SurfConfidenceHighBorder": "#6b9317",
132
+ "SurfConfidenceMediumBg": "#fef5e0",
133
+ "SurfConfidenceMediumText": "#c69300",
134
+ "SurfConfidenceMediumBorder": "#c69300",
135
+ "SurfConfidenceLowBg": "#fde8ef",
136
+ "SurfConfidenceLowText": "#b8124a",
137
+ "SurfConfidenceLowBorder": "#b8124a",
138
+ "SurfVerificationPassedIcon": "#6b9317",
139
+ "SurfVerificationPassedBg": "#f0f8e0",
140
+ "SurfVerificationFlaggedIcon": "#c69300",
141
+ "SurfVerificationFlaggedBg": "#fef5e0",
142
+ "SurfVerificationFailedIcon": "#b8124a",
143
+ "SurfVerificationFailedBg": "#fde8ef",
144
+ "SurfSourceCardBg": "#ffffff",
145
+ "SurfSourceCardBorder": "#e8e8e8",
146
+ "SurfSourceCardBorderHover": "#d4d4d4",
147
+ "SurfAgentCoordinatorAccent": "#0099a8",
148
+ "SurfAgentHrAccent": "#e8175d",
149
+ "SurfAgentItAccent": "#5bc8f5",
150
+ "SurfAgentGovernanceAccent": "#3b1283",
151
+ "SurfAgentFinanceAccent": "#f8b800",
152
+ "SurfAgentFacilitiesAccent": "#8dc21f",
153
+ "SurfAgentGeneralAccent": "#787878",
154
+ "SurfMessageUserBg": "#0099a8",
155
+ "SurfMessageUserText": "#ffffff",
156
+ "SurfMessageAssistantBg": "#ffffff",
157
+ "SurfMessageAssistantText": "#3c3c3c",
158
+ "SurfMessageAssistantBorder": "#e8e8e8",
159
+ "SurfStreamingCursorColor": "#0099a8",
160
+ "SurfStreamingPhaseBg": "#f0fafb",
161
+ "SurfStreamingPhaseText": "#0099a8",
162
+ "SurfStreamingPhaseIcon": "#0099a8"
163
+ } as const