@neo4j-ndl/base 3.3.19 → 3.3.21

package/lib/tokens/js/tokens-raw.js

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 10 Apr 2025 09:51:54 GMT
+ * Generated on Mon, 14 Apr 2025 13:18:20 GMT
  */
 
 module.exports = {
@@ -410,6 +410,393 @@ module.exports = {
       ]
     }
   },
+  "breakpointNext": {
+    "xs": {
+      "min": {
+        "comment": "",
+        "value": "320px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "med": {
+        "comment": "",
+        "value": "360px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "max": {
+        "comment": "",
+        "value": "375px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "comment": "",
+      "value": "768px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "min": {
+          "comment": "",
+          "value": "320px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "med": {
+          "comment": "",
+          "value": "360px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "max": {
+          "comment": "",
+          "value": "375px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "comment": "",
+        "value": "768px",
+        "description": ""
+      },
+      "name": "BreakpointNextXs",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "xs"
+      },
+      "path": [
+        "breakpointNext",
+        "xs"
+      ]
+    },
+    "sm": {
+      "min": {
+        "comment": "",
+        "value": "512px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "med": {
+        "comment": "",
+        "value": "768px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "max": {
+        "comment": "",
+        "value": "864px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "comment": "",
+      "value": "864px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "min": {
+          "comment": "",
+          "value": "512px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "med": {
+          "comment": "",
+          "value": "768px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "max": {
+          "comment": "",
+          "value": "864px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "comment": "",
+        "value": "864px",
+        "description": ""
+      },
+      "name": "BreakpointNextSm",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "sm"
+      },
+      "path": [
+        "breakpointNext",
+        "sm"
+      ]
+    },
+    "md": {
+      "min": {
+        "comment": "",
+        "value": "1024px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "med": {
+        "comment": "",
+        "value": "1280px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "max": {
+        "comment": "",
+        "value": "1440px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "comment": "",
+      "value": "1024px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "min": {
+          "comment": "",
+          "value": "1024px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "med": {
+          "comment": "",
+          "value": "1280px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "max": {
+          "comment": "",
+          "value": "1440px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "comment": "",
+        "value": "1024px",
+        "description": ""
+      },
+      "name": "BreakpointNextMd",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "md"
+      },
+      "path": [
+        "breakpointNext",
+        "md"
+      ]
+    },
+    "lg": {
+      "min": {
+        "comment": "",
+        "value": "1680px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "max": {
+        "comment": "",
+        "value": "1920px",
+        "description": "",
+        "filePath": "src/tokens/breakpoint-next-1.json",
+        "isSource": true
+      },
+      "comment": "",
+      "value": "1280px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "min": {
+          "comment": "",
+          "value": "1680px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "max": {
+          "comment": "",
+          "value": "1920px",
+          "description": "",
+          "filePath": "src/tokens/breakpoint-next-1.json",
+          "isSource": true
+        },
+        "comment": "",
+        "value": "1280px",
+        "description": ""
+      },
+      "name": "BreakpointNextLg",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "lg"
+      },
+      "path": [
+        "breakpointNext",
+        "lg"
+      ]
+    },
+    "5xs": {
+      "comment": "",
+      "value": "320px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "320px",
+        "description": ""
+      },
+      "name": "BreakpointNext5xs",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "5xs"
+      },
+      "path": [
+        "breakpointNext",
+        "5xs"
+      ]
+    },
+    "4xs": {
+      "comment": "",
+      "value": "360px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "360px",
+        "description": ""
+      },
+      "name": "BreakpointNext4xs",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "4xs"
+      },
+      "path": [
+        "breakpointNext",
+        "4xs"
+      ]
+    },
+    "3xs": {
+      "comment": "",
+      "value": "375px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "375px",
+        "description": ""
+      },
+      "name": "BreakpointNext3xs",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "3xs"
+      },
+      "path": [
+        "breakpointNext",
+        "3xs"
+      ]
+    },
+    "2xs": {
+      "comment": "",
+      "value": "512px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "512px",
+        "description": ""
+      },
+      "name": "BreakpointNext2xs",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "2xs"
+      },
+      "path": [
+        "breakpointNext",
+        "2xs"
+      ]
+    },
+    "xl": {
+      "comment": "",
+      "value": "1440px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1440px",
+        "description": ""
+      },
+      "name": "BreakpointNextXl",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "xl"
+      },
+      "path": [
+        "breakpointNext",
+        "xl"
+      ]
+    },
+    "2xl": {
+      "comment": "",
+      "value": "1680px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1680px",
+        "description": ""
+      },
+      "name": "BreakpointNext2xl",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "2xl"
+      },
+      "path": [
+        "breakpointNext",
+        "2xl"
+      ]
+    },
+    "3xl": {
+      "comment": "",
+      "value": "1920px",
+      "description": "",
+      "filePath": "src/tokens/breakpoint-next-2.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1920px",
+        "description": ""
+      },
+      "name": "BreakpointNext3xl",
+      "attributes": {
+        "category": "breakpointNext",
+        "type": "3xl"
+      },
+      "path": [
+        "breakpointNext",
+        "3xl"
+      ]
+    }
+  },
   "breakpoints": {
     "xs": {
       "comment": "Extra small screen / phone, only one not included with Tailwind CSS",
@@ -4031,6 +4418,113 @@ module.exports = {
       }
     }
   },
