@neo4j-ndl/base 3.4.0 → 3.4.2

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 (21) hide show
  1. package/lib/cjs/tokens/js/storybook-design-token.js +118 -17
  2. package/lib/cjs/tokens/js/storybook-design-token.js.map +1 -1
  3. package/lib/cjs/tokens/js/tokens-esm.js +27 -6
  4. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  5. package/lib/cjs/tokens/js/tokens.js +27 -6
  6. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  7. package/lib/esm/tokens/js/storybook-design-token.js +118 -17
  8. package/lib/esm/tokens/js/storybook-design-token.js.map +1 -1
  9. package/lib/esm/tokens/js/tokens-esm.js +27 -6
  10. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  11. package/lib/esm/tokens/js/tokens.js +27 -6
  12. package/lib/esm/tokens/js/tokens.js.map +1 -1
  13. package/lib/neo4j-ds-styles.css +34 -14
  14. package/lib/tokens/css/tokens.css +23 -12
  15. package/lib/tokens/js/tokens-raw.js +289 -180
  16. package/lib/tokens/js/tokens.js +27 -6
  17. package/lib/tokens/scss/tokens.scss +23 -12
  18. package/lib/types/tokens/js/storybook-design-token.d.ts +7 -2
  19. package/lib/types/tokens/js/tokens-esm.d.ts +36 -6
  20. package/lib/types/tokens/js/tokens.d.ts +36 -6
  21. package/package.json +1 -1
package/lib/neo4j-ds-styles.css CHANGED
@@ -425,17 +425,28 @@ video{
425
425
  --border-radius-4xl:18px;
426
426
  --border-radius-5xl:20px;
427
427
  --border-radius-full:9999px;
428
- --breakpoint-next-xs:768px;
429
- --breakpoint-next-sm:864px;
430
- --breakpoint-next-md:1024px;
431
- --breakpoint-next-lg:1280px;
432
- --breakpoint-next-5xs:320px;
433
- --breakpoint-next-4xs:360px;
434
- --breakpoint-next-3xs:375px;
435
- --breakpoint-next-2xs:512px;
436
- --breakpoint-next-xl:1440px;
437
- --breakpoint-next-2xl:1680px;
438
- --breakpoint-next-3xl:1920px;
428
+ --breakpoint-next-one-xs-min:320px;
429
+ --breakpoint-next-one-xs-med:360px;
430
+ --breakpoint-next-one-xs-max:375px;
431
+ --breakpoint-next-one-sm-min:512px;
432
+ --breakpoint-next-one-sm-med:768px;
433
+ --breakpoint-next-one-sm-max:864px;
434
+ --breakpoint-next-one-md-min:1024px;
435
+ --breakpoint-next-one-md-med:1280px;
436
+ --breakpoint-next-one-md-max:1440px;
437
+ --breakpoint-next-one-lg-min:1680px;
438
+ --breakpoint-next-one-lg-max:1920px;
439
+ --breakpoint-next-two-5xs:320px;
440
+ --breakpoint-next-two-4xs:360px;
441
+ --breakpoint-next-two-3xs:375px;
442
+ --breakpoint-next-two-2xs:512px;
443
+ --breakpoint-next-two-xs:768px;
444
+ --breakpoint-next-two-sm:864px;
445
+ --breakpoint-next-two-md:1024px;
446
+ --breakpoint-next-two-lg:1280px;
447
+ --breakpoint-next-two-xl:1440px;
448
+ --breakpoint-next-two-2xl:1680px;
449
+ --breakpoint-next-two-3xl:1920px;
439
450
  --breakpoints-xs:450px;
440
451
  --breakpoints-sm:640px;
441
452
  --breakpoints-md:768px;
@@ -3203,7 +3214,6 @@ a.ndl-btn {
3203
3214
  bottom:0;
3204
3215
  right:0;
3205
3216
 
3206
- background-color:rgba(0, 0, 0, 0.4);
3207
3217
  cursor:default;
3208
3218
  }
3209
3219
  .ndl-modal-root.ndl-modal-container{
@@ -3212,6 +3222,18 @@ a.ndl-btn {
3212
3222
  .ndl-modal-root {
3213
3223
  z-index:60;
3214
3224
  }
3225
+ .ndl-modal-backdrop {
3226
+ position:absolute;
3227
+ top:0px;
3228
+ left:0px;
3229
+ bottom:0px;
3230
+ right:0px;
3231
+ z-index:60;
3232
+
3233
+ background-color:rgba(0, 0, 0, 0.4);
3234
+ -webkit-backdrop-filter:blur(12px);
3235
+ backdrop-filter:blur(12px);
3236
+ }
3215
3237
  .ndl-modal {
3216
3238
  border-width:1px;
3217
3239
  border-style:solid;
@@ -3238,8 +3260,6 @@ a.ndl-btn {
3238
3260
  height:100%;
3239
3261
  overflow:hidden auto;
3240
3262
  text-align:center;
3241
- -webkit-backdrop-filter:blur(4px);
3242
- backdrop-filter:blur(4px);
3243
3263
  }
3244
3264
  .ndl-modal-wrapper:after{
3245
3265
  content:'';
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 15 Apr 2025 13:07:42 GMT
24
+ * Generated on Fri, 09 May 2025 07:25:40 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -44,17 +44,28 @@
44
44
  --border-radius-4xl: 18px;
45
45
  --border-radius-5xl: 20px;
46
46
  --border-radius-full: 9999px;
47
- --breakpoint-next-xs: 768px;
48
- --breakpoint-next-sm: 864px;
49
- --breakpoint-next-md: 1024px;
50
- --breakpoint-next-lg: 1280px;
51
- --breakpoint-next-5xs: 320px;
52
- --breakpoint-next-4xs: 360px;
53
- --breakpoint-next-3xs: 375px;
54
- --breakpoint-next-2xs: 512px;
55
- --breakpoint-next-xl: 1440px;
56
- --breakpoint-next-2xl: 1680px;
57
- --breakpoint-next-3xl: 1920px;
47
+ --breakpoint-next-one-xs-min: 320px;
48
+ --breakpoint-next-one-xs-med: 360px;
49
+ --breakpoint-next-one-xs-max: 375px;
50
+ --breakpoint-next-one-sm-min: 512px;
51
+ --breakpoint-next-one-sm-med: 768px;
52
+ --breakpoint-next-one-sm-max: 864px;
53
+ --breakpoint-next-one-md-min: 1024px;
54
+ --breakpoint-next-one-md-med: 1280px;
55
+ --breakpoint-next-one-md-max: 1440px;
56
+ --breakpoint-next-one-lg-min: 1680px;
57
+ --breakpoint-next-one-lg-max: 1920px;
58
+ --breakpoint-next-two-5xs: 320px;
59
+ --breakpoint-next-two-4xs: 360px;
60
+ --breakpoint-next-two-3xs: 375px;
61
+ --breakpoint-next-two-2xs: 512px;
62
+ --breakpoint-next-two-xs: 768px;
63
+ --breakpoint-next-two-sm: 864px;
64
+ --breakpoint-next-two-md: 1024px;
65
+ --breakpoint-next-two-lg: 1280px;
66
+ --breakpoint-next-two-xl: 1440px;
67
+ --breakpoint-next-two-2xl: 1680px;
68
+ --breakpoint-next-two-3xl: 1920px;
58
69
  --breakpoints-xs: 450px; /* Extra small screen / phone, only one not included with Tailwind CSS */
59
70
  --breakpoints-sm: 640px; /* Check here: https://tailwindcss.com/docs/responsive-design */
60
71
  --breakpoints-md: 768px;