@neo4j-ndl/base 3.7.22 → 4.0.0-alpha.0.c084490

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 +39256 -103698
  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
@@ -1,637 +0,0 @@
1
- /**
2
- *
3
- * Copyright (c) "Neo4j"
4
- * Neo4j Sweden AB [http://neo4j.com]
5
- *
6
- * This file is part of Neo4j.
7
- *
8
- * Neo4j is free software: you can redistribute it and/or modify
9
- * it under the terms of the GNU General Public License as published by
10
- * the Free Software Foundation, either version 3 of the License, or
11
- * (at your option) any later version.
12
- *
13
- * This program is distributed in the hope that it will be useful,
14
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
15
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16
- * GNU General Public License for more details.
17
- *
18
- * You should have received a copy of the GNU General Public License
19
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
20
- */
21
-
22
- /**
23
- * Do not edit directly
24
- * Generated on Mon, 18 Aug 2025 14:04:54 GMT
25
- */
26
-
27
- export const tokens = {
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": {
85
- "5xs": "320px",
86
- "4xs": "360px",
87
- "3xs": "375px",
88
- "2xs": "512px",
89
- "xs": "768px",
90
- "sm": "864px",
91
- "md": "1024px",
92
- "lg": "1280px",
93
- "xl": "1440px",
94
- "2xl": "1680px",
95
- "3xl": "1920px"
96
- },
97
- "breakpoints": {
98
- "xs": "450px",
99
- "sm": "640px",
100
- "md": "768px",
101
- "lg": "1024px",
102
- "xl": "1280px",
103
- "2xl": "1536px"
104
- },
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"
119
- },
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
- }
151
- },
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"
165
- }
166
- },
167
- "colors": {
168
- "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"
184
- },
185
- "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"
201
- },
202
- "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"
218
- },
219
- "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"
235
- },
236
- "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"
252
- },
253
- "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"
269
- },
270
- "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"
286
- },
287
- "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"
303
- },
304
- "beige": {
305
- "10": "#FFFCF4",
306
- "20": "#FFF7E3",
307
- "30": "#F2EAD4",
308
- "40": "#C1B9A0",
309
- "50": "#999384",
310
- "60": "#666050",
311
- "70": "#3F3824"
312
- },
313
- "highlights": {
314
- "yellow": "#FAFF00",
315
- "periwinkle": "#6A82FF"
316
- }
317
- },
318
- "contentMaxWidthNext": {
319
- "extraLight": "768px",
320
- "light": "1024px",
321
- "heavy": "1680px",
322
- "max": "1920px",
323
- "full": "100%"
324
- },
325
- "theme": {
326
- "dark": {
327
- "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)"
330
- },
331
- "palette": {
332
- "neutral": {
333
- "text": {
334
- "weakest": "#818790",
335
- "weaker": "#A8ACB2",
336
- "weak": "#CFD1D4",
337
- "default": "#F5F6F6",
338
- "inverse": "#1A1B1D"
339
- },
340
- "icon": "#CFD1D4",
341
- "bg": {
342
- "weak": "#212325",
343
- "default": "#1A1B1D",
344
- "strong": "#3C3F44",
345
- "stronger": "#6F757E",
346
- "strongest": "#F5F6F6",
347
- "status": "#A8ACB2",
348
- "on-bg-weak": "#818790"
349
- },
350
- "border": {
351
- "weak": "#3C3F44",
352
- "strong": "#6F757E",
353
- "strongest": "#BBBEC3"
354
- },
355
- "hover": "#959AA1",
356
- "pressed": "#959AA1"
357
- },
358
- "primary": {
359
- "text": "#8FE3E8",
360
- "icon": "#8FE3E8",
361
- "bg": {
362
- "weak": "#262F31",
363
- "strong": "#8FE3E8",
364
- "status": "#8FE3E8",
365
- "selected": "#262F31"
366
- },
367
- "border": {
368
- "strong": "#8FE3E8",
369
- "weak": "#02507B"
370
- },
371
- "focus": "#5DB3BF",
372
- "hover": {
373
- "weak": "#8FE3E8",
374
- "strong": "#5DB3BF"
375
- },
376
- "pressed": {
377
- "weak": "#8FE3E8",
378
- "strong": "#4C99A4"
379
- }
380
- },
381
- "danger": {
382
- "text": "#FFAA97",
383
- "icon": "#FFAA97",
384
- "bg": {
385
- "strong": "#FFAA97",
386
- "weak": "#432520",
387
- "status": "#FFAA97"
388
- },
389
- "border": {
390
- "strong": "#FFAA97",
391
- "weak": "#730E00"
392
- },
393
- "hover": {
394
- "weak": "#FFAA97",
395
- "strong": "#F96746"
396
- },
397
- "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"
409
- },
410
- "border": {
411
- "strong": "#FFD600",
412
- "weak": "#765500"
413
- }
414
- },
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
- }
427
- },
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
- }
440
- }
441
- }
442
- },
443
- "light": {
444
- "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)"
447
- },
448
- "palette": {
449
- "neutral": {
450
- "text": {
451
- "weakest": "#A8ACB2",
452
- "weaker": "#5E636A",
453
- "weak": "#4D5157",
454
- "default": "#1A1B1D",
455
- "inverse": "#FFFFFF"
456
- },
457
- "icon": "#4D5157",
458
- "bg": {
459
- "weak": "#FFFFFF",
460
- "default": "#F5F6F6",
461
- "on-bg-weak": "#F5F6F6",
462
- "strong": "#E2E3E5",
463
- "stronger": "#A8ACB2",
464
- "strongest": "#3C3F44",
465
- "status": "#A8ACB2"
466
- },
467
- "border": {
468
- "weak": "#E2E3E5",
469
- "strong": "#BBBEC3",
470
- "strongest": "#6F757E"
471
- },
472
- "hover": "#6F757E",
473
- "pressed": "#6F757E"
474
- },
475
- "primary": {
476
- "text": "#0A6190",
477
- "icon": "#0A6190",
478
- "bg": {
479
- "weak": "#E7FAFB",
480
- "strong": "#0A6190",
481
- "status": "#4C99A4",
482
- "selected": "#E7FAFB"
483
- },
484
- "border": {
485
- "strong": "#0A6190",
486
- "weak": "#8FE3E8"
487
- },
488
- "focus": "#30839D",
489
- "hover": {
490
- "weak": "#30839D",
491
- "strong": "#02507B"
492
- },
493
- "pressed": {
494
- "weak": "#30839D",
495
- "strong": "#014063"
496
- }
497
- },
498
- "danger": {
499
- "text": "#BB2D00",
500
- "icon": "#BB2D00",
501
- "bg": {
502
- "strong": "#BB2D00",
503
- "weak": "#FFE9E7",
504
- "status": "#E84E2C"
505
- },
506
- "border": {
507
- "strong": "#BB2D00",
508
- "weak": "#FFAA97"
509
- },
510
- "hover": {
511
- "weak": "#D43300",
512
- "strong": "#961200"
513
- },
514
- "pressed": {
515
- "weak": "#D43300",
516
- "strong": "#730E00"
517
- }
518
- },
519
- "warning": {
520
- "text": "#765500",
521
- "icon": "#765500",
522
- "bg": {
523
- "strong": "#765500",
524
- "weak": "#FFFAD1",
525
- "status": "#D7AA0A"
526
- },
527
- "border": {
528
- "strong": "#996E00",
529
- "weak": "#FFD600"
530
- }
531
- },
532
- "success": {
533
- "text": "#3F7824",
534
- "icon": "#3F7824",
535
- "bg": {
536
- "strong": "#3F7824",
537
- "weak": "#E7FCD7",
538
- "status": "#5B992B"
539
- },
540
- "border": {
541
- "strong": "#3F7824",
542
- "weak": "#90CB62"
543
- }
544
- },
545
- "discovery": {
546
- "text": "#5A34AA",
547
- "icon": "#5A34AA",
548
- "bg": {
549
- "strong": "#5A34AA",
550
- "weak": "#E9DEFF",
551
- "status": "#754EC8"
552
- },
553
- "border": {
554
- "strong": "#5A34AA",
555
- "weak": "#B38EFF"
556
- }
557
- }
558
- }
559
- }
560
- },
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"
577
- },
578
- "weight": {
579
- "bold": "700",
580
- "semibold": "600",
581
- "normal": "400",
582
- "medium": "500",
583
- "light": "300"
584
- },
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"
600
- }
601
- },
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
- "zIndex": {
619
- "0": 0,
620
- "10": 10,
621
- "20": 20,
622
- "30": 30,
623
- "40": 40,
624
- "50": 50,
625
- "60": 60,
626
- "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
- }
636
- }
637
- }