@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/colors.json CHANGED
@@ -2,120 +2,153 @@
2
2
  "light": {
3
3
  "brand": {
4
4
  "crimson": {
5
- "800": "#8C1D18",
6
- "700": "#B3261E",
7
- "600": "#D32F2F",
8
- "500": "#E53935",
9
- "400": "#EF5350",
10
- "300": "#E57373",
11
- "200": "#EF9A9A",
12
- "100": "#FDECEC"
5
+ "800": "#BB2F2A",
6
+ "700": "#EA3B34",
7
+ "600": "#EE5656",
8
+ "500": "#F17878",
9
+ "400": "#F59A9A",
10
+ "300": "#FDECEC",
11
+ "200": "#FCDDDD",
12
+ "100": "#FDEEEE",
13
+
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
+ }
13
24
  },
14
25
  "burgundy": {
15
- "800": "#6D1B2D",
16
- "700": "#8E2438",
17
- "600": "#AD3B4E",
18
- "500": "#C75A6A",
19
- "400": "#D98C96",
20
- "300": "#E5B4BA",
21
- "200": "#F0D9DC",
22
- "100": "#FBF1F2"
26
+ "800": "#A12C3D",
27
+ "700": "#B35563",
28
+ "600": "#C67E88",
29
+ "500": "#D8A6AE",
30
+ "400": "#E1BBC1",
31
+ "300": "#EBCFD3",
32
+ "200": "#F4E4E6",
33
+ "100": "#FDF8F9"
23
34
  },
24
35
  "royals": {
25
- "800": "#0D2A4D",
26
- "700": "#123E6B",
27
- "600": "#15528C",
28
- "500": "#1565C0",
29
- "400": "#1E88E5",
30
- "300": "#42A5F5",
31
- "200": "#90CAF9",
32
- "100": "#E3F2FD"
36
+ "800": "#0A223A",
37
+ "700": "#06315C",
38
+ "600": "#013C76",
39
+ "500": "#004484",
40
+ "400": "#0054A4",
41
+ "300": "#005FBA",
42
+ "200": "#0071DF",
43
+ "100": "#46A2FF"
33
44
  },
34
45
  "oldMoney": {
35
- "800": "#1F3D34",
36
- "700": "#29544A",
37
- "600": "#336B5F",
38
- "500": "#3F7F72",
39
- "400": "#6BA79B",
40
- "300": "#9EC6BE",
41
- "200": "#CFE5E1",
42
- "100": "#EDF7F5"
46
+ "800": "#1E423D",
47
+ "700": "#285952",
48
+ "600": "#2E7569",
49
+ "500": "#448E80",
50
+ "400": "#6CADA1",
51
+ "300": "#A5D6CD",
52
+ "200": "#C5FBF1",
53
+ "100": "#DDFFF9"
43
54
  },
44
55
  "driftwood": {
45
- "800": "#8A5A2B",
46
- "700": "#A66A32",
47
- "600": "#BF7A3A",
48
- "500": "#D18E4B",
49
- "400": "#E3AD74",
50
- "300": "#EFC89E",
51
- "200": "#F6DEC4",
52
- "100": "#FCF2E8"
56
+ "800": "#A47C46",
57
+ "700": "#C2914E",
58
+ "600": "#DEAA62",
59
+ "500": "#DFB67F",
60
+ "400": "#FDCF93",
61
+ "300": "#FFD9A6",
62
+ "200": "#FFE6C3",
63
+ "100": "#FFEFDA"
53
64
  },
54
65
  "oceanic": {
55
- "800": "#00796B",
56
- "700": "#009688",
57
- "600": "#26A69A",
58
- "500": "#2EC4B6",
59
- "400": "#6EE7DB",
60
- "300": "#9BF0E8",
61
- "200": "#CFF8F3",
62
- "100": "#ECFDFB"
66
+ "800": "#01D1C1",
67
+ "700": "#1AD8C9",
68
+ "600": "#37EDDF",
69
+ "500": "#61FFF3",
70
+ "400": "#93FFF7",
71
+ "300": "#BEFFFA",
72
+ "200": "#DBFFFC",
73
+ "100": "#EFFFFE"
63
74
  }
64
75
  },
65
76
 
