@navita/css 0.0.11 → 0.0.13

package/index.cjs

@@ -7,13 +7,6 @@ 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 = [
@@ -71,5 +64,4 @@ 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

@@ -18,22 +18,13 @@ declare function createGlobalTheme<ThemeContract extends Contract>(selector: str
 declare function createTheme<ThemeTokens extends Tokens>(tokens: ThemeTokens, debugId?: string): [className: string, vars: ThemeVars<ThemeTokens>];
 declare function createTheme<ThemeContract extends Contract>(themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): string;
 
-declare function createVar(name: string): string;
+declare function createVar<T extends string>(name?: T): `--${T}`;
 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 {
-    classList: {
-        [key: string]: string[];
-    };
-    constructor(str: string, classList: {
-        [key: string]: string[];
-    });
-}
-
 declare const importMap: {
     callee: string;
     source: string;
 }[];
 
-export { ClassList, assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };
+export { assignVars, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, fallbackVar, fontFace, globalStyle, importMap, keyframes, merge, style };

package/index.mjs

@@ -5,13 +5,6 @@ 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 = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navita/css",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Public API for Navita",
   "keywords": [
     "api",
@@ -21,7 +21,7 @@
     "deep-object-diff": "^1.1.9",
     "cssesc": "^3.0.0",
     "picocolors": "^1.0.0",
-    "@navita/adapter": "0.0.10"
+    "@navita/adapter": "0.0.11"
   },
   "license": "MIT",
   "author": "Eagerpatch",

package/theme.cjs

@@ -4,9 +4,6 @@ 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)=>{

package/theme.mjs

@@ -2,9 +2,6 @@ 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)=>{

package/vars.cjs

@@ -4,8 +4,6 @@ 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, {

package/vars.mjs

@@ -2,8 +2,6 @@ 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, {

package/classList.cjs

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

package/classList.mjs

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