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

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

@@ -0,0 +1,297 @@
+export namespace tokens {
+    namespace transitions {
+        export const values: {
+            properties: {
+                default: string;
+            };
+            duration: {
+                default: string;
+            };
+            "timing-function": {
+                default: string;
+            };
+        };
+        export const stripped: string;
+        const _default: string;
+        export { _default as default };
+    }
+    const borderRadius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "1xl": string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        full: string;
+    };
+    const breakpoints: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+    };
+    namespace colors {
+        const primary: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const danger: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const success: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const warning: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const blueberry: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const mint: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        const neutral: {
+            "10": string;
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+    }
+    namespace font {
+        const size: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            "subheading-large": string;
+            "subheading-medium": string;
+            "subheading-small": string;
+            "body-large": string;
+            "body-medium": string;
+            "body-small": string;
+            code: string;
+            label: string;
+        };
+        namespace weight {
+            const bold: string;
+            const semibold: string;
+            const normal: string;
+            const medium: string;
+            const light: string;
+        }
+    }
+    namespace palette {
+        export namespace light_1 {
+            export namespace neutral_1 {
+                namespace text {
+                    export const weakest: string;
+                    export const weaker: string;
+                    export const weak: string;
+                    const _default_1: string;
+                    export { _default_1 as default };
+                    export const inverse: string;
+                }
+                namespace bg {
+                    const weak_1: string;
+                    export { weak_1 as weak };
+                    const _default_2: string;
+                    export { _default_2 as default };
+                    export const strong: string;
+                    export const strongest: string;
+                }
+                namespace border {
+                    const weak_2: string;
+                    export { weak_2 as weak };
+                    const strong_1: string;
+                    export { strong_1 as strong };
+                }
+                const hover: string;
+                const pressed: string;
+            }
+            export { neutral_1 as neutral };
+            export namespace primary_1 {
+                const text_1: string;
+                export { text_1 as text };
+                export const icon: string;
+                export namespace bg_1 {
+                    const strong_2: string;
+                    export { strong_2 as strong };
+                    const weak_3: string;
+                    export { weak_3 as weak };
+                }
+                export { bg_1 as bg };
+                export namespace border_1 {
+                    const strong_3: string;
+                    export { strong_3 as strong };
+                    const weak_4: string;
+                    export { weak_4 as weak };
+                }
+                export { border_1 as border };
+                export const focus: string;
+                export namespace hover_1 {
+                    const weak_5: string;
+                    export { weak_5 as weak };
+                    const strong_4: string;
+                    export { strong_4 as strong };
+                }
+                export { hover_1 as hover };
+                export namespace pressed_1 {
+                    const weak_6: string;
+                    export { weak_6 as weak };
+                    const strong_5: string;
+                    export { strong_5 as strong };
+                }
+                export { pressed_1 as pressed };
+            }
+            export { primary_1 as primary };
+            export namespace danger_1 {
+                const text_2: string;
+                export { text_2 as text };
+                const icon_1: string;
+                export { icon_1 as icon };
+                export namespace bg_2 {
+                    const strong_6: string;
+                    export { strong_6 as strong };
+                    const weak_7: string;
+                    export { weak_7 as weak };
+                }
+                export { bg_2 as bg };
+                export namespace border_2 {
+                    const strong_7: string;
+                    export { strong_7 as strong };
+                    const weak_8: string;
+                    export { weak_8 as weak };
+                }
+                export { border_2 as border };
+                export namespace hover_2 {
+                    const weak_9: string;
+                    export { weak_9 as weak };
+                    const strong_8: string;
+                    export { strong_8 as strong };
+                }
+                export { hover_2 as hover };
+                export namespace pressed_2 {
+                    const weak_10: string;
+                    export { weak_10 as weak };
+                    const strong_9: string;
+                    export { strong_9 as strong };
+                }
+                export { pressed_2 as pressed };
+            }
+            export { danger_1 as danger };
+            export namespace warning_1 {
+                const text_3: string;
+                export { text_3 as text };
+                const icon_2: string;
+                export { icon_2 as icon };
+                export namespace bg_3 {
+                    const strong_10: string;
+                    export { strong_10 as strong };
+                    const weak_11: string;
+                    export { weak_11 as weak };
+                }
+                export { bg_3 as bg };
+                export namespace border_3 {
+                    const strong_11: string;
+                    export { strong_11 as strong };
+                    const weak_12: string;
+                    export { weak_12 as weak };
+                }
+                export { border_3 as border };
+            }
+            export { warning_1 as warning };
+            export namespace success_1 {
+                const text_4: string;
+                export { text_4 as text };
+                const icon_3: string;
+                export { icon_3 as icon };
+                export namespace bg_4 {
+                    const strong_12: string;
+                    export { strong_12 as strong };
+                    const weak_13: string;
+                    export { weak_13 as weak };
+                }
+                export { bg_4 as bg };
+                export namespace border_4 {
+                    const strong_13: string;
+                    export { strong_13 as strong };
+                    const weak_14: string;
+                    export { weak_14 as weak };
+                }
+                export { border_4 as border };
+            }
+            export { success_1 as success };
+        }
+        export { light_1 as light };
+    }
+    namespace boxShadow {
+        const l2: string;
+        const l3: string;
+        const l4: string;
+        const l5: string;
+    }
+    const space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+        "11": string;
+        "12": string;
+        "13": string;
+    };
+}