66
77
  "neutral": {
67
78
  "monochrome": {
68
79
  "800": "#000000",
69
- "700": "#1A1A1A",
70
- "600": "#333333",
71
- "500": "#4D4D4D",
72
- "400": "#666666",
73
- "300": "#808080",
74
- "200": "#B3B3B3",
75
- "100": "#FFFFFF"
80
+ "700": "#161616",
81
+ "600": "#1C1C1C",
82
+ "500": "#262626",
83
+ "400": "#353434",
84
+ "300": "#4B4A4A",
85
+ "200": "#686868",
86
+ "100": "#919191",
87
+
88
+ "transparent": {
89
+ "800": "rgba(0, 0, 0, 0.1)",
90
+ "700": "rgba(22, 22, 22, 0.1)",
91
+ "600": "rgba(28, 28, 28, 0.1)",
92
+ "500": "rgba(38, 38, 38, 0.1)",
93
+ "400": "rgba(53, 52, 52, 0.1)",
94
+ "300": "rgba(75, 74, 74, 0.1)",
95
+ "200": "rgba(104, 104, 104, 0.1)",
96
+ "100": "rgba(145, 145, 145, 0.1)"
97
+ }
76
98
  },
77
99
  "greyscale": {
78
- "800": "#111827",
79
- "700": "#1F2937",
80
- "600": "#374151",
81
- "500": "#4B5563",
82
- "400": "#9CA3AF",
83
- "300": "#D1D5DB",
84
- "200": "#E5E7EB",
85
- "100": "#F9FAFB"
100
+ "800": "#CCCCCC",
101
+ "700": "#D6D6D6",
102
+ "600": "#E0E0E0",
103
+ "500": "#EBEBEB",
104
+ "400": "#EFEFF3",
105
+ "300": "#EFEFF3",
106
+ "200": "#FAFAFC",
107
+ "100": "#FFFFFF",
108
+
109
+ "transparent": {
110
+ "800": "rgba(204, 204, 204, 0.1)",
111
+ "700": "rgba(214, 214, 214, 0.1)",
112
+ "600": "rgba(224, 224, 224, 0.1)",
113
+ "500": "rgba(235, 235, 235, 0.1)",
114
+ "400": "rgba(239, 239, 243, 0.1)",
115
+ "300": "rgba(239, 239, 243, 0.1)",
116
+ "200": "rgba(250, 250, 252, 0.1)",
117
+ "100": "rgba(255, 255, 255, 0.1)"
118
+ }
86
119
  }
87
120
  },
88
121
 
89
122
  "feedback": {
90
123
  "success": {
91
- "800": "#1B5E20",
92
- "700": "#2E7D32",
93
- "600": "#388E3C",
94
- "500": "#4CAF50",
95
- "400": "#66BB6A",
96
- "300": "#81C784",
97
- "200": "#A5D6A7",
98
- "100": "#E8F5E9"
124
+ "800": "#0F5132",
125
+ "700": "#146C43",
126
+ "600": "#198754",
127
+ "500": "#28A745",
128
+ "400": "#5CB85C",
129
+ "300": "#8FD19E",
130
+ "200": "#C7E9D5",
131
+ "100": "#E9F7EF"
99
132
  },
100
133
  "error": {
101
- "800": "#8E1B1B",
102
- "700": "#B3261E",
103
- "600": "#D32F2F",
104
- "500": "#E53935",
105
- "400": "#EF5350",
106
- "300": "#E57373",
107
- "200": "#EF9A9A",
108
- "100": "#FDECEC"
134
+ "800": "#7E1C1C",
135
+ "700": "#9C2F2F",
136
+ "600": "#C24040",
137
+ "500": "#D96363",
138
+ "400": "#E99696",
139
+ "300": "#F2BDBD",
140
+ "200": "#F9DADA",
141
+ "100": "#FDF2F2"
109
142
  },
110
143
  "warning": {
111
- "800": "#8C6D1F",
112
- "700": "#B28704",
113
- "600": "#F9A825",
114
- "500": "#FBC02D",
115
- "400": "#FFD54F",
116
- "300": "#FFE082",
117
- "200": "#FFECB3",
118
- "100": "#FFF8E1"
144
+ "800": "#664D03",
145
+ "700": "#D29604",
146
+ "600": "#FFC107",
147
+ "500": "#F9B12D",
148
+ "400": "#FFE58F",
149
+ "300": "#FFF3CD",
150
+ "200": "#FFF9DADA",
151
+ "100": "#FDF2F2"
119
152
  }
120
153
  },
121
154
 
@@ -140,5 +173,18 @@
140
173
  "secondary": "#D1D5DB",
141
174
  "muted": "#9CA3AF"
142
175
  }
176
+ },
177
+
178
+ "text": {
179
+ "body": {
180
+ "800": "#000000",
181
+ "700": "#161616",
182
+ "600": "#333333",
183
+ "500": "#4D4D4D",
184
+ "400": "#666666",
185
+ "300": "#808080",
186
+ "200": "#B3B3B3",
187
+ "100": "#FFFFFF"
188
+ }
143
189
  }
144
190
  }
package/dist/index.cjs CHANGED
@@ -20,11 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // index.ts
21
21
  var index_exports = {};
22
22
  __export(index_exports, {
23
- colors: () => colors_default,
24
- radius: () => radius_default,
25
- spacing: () => spacing_default,
26
- tokens: () => tokens,
27
- typography: () => typography_default
23
+ tokens: () => tokens
28
24
  });
29
25
  module.exports = __toCommonJS(index_exports);
30
26
 
@@ -33,72 +29,181 @@ var colors_default = {
33
29
  light: {
34
30
  brand: {
35
31
  crimson: {
36
- "900": "#7A0C0C",
37
- "700": "#B11212",
38
- "500": "#E53935",
39
- "300": "#F19999",
40
- "100": "#FDECEC"
32
+ "800": "#BB2F2A",
33
+ "700": "#EA3B34",
34
+ "600": "#EE5656",
35
+ "500": "#F17878",
36
+ "400": "#F59A9A",
37
+ "300": "#FDECEC",
38
+ "200": "#FCDDDD",
39
+ "100": "#FDEEEE",
40
+ transparent: {
41
+ "800": "rgba(187, 47, 42, 0.1)",
42
+ "700": "rgba(234, 59, 52, 0.1)",
43
+ "600": "rgba(238, 86, 86, 0.1)",
44
+ "500": "rgba(241, 120, 120, 0.1)",
45
+ "400": "rgba(245, 154, 154, 0.1)",
46
+ "300": "rgba(253, 236, 236, 0.1)",
47
+ "200": "rgba(252, 221, 221, 0.1)",
48
+ "100": "rgba(253, 238, 238, 0.1)"
49
+ }
41
50
  },
42
51
  burgundy: {
43
- "900": "#4A0F24",
44
- "500": "#8C1D40",
45
- "100": "#F5E6EC"
52
+ "800": "#A12C3D",
53
+ "700": "#B35563",
54
+ "600": "#C67E88",
55
+ "500": "#D8A6AE",
56
+ "400": "#E1BBC1",
57
+ "300": "#EBCFD3",
58
+ "200": "#F4E4E6",
59
+ "100": "#FDF8F9"
46
60
  },
47
- royal: {
48
- "900": "#0B2C5D",
49
- "500": "#0D47A1",
50
- "100": "#E3F2FD"
61
+ royals: {
62
+ "800": "#0A223A",
63
+ "700": "#06315C",
64
+ "600": "#013C76",
65
+ "500": "#004484",
66
+ "400": "#0054A4",
67
+ "300": "#005FBA",
68
+ "200": "#0071DF",
69
+ "100": "#46A2FF"
51
70
  },
52
- mint: {
53
- "900": "#0F4D3C",
54
- "500": "#2E7D6B",
55
- "100": "#E0F4EF"
71
+ oldMoney: {
72
+ "800": "#1E423D",
73
+ "700": "#285952",
74
+ "600": "#2E7569",
75
+ "500": "#448E80",
76
+ "400": "#6CADA1",
77
+ "300": "#A5D6CD",
78
+ "200": "#C5FBF1",
79
+ "100": "#DDFFF9"
80
+ },
81
+ driftwood: {
82
+ "800": "#A47C46",
83
+ "700": "#C2914E",
84
+ "600": "#DEAA62",
85
+ "500": "#DFB67F",
86
+ "400": "#FDCF93",
87
+ "300": "#FFD9A6",
88
+ "200": "#FFE6C3",
89
+ "100": "#FFEFDA"
90
+ },
91
+ oceanic: {
92
+ "800": "#01D1C1",
93
+ "700": "#1AD8C9",
94
+ "600": "#37EDDF",
95
+ "500": "#61FFF3",
96
+ "400": "#93FFF7",
97
+ "300": "#BEFFFA",
98
+ "200": "#DBFFFC",
99
+ "100": "#EFFFFE"
56
100
  }
57
101
  },
58
- surface: {
59
- bg: "#FFFFFF",
60
- subtle: "#F7F7F7",
61
- raised: "#FFFFFF",
62
- border: "#E5E7EB"
63
- },
64
- text: {
65
- primary: "#111827",
66
- secondary: "#4B5563",
67
- muted: "#9CA3AF",
68
- inverse: "#FFFFFF"
102
+ neutral: {
103
+ monochrome: {
104
+ "800": "#000000",
105
+ "700": "#161616",
106
+ "600": "#1C1C1C",
107
+ "500": "#262626",
108
+ "400": "#353434",
109
+ "300": "#4B4A4A",
110
+ "200": "#686868",
111
+ "100": "#919191",
112
+ transparent: {
113
+ "800": "rgba(0, 0, 0, 0.1)",
114
+ "700": "rgba(22, 22, 22, 0.1)",
115
+ "600": "rgba(28, 28, 28, 0.1)",
116
+ "500": "rgba(38, 38, 38, 0.1)",
117
+ "400": "rgba(53, 52, 52, 0.1)",
118
+ "300": "rgba(75, 74, 74, 0.1)",
119
+ "200": "rgba(104, 104, 104, 0.1)",
120
+ "100": "rgba(145, 145, 145, 0.1)"
121
+ }
122
+ },
123
+ greyscale: {
124
+ "800": "#CCCCCC",
125
+ "700": "#D6D6D6",
126
+ "600": "#E0E0E0",
127
+ "500": "#EBEBEB",
128
+ "400": "#EFEFF3",
129
+ "300": "#EFEFF3",
130
+ "200": "#FAFAFC",
131
+ "100": "#FFFFFF",
132
+ transparent: {
133
+ "800": "rgba(204, 204, 204, 0.1)",
134
+ "700": "rgba(214, 214, 214, 0.1)",
135
+ "600": "rgba(224, 224, 224, 0.1)",
136
+ "500": "rgba(235, 235, 235, 0.1)",
137
+ "400": "rgba(239, 239, 243, 0.1)",
138
+ "300": "rgba(239, 239, 243, 0.1)",
139
+ "200": "rgba(250, 250, 252, 0.1)",
140
+ "100": "rgba(255, 255, 255, 0.1)"
141
+ }
142
+ }
69
143
  },
70
144
  feedback: {
71
- success: "#2E7D32",
72
- error: "#C62828",
73
- warning: "#F9A825",
74
- info: "#1565C0"
145
+ success: {
146
+ "800": "#0F5132",
147
+ "700": "#146C43",
148
+ "600": "#198754",
149
+ "500": "#28A745",
150
+ "400": "#5CB85C",
151
+ "300": "#8FD19E",
152
+ "200": "#C7E9D5",
153
+ "100": "#E9F7EF"
154
+ },
155
+ error: {
156
+ "800": "#7E1C1C",
157
+ "700": "#9C2F2F",
158
+ "600": "#C24040",
159
+ "500": "#D96363",
160
+ "400": "#E99696",
161
+ "300": "#F2BDBD",
162
+ "200": "#F9DADA",
163
+ "100": "#FDF2F2"
164
+ },
165
+ warning: {
166
+ "800": "#664D03",
167
+ "700": "#D29604",
168
+ "600": "#FFC107",
169
+ "500": "#F9B12D",
170
+ "400": "#FFE58F",
171
+ "300": "#FFF3CD",
172
+ "200": "#FFF9DADA",
173
+ "100": "#FDF2F2"
174
+ }
175
+ },
176
+ gradient: {
177
+ membership: {
178
+ access: ["#1A237E", "#3949AB"],
179
+ elite: ["#4E342E", "#8D6E63"],
180
+ prestige: ["#C9A23F", "#F5E082"],
181
+ prive: ["#212121", "#000000"]
182
+ }
75
183
  }
76
184
  },
77
185
  dark: {
78
- brand: {
79
- crimson: {
80
- "900": "#FDECEC",
81
- "700": "#F19999",
82
- "500": "#E53935"
83
- }
84
- },
85
186
  surface: {
86
187
  bg: "#0B0B0C",
87
- subtle: "#161618",
88
- raised: "#1F1F22",
188
+ raised: "#161618",
89
189
  border: "#2E2E33"
90
190
  },
91
191
  text: {
92
192
  primary: "#F9FAFB",
93
193
  secondary: "#D1D5DB",
94
- muted: "#9CA3AF",
95
- inverse: "#111827"
96
- },
97
- feedback: {
98
- success: "#81C784",
99
- error: "#EF9A9A",
100
- warning: "#FFE082",
101
- info: "#90CAF9"
194
+ muted: "#9CA3AF"
195
+ }
196
+ },
197
+ text: {
198
+ body: {
199
+ "800": "#000000",
200
+ "700": "#161616",
201
+ "600": "#333333",
202
+ "500": "#4D4D4D",
203
+ "400": "#666666",
204
+ "300": "#808080",
205
+ "200": "#B3B3B3",
206
+ "100": "#FFFFFF"
102
207
  }
103
208
  }
104
209
  };
@@ -163,10 +268,6 @@ var tokens = {
163
268
  };
164
269
  // Annotate the CommonJS export names for ESM import in node:
165
270
  0 && (module.exports = {
166
- colors,
167
- radius,
168
- spacing,
169
- tokens,
170
- typography
271
+ tokens
171
272
  });
172
273
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../index.ts","../colors.json","../spacing.json","../typography.json","../radius.json"],"sourcesContent":["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","{\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;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;;;AJFO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
1
+ {"version":3,"sources":["../index.ts","../colors.json","../spacing.json","../typography.json","../radius.json"],"sourcesContent":["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","{\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"],"mappings":"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","names":[]}