@navita/css 0.0.9 → 0.0.11

package/classList.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+class ClassList extends String {
+    constructor(str, classList){
+        super(str);
+        this.classList = classList;
+    }
+}
+
+exports.ClassList = ClassList;

package/classList.mjs

@@ -0,0 +1,8 @@
+class ClassList extends String {
+    constructor(str, classList){
+        super(str);
+        this.classList = classList;
+    }
+}
+
+export { ClassList };

package/fontFace.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+
+function fontFace(rule) {
+    return adapter.addFontFace(rule);
+}
+
+exports.fontFace = fontFace;

package/fontFace.mjs

@@ -0,0 +1,7 @@
+import { addFontFace } from '@navita/adapter';
+
+function fontFace(rule) {
+    return addFontFace(rule);
+}
+
+export { fontFace };

package/globalStyle.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+
+function globalStyle(selector, rule) {
+    adapter.addStaticCss(selector, rule);
+}
+
+exports.globalStyle = globalStyle;

package/globalStyle.mjs

@@ -0,0 +1,7 @@
+import { addStaticCss } from '@navita/adapter';
+
+function globalStyle(selector, rule) {
+    addStaticCss(selector, rule);
+}
+
+export { globalStyle };

package/helpers/walkObject.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+function walkObject(objectToWalk, transformFn, currentPath = []) {
+    const clonedObject = objectToWalk.constructor();
+    for(const key in objectToWalk){
+        const value = objectToWalk[key];
+        const newPath = [
+            ...currentPath,
+            key
+        ];
+        if (typeof value === 'string' || typeof value === 'number' || value == null) {
+            clonedObject[key] = transformFn(value, newPath);
+        } else if (typeof value === 'object' && !Array.isArray(value)) {
+            clonedObject[key] = walkObject(value, transformFn, newPath);
+        }
+    }
+    return clonedObject;
+}
+
+exports.walkObject = walkObject;

package/helpers/walkObject.mjs

@@ -0,0 +1,18 @@
+function walkObject(objectToWalk, transformFn, currentPath = []) {
+    const clonedObject = objectToWalk.constructor();
+    for(const key in objectToWalk){
+        const value = objectToWalk[key];
+        const newPath = [
+            ...currentPath,
+            key
+        ];
+        if (typeof value === 'string' || typeof value === 'number' || value == null) {
+            clonedObject[key] = transformFn(value, newPath);
+        } else if (typeof value === 'object' && !Array.isArray(value)) {
+            clonedObject[key] = walkObject(value, transformFn, newPath);
+        }
+    }
+    return clonedObject;
+}
+
+export { walkObject };

package/index.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var style = require('./style.cjs');
+var globalStyle = require('./globalStyle.cjs');
+var merge = require('./merge.cjs');
+var keyframes = require('./keyframes.cjs');
+var fontFace = require('./fontFace.cjs');
+var theme = require('./theme.cjs');
+var vars = require('./vars.cjs');
+var classList = require('./classList.cjs');
+require('@navita/adapter');
+require('cssesc');
+require('./helpers/walkObject.cjs');
+require('./validateContract.cjs');
+require('deep-object-diff');
+require('picocolors');
+
+const source = '@navita/css';
+const importMap = [
+    {
+        callee: "style",
+        source
+    },
+    {
+        callee: "globalStyle",
+        source
+    },
+    {
+        callee: "keyframes",
+        source
+    },
+    {
+        callee: "fontFace",
+        source
+    },
+    {
+        callee: "createThemeContract",
+        source
+    },
+    {
+        callee: "createGlobalThemeContract",
+        source
+    },
+    {
+        callee: "createGlobalTheme",
+        source
+    },
+    {
+        callee: "createTheme",
+        source
+    },
+    {
+        callee: "createVar",
+        source
+    },
+    {
+        callee: "fallbackVar",
+        source
+    }
+];
+
+exports.style = style.style;
+exports.globalStyle = globalStyle.globalStyle;
+exports.merge = merge.merge;
+exports.keyframes = keyframes.keyframes;
+exports.fontFace = fontFace.fontFace;
+exports.createGlobalTheme = theme.createGlobalTheme;
+exports.createGlobalThemeContract = theme.createGlobalThemeContract;
+exports.createTheme = theme.createTheme;
+exports.createThemeContract = theme.createThemeContract;
+exports.assignVars = vars.assignVars;
+exports.createVar = vars.createVar;
+exports.fallbackVar = vars.fallbackVar;
+exports.ClassList = classList.ClassList;
+exports.importMap = importMap;

