@neo4j-ndl/base 1.4.2 → 1.5.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 30 May 2023 07:40:11 GMT
+ * Generated on Mon, 05 Jun 2023 08:32:39 GMT
  */
 
 module.exports = {
@@ -4588,5 +4588,292 @@ module.exports = {
         "13"
       ]
     }
+  },
+  "zIndex": {
+    "0": {
+      "value": "0",
+      "description": "Useful for creating a new stacking context.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "0",
+        "description": "Useful for creating a new stacking context."
+      },
+      "name": "ZIndex0",
+      "attributes": {
+        "category": "zIndex",
+        "type": "0"
+      },
+      "path": [
+        "zIndex",
+        "0"
+      ]
+    },
+    "10": {
+      "value": "10",
+      "description": "Used for overlay elements, like button groups on canvas elements. Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "10",
+        "description": "Used for overlay elements, like button groups on canvas elements. Can be used with an alias token."
+      },
+      "name": "ZIndex10",
+      "attributes": {
+        "category": "zIndex",
+        "type": "10"
+      },
+      "path": [
+        "zIndex",
+        "10"
+      ]
+    },
+    "20": {
+      "value": "20",
+      "description": "Used for banners. Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "20",
+        "description": "Used for banners. Can be used with an alias token."
+      },
+      "name": "ZIndex20",
+      "attributes": {
+        "category": "zIndex",
+        "type": "20"
+      },
+      "path": [
+        "zIndex",
+        "20"
+      ]
+    },
+    "30": {
+      "value": "30",
+      "description": "Used for popover elements like Dropdown menu. Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "30",
+        "description": "Used for popover elements like Dropdown menu. Can be used with an alias token."
+      },
+      "name": "ZIndex30",
+      "attributes": {
+        "category": "zIndex",
+        "type": "30"
+      },
+      "path": [
+        "zIndex",
+        "30"
+      ]
+    },
+    "40": {
+      "value": "40",
+      "description": "Used in tooltip components, should be above everything as it will be probably visible on hover effects. There are exceptions for canvas tooltips (like in Bloom).  Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "40",
+        "description": "Used in tooltip components, should be above everything as it will be probably visible on hover effects. There are exceptions for canvas tooltips (like in Bloom).  Can be used with an alias token."
+      },
+      "name": "ZIndex40",
+      "attributes": {
+        "category": "zIndex",
+        "type": "40"
+      },
+      "path": [
+        "zIndex",
+        "40"
+      ]
+    },
+    "50": {
+      "value": "50",
+      "description": "Used as a blanket layer that covers the underlying UI. For example can be used to detect clicks and close the content on top of it.  Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "50",
+        "description": "Used as a blanket layer that covers the underlying UI. For example can be used to detect clicks and close the content on top of it.  Can be used with an alias token."
+      },
+      "name": "ZIndex50",
+      "attributes": {
+        "category": "zIndex",
+        "type": "50"
+      },
+      "path": [
+        "zIndex",
+        "50"
+      ]
+    },
+    "60": {
+      "value": "60",
+      "description": "Used for modals, always sitting on top of a blanket, can be a custom element or a Dialog.  Can be used with an alias token.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "60",
+        "description": "Used for modals, always sitting on top of a blanket, can be a custom element or a Dialog.  Can be used with an alias token."
+      },
+      "name": "ZIndex60",
+      "attributes": {
+        "category": "zIndex",
+        "type": "60"
+      },
+      "path": [
+        "zIndex",
+        "60"
+      ]
+    },
+    "deep": {
+      "value": "-999999",
+      "description": "Deep z-index is used to stack something behind everything else.",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "-999999",
+        "description": "Deep z-index is used to stack something behind everything else."
+      },
+      "name": "ZIndexDeep",
+      "attributes": {
+        "category": "zIndex",
+        "type": "deep"
+      },
+      "path": [
+        "zIndex",
+        "deep"
+      ]
+    },
+    "auto": {
+      "value": "auto",
+      "filePath": "src/tokens/zIndex.json",
+      "isSource": true,
+      "original": {
+        "value": "auto"
+      },
+      "name": "ZIndexAuto",
+      "attributes": {
+        "category": "zIndex",
+        "type": "auto"
+      },
+      "path": [
+        "zIndex",
+        "auto"
+      ]
+    },
+    "alias": {
+      "overlay": {
+        "value": "10",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.10.value}"
+        },
+        "name": "ZIndexAliasOverlay",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "overlay"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "overlay"
+        ]
+      },
+      "banner": {
+        "value": "20",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.20.value}"
+        },
+        "name": "ZIndexAliasBanner",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "banner"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "banner"
+        ]
+      },
+      "popover": {
+        "value": "30",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.30.value}"
+        },
+        "name": "ZIndexAliasPopover",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "popover"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "popover"
+        ]
+      },
+      "tooltip": {
+        "value": "40",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.40.value}"
+        },
+        "name": "ZIndexAliasTooltip",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "tooltip"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "tooltip"
+        ]
+      },
+      "blanket": {
+        "value": "50",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.50.value}"
+        },
+        "name": "ZIndexAliasBlanket",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "blanket"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "blanket"
+        ]
+      },
+      "modal": {
+        "value": "60",
+        "filePath": "src/tokens/zIndex.json",
+        "isSource": true,
+        "original": {
+          "value": "{zIndex.60.value}"
+        },
+        "name": "ZIndexAliasModal",
+        "attributes": {
+          "category": "zIndex",
+          "type": "alias",
+          "item": "modal"
+        },
+        "path": [
+          "zIndex",
+          "alias",
+          "modal"
+        ]
+      }
+    }
   }
 };