package/lib/{tokens → types/tokens}/js/tokens.d.ts

@@ -1,3 +1,19 @@
+export namespace transitions {
+    export const values: {
+        properties: {
+            default: string;
+        };
+        duration: {
+            default: string;
+        };
+        "timing-function": {
+            default: string;
+        };
+    };
+    export const stripped: string;
+    const _default: string;
+    export { _default as default };
+}
 export const borderRadius: {
     none: string;
     sm: string;
@@ -118,15 +134,15 @@ export namespace palette {
                 export const weakest: string;
                 export const weaker: string;
                 export const weak: string;
-                const _default: string;
-                export { _default as default };
+                const _default_1: string;
+                export { _default_1 as default };
                 export const inverse: string;
             }
             namespace bg {
                 const weak_1: string;
                 export { weak_1 as weak };
-                const _default_1: string;
-                export { _default_1 as default };
+                const _default_2: string;
+                export { _default_2 as default };
                 export const strong: string;
                 export const strongest: string;
             }
@@ -262,15 +278,18 @@ export namespace boxShadow {
     const l5: string;
 }
 export const space: {
+    "0": string;
     "1": string;
     "2": string;
     "3": string;
     "4": string;
+    "5": string;
     "6": string;
+    "7": string;
     "8": string;
+    "9": string;
+    "10": string;
+    "11": string;
     "12": string;
-    "16": string;
-    "20": string;
-    "24": string;
-    "32": string;
+    "13": string;
 };

package/lib/{typescale.d.ts → types/typescale.d.ts}

@@ -1,4 +1,4 @@
-declare const _exports: {
+export const typescale: {
     h1: (string | {
         letterSpacing: string;
         lineHeight: string;
@@ -29,45 +29,44 @@ declare const _exports: {
         lineHeight: string;
         fontWeight: string;
     })[];
-    'subheading-large': (string | {
+    'n-subheading-large': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    'subheading-medium': (string | {
+    'n-subheading-medium': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    'subheading-small': (string | {
+    'n-subheading-small': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    'body-large': (string | {
+    'n-body-large': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    'body-medium': (string | {
+    'n-body-medium': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    'body-small': (string | {
+    'n-body-small': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    code: (string | {
+    'n-code': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
-    label: (string | {
+    'n-label': (string | {
         letterSpacing: string;
         lineHeight: string;
         fontWeight: string;
     })[];
 };
-export = _exports;

package/package.json

@@ -1,12 +1,24 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "0.16.0",
+  "version": "1.0.0-alpha-4cfc0f0",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "",
   "license": "GPL-3.0",
-  "main": "./lib/tokens/js/tokens.js",
-  "types": "./lib/typings.d.ts",
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "import": "./lib/esm/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./lib/neo4j-ds-styles.css": {
+      "import": "./lib/neo4j-ds-styles.css",
+      "require": "./lib/neo4j-ds-styles.css"
+    }
+  },
   "directories": {
     "lib": "lib",
     "test": "__tests__"
@@ -19,23 +31,28 @@
   },
   "scripts": {
     "test": "jest",
-    "build-style-dictionary": "style-dictionary build --config sd.config.js",
+    "build": "yarn build:style-dictionary && yarn build:esm && yarn build:cjs && yarn build:css",
+    "build:style-dictionary": "style-dictionary build --config sd.config.js",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:css": "postcss src/styles.css -o lib/neo4j-ds-styles.css",
-    "watch:css": "postcss -w src/styles.css -o lib/neo4j-ds-styles.css",
-    "build": "yarn build-style-dictionary && tsc && yarn build:css"
+    "watch:css": "postcss -w src/styles.css -o lib/neo4j-ds-styles.css"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.1",
     "@types/jest": "^27.0.3",
     "autoprefixer": "^10.4.0",
     "jest": "^27.3.1",
-    "postcss": "^8.4.4",
-    "postcss-cli": "^9.0.2",
+    "postcss": "^8.4.18",
+    "postcss-cli": "^10.0.0",
     "postcss-import": "^14.0.2",
-    "postcss-nested": "^5.0.6",
+    "postcss-nested": "^6.0.0",
     "style-dictionary": "^3.0.3",
-    "tailwindcss": "^3.0.0",
+    "tailwindcss": "3.1.8",
     "ts-node": "^10.4.0",
-    "typescript": "^4.4.4"
+    "typescript": "4.8.4"
+  },
+  "dependencies": {
+    "@neo4j-ndl/base": "1.0.0-alpha-4cfc0f0"
   }
-}
+}