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