@neo4j-ndl/base 3.7.31 → 4.0.0-alpha.0.608161c

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