+  "contentMaxWidthNext": {
+    "extraLight": {
+      "comment": "",
+      "value": "768px",
+      "description": "",
+      "filePath": "src/tokens/content-max-width-next.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "768px",
+        "description": ""
+      },
+      "name": "ContentMaxWidthNextExtraLight",
+      "attributes": {
+        "category": "contentMaxWidthNext",
+        "type": "extraLight"
+      },
+      "path": [
+        "contentMaxWidthNext",
+        "extraLight"
+      ]
+    },
+    "light": {
+      "comment": "",
+      "value": "1024px",
+      "description": "",
+      "filePath": "src/tokens/content-max-width-next.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1024px",
+        "description": ""
+      },
+      "name": "ContentMaxWidthNextLight",
+      "attributes": {
+        "category": "contentMaxWidthNext",
+        "type": "light"
+      },
+      "path": [
+        "contentMaxWidthNext",
+        "light"
+      ]
+    },
+    "heavy": {
+      "comment": "",
+      "value": "1680px",
+      "description": "",
+      "filePath": "src/tokens/content-max-width-next.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1680px",
+        "description": ""
+      },
+      "name": "ContentMaxWidthNextHeavy",
+      "attributes": {
+        "category": "contentMaxWidthNext",
+        "type": "heavy"
+      },
+      "path": [
+        "contentMaxWidthNext",
+        "heavy"
+      ]
+    },
+    "max": {
+      "comment": "",
+      "value": "1920px",
+      "description": "",
+      "filePath": "src/tokens/content-max-width-next.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "1920px",
+        "description": ""
+      },
+      "name": "ContentMaxWidthNextMax",
+      "attributes": {
+        "category": "contentMaxWidthNext",
+        "type": "max"
+      },
+      "path": [
+        "contentMaxWidthNext",
+        "max"
+      ]
+    },
+    "full": {
+      "comment": "",
+      "value": "100%",
+      "description": "",
+      "filePath": "src/tokens/content-max-width-next.json",
+      "isSource": true,
+      "original": {
+        "comment": "",
+        "value": "100%",
+        "description": ""
+      },
+      "name": "ContentMaxWidthNextFull",
+      "attributes": {
+        "category": "contentMaxWidthNext",
+        "type": "full"
+      },
+      "path": [
+        "contentMaxWidthNext",
+        "full"
+      ]
+    }
+  },
   "theme": {
     "dark": {
       "boxShadow": {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 10 Apr 2025 09:51:54 GMT
+* Generated on Mon, 14 Apr 2025 13:18:20 GMT
 */
 
 export const tokens = {
@@ -60,6 +60,19 @@ export const tokens = {
     "5xl": "20px",
     "full": "9999px"
   },
+  "breakpointNext": {
+    "xs": "768px",
+    "sm": "864px",
+    "md": "1024px",
+    "lg": "1280px",
+    "5xs": "320px",
+    "4xs": "360px",
+    "3xs": "375px",
+    "2xs": "512px",
+    "xl": "1440px",
+    "2xl": "1680px",
+    "3xl": "1920px"
+  },
   "breakpoints": {
     "xs": "450px",
     "sm": "640px",
@@ -281,6 +294,13 @@ export const tokens = {
       "periwinkle": "#6A82FF"
     }
   },
+  "contentMaxWidthNext": {
+    "extraLight": "768px",
+    "light": "1024px",
+    "heavy": "1680px",
+    "max": "1920px",
+    "full": "100%"
+  },
   "theme": {
     "dark": {
       "boxShadow": {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 10 Apr 2025 09:51:54 GMT
+// Generated on Mon, 14 Apr 2025 13:18:20 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-quick: 100ms;
@@ -21,6 +21,17 @@ $border-radius-3xl: 16px;
 $border-radius-4xl: 18px;
 $border-radius-5xl: 20px;
 $border-radius-full: 9999px;
+$breakpoint-next-xs: 768px;
+$breakpoint-next-sm: 864px;
+$breakpoint-next-md: 1024px;
+$breakpoint-next-lg: 1280px;
+$breakpoint-next-5xs: 320px;
+$breakpoint-next-4xs: 360px;
+$breakpoint-next-3xs: 375px;
+$breakpoint-next-2xs: 512px;
+$breakpoint-next-xl: 1440px;
+$breakpoint-next-2xl: 1680px;
+$breakpoint-next-3xl: 1920px;
 $breakpoints-xs: 450px; // Extra small screen / phone, only one not included with Tailwind CSS
 $breakpoints-sm: 640px; // Check here: https://tailwindcss.com/docs/responsive-design
 $breakpoints-md: 768px;
@@ -206,6 +217,11 @@ $colors-beige-60: 102 96 80 / 1; // Original value: #666050, alpha: 1
 $colors-beige-70: 63 56 36 / 1; // Original value: #3F3824, alpha: 1
 $colors-highlights-yellow: 250 255 0 / 1; // Original value: #FAFF00, alpha: 1
 $colors-highlights-periwinkle: 106 130 255 / 1; // Original value: #6A82FF, alpha: 1
+$content-max-width-next-extra-light: 768px;
+$content-max-width-next-light: 1024px;
+$content-max-width-next-heavy: 1680px;
+$content-max-width-next-max: 1920px;
+$content-max-width-next-full: 100%;
 $theme-dark-box-shadow-raised: 0px 1px 2px 0px rgba(9, 9, 10, 0.50);
 $theme-dark-box-shadow-overlay: 0px 8px 20px 0px rgba(9, 9, 10, 0.50);
 $theme-dark-palette-neutral-text-weakest: 129 135 144 / 1; // Original value: 129 135 144 / 1, alpha: 1

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Thu, 10 Apr 2025 09:51:54 GMT
+* Generated on Mon, 14 Apr 2025 13:18:20 GMT
 */
 export const tokens: {
     transitions: {
@@ -33,6 +33,11 @@ export const tokens: {
         value: string;
         description: string;
     }[];
+    breakpointNext: {
+        path: string[];
+        value: string;
+        description: string;
+    }[];
     breakpoints: {
         path: string[];
         value: string;
@@ -54,6 +59,11 @@ export const tokens: {
         path: string[];
         value: string;
     }[];
+    contentMaxWidthNext: {
+        path: string[];
+        value: string;
+        description: string;
+    }[];
     "theme-dark-shadow": {
         path: string[];
         value: string;

package/lib/types/tokens/js/tokens-esm.d.ts

@@ -57,6 +57,19 @@ export namespace tokens {
         "5xl": string;
         full: string;
     };
+    let breakpointNext: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "5xs": string;
+        "4xs": string;
+        "3xs": string;
+        "2xs": string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
     let breakpoints: {
         xs: string;
         sm: string;
@@ -292,6 +305,15 @@ export namespace tokens {
             let periwinkle: string;
         }
     }
+    namespace contentMaxWidthNext {
+        export let extraLight: string;
+        let light_1: string;
+        export { light_1 as light };
+        export let heavy: string;
+        export let max: string;
+        let full_1: string;
+        export { full_1 as full };
+    }
     namespace theme {
         export namespace dark_1 {
             export namespace boxShadow {
@@ -471,7 +493,7 @@ export namespace tokens {
             export { palette_1 as palette };
         }
         export { dark_1 as dark };
-        export namespace light_1 {
+        export namespace light_2 {
             export namespace boxShadow_1 {
                 let raised_1: string;
                 export { raised_1 as raised };
@@ -671,7 +693,7 @@ export namespace tokens {
             }
             export { palette_2 as palette };
         }
-        export { light_1 as light };
+        export { light_2 as light };
     }
     let font: {
         size: {