package/lib/tokens/js/tokens.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 30 May 2023 07:40:11 GMT
+* Generated on Mon, 05 Jun 2023 08:32:39 GMT
 */
 
 export const tokens = {
@@ -333,5 +333,24 @@ export const tokens = {
     "11": "96px",
     "12": "128px",
     "13": "320px"
+  },
+  "zIndex": {
+    "0": "0",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
+    "60": "60",
+    "deep": "-999999",
+    "auto": "auto",
+    "alias": {
+      "overlay": "10",
+      "banner": "20",
+      "popover": "30",
+      "tooltip": "40",
+      "blanket": "50",
+      "modal": "60"
+    }
   }
 }

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 30 May 2023 07:40:11 GMT
+// Generated on Mon, 05 Jun 2023 08:32:39 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-default: 100ms;
@@ -206,3 +206,18 @@ $space-10: 64px;
 $space-11: 96px;
 $space-12: 128px;
 $space-13: 320px;
+$z-index-0: 0;
+$z-index-10: 10;
+$z-index-20: 20;
+$z-index-30: 30;
+$z-index-40: 40;
+$z-index-50: 50;
+$z-index-60: 60;
+$z-index-deep: -999999;
+$z-index-auto: auto;
+$z-index-alias-overlay: 10;
+$z-index-alias-banner: 20;
+$z-index-alias-popover: 30;
+$z-index-alias-tooltip: 40;
+$z-index-alias-blanket: 50;
+$z-index-alias-modal: 60;

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 30 May 2023 07:40:11 GMT
+* Generated on Mon, 05 Jun 2023 08:32:39 GMT
 */
 export const tokens: {
     transitions: {
@@ -49,4 +49,13 @@ export const tokens: {
         path: string[];
         value: string;
     }[];
+    zIndex: ({
+        path: string[];
+        value: string;
+        description: string;
+    } | {
+        path: string[];
+        value: string;
+        description?: undefined;
+    })[];
 };

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

@@ -452,4 +452,23 @@ export namespace tokens {
         "12": string;
         "13": string;
     };
+    const zIndex: {
+        "0": string;
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        deep: string;
+        auto: string;
+        alias: {
+            overlay: string;
+            banner: string;
+            popover: string;
+            tooltip: string;
+            blanket: string;
+            modal: string;
+        };
+    };
 }

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

@@ -451,3 +451,22 @@ export const space: {
     "12": string;
     "13": string;
 };
+export const zIndex: {
+    "0": string;
+    "10": string;
+    "20": string;
+    "30": string;
+    "40": string;
+    "50": string;
+    "60": string;
+    deep: string;
+    auto: string;
+    alias: {
+        overlay: string;
+        banner: string;
+        popover: string;
+        tooltip: string;
+        blanket: string;
+        modal: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "",