@neo4j-ndl/base 3.7.23 → 4.0.0-alpha.0.c6243ce

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 (39) hide show
  1. package/lib/cjs/index.js +1 -2
  2. package/lib/cjs/index.js.map +1 -1
  3. package/lib/cjs/tailwind-preset.config.js +34 -1
  4. package/lib/cjs/tailwind-preset.config.js.map +1 -1
  5. package/lib/cjs/tailwindTheme.mjs +16 -66
  6. package/lib/cjs/tailwindTheme.mjs.map +1 -1
  7. package/lib/cjs/tokens/js/tokens-esm.js +491 -478
  8. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  9. package/lib/cjs/tokens/js/tokens.js +494 -479
  10. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  11. package/lib/esm/index.js +1 -2
  12. package/lib/esm/index.js.map +1 -1
  13. package/lib/esm/tailwind-preset.config.js +33 -1
  14. package/lib/esm/tailwind-preset.config.js.map +1 -1
  15. package/lib/esm/tailwindTheme.mjs +16 -64
  16. package/lib/esm/tailwindTheme.mjs.map +1 -1
  17. package/lib/esm/tokens/js/tokens-esm.js +491 -478
  18. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  19. package/lib/esm/tokens/js/tokens.js +492 -480
  20. package/lib/esm/tokens/js/tokens.js.map +1 -1
  21. package/lib/neo4j-ds-styles.css +39264 -103717
  22. package/lib/tokens/css/tokens.css +435 -419
  23. package/lib/types/index.d.ts +1 -2
  24. package/lib/types/tokens/js/tokens-esm.d.ts +306 -299
  25. package/lib/types/tokens/js/tokens.d.ts +651 -642
  26. package/package.json +8 -6
  27. package/lib/cjs/tokens/js/storybook-design-token.js +0 -3969
  28. package/lib/cjs/tokens/js/storybook-design-token.js.map +0 -1
  29. package/lib/cjs/typescale.js +0 -147
  30. package/lib/cjs/typescale.js.map +0 -1
  31. package/lib/esm/tokens/js/storybook-design-token.js +0 -3966
  32. package/lib/esm/tokens/js/storybook-design-token.js.map +0 -1
  33. package/lib/esm/typescale.js +0 -144
  34. package/lib/esm/typescale.js.map +0 -1
  35. package/lib/tokens/js/tokens-raw.js +0 -9291
  36. package/lib/tokens/js/tokens.js +0 -637
  37. package/lib/tokens/scss/tokens.scss +0 -427
  38. package/lib/types/tokens/js/storybook-design-token.d.ts +0 -126
  39. package/lib/types/typescale.d.ts +0 -93
package/lib/esm/tokens/js/tokens.js CHANGED
@@ -19,69 +19,12 @@
19
19
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
20
20
  */
21
21
 
