@surf-kit/tokens 0.1.1
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.
- package/LICENSE +12 -0
- package/README.md +57 -0
- package/dist/css/variables-brand.css +162 -0
- package/dist/css/variables-dark.css +162 -0
- package/dist/css/variables.css +166 -0
- package/dist/json/tokens.json +162 -0
- package/dist/ts/tokens.d.ts +164 -0
- package/dist/ts/tokens.js +2966 -0
- package/package.json +50 -0
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ColorTeal50": "#f0fafb",
|
|
3
|
+
"ColorTeal100": "#e0f5f7",
|
|
4
|
+
"ColorTeal300": "#66c2cc",
|
|
5
|
+
"ColorTeal500": "#0099a8",
|
|
6
|
+
"ColorTeal600": "#007f8c",
|
|
7
|
+
"ColorTeal700": "#006673",
|
|
8
|
+
"ColorCharcoal50": "#f5f5f5",
|
|
9
|
+
"ColorCharcoal100": "#e8e8e8",
|
|
10
|
+
"ColorCharcoal300": "#b0b0b0",
|
|
11
|
+
"ColorCharcoal500": "#787878",
|
|
12
|
+
"ColorCharcoal700": "#5a5a5a",
|
|
13
|
+
"ColorCharcoal900": "#3c3c3c",
|
|
14
|
+
"ColorWatermelon100": "#fde8ef",
|
|
15
|
+
"ColorWatermelon500": "#e8175d",
|
|
16
|
+
"ColorWatermelon700": "#b8124a",
|
|
17
|
+
"ColorLime100": "#f0f8e0",
|
|
18
|
+
"ColorLime500": "#8dc21f",
|
|
19
|
+
"ColorLime700": "#6b9317",
|
|
20
|
+
"ColorGolden100": "#fef5e0",
|
|
21
|
+
"ColorGolden500": "#f8b800",
|
|
22
|
+
"ColorGolden700": "#c69300",
|
|
23
|
+
"ColorSky500": "#5bc8f5",
|
|
24
|
+
"ColorMagenta500": "#9e1f82",
|
|
25
|
+
"ColorCyan500": "#00b2aa",
|
|
26
|
+
"ColorHotpink500": "#f0197c",
|
|
27
|
+
"ColorOrangered500": "#f05a22",
|
|
28
|
+
"ColorPurple500": "#3b1283",
|
|
29
|
+
"ColorNeutral50": "#fafafa",
|
|
30
|
+
"ColorNeutral100": "#f5f5f5",
|
|
31
|
+
"ColorNeutral200": "#e8e8e8",
|
|
32
|
+
"ColorNeutral300": "#d4d4d4",
|
|
33
|
+
"ColorNeutral600": "#6b6b6b",
|
|
34
|
+
"ColorNeutral800": "#454545",
|
|
35
|
+
"ColorNeutral900": "#3c3c3c",
|
|
36
|
+
"ColorWhite": "#ffffff",
|
|
37
|
+
"ColorBrandDark": "#041f26",
|
|
38
|
+
"ColorBrandDarkPanel": "#0a3642",
|
|
39
|
+
"ColorBrandBlue": "#0091a5",
|
|
40
|
+
"ColorBrandCyan": "#38bdd0",
|
|
41
|
+
"ColorBrandGold": "#e1b989",
|
|
42
|
+
"ColorBrandGoldLight": "#f3d79c",
|
|
43
|
+
"ColorBrandCream": "#f1f0e3",
|
|
44
|
+
"ColorBrandCreamWarm": "#f0e8b6",
|
|
45
|
+
"ColorBrandCharcoal": "#414142",
|
|
46
|
+
"ColorBrandWatermelon": "#e81152",
|
|
47
|
+
"ColorBgCanvas": "#f5f5f5",
|
|
48
|
+
"ColorBgSurface": "#ffffff",
|
|
49
|
+
"ColorBgSurfaceRaised": "#ffffff",
|
|
50
|
+
"ColorBgSurfaceSunken": "#e8e8e8",
|
|
51
|
+
"ColorTextPrimary": "#3c3c3c",
|
|
52
|
+
"ColorTextSecondary": "#787878",
|
|
53
|
+
"ColorTextMuted": "#b0b0b0",
|
|
54
|
+
"ColorTextInverse": "#ffffff",
|
|
55
|
+
"ColorAccentPrimary": "#0099a8",
|
|
56
|
+
"ColorAccentPrimaryHover": "#007f8c",
|
|
57
|
+
"ColorAccentPrimaryActive": "#006673",
|
|
58
|
+
"ColorAccentPrimarySubtle": "#e0f5f7",
|
|
59
|
+
"ColorAccentPrimarySubtlest": "#f0fafb",
|
|
60
|
+
"ColorBorderDefault": "#e8e8e8",
|
|
61
|
+
"ColorBorderStrong": "#d4d4d4",
|
|
62
|
+
"ColorBorderInteractive": "#0099a8",
|
|
63
|
+
"ColorStatusSuccess": "#8dc21f",
|
|
64
|
+
"ColorStatusSuccessSubtle": "#f0f8e0",
|
|
65
|
+
"ColorStatusWarning": "#f8b800",
|
|
66
|
+
"ColorStatusWarningSubtle": "#fef5e0",
|
|
67
|
+
"ColorStatusError": "#e8175d",
|
|
68
|
+
"ColorStatusErrorSubtle": "#fde8ef",
|
|
69
|
+
"ColorStatusInfo": "#5bc8f5",
|
|
70
|
+
"Spacing1": "4px",
|
|
71
|
+
"Spacing2": "8px",
|
|
72
|
+
"Spacing3": "12px",
|
|
73
|
+
"Spacing4": "16px",
|
|
74
|
+
"Spacing5": "20px",
|
|
75
|
+
"Spacing6": "24px",
|
|
76
|
+
"Spacing7": "28px",
|
|
77
|
+
"Spacing8": "32px",
|
|
78
|
+
"Spacing9": "36px",
|
|
79
|
+
"Spacing10": "40px",
|
|
80
|
+
"Spacing11": "44px",
|
|
81
|
+
"Spacing12": "48px",
|
|
82
|
+
"Spacing13": "52px",
|
|
83
|
+
"Spacing14": "56px",
|
|
84
|
+
"Spacing15": "60px",
|
|
85
|
+
"Spacing16": "64px",
|
|
86
|
+
"FontFamilySans": "Inter, system-ui, -apple-system, sans-serif",
|
|
87
|
+
"FontFamilyMono": "JetBrains Mono, Fira Code, monospace",
|
|
88
|
+
"FontFamilyDisplay": "'Space Grotesk', system-ui, sans-serif",
|
|
89
|
+
"FontSizeXs": "12px",
|
|
90
|
+
"FontSizeSm": "14px",
|
|
91
|
+
"FontSizeBase": "16px",
|
|
92
|
+
"FontSizeLg": "18px",
|
|
93
|
+
"FontSizeXl": "20px",
|
|
94
|
+
"FontSize2xl": "24px",
|
|
95
|
+
"FontSize3xl": "30px",
|
|
96
|
+
"FontSize4xl": "36px",
|
|
97
|
+
"FontWeightNormal": "400",
|
|
98
|
+
"FontWeightMedium": "500",
|
|
99
|
+
"FontWeightSemibold": "600",
|
|
100
|
+
"FontWeightBold": "700",
|
|
101
|
+
"FontLineHeightTight": "1.25rem",
|
|
102
|
+
"FontLineHeightNormal": "1.5rem",
|
|
103
|
+
"FontLineHeightRelaxed": "1.75rem",
|
|
104
|
+
"RadiusSm": "4px",
|
|
105
|
+
"RadiusMd": "8px",
|
|
106
|
+
"RadiusLg": "12px",
|
|
107
|
+
"RadiusXl": "16px",
|
|
108
|
+
"RadiusFull": "9999px",
|
|
109
|
+
"ShadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
|
|
110
|
+
"ShadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
|
|
111
|
+
"ShadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
|
|
112
|
+
"DurationInstant": "100ms",
|
|
113
|
+
"DurationFast": "200ms",
|
|
114
|
+
"DurationNormal": "300ms",
|
|
115
|
+
"DurationSlow": "500ms",
|
|
116
|
+
"DurationStreaming": "50ms",
|
|
117
|
+
"EasingDefault": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
118
|
+
"EasingIn": "cubic-bezier(0.4, 0, 1, 1)",
|
|
119
|
+
"EasingOut": "cubic-bezier(0, 0, 0.2, 1)",
|
|
120
|
+
"EasingInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
121
|
+
"ButtonBgPrimary": "#0099a8",
|
|
122
|
+
"ButtonBgPrimaryHover": "#007f8c",
|
|
123
|
+
"ButtonTextPrimary": "#ffffff",
|
|
124
|
+
"ButtonRadius": "8px",
|
|
125
|
+
"InputBorder": "#e8e8e8",
|
|
126
|
+
"InputBorderFocus": "#0099a8",
|
|
127
|
+
"InputBg": "#ffffff",
|
|
128
|
+
"ConfidenceHighBg": "#f0f8e0",
|
|
129
|
+
"ConfidenceHighText": "#6b9317",
|
|
130
|
+
"ConfidenceHighBorder": "#8dc21f",
|
|
131
|
+
"ConfidenceMediumBg": "#fef5e0",
|
|
132
|
+
"ConfidenceMediumText": "#c69300",
|
|
133
|
+
"ConfidenceMediumBorder": "#f8b800",
|
|
134
|
+
"ConfidenceLowBg": "#fde8ef",
|
|
135
|
+
"ConfidenceLowText": "#b8124a",
|
|
136
|
+
"ConfidenceLowBorder": "#e8175d",
|
|
137
|
+
"VerificationPassedIcon": "#8dc21f",
|
|
138
|
+
"VerificationPassedBg": "#f0f8e0",
|
|
139
|
+
"VerificationFlaggedIcon": "#f8b800",
|
|
140
|
+
"VerificationFlaggedBg": "#fef5e0",
|
|
141
|
+
"VerificationFailedIcon": "#e8175d",
|
|
142
|
+
"VerificationFailedBg": "#fde8ef",
|
|
143
|
+
"SourceCardBg": "#ffffff",
|
|
144
|
+
"SourceCardBorder": "#e8e8e8",
|
|
145
|
+
"SourceCardBorderHover": "#d4d4d4",
|
|
146
|
+
"AgentCoordinatorAccent": "#0099a8",
|
|
147
|
+
"AgentHrAccent": "#e8175d",
|
|
148
|
+
"AgentItAccent": "#5bc8f5",
|
|
149
|
+
"AgentGovernanceAccent": "#3b1283",
|
|
150
|
+
"AgentFinanceAccent": "#f8b800",
|
|
151
|
+
"AgentFacilitiesAccent": "#8dc21f",
|
|
152
|
+
"AgentGeneralAccent": "#787878",
|
|
153
|
+
"MessageUserBg": "#0099a8",
|
|
154
|
+
"MessageUserText": "#ffffff",
|
|
155
|
+
"MessageAssistantBg": "#ffffff",
|
|
156
|
+
"MessageAssistantText": "#3c3c3c",
|
|
157
|
+
"MessageAssistantBorder": "#e8e8e8",
|
|
158
|
+
"StreamingCursorColor": "#0099a8",
|
|
159
|
+
"StreamingPhaseBg": "#f0fafb",
|
|
160
|
+
"StreamingPhaseText": "#0099a8",
|
|
161
|
+
"StreamingPhaseIcon": "#0099a8"
|
|
162
|
+
}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const ColorTeal50: string;
|
|
6
|
+
export const ColorTeal100: string;
|
|
7
|
+
export const ColorTeal300: string;
|
|
8
|
+
export const ColorTeal500: string;
|
|
9
|
+
export const ColorTeal600: string;
|
|
10
|
+
export const ColorTeal700: string;
|
|
11
|
+
export const ColorCharcoal50: string;
|
|
12
|
+
export const ColorCharcoal100: string;
|
|
13
|
+
export const ColorCharcoal300: string;
|
|
14
|
+
export const ColorCharcoal500: string;
|
|
15
|
+
export const ColorCharcoal700: string;
|
|
16
|
+
export const ColorCharcoal900: string;
|
|
17
|
+
export const ColorWatermelon100: string;
|
|
18
|
+
export const ColorWatermelon500: string;
|
|
19
|
+
export const ColorWatermelon700: string;
|
|
20
|
+
export const ColorLime100: string;
|
|
21
|
+
export const ColorLime500: string;
|
|
22
|
+
export const ColorLime700: string;
|
|
23
|
+
export const ColorGolden100: string;
|
|
24
|
+
export const ColorGolden500: string;
|
|
25
|
+
export const ColorGolden700: string;
|
|
26
|
+
export const ColorSky500: string;
|
|
27
|
+
export const ColorMagenta500: string;
|
|
28
|
+
export const ColorCyan500: string;
|
|
29
|
+
export const ColorHotpink500: string;
|
|
30
|
+
export const ColorOrangered500: string;
|
|
31
|
+
export const ColorPurple500: string;
|
|
32
|
+
export const ColorNeutral50: string;
|
|
33
|
+
export const ColorNeutral100: string;
|
|
34
|
+
export const ColorNeutral200: string;
|
|
35
|
+
export const ColorNeutral300: string;
|
|
36
|
+
export const ColorNeutral600: string;
|
|
37
|
+
export const ColorNeutral800: string;
|
|
38
|
+
export const ColorNeutral900: string;
|
|
39
|
+
export const ColorWhite: string;
|
|
40
|
+
export const ColorBrandDark: string;
|
|
41
|
+
export const ColorBrandDarkPanel: string;
|
|
42
|
+
export const ColorBrandBlue: string;
|
|
43
|
+
export const ColorBrandCyan: string;
|
|
44
|
+
export const ColorBrandGold: string;
|
|
45
|
+
export const ColorBrandGoldLight: string;
|
|
46
|
+
export const ColorBrandCream: string;
|
|
47
|
+
export const ColorBrandCreamWarm: string;
|
|
48
|
+
export const ColorBrandCharcoal: string;
|
|
49
|
+
export const ColorBrandWatermelon: string;
|
|
50
|
+
export const ColorBgCanvas: string;
|
|
51
|
+
export const ColorBgSurface: string;
|
|
52
|
+
export const ColorBgSurfaceRaised: string;
|
|
53
|
+
export const ColorBgSurfaceSunken: string;
|
|
54
|
+
export const ColorTextPrimary: string;
|
|
55
|
+
export const ColorTextSecondary: string;
|
|
56
|
+
export const ColorTextMuted: string;
|
|
57
|
+
export const ColorTextInverse: string;
|
|
58
|
+
export const ColorAccentPrimary: string;
|
|
59
|
+
export const ColorAccentPrimaryHover: string;
|
|
60
|
+
export const ColorAccentPrimaryActive: string;
|
|
61
|
+
export const ColorAccentPrimarySubtle: string;
|
|
62
|
+
export const ColorAccentPrimarySubtlest: string;
|
|
63
|
+
export const ColorBorderDefault: string;
|
|
64
|
+
export const ColorBorderStrong: string;
|
|
65
|
+
export const ColorBorderInteractive: string;
|
|
66
|
+
export const ColorStatusSuccess: string;
|
|
67
|
+
export const ColorStatusSuccessSubtle: string;
|
|
68
|
+
export const ColorStatusWarning: string;
|
|
69
|
+
export const ColorStatusWarningSubtle: string;
|
|
70
|
+
export const ColorStatusError: string;
|
|
71
|
+
export const ColorStatusErrorSubtle: string;
|
|
72
|
+
export const ColorStatusInfo: string;
|
|
73
|
+
export const Spacing1: string;
|
|
74
|
+
export const Spacing2: string;
|
|
75
|
+
export const Spacing3: string;
|
|
76
|
+
export const Spacing4: string;
|
|
77
|
+
export const Spacing5: string;
|
|
78
|
+
export const Spacing6: string;
|
|
79
|
+
export const Spacing7: string;
|
|
80
|
+
export const Spacing8: string;
|
|
81
|
+
export const Spacing9: string;
|
|
82
|
+
export const Spacing10: string;
|
|
83
|
+
export const Spacing11: string;
|
|
84
|
+
export const Spacing12: string;
|
|
85
|
+
export const Spacing13: string;
|
|
86
|
+
export const Spacing14: string;
|
|
87
|
+
export const Spacing15: string;
|
|
88
|
+
export const Spacing16: string;
|
|
89
|
+
export const FontFamilySans: string;
|
|
90
|
+
export const FontFamilyMono: string;
|
|
91
|
+
export const FontFamilyDisplay: string;
|
|
92
|
+
export const FontSizeXs: string;
|
|
93
|
+
export const FontSizeSm: string;
|
|
94
|
+
export const FontSizeBase: string;
|
|
95
|
+
export const FontSizeLg: string;
|
|
96
|
+
export const FontSizeXl: string;
|
|
97
|
+
export const FontSize2xl: string;
|
|
98
|
+
export const FontSize3xl: string;
|
|
99
|
+
export const FontSize4xl: string;
|
|
100
|
+
export const FontWeightNormal: string;
|
|
101
|
+
export const FontWeightMedium: string;
|
|
102
|
+
export const FontWeightSemibold: string;
|
|
103
|
+
export const FontWeightBold: string;
|
|
104
|
+
export const FontLineHeightTight: string;
|
|
105
|
+
export const FontLineHeightNormal: string;
|
|
106
|
+
export const FontLineHeightRelaxed: string;
|
|
107
|
+
export const RadiusSm: string;
|
|
108
|
+
export const RadiusMd: string;
|
|
109
|
+
export const RadiusLg: string;
|
|
110
|
+
export const RadiusXl: string;
|
|
111
|
+
export const RadiusFull: string;
|
|
112
|
+
export const ShadowSm: string;
|
|
113
|
+
export const ShadowMd: string;
|
|
114
|
+
export const ShadowLg: string;
|
|
115
|
+
export const DurationInstant: string;
|
|
116
|
+
export const DurationFast: string;
|
|
117
|
+
export const DurationNormal: string;
|
|
118
|
+
export const DurationSlow: string;
|
|
119
|
+
export const DurationStreaming: string;
|
|
120
|
+
export const EasingDefault: string;
|
|
121
|
+
export const EasingIn: string;
|
|
122
|
+
export const EasingOut: string;
|
|
123
|
+
export const EasingInOut: string;
|
|
124
|
+
export const ButtonBgPrimary: string;
|
|
125
|
+
export const ButtonBgPrimaryHover: string;
|
|
126
|
+
export const ButtonTextPrimary: string;
|
|
127
|
+
export const ButtonRadius: string;
|
|
128
|
+
export const InputBorder: string;
|
|
129
|
+
export const InputBorderFocus: string;
|
|
130
|
+
export const InputBg: string;
|
|
131
|
+
export const ConfidenceHighBg: string;
|
|
132
|
+
export const ConfidenceHighText: string;
|
|
133
|
+
export const ConfidenceHighBorder: string;
|
|
134
|
+
export const ConfidenceMediumBg: string;
|
|
135
|
+
export const ConfidenceMediumText: string;
|
|
136
|
+
export const ConfidenceMediumBorder: string;
|
|
137
|
+
export const ConfidenceLowBg: string;
|
|
138
|
+
export const ConfidenceLowText: string;
|
|
139
|
+
export const ConfidenceLowBorder: string;
|
|
140
|
+
export const VerificationPassedIcon: string;
|
|
141
|
+
export const VerificationPassedBg: string;
|
|
142
|
+
export const VerificationFlaggedIcon: string;
|
|
143
|
+
export const VerificationFlaggedBg: string;
|
|
144
|
+
export const VerificationFailedIcon: string;
|
|
145
|
+
export const VerificationFailedBg: string;
|
|
146
|
+
export const SourceCardBg: string;
|
|
147
|
+
export const SourceCardBorder: string;
|
|
148
|
+
export const SourceCardBorderHover: string;
|
|
149
|
+
export const AgentCoordinatorAccent: string;
|
|
150
|
+
export const AgentHrAccent: string;
|
|
151
|
+
export const AgentItAccent: string;
|
|
152
|
+
export const AgentGovernanceAccent: string;
|
|
153
|
+
export const AgentFinanceAccent: string;
|
|
154
|
+
export const AgentFacilitiesAccent: string;
|
|
155
|
+
export const AgentGeneralAccent: string;
|
|
156
|
+
export const MessageUserBg: string;
|
|
157
|
+
export const MessageUserText: string;
|
|
158
|
+
export const MessageAssistantBg: string;
|
|
159
|
+
export const MessageAssistantText: string;
|
|
160
|
+
export const MessageAssistantBorder: string;
|
|
161
|
+
export const StreamingCursorColor: string;
|
|
162
|
+
export const StreamingPhaseBg: string;
|
|
163
|
+
export const StreamingPhaseText: string;
|
|
164
|
+
export const StreamingPhaseIcon: string;
|