package/index.d.ts

@@ -19,7 +19,7 @@ declare function createTheme<ThemeTokens extends Tokens>(tokens: ThemeTokens, de
 declare function createTheme<ThemeContract extends Contract>(themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): string;
 
 declare function createVar(name: string): string;
-declare function fallbackVar(...values: [string, ...Array<string>]): CSSVarFunction;
+declare function fallbackVar(...values: [string, ...Array<string>]): string;
 declare function assignVars<VarContract extends Contract>(varContract: VarContract, tokens: MapLeafNodes<VarContract, string>): Record<CSSVarFunction, string>;
 
 declare class ClassList extends String {

package/index.mjs

@@ -1,179 +1,17 @@
-import { addCss, addStaticCss, addKeyframe, addFontFace, generateIdentifier } from '@navita/adapter';
-import cssesc from 'cssesc';
-import chalk from 'chalk';
-import { diff } from 'deep-object-diff';
-
-function style(rule) {
-    return addCss(rule);
-}
-
-function globalStyle(selector, rule) {
-    addStaticCss(selector, rule);
-}
-
-function merge(...classNames) {
-    const input = classNames.filter(Boolean).join(' ').split(' ');
-    const output = {};
-    for (const className of input){
-        const [property] = className.split(/\d+$/);
-        output[property] = className;
-    }
-    return Object.values(output).join(' ');
-}
-
-function keyframes(rule) {
-    return addKeyframe(rule);
-}
-
-function fontFace(rule) {
-    return addFontFace(rule);
-}
-
-function walkObject(objectToWalk, transformFn, currentPath = []) {
-    const clonedObject = objectToWalk.constructor();
-    for(const key in objectToWalk){
-        const value = objectToWalk[key];
-        const newPath = [
-            ...currentPath,
-            key
-        ];
-        if (typeof value === 'string' || typeof value === 'number' || value == null) {
-            clonedObject[key] = transformFn(value, newPath);
-        } else if (typeof value === 'object' && !Array.isArray(value)) {
-            clonedObject[key] = walkObject(value, transformFn, newPath);
-        }
-    }
-    return clonedObject;
-}
-
-const normaliseObject = (obj)=>walkObject(obj, ()=>'');
-function validateContract(contract, tokens) {
-    const theDiff = diff(normaliseObject(contract), normaliseObject(tokens));
-    const valid = Object.keys(theDiff).length === 0;
-    return {
-        valid,
-        diffString: valid ? '' : renderDiff(contract, theDiff)
-    };
-}
-function diffLine(value, nesting, type) {
-    const whitespace = [
-        ...Array(nesting).keys()
-    ].map(()=>'  ').join('');
-    const line = `${type ? type : ' '}${whitespace}${value}`;
-    {
-        if (type === '-') {
-            return chalk.red(line);
-        }
-        if (type === '+') {
-            return chalk.green(line);
-        }
-    }
-    return line;
-}
-function renderDiff(orig, diff, nesting = 0) {
-    const lines = [];
-    if (nesting === 0) {
-        lines.push(diffLine('{', 0));
-    }
-    const innerNesting = nesting + 1;
-    const keys = Object.keys(diff).sort();
-    for (const key of keys){
-        const value = diff[key];
-        if (!(key in orig)) {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
-        } else if (typeof value === 'object') {
-            lines.push(diffLine(`${key}: {`, innerNesting));
-            lines.push(renderDiff(orig[key], diff[key], innerNesting));
-            lines.push(diffLine('}', innerNesting));
-        } else {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
-        }
-    }
-    if (nesting === 0) {
-        lines.push(diffLine('}', 0));
-    }
-    return lines.join('\n');
-}
-
-function createVar(name) {
-    if (!name) {
-        return `var(--${generateIdentifier(undefined)})`;
-    }
-    return `var(--${cssesc(name, {
-        isIdentifier: true
-    })})`;
-}
-function fallbackVar(...values) {
-    let finalValue = '';
-    values.reverse().forEach((value)=>{
-        if (finalValue === '') {
-            finalValue = String(value);
-        } else {
-            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
-                throw new Error(`Invalid variable name: ${value}`);
-            }
-            finalValue = value.replace(/\)$/, `, ${finalValue})`);
-        }
-    });
-    return finalValue;
-}
-function assignVars(varContract, tokens) {
-    const varSetters = {};
-    const { valid , diffString  } = validateContract(varContract, tokens);
-    if (!valid) {
-        throw new Error(`Tokens don't match contract.\n${diffString}`);
-    }
-    walkObject(tokens, (value, path)=>{
-        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
-            isIdentifier: true
-        })}`;
-        varSetters[cssVarWithoutVar] = String(value);
-    });
-    return varSetters;
-}
-
-function createThemeContract(tokens) {
-    return walkObject(tokens, (_value, path)=>{
-        return createVar(path.join('-').toLowerCase());
-    });
-}
-function createGlobalThemeContract(tokens, mapFn) {
-    return walkObject(tokens, (value, path)=>{
-        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
-        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^\-\-/, '') : null;
-        if (typeof varName !== 'string' || varName !== cssesc(varName, {
-            isIdentifier: true
-        })) {
-            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
-        }
-        return `var(--${varName})`;
-    });
-}
-function createGlobalTheme(selector, arg2, arg3) {
-    const shouldCreateVars = Boolean(!arg3);
-    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
-    const tokens = shouldCreateVars ? arg2 : arg3;
-    const temp = assignVars(themeVars, tokens);
-    addStaticCss(selector, temp);
-    if (shouldCreateVars) {
-        return themeVars;
-    }
-}
-function createTheme(arg1, arg2) {
-    const themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
-    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
-    return vars ? [
-        themeClassName,
-        vars
-    ] : themeClassName;
-}
-
-class ClassList extends String {
-    constructor(str, classList){
-        super(str);
-        this.classList = classList;
-    }
-}
+export { style } from './style.mjs';
+export { globalStyle } from './globalStyle.mjs';
+export { merge } from './merge.mjs';
+export { keyframes } from './keyframes.mjs';
+export { fontFace } from './fontFace.mjs';
+export { createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract } from './theme.mjs';
+export { assignVars, createVar, fallbackVar } from './vars.mjs';
+export { ClassList } from './classList.mjs';
+import '@navita/adapter';
+import 'cssesc';
+import './helpers/walkObject.mjs';
+import './validateContract.mjs';
+import 'deep-object-diff';
+import 'picocolors';
 
 const source = '@navita/css';
 const importMap = [
@@ -219,4 +57,4 @@ const importMap = [
     }
 ];
 
-export { ClassList, assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };
+export { importMap };

package/keyframes.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+
+function keyframes(rule) {
+    return adapter.addKeyframe(rule);
+}
+
+exports.keyframes = keyframes;

package/keyframes.mjs

@@ -0,0 +1,7 @@
+import { addKeyframe } from '@navita/adapter';
+
+function keyframes(rule) {
+    return addKeyframe(rule);
+}
+
+export { keyframes };

package/merge.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+function merge(...classNames) {
+    const input = classNames.filter(Boolean).join(' ').split(' ');
+    const output = {};
+    for (const className of input){
+        const [property] = className.split(/\d+$/);
+        output[property] = className;
+    }
+    return Object.values(output).join(' ');
+}
+
+exports.merge = merge;

package/merge.mjs

@@ -0,0 +1,11 @@
+function merge(...classNames) {
+    const input = classNames.filter(Boolean).join(' ').split(' ');
+    const output = {};
+    for (const className of input){
+        const [property] = className.split(/\d+$/);
+        output[property] = className;
+    }
+    return Object.values(output).join(' ');
+}
+
+export { merge };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navita/css",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Public API for Navita",
   "keywords": [
     "api",
@@ -13,15 +13,15 @@
   "exports": {
     ".": {
       "import": "./index.mjs",
-      "require": "./index.js",
+      "require": "./index.cjs",
       "types": "./index.d.ts"
     }
   },
   "dependencies": {
     "deep-object-diff": "^1.1.9",
     "cssesc": "^3.0.0",
-    "chalk": "^4.1.2",
-    "@navita/adapter": "0.0.9"
+    "picocolors": "^1.0.0",
+    "@navita/adapter": "0.0.10"
   },
   "license": "MIT",
   "author": "Eagerpatch",

package/style.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+
+function style(rule) {
+    return adapter.addCss(rule);
+}
+
+exports.style = style;

package/style.mjs

@@ -0,0 +1,7 @@
+import { addCss } from '@navita/adapter';
+
+function style(rule) {
+    return addCss(rule);
+}
+
+export { style };

package/theme.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+var cssesc = require('cssesc');
+var helpers_walkObject = require('./helpers/walkObject.cjs');
+var vars = require('./vars.cjs');
+require('./validateContract.cjs');
+require('deep-object-diff');
+require('picocolors');
+
+function createThemeContract(tokens) {
+    return helpers_walkObject.walkObject(tokens, (_value, path)=>{
+        return `var(${vars.createVar(path.join('-').toLowerCase())})`;
+    });
+}
+function createGlobalThemeContract(tokens, mapFn) {
+    return helpers_walkObject.walkObject(tokens, (value, path)=>{
+        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
+        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
+        if (typeof varName !== 'string' || varName !== cssesc(varName, {
+            isIdentifier: true
+        })) {
+            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
+        }
+        return `var(--${varName})`;
+    });
+}
+function createGlobalTheme(selector, arg2, arg3) {
+    const shouldCreateVars = Boolean(!arg3);
+    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
+    const tokens = shouldCreateVars ? arg2 : arg3;
+    adapter.addStaticCss(selector, vars.assignVars(themeVars, tokens));
+    if (shouldCreateVars) {
+        return themeVars;
+    }
+}
+function createTheme(arg1, arg2) {
+    const themeClassName = adapter.generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
+    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
+    return vars ? [
+        themeClassName,
+        vars
+    ] : themeClassName;
+}
+
+exports.createGlobalTheme = createGlobalTheme;
+exports.createGlobalThemeContract = createGlobalThemeContract;
+exports.createTheme = createTheme;
+exports.createThemeContract = createThemeContract;

package/theme.mjs

@@ -0,0 +1,44 @@
+import { addStaticCss, generateIdentifier } from '@navita/adapter';
+import cssesc from 'cssesc';
+import { walkObject } from './helpers/walkObject.mjs';
+import { createVar, assignVars } from './vars.mjs';
+import './validateContract.mjs';
+import 'deep-object-diff';
+import 'picocolors';
+
+function createThemeContract(tokens) {
+    return walkObject(tokens, (_value, path)=>{
+        return `var(${createVar(path.join('-').toLowerCase())})`;
+    });
+}
+function createGlobalThemeContract(tokens, mapFn) {
+    return walkObject(tokens, (value, path)=>{
+        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
+        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^--/, '') : null;
+        if (typeof varName !== 'string' || varName !== cssesc(varName, {
+            isIdentifier: true
+        })) {
+            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
+        }
+        return `var(--${varName})`;
+    });
+}
+function createGlobalTheme(selector, arg2, arg3) {
+    const shouldCreateVars = Boolean(!arg3);
+    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
+    const tokens = shouldCreateVars ? arg2 : arg3;
+    addStaticCss(selector, assignVars(themeVars, tokens));
+    if (shouldCreateVars) {
+        return themeVars;
+    }
+}
+function createTheme(arg1, arg2) {
+    const themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
+    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
+    return vars ? [
+        themeClassName,
+        vars
+    ] : themeClassName;
+}
+
+export { createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract };

package/validateContract.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var deepObjectDiff = require('deep-object-diff');
+var pc = require('picocolors');
+var helpers_walkObject = require('./helpers/walkObject.cjs');
+
+const normaliseObject = (obj)=>helpers_walkObject.walkObject(obj, ()=>'');
+function validateContract(contract, tokens) {
+    const theDiff = deepObjectDiff.diff(normaliseObject(contract), normaliseObject(tokens));
+    const valid = Object.keys(theDiff).length === 0;
+    return {
+        valid,
+        diffString: valid ? '' : renderDiff(contract, theDiff)
+    };
+}
+function diffLine(value, nesting, type) {
+    const whitespace = [
+        ...Array(nesting).keys()
+    ].map(()=>'  ').join('');
+    const line = `${type ? type : ' '}${whitespace}${value}`;
+    {
+        if (type === '-') {
+            return pc.red(line);
+        }
+        if (type === '+') {
+            return pc.green(line);
+        }
+    }
+    return line;
+}
+function renderDiff(orig, diff, nesting = 0) {
+    const lines = [];
+    if (nesting === 0) {
+        lines.push(diffLine('{', 0));
+    }
+    const innerNesting = nesting + 1;
+    const keys = Object.keys(diff).sort();
+    for (const key of keys){
+        const value = diff[key];
+        if (!(key in orig)) {
+            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
+        } else if (typeof value === 'object') {
+            lines.push(diffLine(`${key}: {`, innerNesting));
+            lines.push(renderDiff(orig[key], diff[key], innerNesting));
+            lines.push(diffLine('}', innerNesting));
+        } else {
+            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
+        }
+    }
+    if (nesting === 0) {
+        lines.push(diffLine('}', 0));
+    }
+    return lines.join('\n');
+}
+
+exports.validateContract = validateContract;

package/validateContract.mjs

@@ -0,0 +1,54 @@
+import { diff } from 'deep-object-diff';
+import pc from 'picocolors';
+import { walkObject } from './helpers/walkObject.mjs';
+
+const normaliseObject = (obj)=>walkObject(obj, ()=>'');
+function validateContract(contract, tokens) {
+    const theDiff = diff(normaliseObject(contract), normaliseObject(tokens));
+    const valid = Object.keys(theDiff).length === 0;
+    return {
+        valid,
+        diffString: valid ? '' : renderDiff(contract, theDiff)
+    };
+}
+function diffLine(value, nesting, type) {
+    const whitespace = [
+        ...Array(nesting).keys()
+    ].map(()=>'  ').join('');
+    const line = `${type ? type : ' '}${whitespace}${value}`;
+    {
+        if (type === '-') {
+            return pc.red(line);
+        }
+        if (type === '+') {
+            return pc.green(line);
+        }
+    }
+    return line;
+}
+function renderDiff(orig, diff, nesting = 0) {
+    const lines = [];
+    if (nesting === 0) {
+        lines.push(diffLine('{', 0));
+    }
+    const innerNesting = nesting + 1;
+    const keys = Object.keys(diff).sort();
+    for (const key of keys){
+        const value = diff[key];
+        if (!(key in orig)) {
+            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
+        } else if (typeof value === 'object') {
+            lines.push(diffLine(`${key}: {`, innerNesting));
+            lines.push(renderDiff(orig[key], diff[key], innerNesting));
+            lines.push(diffLine('}', innerNesting));
+        } else {
+            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
+        }
+    }
+    if (nesting === 0) {
+        lines.push(diffLine('}', 0));
+    }
+    return lines.join('\n');
+}
+
+export { validateContract };

package/vars.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var adapter = require('@navita/adapter');
+var cssesc = require('cssesc');
+var helpers_walkObject = require('./helpers/walkObject.cjs');
+var validateContract = require('./validateContract.cjs');
+require('deep-object-diff');
+require('picocolors');
+
+function createVar(name) {
+    return `--${cssesc(!name ? adapter.generateIdentifier(undefined) : name, {
+        isIdentifier: true
+    })}`;
+}
+function fallbackVar(...values) {
+    let finalValue = '';
+    for (let value of values.reverse()){
+        if (/^--/.test(value)) {
+            value = `var(${value})`;
+        }
+        if (finalValue === '') {
+            finalValue = String(value);
+        } else {
+            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
+                throw new Error(`Invalid variable name: ${value}`);
+            }
+            finalValue = value.replace(/\)$/, `, ${finalValue})`);
+        }
+    }
+    return finalValue;
+}
+function assignVars(varContract, tokens) {
+    const varSetters = {};
+    const { valid , diffString  } = validateContract.validateContract(varContract, tokens);
+    if (!valid) {
+        throw new Error(`Tokens don't match contract.\n${diffString}`);
+    }
+    helpers_walkObject.walkObject(tokens, (value, path)=>{
+        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
+            isIdentifier: true
+        })}`;
+        varSetters[cssVarWithoutVar] = String(value);
+    });
+    return varSetters;
+}
+
+exports.assignVars = assignVars;
+exports.createVar = createVar;
+exports.fallbackVar = fallbackVar;

package/vars.mjs

@@ -0,0 +1,45 @@
+import { generateIdentifier } from '@navita/adapter';
+import cssesc from 'cssesc';
+import { walkObject } from './helpers/walkObject.mjs';
+import { validateContract } from './validateContract.mjs';
+import 'deep-object-diff';
+import 'picocolors';
+
+function createVar(name) {
+    return `--${cssesc(!name ? generateIdentifier(undefined) : name, {
+        isIdentifier: true
+    })}`;
+}
+function fallbackVar(...values) {
+    let finalValue = '';
+    for (let value of values.reverse()){
+        if (/^--/.test(value)) {
+            value = `var(${value})`;
+        }
+        if (finalValue === '') {
+            finalValue = String(value);
+        } else {
+            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
+                throw new Error(`Invalid variable name: ${value}`);
+            }
+            finalValue = value.replace(/\)$/, `, ${finalValue})`);
+        }
+    }
+    return finalValue;
+}
+function assignVars(varContract, tokens) {
+    const varSetters = {};
+    const { valid , diffString  } = validateContract(varContract, tokens);
+    if (!valid) {
+        throw new Error(`Tokens don't match contract.\n${diffString}`);
+    }
+    walkObject(tokens, (value, path)=>{
+        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
+            isIdentifier: true
+        })}`;
+        varSetters[cssVarWithoutVar] = String(value);
+    });
+    return varSetters;
+}
+
+export { assignVars, createVar, fallbackVar };

package/index.js

@@ -1,237 +0,0 @@
-'use strict';
-
-var adapter = require('@navita/adapter');
-var cssesc = require('cssesc');
-var chalk = require('chalk');
-var deepObjectDiff = require('deep-object-diff');
-
-function style(rule) {
-    return adapter.addCss(rule);
-}
-
-function globalStyle(selector, rule) {
-    adapter.addStaticCss(selector, rule);
-}
-
-function merge(...classNames) {
-    const input = classNames.filter(Boolean).join(' ').split(' ');
-    const output = {};
-    for (const className of input){
-        const [property] = className.split(/\d+$/);
-        output[property] = className;
-    }
-    return Object.values(output).join(' ');
-}
-
-function keyframes(rule) {
-    return adapter.addKeyframe(rule);
-}
-
-function fontFace(rule) {
-    return adapter.addFontFace(rule);
-}
-
-function walkObject(objectToWalk, transformFn, currentPath = []) {
-    const clonedObject = objectToWalk.constructor();
-    for(const key in objectToWalk){
-        const value = objectToWalk[key];
-        const newPath = [
-            ...currentPath,
-            key
-        ];
-        if (typeof value === 'string' || typeof value === 'number' || value == null) {
-            clonedObject[key] = transformFn(value, newPath);
-        } else if (typeof value === 'object' && !Array.isArray(value)) {
-            clonedObject[key] = walkObject(value, transformFn, newPath);
-        }
-    }
-    return clonedObject;
-}
-
-const normaliseObject = (obj)=>walkObject(obj, ()=>'');
-function validateContract(contract, tokens) {
-    const theDiff = deepObjectDiff.diff(normaliseObject(contract), normaliseObject(tokens));
-    const valid = Object.keys(theDiff).length === 0;
-    return {
-        valid,
-        diffString: valid ? '' : renderDiff(contract, theDiff)
-    };
-}
-function diffLine(value, nesting, type) {
-    const whitespace = [
-        ...Array(nesting).keys()
-    ].map(()=>'  ').join('');
-    const line = `${type ? type : ' '}${whitespace}${value}`;
-    {
-        if (type === '-') {
-            return chalk.red(line);
-        }
-        if (type === '+') {
-            return chalk.green(line);
-        }
-    }
-    return line;
-}
-function renderDiff(orig, diff, nesting = 0) {
-    const lines = [];
-    if (nesting === 0) {
-        lines.push(diffLine('{', 0));
-    }
-    const innerNesting = nesting + 1;
-    const keys = Object.keys(diff).sort();
-    for (const key of keys){
-        const value = diff[key];
-        if (!(key in orig)) {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '+'));
-        } else if (typeof value === 'object') {
-            lines.push(diffLine(`${key}: {`, innerNesting));
-            lines.push(renderDiff(orig[key], diff[key], innerNesting));
-            lines.push(diffLine('}', innerNesting));
-        } else {
-            lines.push(diffLine(`${key}: ...,`, innerNesting, '-'));
-        }
-    }
-    if (nesting === 0) {
-        lines.push(diffLine('}', 0));
-    }
-    return lines.join('\n');
-}
-
-function createVar(name) {
-    if (!name) {
-        return `var(--${adapter.generateIdentifier(undefined)})`;
-    }
-    return `var(--${cssesc(name, {
-        isIdentifier: true
-    })})`;
-}
-function fallbackVar(...values) {
-    let finalValue = '';
-    values.reverse().forEach((value)=>{
-        if (finalValue === '') {
-            finalValue = String(value);
-        } else {
-            if (typeof value !== 'string' || !/^var\(--.*\)$/.test(value)) {
-                throw new Error(`Invalid variable name: ${value}`);
-            }
-            finalValue = value.replace(/\)$/, `, ${finalValue})`);
-        }
-    });
-    return finalValue;
-}
-function assignVars(varContract, tokens) {
-    const varSetters = {};
-    const { valid , diffString  } = validateContract(varContract, tokens);
-    if (!valid) {
-        throw new Error(`Tokens don't match contract.\n${diffString}`);
-    }
-    walkObject(tokens, (value, path)=>{
-        const cssVarWithoutVar = `--${cssesc(path.join('-').toLowerCase(), {
-            isIdentifier: true
-        })}`;
-        varSetters[cssVarWithoutVar] = String(value);
-    });
-    return varSetters;
-}
-
-function createThemeContract(tokens) {
-    return walkObject(tokens, (_value, path)=>{
-        return createVar(path.join('-').toLowerCase());
-    });
-}
-function createGlobalThemeContract(tokens, mapFn) {
-    return walkObject(tokens, (value, path)=>{
-        const rawVarName = typeof mapFn === 'function' ? mapFn(value, path) : value;
-        const varName = typeof rawVarName === 'string' ? rawVarName.replace(/^\-\-/, '') : null;
-        if (typeof varName !== 'string' || varName !== cssesc(varName, {
-            isIdentifier: true
-        })) {
-            throw new Error(`Invalid variable name for "${path.join('.')}": ${varName}`);
-        }
-        return `var(--${varName})`;
-    });
-}
-function createGlobalTheme(selector, arg2, arg3) {
-    const shouldCreateVars = Boolean(!arg3);
-    const themeVars = shouldCreateVars ? createThemeContract(arg2) : arg2;
-    const tokens = shouldCreateVars ? arg2 : arg3;
-    const temp = assignVars(themeVars, tokens);
-    adapter.addStaticCss(selector, temp);
-    if (shouldCreateVars) {
-        return themeVars;
-    }
-}
-function createTheme(arg1, arg2) {
-    const themeClassName = adapter.generateIdentifier(typeof arg2 === 'object' ? arg2 : arg1);
-    const vars = typeof arg2 === 'object' ? createGlobalTheme(`.${themeClassName}`, arg1, arg2) : createGlobalTheme(`.${themeClassName}`, arg1);
-    return vars ? [
-        themeClassName,
-        vars
-    ] : themeClassName;
-}
-
-class ClassList extends String {
-    constructor(str, classList){
-        super(str);
-        this.classList = classList;
-    }
-}
-
-const source = '@navita/css';
-const importMap = [
-    {
-        callee: "style",
-        source
-    },
-    {
-        callee: "globalStyle",
-        source
-    },
-    {
-        callee: "keyframes",
-        source
-    },
-    {
-        callee: "fontFace",
-        source
-    },
-    {
-        callee: "createThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalThemeContract",
-        source
-    },
-    {
-        callee: "createGlobalTheme",
-        source
-    },
-    {
-        callee: "createTheme",
-        source
-    },
-    {
-        callee: "createVar",
-        source
-    },
-    {
-        callee: "fallbackVar",
-        source
-    }
-];
-
-exports.ClassList = ClassList;
-exports.assignVars = assignVars;
-exports.createGlobalTheme = createGlobalTheme;
-exports.createGlobalThemeContract = createGlobalThemeContract;
-exports.createTheme = createTheme;
-exports.createThemeContract = createThemeContract;
-exports.createVar = createVar;
-exports.fallbackVar = fallbackVar;
-exports.fontFace = fontFace;
-exports.globalStyle = globalStyle;
-exports.importMap = importMap;
-exports.keyframes = keyframes;
-exports.merge = merge;
-exports.style = style;