@neo4j-ndl/base 0.1.0

package/lib/tailwindConfig.js

@@ -0,0 +1,162 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var tokens = require('./tokens/js/tokens');
+module.exports = {
+    colors: __assign(__assign({}, tokens.colors), tokens.palette),
+    borderRadius: tokens.borderRadius,
+    boxShadow: tokens.boxShadow,
+    fontFamily: {
+        sans: ['"Nunito Sans"'],
+        mono: ['"Fira Code"']
+    },
+    fontSize: {
+        h1: [
+            tokens.font.size.h1,
+            {
+                letterSpacing: '-0.25px',
+                lineHeight: '60px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        h2: [
+            tokens.font.size.h2,
+            {
+                letterSpacing: '0px',
+                lineHeight: '48px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        h3: [
+            tokens.font.size.h3,
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '40px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        h4: [
+            tokens.font.size.h4,
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '32px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        h5: [
+            tokens.font.size.h5,
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '28px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        h6: [
+            tokens.font.size.h6,
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '24px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ],
+        'subheading-large': [
+            tokens.font.size['subheading-large'],
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '28px',
+                fontWeight: tokens.font.weight.semibold
+            },
+        ],
+        'subheading-medium': [
+            tokens.font.size['subheading-medium'],
+            {
+                letterSpacing: '0.25px',
+                lineHeight: '24px',
+                fontWeight: tokens.font.weight.semibold
+            },
+        ],
+        'subheading-small': [
+            tokens.font.size['subheading-small'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '20px',
+                fontWeight: tokens.font.weight.semibold
+            },
+        ],
+        'body-large': [
+            tokens.font.size['body-large'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '24px',
+                fontWeight: tokens.font.weight.normal
+            },
+        ],
+        'body-medium': [
+            tokens.font.size['body-medium'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '20px',
+                fontWeight: tokens.font.weight.normal
+            },
+        ],
+        'body-small': [
+            tokens.font.size['body-small'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '20px',
+                fontWeight: tokens.font.weight.normal
+            },
+        ],
+        code: [
+            tokens.font.size['code'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '20px',
+                fontWeight: tokens.font.weight.normal
+            },
+        ],
+        label: [
+            tokens.font.size['label'],
+            {
+                letterSpacing: '0px',
+                lineHeight: '20px',
+                fontWeight: tokens.font.weight.bold
+            },
+        ]
+    },
+    screens: {
+        sm: '640px',
+        md: '768px',
+        lg: '1024px'
+    }
+};
+//# sourceMappingURL=tailwindConfig.js.map

package/lib/tailwindConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindConfig.js","sourceRoot":"","sources":["../src/tailwindConfig.js"],"names":[],"mappings":"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"}

package/lib/tokens/css/tokens.css

@@ -0,0 +1,147 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 01 Mar 2022 17:09:29 GMT
+ */
+
+:root {
+  --border-radius-sm: 4px;
+  --border-radius-md: 6px;
+  --border-radius-lg: 8px;
+  --border-radius-xl: 10px;
+  --border-radius-1xl: 12px;
+  --border-radius-2xl: 14px;
+  --border-radius-3xl: 16px;
+  --border-radius-4xl: 18px;
+  --border-radius-5xl: 20px;
+  --border-radius-full: 9999px;;
+  --colors-primary-10: 230, 248, 255 /* #e6f8ff */; /* lighest shade of brand primary color */
+  --colors-primary-20: 163, 226, 255 /* #a3e2ff */;
+  --colors-primary-30: 122, 209, 255 /* #7ad1ff */;
+  --colors-primary-40: 1, 139, 255 /* #018bff */;
+  --colors-primary-50: 0, 111, 214 /* #006FD6 */;
+  --colors-primary-60: 0, 86, 179 /* #0056b3 */;
+  --colors-primary-70: 0, 64, 146 /* #004092 */;
+  --colors-danger-10: 255, 230, 233 /* #ffe6e9 */;
+  --colors-danger-20: 255, 184, 196 /* #ffb8c4 */;
+  --colors-danger-30: 255, 102, 138 /* #ff668a */;
+  --colors-danger-40: 237, 18, 82 /* #ed1252 */;
+  --colors-danger-50: 204, 37, 75 /* #cc254b */;
+  --colors-danger-60: 161, 0, 59 /* #a1003b */;
+  --colors-danger-70: 122, 0, 49 /* #7a0031 */;
+  --colors-success-10: 225, 250, 239 /* #E1FAEF */;
+  --colors-success-20: 152, 237, 203 /* #98EDCB */;
+  --colors-success-30: 68, 212, 164 /* #44D4A4 */;
+  --colors-success-40: 0, 186, 136 /* #00BA88 */;
+  --colors-success-50: 50, 125, 96 /* #327D60 */;
+  --colors-success-60: 0, 110, 88 /* #006E58 */;
+  --colors-success-70: 0, 71, 59 /* #00473B */;
+  --colors-warning-10: 255, 251, 222 /* #FFFBDE */;
+  --colors-warning-20: 255, 244, 181 /* #FFF4B5 */;
+  --colors-warning-30: 255, 234, 140 /* #FFEA8C */;
+  --colors-warning-40: 255, 222, 99 /* #FFDE63 */;
+  --colors-warning-50: 217, 181, 74 /* #D9B54A */;
+  --colors-warning-60: 150, 108, 46 /* #966c2e */;
+  --colors-warning-70: 102, 72, 23 /* #664817 */;
+  --colors-blueberry-10: 232, 235, 246 /* #E8EBF6 */;
+  --colors-blueberry-20: 196, 204, 233 /* #C4CCE9 */;
+  --colors-blueberry-30: 157, 171, 217 /* #9DABD9 */;
+  --colors-blueberry-40: 118, 138, 202 /* #768ACA */;
+  --colors-blueberry-50: 53, 87, 180 /* #3557B4 */;
+  --colors-blueberry-60: 37, 69, 158 /* #25459E */;
+  --colors-blueberry-70: 11, 41, 125 /* #0B297D */;
+  --colors-mint-10: 240, 255, 250 /* #F0FFFA */;
+  --colors-mint-20: 209, 255, 244 /* #D1FFF4 */;
+  --colors-mint-30: 168, 255, 238 /* #A8FFEE */;
+  --colors-mint-40: 85, 249, 226 /* #55F9E2 */;
+  --colors-mint-50: 61, 212, 197 /* #3DD4C5 */;
+  --colors-mint-60: 42, 173, 165 /* #2AADA5 */;
+  --colors-mint-70: 17, 97, 97 /* #116161 */;
+  --colors-neutral-10: 255, 255, 255 /* #FFFFFF */;
+  --colors-neutral-20: 245, 247, 250 /* #F5F7FA */;
+  --colors-neutral-30: 238, 241, 246 /* #EEF1F6 */;
+  --colors-neutral-40: 230, 233, 238 /* #E6E9EE */;
+  --colors-neutral-50: 196, 200, 205 /* #C4C8CD */;
+  --colors-neutral-60: 178, 183, 189 /* #B2B7BD */;
+  --colors-neutral-70: 113, 119, 128 /* #717780 */;
+  --colors-neutral-80: 83, 91, 102 /* #535B66 */;
+  --colors-neutral-90: 21, 30, 41 /* #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-weight-bold: 700;
+  --font-weight-semibold: 600;
+  --font-weight-normal: 400;
+  --font-weight-light: 300;
+  --palette-light-neutral-text-weakest: 178, 183, 189 /* #B2B7BD */;
+  --palette-light-neutral-text-weaker: 113, 119, 128 /* #717780 */;
+  --palette-light-neutral-text-weak: 83, 91, 102 /* #535B66 */;
+  --palette-light-neutral-text-default: 21, 30, 41 /* #151E29 */;
+  --palette-light-neutral-text-inverse: 255, 255, 255 /* #FFFFFF */;
+  --palette-light-neutral-bg-weak: 255, 255, 255 /* #FFFFFF */;
+  --palette-light-neutral-bg-default: 245, 247, 250 /* #F5F7FA */;
+  --palette-light-neutral-bg-strong: 230, 233, 238 /* #E6E9EE */;
+  --palette-light-neutral-bg-strongest: 83, 91, 102 /* #535B66 */;
+  --palette-light-neutral-border-weak: 238, 241, 246 /* #EEF1F6 */;
+  --palette-light-neutral-border-strong: 178, 183, 189 /* #B2B7BD */;
+  --palette-light-neutral-hover: rgba(113,119,128,0.1);
+  --palette-light-neutral-pressed: rgba(113,119,128,0.2);
+  --palette-light-primary-text: 0, 111, 214 /* #006FD6 */;
+  --palette-light-primary-icon: 0, 111, 214 /* #006FD6 */;
+  --palette-light-primary-bg-strong: 0, 111, 214 /* #006FD6 */;
+  --palette-light-primary-bg-weak: 230, 248, 255 /* #e6f8ff */;
+  --palette-light-primary-border-strong: 0, 111, 214 /* #006FD6 */;
+  --palette-light-primary-border-weak: 122, 209, 255 /* #7ad1ff */;
+  --palette-light-primary-focus: 1, 139, 255 /* #018bff */;
+  --palette-light-primary-hover-weak: rgba(1,139,255,0.08);
+  --palette-light-primary-hover-strong: 0, 86, 179 /* #0056b3 */;
+  --palette-light-primary-pressed-weak: rgba(1,139,255,0.12);
+  --palette-light-primary-pressed-strong: 0, 64, 146 /* #004092 */;
+  --palette-light-danger-text: 204, 37, 75 /* #cc254b */;
+  --palette-light-danger-icon: 204, 37, 75 /* #cc254b */;
+  --palette-light-danger-bg-strong: 204, 37, 75 /* #cc254b */;
+  --palette-light-danger-bg-weak: 255, 230, 233 /* #ffe6e9 */;
+  --palette-light-danger-border-strong: 204, 37, 75 /* #cc254b */;
+  --palette-light-danger-border-weak: 255, 184, 196 /* #ffb8c4 */;
+  --palette-light-danger-hover-weak: rgba(237,18,82,0.08);
+  --palette-light-danger-hover-strong: 161, 0, 59 /* #a1003b */;
+  --palette-light-danger-pressed-weak: rgba(237,18,82,0.12);
+  --palette-light-danger-pressed-strong: 122, 0, 49 /* #7a0031 */;
+  --palette-light-warning-text: 150, 108, 46 /* #966c2e */;
+  --palette-light-warning-icon: 150, 108, 46 /* #966c2e */;
+  --palette-light-warning-bg-strong: 150, 108, 46 /* #966c2e */;
+  --palette-light-warning-bg-weak: 255, 251, 222 /* #FFFBDE */;
+  --palette-light-warning-border-strong: 150, 108, 46 /* #966c2e */;
+  --palette-light-warning-border-weak: 255, 234, 140 /* #FFEA8C */;
+  --palette-light-success-text: 50, 125, 96 /* #327D60 */;
+  --palette-light-success-icon: 50, 125, 96 /* #327D60 */;
+  --palette-light-success-bg-strong: 50, 125, 96 /* #327D60 */;
+  --palette-light-success-bg-weak: 225, 250, 239 /* #E1FAEF */;
+  --palette-light-success-border-strong: 50, 125, 96 /* #327D60 */;
+  --palette-light-success-border-weak: 152, 237, 203 /* #98EDCB */;
+  --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;
+}