@westayltd/design-tokens 0.2.0 → 0.2.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.
Files changed (9) hide show
  1. package/colors.json +133 -87
  2. package/dist/index.cjs +159 -58
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +148 -182
  5. package/dist/index.d.ts +148 -182
  6. package/dist/index.js +158 -53
  7. package/dist/index.js.map +1 -1
  8. package/package.json +9 -1
  9. package/tsconfig.json +18 -0
package/dist/index.d.ts CHANGED
@@ -1,198 +1,164 @@
1
- var light = {
2
- brand: {
3
- crimson: {
4
- "100": "#FDECEC",
5
- "300": "#F19999",
6
- "500": "#E53935",
7
- "700": "#B11212",
8
- "900": "#7A0C0C"
9
- },
10
- burgundy: {
11
- "100": "#F5E6EC",
12
- "500": "#8C1D40",
13
- "900": "#4A0F24"
14
- },
15
- royal: {
16
- "100": "#E3F2FD",
17
- "500": "#0D47A1",
18
- "900": "#0B2C5D"
19
- },
20
- mint: {
21
- "100": "#E0F4EF",
22
- "500": "#2E7D6B",
23
- "900": "#0F4D3C"
24
- }
25
- },
26
- surface: {
27
- bg: "#FFFFFF",
28
- subtle: "#F7F7F7",
29
- raised: "#FFFFFF",
30
- border: "#E5E7EB"
31
- },
32
- text: {
33
- primary: "#111827",
34
- secondary: "#4B5563",
35
- muted: "#9CA3AF",
36
- inverse: "#FFFFFF"
37
- },
38
- feedback: {
39
- success: "#2E7D32",
40
- error: "#C62828",
41
- warning: "#F9A825",
42
- info: "#1565C0"
43
- }
44
- };
45
- var dark = {
46
- brand: {
47
- crimson: {
48
- "500": "#E53935",
49
- "700": "#F19999",
50
- "900": "#FDECEC"
51
- }
52
- },
53
- surface: {
54
- bg: "#0B0B0C",
55
- subtle: "#161618",
56
- raised: "#1F1F22",
57
- border: "#2E2E33"
58
- },
59
- text: {
60
- primary: "#F9FAFB",
61
- secondary: "#D1D5DB",
62
- muted: "#9CA3AF",
63
- inverse: "#111827"
64
- },
65
- feedback: {
66
- success: "#81C784",
67
- error: "#EF9A9A",
68
- warning: "#FFE082",
69
- info: "#90CAF9"
70
- }
71
- };
72
- var colors = {
73
- light: light,
74
- dark: dark
75
- };
76
-
77
- var spacing = {
78
- "0": "0px",
79
- "1": "4px",
80
- "2": "8px",
81
- "3": "12px",
82
- "4": "16px",
83
- "5": "20px",
84
- "6": "24px",
85
- "8": "32px",
86
- "10": "40px",
87
- "12": "48px"
88
- };
89
-
90
- var fontFamily = {
91
- sans: [
92
- "Helvetica",
93
- "Arial",
94
- "sans-serif"
95
- ]
96
- };
97
- var fontSize = {
98
- xs: "12px",
99
- sm: "14px",
100
- base: "16px",
101
- lg: "18px",
102
- xl: "20px",
103
- "2xl": "24px",
104
- "3xl": "30px"
105
- };
106
- var fontWeight = {
107
- regular: "400",
108
- medium: "500",
109
- semibold: "600",
110
- bold: "700"
111
- };
112
- var lineHeight = {
113
- tight: "1.2",
114
- normal: "1.5",
115
- relaxed: "1.7"
116
- };
117
- var typography = {
118
- fontFamily: fontFamily,
119
- fontSize: fontSize,
120
- fontWeight: fontWeight,
121
- lineHeight: lineHeight
122
- };
123
-
124
- var none = "0px";
125
- var sm = "6px";
126
- var md = "10px";
127
- var lg = "14px";
128
- var xl = "20px";
129
- var full = "9999px";
130
- var radius = {
131
- none: none,
132
- sm: sm,
133
- md: md,
134
- lg: lg,
135
- xl: xl,
136
- full: full
137
- };
138
-
139
1
  declare const tokens: {
140
- readonly colors: {
2
+ colors: {
141
3
  light: {
142
4
  brand: {
143
5
  crimson: {
144
- "900": string;
6
+ "800": string;
145
7
  "700": string;
8
+ "600": string;
146
9
  "500": string;
10
+ "400": string;
147
11
  "300": string;
12
+ "200": string;
148
13
  "100": string;
14
+ transparent: {
15
+ "800": string;
16
+ "700": string;
17
+ "600": string;
18
+ "500": string;
19
+ "400": string;
20
+ "300": string;
21
+ "200": string;
22
+ "100": string;
23
+ };
149
24
  };
150
25
  burgundy: {
151
- "900": string;
26
+ "800": string;
27
+ "700": string;
28
+ "600": string;
29
+ "500": string;
30
+ "400": string;
31
+ "300": string;
32
+ "200": string;
33
+ "100": string;
34
+ };
35
+ royals: {
36
+ "800": string;
37
+ "700": string;
38
+ "600": string;
152
39
  "500": string;
40
+ "400": string;
41
+ "300": string;
42
+ "200": string;
153
43
  "100": string;
154
44
  };
155
- royal: {
156
- "900": string;
45
+ oldMoney: {
46
+ "800": string;
47
+ "700": string;
48
+ "600": string;
157
49
  "500": string;
50
+ "400": string;
51
+ "300": string;
52
+ "200": string;
158
53
  "100": string;
159
54
  };
160
- mint: {
161
- "900": string;
55
+ driftwood: {
56
+ "800": string;
57
+ "700": string;
58
+ "600": string;
162
59
  "500": string;
60
+ "400": string;
61
+ "300": string;
62
+ "200": string;
63
+ "100": string;
64
+ };
65
+ oceanic: {
66
+ "800": string;
67
+ "700": string;
68
+ "600": string;
69
+ "500": string;
70
+ "400": string;
71
+ "300": string;
72
+ "200": string;
163
73
  "100": string;
164
74
  };
165
75
  };
166
- surface: {
167
- bg: string;
168
- subtle: string;
169
- raised: string;
170
- border: string;
171
- };
172
- text: {
173
- primary: string;
174
- secondary: string;
175
- muted: string;
176
- inverse: string;
76
+ neutral: {
77
+ monochrome: {
78
+ "800": string;
79
+ "700": string;
80
+ "600": string;
81
+ "500": string;
82
+ "400": string;
83
+ "300": string;
84
+ "200": string;
85
+ "100": string;
86
+ transparent: {
87
+ "800": string;
88
+ "700": string;
89
+ "600": string;
90
+ "500": string;
91
+ "400": string;
92
+ "300": string;
93
+ "200": string;
94
+ "100": string;
95
+ };
96
+ };
97
+ greyscale: {
98
+ "800": string;
99
+ "700": string;
100
+ "600": string;
101
+ "500": string;
102
+ "400": string;
103
+ "300": string;
104
+ "200": string;
105
+ "100": string;
106
+ transparent: {
107
+ "800": string;
108
+ "700": string;
109
+ "600": string;
110
+ "500": string;
111
+ "400": string;
112
+ "300": string;
113
+ "200": string;
114
+ "100": string;
115
+ };
116
+ };
177
117
  };
178
118
  feedback: {
179
- success: string;
180
- error: string;
181
- warning: string;
182
- info: string;
183
- };
184
- };
185
- dark: {
186
- brand: {
187
- crimson: {
188
- "900": string;
119
+ success: {
120
+ "800": string;
189
121
  "700": string;
122
+ "600": string;
190
123
  "500": string;
124
+ "400": string;
125
+ "300": string;
126
+ "200": string;
127
+ "100": string;
128
+ };
129
+ error: {
130
+ "800": string;
131
+ "700": string;
132
+ "600": string;
133
+ "500": string;
134
+ "400": string;
135
+ "300": string;
136
+ "200": string;
137
+ "100": string;
138
+ };
139
+ warning: {
140
+ "800": string;
141
+ "700": string;
142
+ "600": string;
143
+ "500": string;
144
+ "400": string;
145
+ "300": string;
146
+ "200": string;
147
+ "100": string;
148
+ };
149
+ };
150
+ gradient: {
151
+ membership: {
152
+ access: string[];
153
+ elite: string[];
154
+ prestige: string[];
155
+ prive: string[];
191
156
  };
192
157
  };
158
+ };
159
+ dark: {
193
160
  surface: {
194
161
  bg: string;
195
- subtle: string;
196
162
  raised: string;
197
163
  border: string;
198
164
  };
@@ -200,17 +166,22 @@ declare const tokens: {
200
166
  primary: string;
201
167
  secondary: string;
202
168
  muted: string;
203
- inverse: string;
204
169
  };
205
- feedback: {
206
- success: string;
207
- error: string;
208
- warning: string;
209
- info: string;
170
+ };
171
+ text: {
172
+ body: {
173
+ "800": string;
174
+ "700": string;
175
+ "600": string;
176
+ "500": string;
177
+ "400": string;
178
+ "300": string;
179
+ "200": string;
180
+ "100": string;
210
181
  };
211
182
  };
212
183
  };
213
- readonly spacing: {
184
+ spacing: {
214
185
  "0": string;
215
186
  "1": string;
216
187
  "2": string;
@@ -222,7 +193,7 @@ declare const tokens: {
222
193
  "10": string;
223
194
  "12": string;
224
195
  };
225
- readonly typography: {
196
+ typography: {
226
197
  fontFamily: {
227
198
  sans: string[];
228
199
  };
@@ -247,7 +218,7 @@ declare const tokens: {
247
218
  relaxed: string;
248
219
  };
249
220
  };
250
- readonly radius: {
221
+ radius: {
251
222
  none: string;
252
223
  sm: string;
253
224
  md: string;
@@ -257,10 +228,5 @@ declare const tokens: {
257
228
  };
258
229
  };
259
230
  type ThemeMode = "light" | "dark";
260
- type Colors = typeof colors;
261
- type Spacing = typeof spacing;
262
- type Typography = typeof typography;
263
- type Radius = typeof radius;
264
- type Tokens = typeof tokens;
265
231
 
266
- export { type Colors, type Radius, type Spacing, type ThemeMode, type Tokens, type Typography, colors, radius, spacing, tokens, typography };
232
+ export { type ThemeMode, tokens };
package/dist/index.js CHANGED
@@ -3,72 +3,181 @@ var colors_default = {
3
3
  light: {
4
4
  brand: {
5
5
  crimson: {
6
- "900": "#7A0C0C",
7
- "700": "#B11212",
8
- "500": "#E53935",
9
- "300": "#F19999",
10
- "100": "#FDECEC"
6
+ "800": "#BB2F2A",
7
+ "700": "#EA3B34",
8
+ "600": "#EE5656",
9
+ "500": "#F17878",
10
+ "400": "#F59A9A",
11
+ "300": "#FDECEC",
12
+ "200": "#FCDDDD",
13
+ "100": "#FDEEEE",
14
+ transparent: {
15
+ "800": "rgba(187, 47, 42, 0.1)",
16
+ "700": "rgba(234, 59, 52, 0.1)",
17
+ "600": "rgba(238, 86, 86, 0.1)",
18
+ "500": "rgba(241, 120, 120, 0.1)",
19
+ "400": "rgba(245, 154, 154, 0.1)",
20
+ "300": "rgba(253, 236, 236, 0.1)",
21
+ "200": "rgba(252, 221, 221, 0.1)",
22
+ "100": "rgba(253, 238, 238, 0.1)"
23
+ }
11
24
  },
12
25
  burgundy: {
13
- "900": "#4A0F24",
14
- "500": "#8C1D40",
15
- "100": "#F5E6EC"
26
+ "800": "#A12C3D",
27
+ "700": "#B35563",
28
+ "600": "#C67E88",
29
+ "500": "#D8A6AE",
30
+ "400": "#E1BBC1",
31
+ "300": "#EBCFD3",
32
+ "200": "#F4E4E6",
33
+ "100": "#FDF8F9"
16
34
  },
17
- royal: {
18
- "900": "#0B2C5D",
19
- "500": "#0D47A1",
20
- "100": "#E3F2FD"
35
+ royals: {
36
+ "800": "#0A223A",
37
+ "700": "#06315C",
38
+ "600": "#013C76",
39
+ "500": "#004484",
40
+ "400": "#0054A4",
41
+ "300": "#005FBA",
42
+ "200": "#0071DF",
43
+ "100": "#46A2FF"
21
44
  },
22
- mint: {
23
- "900": "#0F4D3C",
24
- "500": "#2E7D6B",
25
- "100": "#E0F4EF"
45
+ oldMoney: {
46
+ "800": "#1E423D",
47
+ "700": "#285952",
48
+ "600": "#2E7569",
49
+ "500": "#448E80",
50
+ "400": "#6CADA1",
51
+ "300": "#A5D6CD",
52
+ "200": "#C5FBF1",
53
+ "100": "#DDFFF9"
54
+ },
55
+ driftwood: {
56
+ "800": "#A47C46",
57
+ "700": "#C2914E",
58
+ "600": "#DEAA62",
59
+ "500": "#DFB67F",
60
+ "400": "#FDCF93",
61
+ "300": "#FFD9A6",
62
+ "200": "#FFE6C3",
63
+ "100": "#FFEFDA"
64
+ },
65
+ oceanic: {
66
+ "800": "#01D1C1",
67
+ "700": "#1AD8C9",
68
+ "600": "#37EDDF",
69
+ "500": "#61FFF3",
70
+ "400": "#93FFF7",
71
+ "300": "#BEFFFA",
72
+ "200": "#DBFFFC",
73
+ "100": "#EFFFFE"
26
74
  }
27
75
  },
28
- surface: {
29
- bg: "#FFFFFF",
30
- subtle: "#F7F7F7",
31
- raised: "#FFFFFF",
32
- border: "#E5E7EB"
33
- },
34
- text: {
35
- primary: "#111827",
36
- secondary: "#4B5563",
37
- muted: "#9CA3AF",
38
- inverse: "#FFFFFF"
76
+ neutral: {
77
+ monochrome: {
78
+ "800": "#000000",
79
+ "700": "#161616",
80
+ "600": "#1C1C1C",
81
+ "500": "#262626",
82
+ "400": "#353434",
83
+ "300": "#4B4A4A",
84
+ "200": "#686868",
85
+ "100": "#919191",
86
+ transparent: {
87
+ "800": "rgba(0, 0, 0, 0.1)",
88
+ "700": "rgba(22, 22, 22, 0.1)",
89
+ "600": "rgba(28, 28, 28, 0.1)",
90
+ "500": "rgba(38, 38, 38, 0.1)",
91
+ "400": "rgba(53, 52, 52, 0.1)",
92
+ "300": "rgba(75, 74, 74, 0.1)",
93
+ "200": "rgba(104, 104, 104, 0.1)",
94
+ "100": "rgba(145, 145, 145, 0.1)"
95
+ }
96
+ },
97
+ greyscale: {
98
+ "800": "#CCCCCC",
99
+ "700": "#D6D6D6",
100
+ "600": "#E0E0E0",
101
+ "500": "#EBEBEB",
102
+ "400": "#EFEFF3",
103
+ "300": "#EFEFF3",
104
+ "200": "#FAFAFC",
105
+ "100": "#FFFFFF",
106
+ transparent: {
107
+ "800": "rgba(204, 204, 204, 0.1)",
108
+ "700": "rgba(214, 214, 214, 0.1)",
109
+ "600": "rgba(224, 224, 224, 0.1)",
110
+ "500": "rgba(235, 235, 235, 0.1)",
111
+ "400": "rgba(239, 239, 243, 0.1)",
112
+ "300": "rgba(239, 239, 243, 0.1)",
113
+ "200": "rgba(250, 250, 252, 0.1)",
114
+ "100": "rgba(255, 255, 255, 0.1)"
115
+ }
116
+ }
39
117
  },
40
118
  feedback: {
41
- success: "#2E7D32",
42
- error: "#C62828",
43
- warning: "#F9A825",
44
- info: "#1565C0"
119
+ success: {
120
+ "800": "#0F5132",
121
+ "700": "#146C43",
122
+ "600": "#198754",
123
+ "500": "#28A745",
124
+ "400": "#5CB85C",
125
+ "300": "#8FD19E",
126
+ "200": "#C7E9D5",
127
+ "100": "#E9F7EF"
128
+ },
129
+ error: {
130
+ "800": "#7E1C1C",
131
+ "700": "#9C2F2F",
132
+ "600": "#C24040",
133
+ "500": "#D96363",
134
+ "400": "#E99696",
135
+ "300": "#F2BDBD",
136
+ "200": "#F9DADA",
137
+ "100": "#FDF2F2"
138
+ },
139
+ warning: {
140
+ "800": "#664D03",
141
+ "700": "#D29604",
142
+ "600": "#FFC107",
143
+ "500": "#F9B12D",
144
+ "400": "#FFE58F",
145
+ "300": "#FFF3CD",
146
+ "200": "#FFF9DADA",
147
+ "100": "#FDF2F2"
148
+ }
149
+ },
150
+ gradient: {
151
+ membership: {
152
+ access: ["#1A237E", "#3949AB"],
153
+ elite: ["#4E342E", "#8D6E63"],
154
+ prestige: ["#C9A23F", "#F5E082"],
155
+ prive: ["#212121", "#000000"]
156
+ }
45
157
  }
46
158
  },
47
159
  dark: {
48
- brand: {
49
- crimson: {
50
- "900": "#FDECEC",
51
- "700": "#F19999",
52
- "500": "#E53935"
53
- }
54
- },
55
160
  surface: {
56
161
  bg: "#0B0B0C",
57
- subtle: "#161618",
58
- raised: "#1F1F22",
162
+ raised: "#161618",
59
163
  border: "#2E2E33"
60
164
  },
61
165
  text: {
62
166
  primary: "#F9FAFB",
63
167
  secondary: "#D1D5DB",
64
- muted: "#9CA3AF",
65
- inverse: "#111827"
66
- },
67
- feedback: {
68
- success: "#81C784",
69
- error: "#EF9A9A",
70
- warning: "#FFE082",
71
- info: "#90CAF9"
168
+ muted: "#9CA3AF"
169
+ }
170
+ },
171
+ text: {
172
+ body: {
173
+ "800": "#000000",
174
+ "700": "#161616",
175
+ "600": "#333333",
176
+ "500": "#4D4D4D",
177
+ "400": "#666666",
178
+ "300": "#808080",
179
+ "200": "#B3B3B3",
180
+ "100": "#FFFFFF"
72
181
  }
73
182
  }
74
183
  };
@@ -132,10 +241,6 @@ var tokens = {
132
241
  radius: radius_default
133
242
  };
134
243
  export {
135
- colors_default as colors,
136
- radius_default as radius,
137
- spacing_default as spacing,
138
- tokens,
139
- typography_default as typography
244
+ tokens
140
245
  };
141
246
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../colors.json","../spacing.json","../typography.json","../radius.json","../index.ts"],"sourcesContent":["{\n \"light\": {\n \"brand\": {\n \"crimson\": {\n \"900\": \"#7A0C0C\",\n \"700\": \"#B11212\",\n \"500\": \"#E53935\",\n \"300\": \"#F19999\",\n \"100\": \"#FDECEC\"\n },\n \"burgundy\": {\n \"900\": \"#4A0F24\",\n \"500\": \"#8C1D40\",\n \"100\": \"#F5E6EC\"\n },\n \"royal\": {\n \"900\": \"#0B2C5D\",\n \"500\": \"#0D47A1\",\n \"100\": \"#E3F2FD\"\n },\n \"mint\": {\n \"900\": \"#0F4D3C\",\n \"500\": \"#2E7D6B\",\n \"100\": \"#E0F4EF\"\n }\n },\n\n \"surface\": {\n \"bg\": \"#FFFFFF\",\n \"subtle\": \"#F7F7F7\",\n \"raised\": \"#FFFFFF\",\n \"border\": \"#E5E7EB\"\n },\n\n \"text\": {\n \"primary\": \"#111827\",\n \"secondary\": \"#4B5563\",\n \"muted\": \"#9CA3AF\",\n \"inverse\": \"#FFFFFF\"\n },\n\n \"feedback\": {\n \"success\": \"#2E7D32\",\n \"error\": \"#C62828\",\n \"warning\": \"#F9A825\",\n \"info\": \"#1565C0\"\n }\n },\n\n \"dark\": {\n \"brand\": {\n \"crimson\": {\n \"900\": \"#FDECEC\",\n \"700\": \"#F19999\",\n \"500\": \"#E53935\"\n }\n },\n\n \"surface\": {\n \"bg\": \"#0B0B0C\",\n \"subtle\": \"#161618\",\n \"raised\": \"#1F1F22\",\n \"border\": \"#2E2E33\"\n },\n\n \"text\": {\n \"primary\": \"#F9FAFB\",\n \"secondary\": \"#D1D5DB\",\n \"muted\": \"#9CA3AF\",\n \"inverse\": \"#111827\"\n },\n\n \"feedback\": {\n \"success\": \"#81C784\",\n \"error\": \"#EF9A9A\",\n \"warning\": \"#FFE082\",\n \"info\": \"#90CAF9\"\n }\n }\n}\n","{\n \"0\": \"0px\",\n \"1\": \"4px\",\n \"2\": \"8px\",\n \"3\": \"12px\",\n \"4\": \"16px\",\n \"5\": \"20px\",\n \"6\": \"24px\",\n \"8\": \"32px\",\n \"10\": \"40px\",\n \"12\": \"48px\"\n}\n","{\n \"fontFamily\": {\n \"sans\": [\"Helvetica\", \"Arial\", \"sans-serif\"]\n },\n\n \"fontSize\": {\n \"xs\": \"12px\",\n \"sm\": \"14px\",\n \"base\": \"16px\",\n \"lg\": \"18px\",\n \"xl\": \"20px\",\n \"2xl\": \"24px\",\n \"3xl\": \"30px\"\n },\n\n \"fontWeight\": {\n \"regular\": \"400\",\n \"medium\": \"500\",\n \"semibold\": \"600\",\n \"bold\": \"700\"\n },\n\n \"lineHeight\": {\n \"tight\": \"1.2\",\n \"normal\": \"1.5\",\n \"relaxed\": \"1.7\"\n }\n}\n","{\n \"none\": \"0px\",\n \"sm\": \"6px\",\n \"md\": \"10px\",\n \"lg\": \"14px\",\n \"xl\": \"20px\",\n \"full\": \"9999px\"\n}\n","import colors from \"./colors.json\";\nimport spacing from \"./spacing.json\";\nimport typography from \"./typography.json\";\nimport radius from \"./radius.json\";\n\nexport const tokens = {\n colors,\n spacing,\n typography,\n radius,\n} as const;\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport type Colors = typeof colors;\nexport type Spacing = typeof spacing;\nexport type Typography = typeof typography;\nexport type Radius = typeof radius;\nexport type Tokens = typeof tokens;\n\nexport { colors, spacing, typography, radius };\n"],"mappings":";AAAA;AAAA,EACE,OAAS;AAAA,IACP,OAAS;AAAA,MACP,SAAW;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,UAAY;AAAA,QACV,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,OAAS;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,MAAQ;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,SAAW;AAAA,MACT,IAAM;AAAA,MACN,QAAU;AAAA,MACV,QAAU;AAAA,MACV,QAAU;AAAA,IACZ;AAAA,IAEA,MAAQ;AAAA,MACN,SAAW;AAAA,MACX,WAAa;AAAA,MACb,OAAS;AAAA,MACT,SAAW;AAAA,IACb;AAAA,IAEA,UAAY;AAAA,MACV,SAAW;AAAA,MACX,OAAS;AAAA,MACT,SAAW;AAAA,MACX,MAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,MAAQ;AAAA,IACN,OAAS;AAAA,MACP,SAAW;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,SAAW;AAAA,MACT,IAAM;AAAA,MACN,QAAU;AAAA,MACV,QAAU;AAAA,MACV,QAAU;AAAA,IACZ;AAAA,IAEA,MAAQ;AAAA,MACN,SAAW;AAAA,MACX,WAAa;AAAA,MACb,OAAS;AAAA,MACT,SAAW;AAAA,IACb;AAAA,IAEA,UAAY;AAAA,MACV,SAAW;AAAA,MACX,OAAS;AAAA,MACT,SAAW;AAAA,MACX,MAAQ;AAAA,IACV;AAAA,EACF;AACF;;;AC/EA;AAAA,EACE,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;;;ACXA;AAAA,EACE,YAAc;AAAA,IACZ,MAAQ,CAAC,aAAa,SAAS,YAAY;AAAA,EAC7C;AAAA,EAEA,UAAY;AAAA,IACV,IAAM;AAAA,IACN,IAAM;AAAA,IACN,MAAQ;AAAA,IACR,IAAM;AAAA,IACN,IAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EAEA,YAAc;AAAA,IACZ,SAAW;AAAA,IACX,QAAU;AAAA,IACV,UAAY;AAAA,IACZ,MAAQ;AAAA,EACV;AAAA,EAEA,YAAc;AAAA,IACZ,OAAS;AAAA,IACT,QAAU;AAAA,IACV,SAAW;AAAA,EACb;AACF;;;AC3BA;AAAA,EACE,MAAQ;AAAA,EACR,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,MAAQ;AACV;;;ACFO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
1
+ {"version":3,"sources":["../colors.json","../spacing.json","../typography.json","../radius.json","../index.ts"],"sourcesContent":["{\n \"light\": {\n \"brand\": {\n \"crimson\": {\n \"800\": \"#BB2F2A\",\n \"700\": \"#EA3B34\",\n \"600\": \"#EE5656\",\n \"500\": \"#F17878\",\n \"400\": \"#F59A9A\",\n \"300\": \"#FDECEC\",\n \"200\": \"#FCDDDD\",\n \"100\": \"#FDEEEE\",\n\n \"transparent\": {\n \"800\": \"rgba(187, 47, 42, 0.1)\",\n \"700\": \"rgba(234, 59, 52, 0.1)\",\n \"600\": \"rgba(238, 86, 86, 0.1)\",\n \"500\": \"rgba(241, 120, 120, 0.1)\",\n \"400\": \"rgba(245, 154, 154, 0.1)\",\n \"300\": \"rgba(253, 236, 236, 0.1)\",\n \"200\": \"rgba(252, 221, 221, 0.1)\",\n \"100\": \"rgba(253, 238, 238, 0.1)\"\n }\n },\n \"burgundy\": {\n \"800\": \"#A12C3D\",\n \"700\": \"#B35563\",\n \"600\": \"#C67E88\",\n \"500\": \"#D8A6AE\",\n \"400\": \"#E1BBC1\",\n \"300\": \"#EBCFD3\",\n \"200\": \"#F4E4E6\",\n \"100\": \"#FDF8F9\"\n },\n \"royals\": {\n \"800\": \"#0A223A\",\n \"700\": \"#06315C\",\n \"600\": \"#013C76\",\n \"500\": \"#004484\",\n \"400\": \"#0054A4\",\n \"300\": \"#005FBA\",\n \"200\": \"#0071DF\",\n \"100\": \"#46A2FF\"\n },\n \"oldMoney\": {\n \"800\": \"#1E423D\",\n \"700\": \"#285952\",\n \"600\": \"#2E7569\",\n \"500\": \"#448E80\",\n \"400\": \"#6CADA1\",\n \"300\": \"#A5D6CD\",\n \"200\": \"#C5FBF1\",\n \"100\": \"#DDFFF9\"\n },\n \"driftwood\": {\n \"800\": \"#A47C46\",\n \"700\": \"#C2914E\",\n \"600\": \"#DEAA62\",\n \"500\": \"#DFB67F\",\n \"400\": \"#FDCF93\",\n \"300\": \"#FFD9A6\",\n \"200\": \"#FFE6C3\",\n \"100\": \"#FFEFDA\"\n },\n \"oceanic\": {\n \"800\": \"#01D1C1\",\n \"700\": \"#1AD8C9\",\n \"600\": \"#37EDDF\",\n \"500\": \"#61FFF3\",\n \"400\": \"#93FFF7\",\n \"300\": \"#BEFFFA\",\n \"200\": \"#DBFFFC\",\n \"100\": \"#EFFFFE\"\n }\n },\n\n \"neutral\": {\n \"monochrome\": {\n \"800\": \"#000000\",\n \"700\": \"#161616\",\n \"600\": \"#1C1C1C\",\n \"500\": \"#262626\",\n \"400\": \"#353434\",\n \"300\": \"#4B4A4A\",\n \"200\": \"#686868\",\n \"100\": \"#919191\",\n\n \"transparent\": {\n \"800\": \"rgba(0, 0, 0, 0.1)\",\n \"700\": \"rgba(22, 22, 22, 0.1)\",\n \"600\": \"rgba(28, 28, 28, 0.1)\",\n \"500\": \"rgba(38, 38, 38, 0.1)\",\n \"400\": \"rgba(53, 52, 52, 0.1)\",\n \"300\": \"rgba(75, 74, 74, 0.1)\",\n \"200\": \"rgba(104, 104, 104, 0.1)\",\n \"100\": \"rgba(145, 145, 145, 0.1)\"\n }\n },\n \"greyscale\": {\n \"800\": \"#CCCCCC\",\n \"700\": \"#D6D6D6\",\n \"600\": \"#E0E0E0\",\n \"500\": \"#EBEBEB\",\n \"400\": \"#EFEFF3\",\n \"300\": \"#EFEFF3\",\n \"200\": \"#FAFAFC\",\n \"100\": \"#FFFFFF\",\n\n \"transparent\": {\n \"800\": \"rgba(204, 204, 204, 0.1)\",\n \"700\": \"rgba(214, 214, 214, 0.1)\",\n \"600\": \"rgba(224, 224, 224, 0.1)\",\n \"500\": \"rgba(235, 235, 235, 0.1)\",\n \"400\": \"rgba(239, 239, 243, 0.1)\",\n \"300\": \"rgba(239, 239, 243, 0.1)\",\n \"200\": \"rgba(250, 250, 252, 0.1)\",\n \"100\": \"rgba(255, 255, 255, 0.1)\"\n }\n }\n },\n\n \"feedback\": {\n \"success\": {\n \"800\": \"#0F5132\",\n \"700\": \"#146C43\",\n \"600\": \"#198754\",\n \"500\": \"#28A745\",\n \"400\": \"#5CB85C\",\n \"300\": \"#8FD19E\",\n \"200\": \"#C7E9D5\",\n \"100\": \"#E9F7EF\"\n },\n \"error\": {\n \"800\": \"#7E1C1C\",\n \"700\": \"#9C2F2F\",\n \"600\": \"#C24040\",\n \"500\": \"#D96363\",\n \"400\": \"#E99696\",\n \"300\": \"#F2BDBD\",\n \"200\": \"#F9DADA\",\n \"100\": \"#FDF2F2\"\n },\n \"warning\": {\n \"800\": \"#664D03\",\n \"700\": \"#D29604\",\n \"600\": \"#FFC107\",\n \"500\": \"#F9B12D\",\n \"400\": \"#FFE58F\",\n \"300\": \"#FFF3CD\",\n \"200\": \"#FFF9DADA\",\n \"100\": \"#FDF2F2\"\n }\n },\n\n \"gradient\": {\n \"membership\": {\n \"access\": [\"#1A237E\", \"#3949AB\"],\n \"elite\": [\"#4E342E\", \"#8D6E63\"],\n \"prestige\": [\"#C9A23F\", \"#F5E082\"],\n \"prive\": [\"#212121\", \"#000000\"]\n }\n }\n },\n\n \"dark\": {\n \"surface\": {\n \"bg\": \"#0B0B0C\",\n \"raised\": \"#161618\",\n \"border\": \"#2E2E33\"\n },\n \"text\": {\n \"primary\": \"#F9FAFB\",\n \"secondary\": \"#D1D5DB\",\n \"muted\": \"#9CA3AF\"\n }\n },\n\n \"text\": {\n \"body\": {\n \"800\": \"#000000\",\n \"700\": \"#161616\",\n \"600\": \"#333333\",\n \"500\": \"#4D4D4D\",\n \"400\": \"#666666\",\n \"300\": \"#808080\",\n \"200\": \"#B3B3B3\",\n \"100\": \"#FFFFFF\"\n }\n }\n}\n","{\n \"0\": \"0px\",\n \"1\": \"4px\",\n \"2\": \"8px\",\n \"3\": \"12px\",\n \"4\": \"16px\",\n \"5\": \"20px\",\n \"6\": \"24px\",\n \"8\": \"32px\",\n \"10\": \"40px\",\n \"12\": \"48px\"\n}\n","{\n \"fontFamily\": {\n \"sans\": [\"Helvetica\", \"Arial\", \"sans-serif\"]\n },\n\n \"fontSize\": {\n \"xs\": \"12px\",\n \"sm\": \"14px\",\n \"base\": \"16px\",\n \"lg\": \"18px\",\n \"xl\": \"20px\",\n \"2xl\": \"24px\",\n \"3xl\": \"30px\"\n },\n\n \"fontWeight\": {\n \"regular\": \"400\",\n \"medium\": \"500\",\n \"semibold\": \"600\",\n \"bold\": \"700\"\n },\n\n \"lineHeight\": {\n \"tight\": \"1.2\",\n \"normal\": \"1.5\",\n \"relaxed\": \"1.7\"\n }\n}\n","{\n \"none\": \"0px\",\n \"sm\": \"6px\",\n \"md\": \"10px\",\n \"lg\": \"14px\",\n \"xl\": \"20px\",\n \"full\": \"9999px\"\n}\n","import colors from \"./colors.json\"\nimport spacing from \"./spacing.json\"\nimport typography from \"./typography.json\"\nimport radius from \"./radius.json\"\n\nexport const tokens = {\n colors,\n spacing,\n typography,\n radius\n}\n\nexport type ThemeMode = \"light\" | \"dark\"\n"],"mappings":"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","names":[]}