@neo4j-ndl/base 0.16.0 → 1.0.0-alpha-4cfc0f0

package/lib/tokens/js/tokens.js

@@ -1,230 +1,247 @@
-"use strict";
 /**
 * Do not edit directly
-* Generated on Thu, 12 Jan 2023 13:37:11 GMT
+* Generated on Mon, 16 Jan 2023 11:56:22 GMT
 */
-module.exports = {
-    "borderRadius": {
-        "none": "0px",
-        "sm": "4px",
-        "md": "6px",
-        "lg": "8px",
-        "xl": "10px",
-        "1xl": "12px",
-        "2xl": "14px",
-        "3xl": "16px",
-        "4xl": "18px",
-        "5xl": "20px",
-        "full": "9999px"
+
+export const tokens = {
+  "transitions": {
+    "values": {
+      "properties": {
+        "default": "all"
+      },
+      "duration": {
+        "default": "100ms"
+      },
+      "timing-function": {
+        "default": "cubic-bezier(0.420, 0.000, 0.580, 1.000)"
+      }
     },
-    "breakpoints": {
-        "xs": "450px",
-        "sm": "640px",
-        "md": "768px",
-        "lg": "1024px",
-        "xl": "1280px",
-        "2xl": "1536px"
+    "stripped": "100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)",
+    "default": "all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000)"
+  },
+  "borderRadius": {
+    "none": "0px",
+    "sm": "4px",
+    "md": "6px",
+    "lg": "8px",
+    "xl": "10px",
+    "1xl": "12px",
+    "2xl": "14px",
+    "3xl": "16px",
+    "4xl": "18px",
+    "5xl": "20px",
+    "full": "9999px"
+  },
+  "breakpoints": {
+    "xs": "450px",
+    "sm": "640px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1280px",
+    "2xl": "1536px"
+  },
+  "colors": {
+    "primary": {
+      "10": "#e6f8ff",
+      "20": "#a3e2ff",
+      "30": "#7ad1ff",
+      "40": "#018bff",
+      "50": "#006FD6",
+      "60": "#0056b3",
+      "70": "#004092"
     },
-    "colors": {
-        "primary": {
-            "10": "#e6f8ff",
-            "20": "#a3e2ff",
-            "30": "#7ad1ff",
-            "40": "#018bff",
-            "50": "#006FD6",
-            "60": "#0056b3",
-            "70": "#004092"
+    "danger": {
+      "10": "#ffe6e9",
+      "20": "#ffb8c4",
+      "30": "#ff668a",
+      "40": "#ed1252",
+      "50": "#cc254b",
+      "60": "#a1003b",
+      "70": "#7a0031"
+    },
+    "success": {
+      "10": "#E1FAEF",
+      "20": "#98EDCB",
+      "30": "#44D4A4",
+      "40": "#00BA88",
+      "50": "#327D60",
+      "60": "#006E58",
+      "70": "#00473B"
+    },
+    "warning": {
+      "10": "#FFFBDE",
+      "20": "#FFF4B5",
+      "30": "#FFEA8C",
+      "40": "#FFDE63",
+      "50": "#D9B54A",
+      "60": "#966c2e",
+      "70": "#664817"
+    },
+    "blueberry": {
+      "10": "#E8EBF6",
+      "20": "#C4CCE9",
+      "30": "#9DABD9",
+      "40": "#768ACA",
+      "50": "#3557B4",
+      "60": "#25459E",
+      "70": "#0B297D"
+    },
+    "mint": {
+      "10": "#F0FFFA",
+      "20": "#D1FFF4",
+      "30": "#A8FFEE",
+      "40": "#55F9E2",
+      "50": "#3DD4C5",
+      "60": "#2AADA5",
+      "70": "#116161"
+    },
+    "neutral": {
+      "10": "#FFFFFF",
+      "20": "#F5F7FA",
+      "30": "#EEF1F6",
+      "40": "#E6E9EE",
+      "50": "#C4C8CD",
+      "60": "#B2B7BD",
+      "70": "#717780",
+      "80": "#535B66",
+      "90": "#151E29"
+    }
+  },
+  "font": {
+    "size": {
+      "h1": "3rem",
+      "h2": "2.5rem",
+      "h3": "1.875rem",
+      "h4": "1.5rem",
+      "h5": "1.25rem",
+      "h6": "1rem",
+      "subheading-large": "1.25rem",
+      "subheading-medium": "1rem",
+      "subheading-small": "0.875rem",
+      "body-large": "1rem",
+      "body-medium": "0.875rem",
+      "body-small": "0.75rem",
+      "code": "0.875rem",
+      "label": "0.875rem"
+    },
+    "weight": {
+      "bold": "700",
+      "semibold": "600",
+      "normal": "400",
+      "medium": "500",
+      "light": "300"
+    }
+  },
+  "palette": {
+    "light": {
+      "neutral": {
+        "text": {
+          "weakest": "#B2B7BD",
+          "weaker": "#717780",
+          "weak": "#535B66",
+          "default": "#151E29",
+          "inverse": "#FFFFFF"
         },
-        "danger": {
-            "10": "#ffe6e9",
-            "20": "#ffb8c4",
-            "30": "#ff668a",
-            "40": "#ed1252",
-            "50": "#cc254b",
-            "60": "#a1003b",
-            "70": "#7a0031"
+        "bg": {
+          "weak": "#FFFFFF",
+          "default": "#F5F7FA",
+          "strong": "#E6E9EE",
+          "strongest": "#535B66"
         },
-        "success": {
-            "10": "#E1FAEF",
-            "20": "#98EDCB",
-            "30": "#44D4A4",
-            "40": "#00BA88",
-            "50": "#327D60",
-            "60": "#006E58",
-            "70": "#00473B"
+        "border": {
+          "weak": "#EEF1F6",
+          "strong": "#C4C8CD"
         },
-        "warning": {
-            "10": "#FFFBDE",
-            "20": "#FFF4B5",
-            "30": "#FFEA8C",
-            "40": "#FFDE63",
-            "50": "#D9B54A",
-            "60": "#966c2e",
-            "70": "#664817"
+        "hover": "rgba(113,119,128,0.1)",
+        "pressed": "rgba(113,119,128,0.2)"
+      },
+      "primary": {
+        "text": "#006FD6",
+        "icon": "#006FD6",
+        "bg": {
+          "strong": "#006FD6",
+          "weak": "#e6f8ff"
         },
-        "blueberry": {
-            "10": "#E8EBF6",
-            "20": "#C4CCE9",
-            "30": "#9DABD9",
-            "40": "#768ACA",
-            "50": "#3557B4",
-            "60": "#25459E",
-            "70": "#0B297D"
+        "border": {
+          "strong": "#006FD6",
+          "weak": "#7ad1ff"
         },
-        "mint": {
-            "10": "#F0FFFA",
-            "20": "#D1FFF4",
-            "30": "#A8FFEE",
-            "40": "#55F9E2",
-            "50": "#3DD4C5",
-            "60": "#2AADA5",
-            "70": "#116161"
+        "focus": "#018bff",
+        "hover": {
+          "weak": "rgba(1,139,255,0.08)",
+          "strong": "#0056b3"
         },
-        "neutral": {
-            "10": "#FFFFFF",
-            "20": "#F5F7FA",
-            "30": "#EEF1F6",
-            "40": "#E6E9EE",
-            "50": "#C4C8CD",
-            "60": "#B2B7BD",
-            "70": "#717780",
-            "80": "#535B66",
-            "90": "#151E29"
+        "pressed": {
+          "weak": "rgba(1,139,255,0.12)",
+          "strong": "#004092"
         }
-    },
-    "font": {
-        "size": {
-            "h1": "48px",
-            "h2": "40px",
-            "h3": "30px",
-            "h4": "24px",
-            "h5": "20px",
-            "h6": "16px",
-            "subheading-large": "20px",
-            "subheading-medium": "16px",
-            "subheading-small": "14px",
-            "body-large": "16px",
-            "body-medium": "14px",
-            "body-small": "12px",
-            "code": "14px",
-            "label": "14px"
+      },
+      "danger": {
+        "text": "#cc254b",
+        "icon": "#cc254b",
+        "bg": {
+          "strong": "#cc254b",
+          "weak": "#ffe6e9"
         },
-        "weight": {
-            "bold": "700",
-            "semibold": "600",
-            "normal": "400",
-            "medium": "500",
-            "light": "300"
+        "border": {
+          "strong": "#cc254b",
+          "weak": "#ffb8c4"
+        },
+        "hover": {
+          "weak": "rgba(237,18,82,0.08)",
+          "strong": "#a1003b"
+        },
+        "pressed": {
+          "weak": "rgba(237,18,82,0.12)",
+          "strong": "#7a0031"
         }
-    },
-    "palette": {
-        "light": {
-            "neutral": {
-                "text": {
-                    "weakest": "#B2B7BD",
-                    "weaker": "#717780",
-                    "weak": "#535B66",
-                    "default": "#151E29",
-                    "inverse": "#FFFFFF"
-                },
-                "bg": {
-                    "weak": "#FFFFFF",
-                    "default": "#F5F7FA",
-                    "strong": "#E6E9EE",
-                    "strongest": "#535B66"
-                },
-                "border": {
-                    "weak": "#EEF1F6",
-                    "strong": "#C4C8CD"
-                },
-                "hover": "rgba(113,119,128,0.1)",
-                "pressed": "rgba(113,119,128,0.2)"
-            },
-            "primary": {
-                "text": "#006FD6",
-                "icon": "#006FD6",
-                "bg": {
-                    "strong": "#006FD6",
-                    "weak": "#e6f8ff"
-                },
-                "border": {
-                    "strong": "#006FD6",
-                    "weak": "#7ad1ff"
-                },
-                "focus": "#018bff",
-                "hover": {
-                    "weak": "rgba(1,139,255,0.08)",
-                    "strong": "#0056b3"
-                },
-                "pressed": {
-                    "weak": "rgba(1,139,255,0.12)",
-                    "strong": "#004092"
-                }
-            },
-            "danger": {
-                "text": "#cc254b",
-                "icon": "#cc254b",
-                "bg": {
-                    "strong": "#cc254b",
-                    "weak": "#ffe6e9"
-                },
-                "border": {
-                    "strong": "#cc254b",
-                    "weak": "#ffb8c4"
-                },
-                "hover": {
-                    "weak": "rgba(237,18,82,0.08)",
-                    "strong": "#a1003b"
-                },
-                "pressed": {
-                    "weak": "rgba(237,18,82,0.12)",
-                    "strong": "#7a0031"
-                }
-            },
-            "warning": {
-                "text": "#966c2e",
-                "icon": "#966c2e",
-                "bg": {
-                    "strong": "#966c2e",
-                    "weak": "#FFFBDE"
-                },
-                "border": {
-                    "strong": "#966c2e",
-                    "weak": "#FFEA8C"
-                }
-            },
-            "success": {
-                "text": "#327D60",
-                "icon": "#327D60",
-                "bg": {
-                    "strong": "#327D60",
-                    "weak": "#E1FAEF"
-                },
-                "border": {
-                    "strong": "#327D60",
-                    "weak": "#98EDCB"
-                }
-            }
+      },
+      "warning": {
+        "text": "#966c2e",
+        "icon": "#966c2e",
+        "bg": {
+          "strong": "#966c2e",
+          "weak": "#FFFBDE"
+        },
+        "border": {
+          "strong": "#966c2e",
+          "weak": "#FFEA8C"
         }
-    },
-    "boxShadow": {
-        "l2": "0px 1px 2px 0px rgba(12, 26, 37, 0.18)",
-        "l3": "0px 4px 8px 0px rgba(12, 26, 37, 0.04)",
-        "l4": "0px 4px 8px 0px rgba(12, 26, 37, 0.08)",
-        "l5": "0px 8px 20px 0px rgba(12, 26, 37, 0.12)"
-    },
-    "space": {
-        "1": "0.25rem",
-        "2": "0.5rem",
-        "3": "0.75rem",
-        "4": "1rem",
-        "6": "1.5rem",
-        "8": "2rem",
-        "12": "3rem",
-        "16": "4rem",
-        "20": "5rem",
-        "24": "6rem",
-        "32": "8rem"
+      },
+      "success": {
+        "text": "#327D60",
+        "icon": "#327D60",
+        "bg": {
+          "strong": "#327D60",
+          "weak": "#E1FAEF"
+        },
+        "border": {
+          "strong": "#327D60",
+          "weak": "#98EDCB"
+        }
+      }
     }
-};
-//# sourceMappingURL=tokens.js.map
+  },
+  "boxShadow": {
+    "l2": "0px 1px 2px 0px rgba(12, 26, 37, 0.18)",
+    "l3": "0px 4px 8px 0px rgba(12, 26, 37, 0.04)",
+    "l4": "0px 4px 8px 0px rgba(12, 26, 37, 0.08)",
+    "l5": "0px 8px 20px 0px rgba(12, 26, 37, 0.12)"
+  },
+  "space": {
+    "0": "0px",
+    "1": "1px",
+    "2": "2px",
+    "3": "4px",
+    "4": "8px",
+    "5": "12px",
+    "6": "16px",
+    "7": "24px",
+    "8": "32px",
+    "9": "48px",
+    "10": "64px",
+    "11": "96px",
+    "12": "128px",
+    "13": "320px"
+  }
+}

package/lib/tokens/scss/tokens.scss

@@ -1,7 +1,12 @@
 
 // Do not edit directly
-// Generated on Thu, 12 Jan 2023 13:37:11 GMT
+// Generated on Mon, 16 Jan 2023 11:56:22 GMT
 
+$transitions-values-properties-default: all;
+$transitions-values-duration-default: 100ms;
+$transitions-values-timing-function-default: cubic-bezier(0.420, 0.000, 0.580, 1.000);
+$transitions-stripped: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
+$transitions-default: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
 $border-radius-none: 0px;
 $border-radius-sm: 4px;
 $border-radius-md: 6px;
@@ -70,20 +75,20 @@ $colors-neutral-60: #B2B7BD;
 $colors-neutral-70: #717780;
 $colors-neutral-80: #535B66;
 $colors-neutral-90: #151E29;
-$font-size-h1: 48px;
-$font-size-h2: 40px;
-$font-size-h3: 30px;
-$font-size-h4: 24px;
-$font-size-h5: 20px;
-$font-size-h6: 16px;
-$font-size-subheading-large: 20px;
-$font-size-subheading-medium: 16px;
-$font-size-subheading-small: 14px;
-$font-size-body-large: 16px;
-$font-size-body-medium: 14px;
-$font-size-body-small: 12px;
-$font-size-code: 14px;
-$font-size-label: 14px;
+$font-size-h1: 3rem;
+$font-size-h2: 2.5rem;
+$font-size-h3: 1.875rem;
+$font-size-h4: 1.5rem;
+$font-size-h5: 1.25rem;
+$font-size-h6: 1rem;
+$font-size-subheading-large: 1.25rem;
+$font-size-subheading-medium: 1rem;
+$font-size-subheading-small: 0.875rem;
+$font-size-body-large: 1rem;
+$font-size-body-medium: 0.875rem;
+$font-size-body-small: 0.75rem;
+$font-size-code: 0.875rem;
+$font-size-label: 0.875rem;
 $font-weight-bold: 700;
 $font-weight-semibold: 600;
 $font-weight-normal: 400;
@@ -139,14 +144,17 @@ $box-shadow-l2: 0px 1px 2px 0px rgba(12, 26, 37, 0.18);
 $box-shadow-l3: 0px 4px 8px 0px rgba(12, 26, 37, 0.04);
 $box-shadow-l4: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
 $box-shadow-l5: 0px 8px 20px 0px rgba(12, 26, 37, 0.12);
-$space-1: 0.25rem;
-$space-2: 0.5rem;
-$space-3: 0.75rem;
-$space-4: 1rem;
-$space-6: 1.5rem;
-$space-8: 2rem;
-$space-12: 3rem;
-$space-16: 4rem;
-$space-20: 5rem;
-$space-24: 6rem;
-$space-32: 8rem;
+$space-0: 0px;
+$space-1: 1px;
+$space-2: 2px;
+$space-3: 4px;
+$space-4: 8px;
+$space-5: 12px;
+$space-6: 16px;
+$space-7: 24px;
+$space-8: 32px;
+$space-9: 48px;
+$space-10: 64px;
+$space-11: 96px;
+$space-12: 128px;
+$space-13: 320px;

package/lib/types/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './typings';
+export * from './tokens/js/tokens-esm';
+export * from './typescale';
+export * from './tailwindTheme';
+export * from './tailwind-preset.config';

package/lib/types/tailwind-preset.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Tailwind CSS Configuration
+ * containing all configurations we need
+ * for our components
+ */
+/** @type {import('tailwindcss').Config} */
+export const tailwindConfig: import('tailwindcss').Config;

package/lib/types/tailwindTheme.d.ts

@@ -0,0 +1,2 @@
+/** @type {import('tailwindcss').Config["theme"]} */
+export const tailwindTheme: import('tailwindcss').Config["theme"];