@neo4j-ndl/base 1.10.3 → 2.0.0-alpha-e609471

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 (33) hide show
  1. package/lib/LICENSES.txt +2105 -67
  2. package/lib/NOTICE.txt +30 -31
  3. package/lib/cjs/index.js +1 -1
  4. package/lib/cjs/tailwind-preset.config.js +8 -8
  5. package/lib/cjs/tailwindTheme.js +64 -32
  6. package/lib/cjs/tailwindTheme.js.map +1 -1
  7. package/lib/cjs/tokens/js/storybook-design-token.js +1972 -882
  8. package/lib/cjs/tokens/js/storybook-design-token.js.map +1 -1
  9. package/lib/cjs/tokens/js/tokens-esm.js +374 -238
  10. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  11. package/lib/cjs/tokens/js/tokens.js +373 -237
  12. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  13. package/lib/cjs/typescale.js +16 -16
  14. package/lib/cjs/typings.js +1 -1
  15. package/lib/esm/tailwindTheme.js +53 -24
  16. package/lib/esm/tailwindTheme.js.map +1 -1
  17. package/lib/esm/tokens/js/storybook-design-token.js +1971 -881
  18. package/lib/esm/tokens/js/storybook-design-token.js.map +1 -1
  19. package/lib/esm/tokens/js/tokens-esm.js +373 -237
  20. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  21. package/lib/esm/tokens/js/tokens.js +373 -237
  22. package/lib/esm/tokens/js/tokens.js.map +1 -1
  23. package/lib/neo4j-ds-styles.css +41086 -31403
  24. package/lib/tokens/css/tokens.css +260 -150
  25. package/lib/tokens/js/tokens-raw.js +5445 -3032
  26. package/lib/tokens/js/tokens.js +373 -237
  27. package/lib/tokens/scss/tokens.scss +260 -150
  28. package/lib/types/tokens/js/storybook-design-token.d.ts +22 -9
  29. package/lib/types/tokens/js/tokens-esm.d.ts +486 -328
  30. package/lib/types/tokens/js/tokens.d.ts +486 -328
  31. package/lib/types/typings.d.ts +1 -1
  32. package/package.json +8 -9
  33. package/CHANGELOG.md +0 -807
package/lib/esm/tokens/js/tokens-esm.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 04 Sep 2023 08:50:47 GMT
24
+ * Generated on Thu, 07 Sep 2023 09:38:23 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
@@ -75,95 +75,6 @@ export const tokens = {
75
75
  "11": "#478A6E",
76
76
  "12": "#ADE86B"
77
77
  },
78
- "dark": {
79
- "neutral": {
80
- "text": {
81
- "weakest": "#717780",
82
- "weaker": "#B2B7BD",
83
- "weak": "#C4C8CD",
84
- "default": "#F5F7FA",
85
- "inverse": "#151E29"
86
- },
87
- "icon": "#C4C8CD",
88
- "bg": {
89
- "weak": "29, 38, 49",
90
- "default": "#151E29",
91
- "strong": "45, 53, 63",
92
- "strongest": "#FFFFFF"
93
- },
94
- "border": {
95
- "weak": "37, 47, 59",
96
- "strong": "#717780"
97
- },
98
- "hover": "rgba(196, 200, 205,0.1)",
99
- "pressed": "rgba(196, 200, 205,0.2)"
100
- },
101
- "primary": {
102
- "text": "#a3e2ff",
103
- "icon": "#a3e2ff",
104
- "bg": {
105
- "strong": "#a3e2ff",
106
- "weak": "49, 69, 84"
107
- },
108
- "border": {
109
- "strong": "#a3e2ff",
110
- "weak": "78, 108, 126"
111
- },
112
- "focus": "#7ad1ff",
113
- "hover": {
114
- "weak": "rgba(122, 209, 255,0.08)",
115
- "strong": "#7ad1ff"
116
- },
117
- "pressed": {
118
- "weak": "rgba(122, 209, 255,0.12)",
119
- "strong": "#7ad1ff"
120
- }
121
- },
122
- "danger": {
123
- "text": "#ffb8c4",
124
- "icon": "#ffb8c4",
125
- "bg": {
126
- "strong": "#ffb8c4",
127
- "weak": "68, 61, 72"
128
- },
129
- "border": {
130
- "strong": "#ffb8c4",
131
- "weak": "114, 91, 103"
132
- },
133
- "hover": {
134
- "weak": "rgba(255, 102, 138,0.08)",
135
- "strong": "#ff668a"
136
- },
137
- "pressed": {
138
- "weak": "rgba(255, 102, 138,0.12)",
139
- "strong": "#ff668a"
140
- }
141
- },
142
- "warning": {
143
- "text": "#FFEA8C",
144
- "icon": "#FFEA8C",
145
- "bg": {
146
- "strong": "#FFEA8C",
147
- "weak": "68, 71, 60"
148
- },
149
- "border": {
150
- "strong": "#FFEA8C",
151
- "weak": "114, 111, 80"
152
- }
153
- },
154
- "success": {
155
- "text": "#98EDCB",
156
- "icon": "#98EDCB",
157
- "bg": {
158
- "strong": "#98EDCB",
159
- "weak": "47, 71, 73"
160
- },
161
- "border": {
162
- "strong": "#98EDCB",
163
- "weak": "73, 113, 106"
164
- }
165
- }
166
- },
167
78
  "graph": {
168
79
  "1": "#FFDF81",
169
80
  "2": "#C990C0",
@@ -177,164 +88,395 @@ export const tokens = {
177
88
  "10": "#FFC354",
178
89
  "11": "#DA7294",
179
90
  "12": "#579380"
91
+ }
92
+ },
93
+ "colors": {
94
+ "baltic": {
95
+ "10": "#E7FAFB",
96
+ "15": "#C3F8FB",
97
+ "20": "#8FE3E8",
98
+ "25": "#5CC3C9",
99
+ "30": "#5DB3BF",
100
+ "35": "#51A6B1",
101
+ "40": "#4C99A4",
102
+ "45": "#30839D",
103
+ "50": "#0A6190",
104
+ "55": "#02507B",
105
+ "60": "#014063",
106
+ "65": "#262F31",
107
+ "70": "#081E2B",
108
+ "75": "#041823",
109
+ "80": "#01121C"
180
110
  },
181
- "light": {
182
- "neutral": {
183
- "text": {
184
- "weakest": "#B2B7BD",
185
- "weaker": "#717780",
186
- "weak": "#535B66",
187
- "default": "#151E29",
188
- "inverse": "#FFFFFF"
189
- },
190
- "icon": "#535B66",
191
- "bg": {
192
- "weak": "#FFFFFF",
193
- "default": "#F5F7FA",
194
- "strong": "#E6E9EE",
195
- "strongest": "#535B66"
111
+ "hibiscus": {
112
+ "10": "#FFE9E7",
113
+ "15": "#FFD7D2",
114
+ "20": "#FFAA97",
115
+ "25": "#FF8E6A",
116
+ "30": "#F96746",
117
+ "35": "#E84E2C",
118
+ "40": "#D43300",
119
+ "45": "#BB2D00",
120
+ "50": "#961200",
121
+ "55": "#730E00",
122
+ "60": "#432520",
123
+ "65": "#4E0900",
124
+ "70": "#3F0800",
125
+ "75": "#360700",
126
+ "80": "#280500"
127
+ },
128
+ "forest": {
129
+ "10": "#E7FCD7",
130
+ "15": "#BCF194",
131
+ "20": "#90CB62",
132
+ "25": "#80BB53",
133
+ "30": "#6FA646",
134
+ "35": "#5B992B",
135
+ "40": "#4D8622",
136
+ "45": "#3F7824",
137
+ "50": "#296127",
138
+ "55": "#145439",
139
+ "60": "#0C4D31",
140
+ "65": "#0A4324",
141
+ "70": "#262D24",
142
+ "75": "#052618",
143
+ "80": "#021D11"
144
+ },
145
+ "lemon": {
146
+ "10": "#FFFAD1",
147
+ "15": "#FFF8BD",
148
+ "20": "#FFF178",
149
+ "25": "#FFE500",
150
+ "30": "#FFD600",
151
+ "35": "#F4C318",
152
+ "40": "#D7AA0A",
153
+ "45": "#B48409",
154
+ "50": "#996E00",
155
+ "55": "#765500",
156
+ "60": "#614600",
157
+ "65": "#4D3700",
158
+ "70": "#312E1A",
159
+ "75": "#2E2100",
160
+ "80": "#251B00"
161
+ },
162
+ "lavender": {
163
+ "10": "#F7F3FF",
164
+ "15": "#E9DEFF",
165
+ "20": "#CCB4FF",
166
+ "25": "#B38EFF",
167
+ "30": "#A07BEC",
168
+ "35": "#8C68D9",
169
+ "40": "#754EC8",
170
+ "45": "#5A34AA",
171
+ "50": "#4B2894",
172
+ "55": "#3B1982",
173
+ "60": "#2C2A34",
174
+ "65": "#220954",
175
+ "70": "#170146",
176
+ "75": "#0E002D",
177
+ "80": "#09001C"
178
+ },
179
+ "marigold": {
180
+ "10": "#FFF0D2",
181
+ "15": "#FFDE9D",
182
+ "20": "#FFCF72",
183
+ "25": "#FFC450",
184
+ "30": "#FFB422",
185
+ "35": "#FFA901",
186
+ "40": "#EC9C00",
187
+ "45": "#DA9105",
188
+ "50": "#BA7A00",
189
+ "55": "#986400",
190
+ "60": "#795000",
191
+ "65": "#624100",
192
+ "70": "#543800",
193
+ "75": "#422C00",
194
+ "80": "#251900"
195
+ },
196
+ "earth": {
197
+ "10": "#FFF7F0",
198
+ "15": "#FDEDDA",
199
+ "20": "#FFE1C5",
200
+ "25": "#F8D1AE",
201
+ "30": "#ECBF96",
202
+ "35": "#E0AE7F",
203
+ "40": "#D19660",
204
+ "45": "#AF7C4D",
205
+ "50": "#8D5D31",
206
+ "55": "#763F18",
207
+ "60": "#66310B",
208
+ "65": "#5B2B09",
209
+ "70": "#481F01",
210
+ "75": "#361700",
211
+ "80": "#220E00"
212
+ },
213
+ "neutral": {
214
+ "10": "#FFFFFF",
215
+ "15": "#F5F6F6",
216
+ "20": "#E2E3E5",
217
+ "25": "#CFD1D4",
218
+ "30": "#BBBEC3",
219
+ "35": "#A8ACB2",
220
+ "40": "#959AA1",
221
+ "45": "#818790",
222
+ "50": "#6F757E",
223
+ "55": "#5E636A",
224
+ "60": "#4D5157",
225
+ "65": "#3C3F44",
226
+ "70": "#212325",
227
+ "75": "#1A1B1D",
228
+ "80": "#09090A"
229
+ },
230
+ "beige": {
231
+ "10": "#FFFCF4",
232
+ "20": "#FFF7E3",
233
+ "30": "#F2EAD4",
234
+ "40": "#C1B9A0",
235
+ "50": "#999384",
236
+ "60": "#666050",
237
+ "70": "#3F3824"
238
+ },
239
+ "highlights": {
240
+ "yellow": "#FAFF00",
241
+ "periwinkle": "#6A82FF"
242
+ }
243
+ },
244
+ "theme": {
245
+ "dark": {
246
+ "boxShadow": {
247
+ "raised": "0px 1px 2px 0px rgba(9, 9, 10, 0.50)",
248
+ "overlay": "0px 8px 20px 0px rgba(9, 9, 10, 0.50)"
249
+ },
250
+ "palette": {
251
+ "neutral": {
252
+ "text": {
253
+ "weakest": "#818790",
254
+ "weaker": "#A8ACB2",
255
+ "weak": "#CFD1D4",
256
+ "default": "#F5F6F6",
257
+ "inverse": "#1A1B1D"
258
+ },
259
+ "icon": "#CFD1D4",
260
+ "bg": {
261
+ "weak": "#212325",
262
+ "default": "#1A1B1D",
263
+ "strong": "#3C3F44",
264
+ "stronger": "#6F757E",
265
+ "strongest": "#FFFFFF",
266
+ "status": "#A8ACB2",
267
+ "on-bg-weak": "#818790"
268
+ },
269
+ "border": {
270
+ "weak": "#3C3F44",
271
+ "strong": "#6F757E",
272
+ "strongest": "#BBBEC3"
273
+ },
274
+ "hover": "#959AA1",
275
+ "pressed": "#959AA1"
196
276
  },
197
- "border": {
198
- "weak": "#EEF1F6",
199
- "strong": "#C4C8CD"
277
+ "primary": {
278
+ "text": "#8FE3E8",
279
+ "icon": "#8FE3E8",
280
+ "bg": {
281
+ "weak": "#262F31",
282
+ "strong": "#8FE3E8",
283
+ "status": "#8FE3E8",
284
+ "selected": "#262F31"
285
+ },
286
+ "border": {
287
+ "strong": "#8FE3E8",
288
+ "weak": "#02507B"
289
+ },
290
+ "focus": "#5DB3BF",
291
+ "hover": {
292
+ "weak": "#8FE3E8",
293
+ "strong": "#5DB3BF"
294
+ },
295
+ "pressed": {
296
+ "weak": "#8FE3E8",
297
+ "strong": "#4C99A4"
298
+ }
200
299
  },
201
- "hover": "rgba(113,119,128,0.1)",
202
- "pressed": "rgba(113,119,128,0.2)"
203
- },
204
- "primary": {
205
- "text": "#006FD6",
206
- "icon": "#006FD6",
207
- "bg": {
208
- "strong": "#006FD6",
209
- "weak": "#e6f8ff"
300
+ "danger": {
301
+ "text": "#FFAA97",
302
+ "icon": "#FFAA97",
303
+ "bg": {
304
+ "strong": "#FFAA97",
305
+ "weak": "#432520",
306
+ "status": "#FFAA97"
307
+ },
308
+ "border": {
309
+ "strong": "#FFAA97",
310
+ "weak": "#730E00"
311
+ },
312
+ "hover": {
313
+ "weak": "#FFAA97",
314
+ "strong": "#F96746"
315
+ },
316
+ "pressed": {
317
+ "weak": "#FFAA97",
318
+ "strong": "#E84E2C"
319
+ }
210
320
  },
211
- "border": {
212
- "strong": "#006FD6",
213
- "weak": "#7ad1ff"
321
+ "warning": {
322
+ "text": "#FFD600",
323
+ "icon": "#FFD600",
324
+ "bg": {
325
+ "strong": "#FFD600",
326
+ "weak": "#312E1A",
327
+ "status": "#FFD600"
328
+ },
329
+ "border": {
330
+ "strong": "#FFD600",
331
+ "weak": "#765500"
332
+ }
214
333
  },
215
- "focus": "#018bff",
216
- "hover": {
217
- "weak": "rgba(1,139,255,0.08)",
218
- "strong": "#0056b3"
334
+ "success": {
335
+ "text": "#90CB62",
336
+ "icon": "#90CB62",
337
+ "bg": {
338
+ "strong": "#90CB62",
339
+ "weak": "#262D24",
340
+ "status": "#90CB62"
341
+ },
342
+ "border": {
343
+ "strong": "#90CB62",
344
+ "weak": "#296127"
345
+ }
219
346
  },
220
- "pressed": {
221
- "weak": "rgba(1,139,255,0.12)",
222
- "strong": "#004092"
347
+ "discovery": {
348
+ "text": "#CCB4FF",
349
+ "icon": "#CCB4FF",
350
+ "bg": {
351
+ "strong": "#CCB4FF",
352
+ "weak": "#2C2A34",
353
+ "status": "#CCB4FF"
354
+ },
355
+ "border": {
356
+ "strong": "#CCB4FF",
357
+ "weak": "#4B2894"
358
+ }
223
359
  }
360
+ }
361
+ },
362
+ "light": {
363
+ "boxShadow": {
364
+ "raised": "0px 1px 2px 0px rgba(26, 27, 29, 0.18)",
365
+ "overlay": "0px 4px 8px 0px rgba(26, 27, 29, 0.12)"
224
366
  },
225
- "danger": {
226
- "text": "#cc254b",
227
- "icon": "#cc254b",
228
- "bg": {
229
- "strong": "#cc254b",
230
- "weak": "#ffe6e9"
367
+ "palette": {
368
+ "neutral": {
369
+ "text": {
370
+ "weakest": "#A8ACB2",
371
+ "weaker": "#5E636A",
372
+ "weak": "#4D5157",
373
+ "default": "#1A1B1D",
374
+ "inverse": "#FFFFFF"
375
+ },
376
+ "icon": "#4D5157",
377
+ "bg": {
378
+ "weak": "#FFFFFF",
379
+ "default": "#F5F6F6",
380
+ "on-bg-weak": "#F5F6F6",
381
+ "strong": "#E2E3E5",
382
+ "stronger": "#A8ACB2",
383
+ "strongest": "#4D5157",
384
+ "status": "#A8ACB2"
385
+ },
386
+ "border": {
387
+ "weak": "#E2E3E5",
388
+ "strong": "#BBBEC3",
389
+ "strongest": "#6F757E"
390
+ },
391
+ "hover": "#6F757E",
392
+ "pressed": "#6F757E"
231
393
  },
232
- "border": {
233
- "strong": "#cc254b",
234
- "weak": "#ffb8c4"
394
+ "primary": {
395
+ "text": "#0A6190",
396
+ "icon": "#0A6190",
397
+ "bg": {
398
+ "weak": "#E7FAFB",
399
+ "strong": "#0A6190",
400
+ "status": "#4C99A4",
401
+ "selected": "#E7FAFB"
402
+ },
403
+ "border": {
404
+ "strong": "#0A6190",
405
+ "weak": "#8FE3E8"
406
+ },
407
+ "focus": "#30839D",
408
+ "hover": {
409
+ "weak": "#30839D",
410
+ "strong": "#02507B"
411
+ },
412
+ "pressed": {
413
+ "weak": "#30839D",
414
+ "strong": "#014063"
415
+ }
235
416
  },
236
- "hover": {
237
- "weak": "rgba(237,18,82,0.08)",
238
- "strong": "#a1003b"
417
+ "danger": {
418
+ "text": "#BB2D00",
419
+ "icon": "#BB2D00",
420
+ "bg": {
421
+ "strong": "#BB2D00",
422
+ "weak": "#FFE9E7",
423
+ "status": "#E84E2C"
424
+ },
425
+ "border": {
426
+ "strong": "#BB2D00",
427
+ "weak": "#FFAA97"
428
+ },
429
+ "hover": {
430
+ "weak": "#D43300",
431
+ "strong": "#961200"
432
+ },
433
+ "pressed": {
434
+ "weak": "#D43300",
435
+ "strong": "#730E00"
436
+ }
239
437
  },
240
- "pressed": {
241
- "weak": "rgba(237,18,82,0.12)",
242
- "strong": "#7a0031"
243
- }
244
- },
245
- "warning": {
246
- "text": "#966c2e",
247
- "icon": "#966c2e",
248
- "bg": {
249
- "strong": "#966c2e",
250
- "weak": "#FFFBDE"
438
+ "warning": {
439
+ "text": "#765500",
440
+ "icon": "#765500",
441
+ "bg": {
442
+ "strong": "#765500",
443
+ "weak": "#FFFAD1",
444
+ "status": "#D7AA0A"
445
+ },
446
+ "border": {
447
+ "strong": "#996E00",
448
+ "weak": "#FFD600"
449
+ }
251
450
  },
252
- "border": {
253
- "strong": "#966c2e",
254
- "weak": "#FFEA8C"
255
- }
256
- },
257
- "success": {
258
- "text": "#327D60",
259
- "icon": "#327D60",
260
- "bg": {
261
- "strong": "#327D60",
262
- "weak": "#E1FAEF"
451
+ "success": {
452
+ "text": "#3F7824",
453
+ "icon": "#3F7824",
454
+ "bg": {
455
+ "strong": "#3F7824",
456
+ "weak": "#E7FCD7",
457
+ "status": "#5B992B"
458
+ },
459
+ "border": {
460
+ "strong": "#3F7824",
461
+ "weak": "#90CB62"
462
+ }
263
463
  },
264
- "border": {
265
- "strong": "#327D60",
266
- "weak": "#98EDCB"
464
+ "discovery": {
465
+ "text": "#3F7824",
466
+ "icon": "#3F7824",
467
+ "bg": {
468
+ "strong": "#3F7824",
469
+ "weak": "#BCF194",
470
+ "status": "#4D8622"
471
+ },
472
+ "border": {
473
+ "strong": "#3F7824",
474
+ "weak": "#80BB53"
475
+ }
267
476
  }
268
477
  }
269
478
  }
270
479
  },
271
- "colors": {
272
- "primary": {
273
- "10": "#e6f8ff",
274
- "20": "#a3e2ff",
275
- "30": "#7ad1ff",
276
- "40": "#018bff",
277
- "50": "#006FD6",
278
- "60": "#0056b3",
279
- "70": "#004092"
280
- },
281
- "danger": {
282
- "10": "#ffe6e9",
283
- "20": "#ffb8c4",
284
- "30": "#ff668a",
285
- "40": "#ed1252",
286
- "50": "#cc254b",
287
- "60": "#a1003b",
288
- "70": "#7a0031"
289
- },
290
- "success": {
291
- "10": "#E1FAEF",
292
- "20": "#98EDCB",
293
- "30": "#44D4A4",
294
- "40": "#00BA88",
295
- "50": "#327D60",
296
- "60": "#006E58",
297
- "70": "#00473B"
298
- },
299
- "warning": {
300
- "10": "#FFFBDE",
301
- "20": "#FFF4B5",
302
- "30": "#FFEA8C",
303
- "40": "#FFDE63",
304
- "50": "#D9B54A",
305
- "60": "#966c2e",
306
- "70": "#664817"
307
- },
308
- "blueberry": {
309
- "10": "#E8EBF6",
310
- "20": "#C4CCE9",
311
- "30": "#9DABD9",
312
- "40": "#768ACA",
313
- "50": "#3557B4",
314
- "60": "#25459E",
315
- "70": "#0B297D"
316
- },
317
- "mint": {
318
- "10": "#F0FFFA",
319
- "20": "#D1FFF4",
320
- "30": "#A8FFEE",
321
- "40": "#55F9E2",
322
- "50": "#3DD4C5",
323
- "60": "#2AADA5",
324
- "70": "#116161"
325
- },
326
- "neutral": {
327
- "10": "#FFFFFF",
328
- "20": "#F5F7FA",
329
- "30": "#EEF1F6",
330
- "40": "#E6E9EE",
331
- "50": "#C4C8CD",
332
- "60": "#B2B7BD",
333
- "70": "#717780",
334
- "80": "#535B66",
335
- "90": "#151E29"
336
- }
337
- },
338
480
  "font": {
339
481
  "size": {
340
482
  "h1": "3rem",
@@ -360,12 +502,6 @@ export const tokens = {
360
502
  "light": "300"
361
503
  }
362
504
  },
363
- "boxShadow": {
364
- "l2": "0px 1px 2px 0px rgba(12, 26, 37, 0.18)",
365
- "l3": "0px 4px 8px 0px rgba(12, 26, 37, 0.04)",
366
- "l4": "0px 4px 8px 0px rgba(12, 26, 37, 0.08)",
367
- "l5": "0px 8px 20px 0px rgba(12, 26, 37, 0.12)"
368
- },
369
505
  "space": {
370
506
  "0": "0px",
371
507
  "1": "1px",