22
- "use strict";
23
22
  /**
24
- * Do not edit directly
25
- * Generated on Tue, 19 Aug 2025 14:59:22 GMT
26
- */
27
- module.exports = {
28
- "transitions": {
29
- "values": {
30
- "properties": {
31
- "default": "all"
32
- },
33
- "duration": {
34
- "quick": "100ms",
35
- "slow": "250ms"
36
- },
37
- "timing-function": {
38
- "default": "cubic-bezier(0.420, 0.000, 0.580, 1.000)"
39
- }
40
- },
41
- "stripped": {
42
- "quick": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
43
- "slow": "250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
44
- },
45
- "full": {
46
- "quick": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
47
- "slow": "all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
48
- }
49
- },
50
- "borderRadius": {
51
- "none": "0px",
52
- "sm": "4px",
53
- "md": "6px",
54
- "lg": "8px",
55
- "xl": "10px",
56
- "1xl": "12px",
57
- "2xl": "14px",
58
- "3xl": "16px",
59
- "4xl": "18px",
60
- "5xl": "20px",
61
- "full": "9999px"
62
- },
63
- "breakpointNextOne": {
64
- "xs": {
65
- "min": "320px",
66
- "med": "360px",
67
- "max": "375px"
68
- },
69
- "sm": {
70
- "min": "512px",
71
- "med": "768px",
72
- "max": "864px"
73
- },
74
- "md": {
75
- "min": "1024px",
76
- "med": "1280px",
77
- "max": "1440px"
78
- },
79
- "lg": {
80
- "min": "1680px",
81
- "max": "1920px"
82
- }
83
- },
84
- "breakpointNextTwo": {
23
+ * Do not edit directly
24
+ * Generated on 2025-09-17T07:32:25.750Z
25
+ */
26
+ export const tokens = {
27
+ "breakpoint": {
85
28
  "5xs": "320px",
86
29
  "4xs": "360px",
87
30
  "3xs": "375px",
@@ -94,545 +37,614 @@ module.exports = {
94
37
  "2xl": "1680px",
95
38
  "3xl": "1920px"
96
39
  },
97
- "breakpoints": {
98
- "xs": "450px",
99
- "sm": "640px",
100
- "md": "768px",
101
- "lg": "1024px",
102
- "xl": "1280px",
103
- "2xl": "1536px"
40
+ "code": {
41
+ "light": {
42
+ "comment": "#5e636aff",
43
+ "keyword": "#3f7824ff",
44
+ "keywordLiteral": "#3f7824ff",
45
+ "operator": "#3f7824ff",
46
+ "label": "#d43300ff",
47
+ "predicateFunction": "#0a6190ff",
48
+ "function": "#0a6190ff",
49
+ "procedure": "#0a6190ff",
50
+ "stringLiteral": "#986400ff",
51
+ "numberLiteral": "#754ec8ff",
52
+ "booleanLiteral": "#754ec8ff",
53
+ "paramValue": "#754ec8ff",
54
+ "property": "#730e00ff"
55
+ },
56
+ "dark": {
57
+ "comment": "#959aa1ff",
58
+ "keyword": "#ffc450ff",
59
+ "keywordLiteral": "#ffc450ff",
60
+ "operator": "#ffc450ff",
61
+ "label": "#f96746ff",
62
+ "predicateFunction": "#8fe3e8ff",
63
+ "function": "#8fe3e8ff",
64
+ "procedure": "#8fe3e8ff",
65
+ "stringLiteral": "#90cb62ff",
66
+ "numberLiteral": "#ccb4ffff",
67
+ "booleanLiteral": "#ccb4ffff",
68
+ "paramValue": "#ccb4ffff",
69
+ "property": "#ffaa97ff"
70
+ }
104
71
  },
105
- "palette": {
106
- "categorical": {
107
- "1": "#55BDC5",
108
- "2": "#4D49CB",
109
- "3": "#DC8B39",
110
- "4": "#C9458D",
111
- "5": "#8E8CF3",
112
- "6": "#78DE7C",
113
- "7": "#3F80E3",
114
- "8": "#673FAB",
115
- "9": "#DBBF40",
116
- "10": "#BF732D",
117
- "11": "#478A6E",
118
- "12": "#ADE86B"
72
+ "content": {
73
+ "extraLight": {
74
+ "maxWidth": "768px"
119
75
  },
120
- "code": {
121
- "light": {
122
- "comment": "#5E636A",
123
- "keyword": "#3F7824",
124
- "keywordLiteral": "#3F7824",
125
- "operator": "#3F7824",
126
- "label": "#D43300",
127
- "predicateFunction": "#0A6190",
128
- "function": "#0A6190",
129
- "procedure": "#0A6190",
130
- "stringLiteral": "#986400",
131
- "numberLiteral": "#754EC8",
132
- "booleanLiteral": "#754EC8",
133
- "paramValue": "#754EC8",
134
- "property": "#730E00"
135
- },
136
- "dark": {
137
- "comment": "#959AA1",
138
- "keyword": "#FFC450",
139
- "keywordLiteral": "#FFC450",
140
- "operator": "#FFC450",
141
- "label": "#F96746",
142
- "predicateFunction": "#8FE3E8",
143
- "function": "#8FE3E8",
144
- "procedure": "#8FE3E8",
145
- "stringLiteral": "#90CB62",
146
- "numberLiteral": "#CCB4FF",
147
- "booleanLiteral": "#CCB4FF",
148
- "paramValue": "#CCB4FF",
149
- "property": "#FFAA97"
150
- }
76
+ "light": {
77
+ "maxWidth": "1024px"
78
+ },
79
+ "heavy": {
80
+ "maxWidth": "1680px"
151
81
  },
152
- "graph": {
153
- "1": "#FFDF81",
154
- "2": "#C990C0",
155
- "3": "#F79767",
156
- "4": "#56C7E4",
157
- "5": "#F16767",
158
- "6": "#D8C7AE",
159
- "7": "#8DCC93",
160
- "8": "#ECB4C9",
161
- "9": "#4D8DDA",
162
- "10": "#FFC354",
163
- "11": "#DA7294",
164
- "12": "#579380"
82
+ "max": {
83
+ "maxWidth": "1920px"
165
84
  }
166
85
  },
167
- "colors": {
86
+ "categorical": {
87
+ "1": "#55bdc5ff",
88
+ "2": "#4d49cbff",
89
+ "3": "#dc8b39ff",
90
+ "4": "#c9458dff",
91
+ "5": "#8e8cf3ff",
92
+ "6": "#78de7cff",
93
+ "7": "#3f80e3ff",
94
+ "8": "#673fabff",
95
+ "9": "#dbbf40ff",
96
+ "10": "#bf732dff",
97
+ "11": "#478a6eff",
98
+ "12": "#ade86bff"
99
+ },
100
+ "graph": {
101
+ "1": "#ffdf81ff",
102
+ "2": "#c990c0ff",
103
+ "3": "#f79767ff",
104
+ "4": "#56c7e4ff",
105
+ "5": "#f16767ff",
106
+ "6": "#d8c7aeff",
107
+ "7": "#8dcc93ff",
108
+ "8": "#ecb4c9ff",
109
+ "9": "#4d8ddaff",
110
+ "10": "#ffc354ff",
111
+ "11": "#da7294ff",
112
+ "12": "#579380ff"
113
+ },
114
+ "motion": {
115
+ "duration": {
116
+ "quick": "100ms",
117
+ "slow": "250ms"
118
+ },
119
+ "easing": {
120
+ "standard": "cubic-bezier(0.42, 0, 0.58, 1)"
121
+ },
122
+ "transition": {
123
+ "quick": "100ms cubic-bezier(0.42, 0, 0.58, 1) 0ms",
124
+ "slow": "250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms",
125
+ "delayed": "100ms cubic-bezier(0.42, 0, 0.58, 1) 100ms"
126
+ }
127
+ },
128
+ "palette": {
168
129
  "baltic": {
169
- "10": "#E7FAFB",
170
- "15": "#C3F8FB",
171
- "20": "#8FE3E8",
172
- "25": "#5CC3C9",
173
- "30": "#5DB3BF",
174
- "35": "#51A6B1",
175
- "40": "#4C99A4",
176
- "45": "#30839D",
177
- "50": "#0A6190",
178
- "55": "#02507B",
179
- "60": "#014063",
180
- "65": "#262F31",
181
- "70": "#081E2B",
182
- "75": "#041823",
183
- "80": "#01121C"
130
+ "10": "#e7fafbff",
131
+ "15": "#c3f8fbff",
132
+ "20": "#8fe3e8ff",
133
+ "25": "#5cc3c9ff",
134
+ "30": "#5db3bfff",
135
+ "35": "#51a6b1ff",
136
+ "40": "#4c99a4ff",
137
+ "45": "#30839dff",
138
+ "50": "#0a6190ff",
139
+ "55": "#02507bff",
140
+ "60": "#014063ff",
141
+ "65": "#262f31ff",
142
+ "70": "#081e2bff",
143
+ "75": "#041823ff",
144
+ "80": "#01121cff"
184
145
  },
185
146
  "hibiscus": {
186
- "10": "#FFE9E7",
187
- "15": "#FFD7D2",
188
- "20": "#FFAA97",
189
- "25": "#FF8E6A",
190
- "30": "#F96746",
191
- "35": "#E84E2C",
192
- "40": "#D43300",
193
- "45": "#BB2D00",
194
- "50": "#961200",
195
- "55": "#730E00",
196
- "60": "#432520",
197
- "65": "#4E0900",
198
- "70": "#3F0800",
199
- "75": "#360700",
200
- "80": "#280500"
147
+ "10": "#ffe9e7ff",
148
+ "15": "#ffd7d2ff",
149
+ "20": "#ffaa97ff",
150
+ "25": "#ff8e6aff",
151
+ "30": "#f96746ff",
152
+ "35": "#e84e2cff",
153
+ "40": "#d43300ff",
154
+ "45": "#bb2d00ff",
155
+ "50": "#961200ff",
156
+ "55": "#730e00ff",
157
+ "60": "#432520ff",
158
+ "65": "#4e0900ff",
159
+ "70": "#3f0800ff",
160
+ "75": "#360700ff",
161
+ "80": "#280500ff"
201
162
  },
202
163
  "forest": {
203
- "10": "#E7FCD7",
204
- "15": "#BCF194",
205
- "20": "#90CB62",
206
- "25": "#80BB53",
207
- "30": "#6FA646",
208
- "35": "#5B992B",
209
- "40": "#4D8622",
210
- "45": "#3F7824",
211
- "50": "#296127",
212
- "55": "#145439",
213
- "60": "#0C4D31",
214
- "65": "#0A4324",
215
- "70": "#262D24",
216
- "75": "#052618",
217
- "80": "#021D11"
164
+ "10": "#e7fcd7ff",
165
+ "15": "#bcf194ff",
166
+ "20": "#90cb62ff",
167
+ "25": "#80bb53ff",
168
+ "30": "#6fa646ff",
169
+ "35": "#5b992bff",
170
+ "40": "#4d8622ff",
171
+ "45": "#3f7824ff",
172
+ "50": "#296127ff",
173
+ "55": "#145439ff",
174
+ "60": "#0c4d31ff",
175
+ "65": "#0a4324ff",
176
+ "70": "#262d24ff",
177
+ "75": "#052618ff",
178
+ "80": "#021d11ff"
218
179
  },
219
180
  "lemon": {
220
- "10": "#FFFAD1",
221
- "15": "#FFF8BD",
222
- "20": "#FFF178",
223
- "25": "#FFE500",
224
- "30": "#FFD600",
225
- "35": "#F4C318",
226
- "40": "#D7AA0A",
227
- "45": "#B48409",
228
- "50": "#996E00",
229
- "55": "#765500",
230
- "60": "#614600",
231
- "65": "#4D3700",
232
- "70": "#312E1A",
233
- "75": "#2E2100",
234
- "80": "#251B00"
181
+ "10": "#fffad1ff",
182
+ "15": "#fff8bdff",
183
+ "20": "#fff178ff",
184
+ "25": "#ffe500ff",
185
+ "30": "#ffd600ff",
186
+ "35": "#f4c318ff",
187
+ "40": "#d7aa0aff",
188
+ "45": "#b48409ff",
189
+ "50": "#996e00ff",
190
+ "55": "#765500ff",
191
+ "60": "#614600ff",
192
+ "65": "#4d3700ff",
193
+ "70": "#312e1aff",
194
+ "75": "#2e2100ff",
195
+ "80": "#251b00ff"
235
196
  },
236
197
  "lavender": {
237
- "10": "#F7F3FF",
238
- "15": "#E9DEFF",
239
- "20": "#CCB4FF",
240
- "25": "#B38EFF",
241
- "30": "#A07BEC",
242
- "35": "#8C68D9",
243
- "40": "#754EC8",
244
- "45": "#5A34AA",
245
- "50": "#4B2894",
246
- "55": "#3B1982",
247
- "60": "#2C2A34",
248
- "65": "#220954",
249
- "70": "#170146",
250
- "75": "#0E002D",
251
- "80": "#09001C"
198
+ "10": "#f7f3ffff",
199
+ "15": "#e9deffff",
200
+ "20": "#ccb4ffff",
201
+ "25": "#b38effff",
202
+ "30": "#a07becff",
203
+ "35": "#8c68d9ff",
204
+ "40": "#754ec8ff",
205
+ "45": "#5a34aaff",
206
+ "50": "#4b2894ff",
207
+ "55": "#3b1982ff",
208
+ "60": "#2c2a34ff",
209
+ "65": "#220954ff",
210
+ "70": "#170146ff",
211
+ "75": "#0e002dff",
212
+ "80": "#09001cff"
252
213
  },
253
214
  "marigold": {
254
- "10": "#FFF0D2",
255
- "15": "#FFDE9D",
256
- "20": "#FFCF72",
257
- "25": "#FFC450",
258
- "30": "#FFB422",
259
- "35": "#FFA901",
260
- "40": "#EC9C00",
261
- "45": "#DA9105",
262
- "50": "#BA7A00",
263
- "55": "#986400",
264
- "60": "#795000",
265
- "65": "#624100",
266
- "70": "#543800",
267
- "75": "#422C00",
268
- "80": "#251900"
215
+ "10": "#fff0d2ff",
216
+ "15": "#ffde9dff",
217
+ "20": "#ffcf72ff",
218
+ "25": "#ffc450ff",
219
+ "30": "#ffb422ff",
220
+ "35": "#ffa901ff",
221
+ "40": "#ec9c00ff",
222
+ "45": "#da9105ff",
223
+ "50": "#ba7a00ff",
224
+ "55": "#986400ff",
225
+ "60": "#795000ff",
226
+ "65": "#624100ff",
227
+ "70": "#543800ff",
228
+ "75": "#422c00ff",
229
+ "80": "#251900ff"
269
230
  },
270
231
  "earth": {
271
- "10": "#FFF7F0",
272
- "15": "#FDEDDA",
273
- "20": "#FFE1C5",
274
- "25": "#F8D1AE",
275
- "30": "#ECBF96",
276
- "35": "#E0AE7F",
277
- "40": "#D19660",
278
- "45": "#AF7C4D",
279
- "50": "#8D5D31",
280
- "55": "#763F18",
281
- "60": "#66310B",
282
- "65": "#5B2B09",
283
- "70": "#481F01",
284
- "75": "#361700",
285
- "80": "#220E00"
232
+ "10": "#fff7f0ff",
233
+ "15": "#fdeddaff",
234
+ "20": "#ffe1c5ff",
235
+ "25": "#f8d1aeff",
236
+ "30": "#ecbf96ff",
237
+ "35": "#e0ae7fff",
238
+ "40": "#d19660ff",
239
+ "45": "#af7c4dff",
240
+ "50": "#8d5d31ff",
241
+ "55": "#763f18ff",
242
+ "60": "#66310bff",
243
+ "65": "#5b2b09ff",
244
+ "70": "#481f01ff",
245
+ "75": "#361700ff",
246
+ "80": "#220e00ff"
286
247
  },
287
248
  "neutral": {
288
- "10": "#FFFFFF",
289
- "15": "#F5F6F6",
290
- "20": "#E2E3E5",
291
- "25": "#CFD1D4",
292
- "30": "#BBBEC3",
293
- "35": "#A8ACB2",
294
- "40": "#959AA1",
295
- "45": "#818790",
296
- "50": "#6F757E",
297
- "55": "#5E636A",
298
- "60": "#4D5157",
299
- "65": "#3C3F44",
300
- "70": "#212325",
301
- "75": "#1A1B1D",
302
- "80": "#09090A"
249
+ "10": "#ffffffff",
250
+ "15": "#f5f6f6ff",
251
+ "20": "#e2e3e5ff",
252
+ "25": "#cfd1d4ff",
253
+ "30": "#bbbec3ff",
254
+ "35": "#a8acb2ff",
255
+ "40": "#959aa1ff",
256
+ "45": "#818790ff",
257
+ "50": "#6f757eff",
258
+ "55": "#5e636aff",
259
+ "60": "#4d5157ff",
260
+ "65": "#3c3f44ff",
261
+ "70": "#212325ff",
262
+ "75": "#1a1b1dff",
263
+ "80": "#09090aff"
303
264
  },
304
265
  "beige": {
305
- "10": "#FFFCF4",
306
- "20": "#FFF7E3",
307
- "30": "#F2EAD4",
308
- "40": "#C1B9A0",
309
- "50": "#999384",
310
- "60": "#666050",
311
- "70": "#3F3824"
266
+ "10": "#fffcf4ff",
267
+ "20": "#fff7e3ff",
268
+ "30": "#f2ead4ff",
269
+ "40": "#c1b9a0ff",
270
+ "50": "#999384ff",
271
+ "60": "#666050ff",
272
+ "70": "#3f3824ff"
312
273
  },
313
274
  "highlights": {
314
- "yellow": "#FAFF00",
315
- "periwinkle": "#6A82FF"
275
+ "yellow": "#faff00ff",
276
+ "periwinkle": "#6a82ffff"
316
277
  }
317
278
  },
318
- "contentMaxWidthNext": {
319
- "extraLight": "768px",
320
- "light": "1024px",
321
- "heavy": "1680px",
322
- "max": "1920px",
323
- "full": "100%"
279
+ "borderRadius": {
280
+ "none": "0px",
281
+ "sm": "4px",
282
+ "md": "6px",
283
+ "lg": "8px",
284
+ "xl": "12px",
285
+ "2xl": "16px",
286
+ "3xl": "24px",
287
+ "full": "9999px"
288
+ },
289
+ "space": {
290
+ "2": "2px",
291
+ "4": "4px",
292
+ "6": "6px",
293
+ "8": "8px",
294
+ "12": "12px",
295
+ "16": "16px",
296
+ "20": "20px",
297
+ "24": "24px",
298
+ "32": "32px",
299
+ "48": "48px",
300
+ "64": "64px"
324
301
  },
325
302
  "theme": {
326
303
  "dark": {
327
304
  "boxShadow": {
328
- "raised": "0px 1px 2px 0px rgba(9, 9, 10, 0.50)",
329
- "overlay": "0px 8px 20px 0px rgba(9, 9, 10, 0.50)"
305
+ "raised": "0px 1px 2px 0px rgb(from #09090aff r g b / 0.50)",
306
+ "overlay": "0px 8px 20px 0px rgb(from #09090aff r g b / 0.50)"
330
307
  },
331
- "palette": {
308
+ "color": {
332
309
  "neutral": {
333
310
  "text": {
334
- "weakest": "#818790",
335
- "weaker": "#A8ACB2",
336
- "weak": "#CFD1D4",
337
- "default": "#F5F6F6",
338
- "inverse": "#1A1B1D"
311
+ "weakest": "#818790ff",
312
+ "weaker": "#a8acb2ff",
313
+ "weak": "#cfd1d4ff",
314
+ "default": "#f5f6f6ff",
315
+ "inverse": "#1a1b1dff"
339
316
  },
340
- "icon": "#CFD1D4",
317
+ "icon": "#cfd1d4ff",
341
318
  "bg": {
342
- "weak": "#212325",
343
- "default": "#1A1B1D",
344
- "strong": "#3C3F44",
345
- "stronger": "#6F757E",
346
- "strongest": "#F5F6F6",
347
- "status": "#A8ACB2",
348
- "on-bg-weak": "#818790"
319
+ "weak": "#212325ff",
320
+ "default": "#1a1b1dff",
321
+ "strong": "#3c3f44ff",
322
+ "stronger": "#6f757eff",
323
+ "strongest": "#f5f6f6ff",
324
+ "status": "#a8acb2ff",
325
+ "on-bg-weak": "#81879014"
349
326
  },
350
327
  "border": {
351
- "weak": "#3C3F44",
352
- "strong": "#6F757E",
353
- "strongest": "#BBBEC3"
328
+ "weak": "#3c3f44ff",
329
+ "strong": "#5e636aff",
330
+ "strongest": "#bbbec3ff"
354
331
  },
355
- "hover": "#959AA1",
356
- "pressed": "#959AA1"
332
+ "hover": "#959aa11a",
333
+ "pressed": "#959aa133"
357
334
  },
358
335
  "primary": {
359
- "text": "#8FE3E8",
360
- "icon": "#8FE3E8",
336
+ "text": "#8fe3e8ff",
337
+ "icon": "#8fe3e8ff",
361
338
  "bg": {
362
- "weak": "#262F31",
363
- "strong": "#8FE3E8",
364
- "status": "#8FE3E8",
365
- "selected": "#262F31"
339
+ "weak": "#262f31ff",
340
+ "strong": "#8fe3e8ff",
341
+ "status": "#5db3bfff",
342
+ "selected": "#262f31ff"
366
343
  },
367
344
  "border": {
368
- "strong": "#8FE3E8",
369
- "weak": "#02507B"
345
+ "strong": "#8fe3e8ff",
346
+ "weak": "#02507bff"
370
347
  },
371
- "focus": "#5DB3BF",
348
+ "focus": "#5db3bfff",
372
349
  "hover": {
373
- "weak": "#8FE3E8",
374
- "strong": "#5DB3BF"
350
+ "weak": "#8fe3e814",
351
+ "strong": "#5db3bfff"
375
352
  },
376
353
  "pressed": {
377
- "weak": "#8FE3E8",
378
- "strong": "#4C99A4"
354
+ "weak": "#8fe3e81f",
355
+ "strong": "#4c99a4ff"
379
356
  }
380
357
  },
381
358
  "danger": {
382
- "text": "#FFAA97",
383
- "icon": "#FFAA97",
359
+ "text": "#ffaa97ff",
360
+ "icon": "#ffaa97ff",
384
361
  "bg": {
385
- "strong": "#FFAA97",
386
- "weak": "#432520",
387
- "status": "#FFAA97"
362
+ "strong": "#ffaa97ff",
363
+ "weak": "#432520ff",
364
+ "status": "#f96746ff"
388
365
  },
389
366
  "border": {
390
- "strong": "#FFAA97",
391
- "weak": "#730E00"
367
+ "strong": "#ffaa97ff",
368
+ "weak": "#730e00ff"
392
369
  },
393
370
  "hover": {
394
- "weak": "#FFAA97",
395
- "strong": "#F96746"
371
+ "weak": "#ffaa9714",
372
+ "strong": "#f96746ff"
396
373
  },
397
374
  "pressed": {
398
- "weak": "#FFAA97",
399
- "strong": "#E84E2C"
400
- }
401
- },
402
- "warning": {
403
- "text": "#FFD600",
404
- "icon": "#FFD600",
405
- "bg": {
406
- "strong": "#FFD600",
407
- "weak": "#312E1A",
408
- "status": "#FFD600"
375
+ "weak": "#ffaa971f"
409
376
  },
410
- "border": {
411
- "strong": "#FFD600",
412
- "weak": "#765500"
413
- }
377
+ "strong": "#e84e2cff"
378
+ }
379
+ },
380
+ "warning": {
381
+ "text": "#ffd600ff",
382
+ "icon": "#ffd600ff",
383
+ "bg": {
384
+ "strong": "#ffd600ff",
385
+ "weak": "#312e1aff",
386
+ "status": "#d7aa0aff"
414
387
  },
415
- "success": {
416
- "text": "#90CB62",
417
- "icon": "#90CB62",
418
- "bg": {
419
- "strong": "#90CB62",
420
- "weak": "#262D24",
421
- "status": "#90CB62"
422
- },
423
- "border": {
424
- "strong": "#90CB62",
425
- "weak": "#296127"
426
- }
388
+ "border": {
389
+ "strong": "#ffd600ff",
390
+ "weak": "#765500ff"
391
+ }
392
+ },
393
+ "success": {
394
+ "text": "#90cb62ff",
395
+ "icon": "#90cb62ff",
396
+ "bg": {
397
+ "strong": "#90cb62ff",
398
+ "weak": "#262d24ff",
399
+ "status": "#6fa646ff"
427
400
  },
428
- "discovery": {
429
- "text": "#CCB4FF",
430
- "icon": "#CCB4FF",
431
- "bg": {
432
- "strong": "#CCB4FF",
433
- "weak": "#2C2A34",
434
- "status": "#CCB4FF"
435
- },
436
- "border": {
437
- "strong": "#CCB4FF",
438
- "weak": "#4B2894"
439
- }
401
+ "border": {
402
+ "strong": "#90cb62ff",
403
+ "weak": "#296127ff"
404
+ }
405
+ },
406
+ "discovery": {
407
+ "text": "#ccb4ffff",
408
+ "icon": "#ccb4ffff",
409
+ "bg": {
410
+ "strong": "#ccb4ffff",
411
+ "weak": "#2c2a34ff",
412
+ "status": "#a07becff"
413
+ },
414
+ "border": {
415
+ "strong": "#ccb4ffff",
416
+ "weak": "#4b2894ff"
440
417
  }
441
418
  }
442
419
  },
443
420
  "light": {
444
421
  "boxShadow": {
445
- "raised": "0px 1px 2px 0px rgba(26, 27, 29, 0.18)",
446
- "overlay": "0px 4px 8px 0px rgba(26, 27, 29, 0.12)"
422
+ "raised": "0px 1px 2px 0px rgb(from #1a1b1dff r g b / 0.18)",
423
+ "overlay": "0px 4px 8px 0px rgb(from #1a1b1dff r g b / 0.12)"
447
424
  },
448
- "palette": {
425
+ "color": {
449
426
  "neutral": {
450
427
  "text": {
451
- "weakest": "#A8ACB2",
452
- "weaker": "#5E636A",
453
- "weak": "#4D5157",
454
- "default": "#1A1B1D",
455
- "inverse": "#FFFFFF"
428
+ "weakest": "#a8acb2ff",
429
+ "weaker": "#5e636aff",
430
+ "weak": "#4d5157ff",
431
+ "default": "#1a1b1dff",
432
+ "inverse": "#ffffffff"
456
433
  },
457
- "icon": "#4D5157",
434
+ "icon": "#4d5157ff",
458
435
  "bg": {
459
- "weak": "#FFFFFF",
460
- "default": "#F5F6F6",
461
- "on-bg-weak": "#F5F6F6",
462
- "strong": "#E2E3E5",
463
- "stronger": "#A8ACB2",
464
- "strongest": "#3C3F44",
465
- "status": "#A8ACB2"
436
+ "weak": "#ffffffff",
437
+ "default": "#f5f6f6ff",
438
+ "on-bg-weak": "#f5f6f6ff",
439
+ "strong": "#e2e3e5ff",
440
+ "stronger": "#a8acb2ff",
441
+ "strongest": "#3c3f44ff",
442
+ "status": "#a8acb2ff"
466
443
  },
467
444
  "border": {
468
- "weak": "#E2E3E5",
469
- "strong": "#BBBEC3",
470
- "strongest": "#6F757E"
445
+ "weak": "#e2e3e5ff",
446
+ "strong": "#bbbec3ff",
447
+ "strongest": "#6f757eff"
471
448
  },
472
- "hover": "#6F757E",
473
- "pressed": "#6F757E"
449
+ "hover": "#6f757e1a",
450
+ "pressed": "#6f757e33"
474
451
  },
475
452
  "primary": {
476
- "text": "#0A6190",
477
- "icon": "#0A6190",
453
+ "text": "#0a6190ff",
454
+ "icon": "#0a6190ff",
478
455
  "bg": {
479
- "weak": "#E7FAFB",
480
- "strong": "#0A6190",
481
- "status": "#4C99A4",
482
- "selected": "#E7FAFB"
456
+ "weak": "#e7fafbff",
457
+ "strong": "#0a6190ff",
458
+ "status": "#4c99a4ff",
459
+ "selected": "#e7fafbff"
483
460
  },
484
461
  "border": {
485
- "strong": "#0A6190",
486
- "weak": "#8FE3E8"
462
+ "strong": "#0a6190ff",
463
+ "weak": "#8fe3e8ff"
487
464
  },
488
- "focus": "#30839D",
465
+ "focus": "#30839dff",
489
466
  "hover": {
490
- "weak": "#30839D",
491
- "strong": "#02507B"
467
+ "weak": "#30839d1a",
468
+ "strong": "#02507bff"
492
469
  },
493
470
  "pressed": {
494
- "weak": "#30839D",
495
- "strong": "#014063"
471
+ "weak": "#30839d1f",
472
+ "strong": "#014063ff"
496
473
  }
497
474
  },
498
475
  "danger": {
499
- "text": "#BB2D00",
500
- "icon": "#BB2D00",
476
+ "text": "#bb2d00ff",
477
+ "icon": "#bb2d00ff",
501
478
  "bg": {
502
- "strong": "#BB2D00",
503
- "weak": "#FFE9E7",
504
- "status": "#E84E2C"
479
+ "strong": "#bb2d00ff",
480
+ "weak": "#ffe9e7ff",
481
+ "status": "#e84e2cff"
505
482
  },
506
483
  "border": {
507
- "strong": "#BB2D00",
508
- "weak": "#FFAA97"
484
+ "strong": "#bb2d00ff",
485
+ "weak": "#ffaa97ff"
509
486
  },
510
487
  "hover": {
511
- "weak": "#D43300",
512
- "strong": "#961200"
488
+ "weak": "#d4330014",
489
+ "strong": "#961200ff"
513
490
  },
514
491
  "pressed": {
515
- "weak": "#D43300",
516
- "strong": "#730E00"
492
+ "weak": "#d433001f",
493
+ "strong": "#730e00ff"
517
494
  }
518
495
  },
519
496
  "warning": {
520
- "text": "#765500",
521
- "icon": "#765500",
497
+ "text": "#765500ff",
498
+ "icon": "#765500ff",
522
499
  "bg": {
523
- "strong": "#765500",
524
- "weak": "#FFFAD1",
525
- "status": "#D7AA0A"
500
+ "strong": "#765500ff",
501
+ "weak": "#fffad1ff",
502
+ "status": "#d7aa0aff"
526
503
  },
527
504
  "border": {
528
- "strong": "#996E00",
529
- "weak": "#FFD600"
505
+ "strong": "#996e00ff",
506
+ "weak": "#ffd600ff"
530
507
  }
531
508
  },
532
509
  "success": {
533
- "text": "#3F7824",
534
- "icon": "#3F7824",
510
+ "text": "#3f7824ff",
511
+ "icon": "#3f7824ff",
535
512
  "bg": {
536
- "strong": "#3F7824",
537
- "weak": "#E7FCD7",
538
- "status": "#5B992B"
513
+ "strong": "#3f7824ff",
514
+ "weak": "#e7fcd7ff",
515
+ "status": "#5b992bff"
539
516
  },
540
517
  "border": {
541
- "strong": "#3F7824",
542
- "weak": "#90CB62"
518
+ "strong": "#3f7824ff",
519
+ "weak": "#90cb62ff"
543
520
  }
544
521
  },
545
522
  "discovery": {
546
- "text": "#5A34AA",
547
- "icon": "#5A34AA",
523
+ "text": "#5a34aaff",
524
+ "icon": "#5a34aaff",
548
525
  "bg": {
549
- "strong": "#5A34AA",
550
- "weak": "#E9DEFF",
551
- "status": "#754EC8"
526
+ "strong": "#5a34aaff",
527
+ "weak": "#e9deffff",
528
+ "status": "#754ec8ff"
552
529
  },
553
530
  "border": {
554
- "strong": "#5A34AA",
555
- "weak": "#B38EFF"
531
+ "strong": "#5a34aaff",
532
+ "weak": "#b38effff"
556
533
  }
557
534
  }
558
535
  }
559
536
  }
560
537
  },
561
- "font": {
562
- "size": {
563
- "h1": "3rem",
564
- "h2": "2.5rem",
565
- "h3": "1.875rem",
566
- "h4": "1.5rem",
567
- "h5": "1.25rem",
568
- "h6": "1rem",
569
- "subheading-large": "1.25rem",
570
- "subheading-medium": "1rem",
571
- "subheading-small": "0.875rem",
572
- "body-large": "1rem",
573
- "body-medium": "0.875rem",
574
- "body-small": "0.75rem",
575
- "code": "0.875rem",
576
- "label": "0.875rem"
538
+ "weight": {
539
+ "bold": 700,
540
+ "semibold": 600,
541
+ "normal": 400,
542
+ "medium": 500,
543
+ "light": 300
544
+ },
545
+ "typography": {
546
+ "code": {
547
+ "fontFamily": "Fira Code",
548
+ "fontSize": "0.875rem",
549
+ "fontWeight": 400,
550
+ "letterSpacing": "0rem",
551
+ "lineHeight": 1.4286
552
+ },
553
+ "display": {
554
+ "fontFamily": "Syne Neo",
555
+ "fontSize": "2.5rem",
556
+ "fontWeight": 500,
557
+ "letterSpacing": "0rem",
558
+ "lineHeight": 1.2
559
+ },
560
+ "title-1": {
561
+ "fontFamily": "Public Sans",
562
+ "fontSize": "1.875rem",
563
+ "fontWeight": 700,
564
+ "letterSpacing": "0.016rem",
565
+ "lineHeight": 1.3333
566
+ },
567
+ "title-2": {
568
+ "fontFamily": "Public Sans",
569
+ "fontSize": "1.5rem",
570
+ "fontWeight": 700,
571
+ "letterSpacing": "0.016rem",
572
+ "lineHeight": 1.3333
573
+ },
574
+ "title-3": {
575
+ "fontFamily": "Public Sans",
576
+ "fontSize": "1.25rem",
577
+ "fontWeight": 700,
578
+ "letterSpacing": "0.016rem",
579
+ "lineHeight": 1.4
577
580
  },
578
- "weight": {
579
- "bold": "700",
580
- "semibold": "600",
581
- "normal": "400",
582
- "medium": "500",
583
- "light": "300"
581
+ "title-4": {
582
+ "fontFamily": "Public Sans",
583
+ "fontSize": "1rem",
584
+ "fontWeight": 700,
585
+ "letterSpacing": "0.016rem",
586
+ "lineHeight": 1.5
584
587
  },
585
- "font-family": {
586
- "h1": "Syne Neo",
587
- "h2": "Syne Neo",
588
- "h3": "Public Sans",
589
- "h4": "Public Sans",
590
- "h5": "Public Sans",
591
- "h6": "Public Sans",
592
- "subheading-large": "Public Sans",
593
- "subheading-medium": "Public Sans",
594
- "subheading-small": "Public Sans",
595
- "body-large": "Public Sans",
596
- "body-medium": "Public Sans",
597
- "body-small": "Public Sans",
598
- "code": "Fira Code",
599
- "label": "Public Sans"
588
+ "subheading-large": {
589
+ "fontFamily": "Public Sans",
590
+ "fontSize": "1.25rem",
591
+ "fontWeight": 600,
592
+ "letterSpacing": "0.016rem",
593
+ "lineHeight": 1.4
594
+ },
595
+ "subheading-medium": {
596
+ "fontFamily": "Public Sans",
597
+ "fontSize": "1rem",
598
+ "fontWeight": 600,
599
+ "letterSpacing": "0.016rem",
600
+ "lineHeight": 1.5
601
+ },
602
+ "subheading-small": {
603
+ "fontFamily": "Public Sans",
604
+ "fontSize": "0.875rem",
605
+ "fontWeight": 600,
606
+ "letterSpacing": "0rem",
607
+ "lineHeight": 1.4286
608
+ },
609
+ "body-large": {
610
+ "fontFamily": "Public Sans",
611
+ "fontSize": "1rem",
612
+ "fontWeight": 400,
613
+ "letterSpacing": "0rem",
614
+ "lineHeight": 1.5
615
+ },
616
+ "body-medium": {
617
+ "fontFamily": "Public Sans",
618
+ "fontSize": "0.875rem",
619
+ "fontWeight": 400,
620
+ "letterSpacing": "0rem",
621
+ "lineHeight": 1.4286
622
+ },
623
+ "body-small": {
624
+ "fontFamily": "Public Sans",
625
+ "fontSize": "0.75rem",
626
+ "fontWeight": 400,
627
+ "letterSpacing": "0rem",
628
+ "lineHeight": 1.6667
629
+ },
630
+ "label": {
631
+ "fontFamily": "Public Sans",
632
+ "fontSize": "0.875rem",
633
+ "fontWeight": 700,
634
+ "letterSpacing": "0rem",
635
+ "lineHeight": 1.4286
600
636
  }
601
637
  },
602
- "space": {
603
- "0": "0px",
604
- "1": "1px",
605
- "2": "2px",
606
- "3": "4px",
607
- "4": "8px",
608
- "5": "12px",
609
- "6": "16px",
610
- "7": "24px",
611
- "8": "32px",
612
- "9": "48px",
613
- "10": "64px",
614
- "11": "96px",
615
- "12": "128px",
616
- "13": "320px"
617
- },
618
638
  "zIndex": {
619
- "0": 0,
620
- "10": 10,
621
- "20": 20,
622
- "30": 30,
623
- "40": 40,
624
- "50": 50,
625
- "60": 60,
626
639
  "deep": -999999,
627
- "auto": "auto",
628
- "alias": {
629
- "overlay": 10,
630
- "banner": 20,
631
- "blanket": 30,
632
- "popover": 40,
633
- "tooltip": 50,
634
- "modal": 60
635
- }
640
+ "base": 0,
641
+ "overlay": 10,
642
+ "banner": 20,
643
+ "blanket": 30,
644
+ "popover": 40,
645
+ "tooltip": 50,
646
+ "modal": 60
636
647
  }
637
648
  };
649
+ export default tokens;
638
650
  //# sourceMappingURL=tokens.js.map