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