@neo4j-ndl/base 0.1.0

package/lib/optimised.config.d.ts

@@ -0,0 +1,274 @@
+export const prefix: string;
+export const content: string[];
+export const safelist: {
+    pattern: RegExp;
+    variants: string[];
+}[];
+export const theme: {
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    extend: {
+        colors: {
+            transparent: string;
+            current: string;
+        };
+    };
+    colors: {
+        light: {
+            neutral: {
+                text: {
+                    weakest: string;
+                    weaker: string;
+                    weak: string;
+                    default: string;
+                    inverse: string;
+                };
+                bg: {
+                    weak: string;
+                    default: string;
+                    strong: string;
+                    strongest: string;
+                };
+                border: {
+                    weak: string;
+                    strong: string;
+                };
+                hover: string;
+                pressed: string;
+            };
+            primary: {
+                text: string;
+                icon: string;
+                bg: {
+                    strong: string;
+                    weak: string;
+                };
+                border: {
+                    strong: string;
+                    weak: string;
+                };
+                focus: string;
+                hover: {
+                    weak: string;
+                    strong: string;
+                };
+                pressed: {
+                    weak: string;
+                    strong: string;
+                };
+            };
+            danger: {
+                text: string;
+                icon: string;
+                bg: {
+                    strong: string;
+                    weak: string;
+                };
+                border: {
+                    strong: string;
+                    weak: string;
+                };
+                hover: {
+                    weak: string;
+                    strong: string;
+                };
+                pressed: {
+                    weak: string;
+                    strong: string;
+                };
+            };
+            warning: {
+                text: string;
+                icon: string;
+                bg: {
+                    strong: string;
+                    weak: string;
+                };
+                border: {
+                    strong: string;
+                    weak: string;
+                };
+            };
+            success: {
+                text: string;
+                icon: string;
+                bg: {
+                    strong: string;
+                    weak: string;
+                };
+                border: {
+                    strong: string;
+                    weak: string;
+                };
+            };
+        };
+        primary: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        danger: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        success: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            /**
+             * Tailwind CSS Configuration
+             * containing all configurations we need
+             * for our components
+             */
+            "60": string;
+            "70": string;
+        };
+        warning: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        blueberry: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        mint: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        neutral: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "1xl": string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        full: string;
+    };
+    boxShadow: {
+        l2: string;
+        l3: string;
+        l4: string;
+        l5: string;
+    };
+    fontFamily: {
+        sans: string[];
+        mono: string[];
+    };
+    fontSize: {
+        h1: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        h2: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        h3: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        h4: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        h5: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        h6: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'subheading-large': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'subheading-medium': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'subheading-small': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'body-large': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'body-medium': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        'body-small': (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        code: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        label: (string | {
+            letterSpacing: string;
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+    };
+};
+export const plugins: never[];

package/lib/optimised.config.js

@@ -0,0 +1,69 @@
+"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 tailwindConfig = require('./tailwindConfig.js');
+/**
+ * Tailwind CSS Configuration
+ * containing all configurations we need
+ * for our components
+ */
+module.exports = {
+    prefix: 'n-',
+    content: ['../**/*.{tsx,md, jsx, js, html}'],
+    // remove classes like `text-opacity` but leave all color utilities
+    // eventually we should generate components in a more
+    // "tailwind" way to avoid safelisting like below
+    safelist: [
+        {
+            pattern: /^(hover:)?n-text-(primary|danger|warning|success|blueberry|mint|neutral)-/,
+            variants: ['hover']
+        },
+        {
+            pattern: /^(hover:)?n-bg-(primary|danger|warning|success|blueberry|mint|neutral)-/,
+            variants: ['hover']
+        },
+    ],
+    theme: __assign(__assign({}, tailwindConfig), { screens: {
+            sm: '640px',
+            md: '768px',
+            lg: '1024px'
+        }, extend: {
+            colors: {
+                transparent: 'transparent',
+                current: 'currentColor'
+            }
+        } }),
+    // Enable only necessary plugins
+    // https://tailwindcss.com/docs/configuration#core-plugins
+    plugins: []
+};
+//# sourceMappingURL=optimised.config.js.map

package/lib/optimised.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optimised.config.js","sourceRoot":"","sources":["../src/optimised.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;AAEH,IAAM,cAAc,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,GAAG;IACf,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,CAAC,iCAAiC,CAAC;IAC5C,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,2EAA2E;YAC7E,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,yEAAyE;YAC3E,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,cAAc,KACjB,OAAO,EAAE;YACP,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,QAAQ;SACb,EACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}

package/lib/tailwindConfig.d.ts

@@ -0,0 +1,254 @@
+export const colors: {
+    light: {
+        neutral: {
+            text: {
+                weakest: string;
+                weaker: string;
+                weak: string;
+                default: string;
+                inverse: string;
+            };
+            bg: {
+                weak: string;
+                default: string;
+                strong: string;
+                strongest: string;
+            };
+            border: {
+                weak: string;
+                strong: string;
+            };
+            hover: string;
+            pressed: string;
+        };
+        primary: {
+            text: string;
+            icon: string;
+            bg: {
+                strong: string;
+                weak: string;
+            };
+            border: {
+                strong: string;
+                weak: string;
+            };
+            focus: string;
+            hover: {
+                weak: string;
+                strong: string;
+            };
+            pressed: {
+                weak: string;
+                strong: string;
+            };
+        };
+        danger: {
+            text: string;
+            icon: string;
+            bg: {
+                strong: string;
+                weak: string;
+            };
+            border: {
+                strong: string;
+                weak: string;
+            };
+            hover: {
+                weak: string;
+                strong: string;
+            };
+            pressed: {
+                weak: string;
+                strong: string;
+            };
+        };
+        warning: {
+            text: string;
+            icon: string;
+            bg: {
+                strong: string;
+                weak: string;
+            };
+            border: {
+                strong: string;
+                weak: string;
+            };
+        };
+        success: {
+            text: string;
+            icon: string;
+            bg: {
+                strong: string;
+                weak: string;
+            };
+            border: {
+                strong: string;
+                weak: string;
+            };
+        };
+    };
+    primary: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    danger: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    success: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    warning: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    blueberry: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    mint: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+    };
+    neutral: {
+        "10": string;
+        "20": string;
+        "30": string;
+        "40": string;
+        "50": string;
+        "60": string;
+        "70": string;
+        "80": string;
+        "90": string;
+    };
+};
+export const borderRadius: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "1xl": string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    full: string;
+};
+export const boxShadow: {
+    l2: string;
+    l3: string;
+    l4: string;
+    l5: string;
+};
+export namespace fontFamily {
+    const sans: string[];
+    const mono: string[];
+}
+export const fontSize: {
+    h1: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    h2: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    h3: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    h4: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    h5: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    h6: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'subheading-large': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'subheading-medium': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'subheading-small': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'body-large': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'body-medium': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    'body-small': (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    code: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+    label: (string | {
+        letterSpacing: string;
+        lineHeight: string;
+        fontWeight: string;
+    })[];
+};
+export namespace screens {
+    const sm: string;
+    const md: string;
+    const lg: string;
+}