@weser/theme 1.1.0 → 1.1.1

package/dist/__tests__/createTheme.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createTheme.test.d.ts.map

package/dist/__tests__/createTheme.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/createTheme.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/createTheme.test.js

@@ -0,0 +1,118 @@
+import { describe, test, expect } from 'vitest';
+import createTheme from '../createTheme';
+describe('createTheme', () => {
+    test('transforms tokens to CSS variables', () => {
+        const tokens = { color: 'red', spacing: '16px' };
+        const [theme, css] = createTheme(tokens);
+        expect(theme.color).toBe('var(--color)');
+        expect(theme.spacing).toBe('var(--spacing)');
+    });
+    test('generates CSS string with declarations', () => {
+        const tokens = { color: 'red' };
+        const [, css] = createTheme(tokens);
+        expect(css).toContain(':root');
+        expect(css).toContain('--color:red');
+    });
+    test('uses default :root selector', () => {
+        const tokens = { color: 'red' };
+        const [, css] = createTheme(tokens);
+        expect(css.startsWith(':root{')).toBe(true);
+    });
+    test('uses custom selector', () => {
+        const tokens = { color: 'red' };
+        const [, css] = createTheme(tokens, { selector: '.dark' });
+        expect(css.startsWith('.dark{')).toBe(true);
+    });
+    test('handles nested tokens', () => {
+        const tokens = {
+            colors: {
+                primary: 'blue',
+                secondary: 'green',
+            },
+        };
+        const [theme, css] = createTheme(tokens);
+        expect(theme.colors.primary).toBe('var(--colors-primary)');
+        expect(theme.colors.secondary).toBe('var(--colors-secondary)');
+        expect(css).toContain('--colors-primary:blue');
+        expect(css).toContain('--colors-secondary:green');
+    });
+    test('handles deeply nested tokens', () => {
+        const tokens = {
+            theme: {
+                colors: {
+                    brand: {
+                        primary: 'blue',
+                    },
+                },
+            },
+        };
+        const [theme, css] = createTheme(tokens);
+        expect(theme.theme.colors.brand.primary).toBe('var(--theme-colors-brand-primary)');
+        expect(css).toContain('--theme-colors-brand-primary:blue');
+    });
+    test('respects shouldTransformValue config', () => {
+        const tokens = {
+            colors: { primary: 'blue' },
+            spacing: { small: '4px' },
+        };
+        const [theme, css] = createTheme(tokens, {
+            shouldTransformValue: (path) => path === 'colors',
+        });
+        expect(theme.colors.primary).toBe('var(--colors-primary)');
+        expect(theme.spacing.small).toBe('4px'); // not transformed
+        expect(css).toContain('--colors-primary:blue');
+        expect(css).not.toContain('--spacing-small');
+    });
+    test('returns tuple of theme and CSS', () => {
+        const tokens = { color: 'red' };
+        const result = createTheme(tokens);
+        expect(Array.isArray(result)).toBe(true);
+        expect(result).toHaveLength(2);
+        expect(typeof result[0]).toBe('object');
+        expect(typeof result[1]).toBe('string');
+    });
+    // Test based on docs example
+    test('handles color palette from docs example', () => {
+        const tokens = {
+            colors: {
+                brand50: 'hsl(255, 100%, 97%)',
+                brand100: 'hsl(255, 90%, 92%)',
+                brand200: 'hsl(255, 85%, 85%)',
+                brand300: 'hsl(255, 80%, 75%)',
+                brand400: 'hsl(255, 75%, 65%)',
+                brand500: 'hsl(255, 70%, 55%)',
+                brand600: 'hsl(255, 65%, 45%)',
+                brand700: 'hsl(255, 60%, 35%)',
+                brand800: 'hsl(255, 55%, 25%)',
+                brand900: 'hsl(255, 50%, 15%)',
+                brand950: 'hsl(255, 45%, 8%)',
+            },
+        };
+        const [theme, css] = createTheme(tokens);
+        // As shown in docs: theme.colors.brand500 => 'var(--colors-brand500)'
+        expect(theme.colors.brand500).toBe('var(--colors-brand500)');
+        expect(theme.colors.brand50).toBe('var(--colors-brand50)');
+        expect(theme.colors.brand950).toBe('var(--colors-brand950)');
+        // CSS should contain all declarations
+        expect(css).toContain('--colors-brand500:hsl(255, 70%, 55%)');
+        expect(css).toContain('--colors-brand50:hsl(255, 100%, 97%)');
+    });
+    test('config example from docs with custom selector and shouldTransformValue', () => {
+        const tokens = {
+            colors: { primary: 'blue' },
+            spacing: { small: '4px', medium: '8px' },
+            other: { value: 'test' },
+        };
+        const [theme, css] = createTheme(tokens, {
+            selector: '.light-theme',
+            shouldTransformValue: (path) => path.startsWith('colors'),
+        });
+        // Only colors should be transformed
+        expect(theme.colors.primary).toBe('var(--colors-primary)');
+        expect(theme.spacing.small).toBe('4px'); // not transformed
+        expect(theme.other.value).toBe('test'); // not transformed
+        // CSS should use custom selector
+        expect(css.startsWith('.light-theme{')).toBe(true);
+    });
+});
+//# sourceMappingURL=createTheme.test.js.map

package/dist/__tests__/createTheme.test.js.map

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

package/dist/__tests__/createThemes.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createThemes.test.d.ts.map

package/dist/__tests__/createThemes.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemes.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/createThemes.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/createThemes.test.js

@@ -0,0 +1,127 @@
+import { describe, test, expect } from 'vitest';
+import createThemes from '../createThemes';
+describe('createThemes', () => {
+    test('creates multiple themes', () => {
+        const themes = {
+            light: { color: 'black', bg: 'white' },
+            dark: { color: 'white', bg: 'black' },
+        };
+        const [theme, css] = createThemes(themes);
+        expect(css).toContain('.light{');
+        expect(css).toContain('.dark{');
+    });
+    test('uses class selectors by default', () => {
+        const themes = {
+            primary: { color: 'blue' },
+        };
+        const [, css] = createThemes(themes);
+        expect(css.startsWith('.primary{')).toBe(true);
+    });
+    test('uses custom getSelector function', () => {
+        const themes = {
+            light: { color: 'black' },
+            dark: { color: 'white' },
+        };
+        const [, css] = createThemes(themes, {
+            getSelector: (name) => `[data-theme="${name}"]`,
+        });
+        expect(css).toContain('[data-theme="light"]');
+        expect(css).toContain('[data-theme="dark"]');
+    });
+    test('transforms all theme tokens', () => {
+        const themes = {
+            theme1: { primary: 'blue' },
+            theme2: { primary: 'green' },
+        };
+        const [theme, css] = createThemes(themes);
+        expect(theme.primary).toBe('var(--primary)');
+        expect(css).toContain('--primary:blue');
+        expect(css).toContain('--primary:green');
+    });
+    test('respects shouldTransformValue config', () => {
+        const themes = {
+            main: {
+                colors: { primary: 'blue' },
+                spacing: { small: '4px' },
+            },
+        };
+        const [theme, css] = createThemes(themes, {
+            shouldTransformValue: (path) => path === 'colors',
+        });
+        expect(theme.colors.primary).toBe('var(--colors-primary)');
+        expect(theme.spacing.small).toBe('4px');
+    });
+    test('handles single theme', () => {
+        const themes = {
+            only: { color: 'red' },
+        };
+        const [theme, css] = createThemes(themes);
+        expect(theme.color).toBe('var(--color)');
+        expect(css).toContain('.only{');
+    });
+    test('returns last theme as the returned theme object', () => {
+        const themes = {
+            a: { value: 'a' },
+            b: { value: 'b' },
+        };
+        const [theme] = createThemes(themes);
+        // The theme object should have transformed values
+        expect(theme.value).toBe('var(--value)');
+    });
+    // Test based on docs example
+    test('handles light/dark theme from docs example', () => {
+        const light = {
+            colors: {
+                foreground: 'black',
+                background: 'white',
+            },
+        };
+        const dark = {
+            colors: {
+                foreground: 'white',
+                background: 'black',
+            },
+        };
+        const themes = { light, dark };
+        const [theme, css] = createThemes(themes, {
+            getSelector: (name) => '.' + name,
+        });
+        // As shown in docs: theme.colors.foreground => 'var(--colors-foreground)'
+        expect(theme.colors.foreground).toBe('var(--colors-foreground)');
+        expect(theme.colors.background).toBe('var(--colors-background)');
+        // CSS should contain both theme selectors
+        expect(css).toContain('.light{');
+        expect(css).toContain('.dark{');
+        // CSS should contain the variable declarations
+        expect(css).toContain('--colors-foreground:black');
+        expect(css).toContain('--colors-foreground:white');
+        expect(css).toContain('--colors-background:white');
+        expect(css).toContain('--colors-background:black');
+    });
+    test('handles data attribute selector pattern', () => {
+        const themes = {
+            light: { color: 'black' },
+            dark: { color: 'white' },
+        };
+        const [, css] = createThemes(themes, {
+            getSelector: (name) => `[data-theme="${name}"]`,
+        });
+        expect(css).toContain('[data-theme="light"]');
+        expect(css).toContain('[data-theme="dark"]');
+    });
+    test('config example from docs with shouldTransformValue', () => {
+        const themes = {
+            main: {
+                colors: { primary: 'blue' },
+                spacing: { small: '4px' },
+            },
+        };
+        const [theme, css] = createThemes(themes, {
+            shouldTransformValue: (path) => path === 'colors',
+        });
+        // Only colors should be transformed
+        expect(theme.colors.primary).toBe('var(--colors-primary)');
+        expect(theme.spacing.small).toBe('4px');
+    });
+});
+//# sourceMappingURL=createThemes.test.js.map

package/dist/__tests__/createThemes.test.js.map

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

package/dist/__tests__/createVariable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createVariable.test.d.ts.map

package/dist/__tests__/createVariable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariable.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/createVariable.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/createVariable.test.js

@@ -0,0 +1,32 @@
+import { describe, test, expect } from 'vitest';
+import createVariable from '../createVariable';
+describe('createVariable', () => {
+    test('creates CSS variable reference and declaration', () => {
+        const [reference, declaration] = createVariable('color', 'red');
+        expect(reference).toBe('var(--color)');
+        expect(declaration).toBe('--color:red');
+    });
+    test('handles hyphenated names', () => {
+        const [reference, declaration] = createVariable('primary-color', 'blue');
+        expect(reference).toBe('var(--primary-color)');
+        expect(declaration).toBe('--primary-color:blue');
+    });
+    test('handles complex values', () => {
+        const [reference, declaration] = createVariable('shadow', '0 2px 4px rgba(0,0,0,0.2)');
+        expect(reference).toBe('var(--shadow)');
+        expect(declaration).toBe('--shadow:0 2px 4px rgba(0,0,0,0.2)');
+    });
+    test('handles numeric values as strings', () => {
+        const [reference, declaration] = createVariable('spacing', '16px');
+        expect(reference).toBe('var(--spacing)');
+        expect(declaration).toBe('--spacing:16px');
+    });
+    test('returns tuple of two strings', () => {
+        const result = createVariable('test', 'value');
+        expect(Array.isArray(result)).toBe(true);
+        expect(result).toHaveLength(2);
+        expect(typeof result[0]).toBe('string');
+        expect(typeof result[1]).toBe('string');
+    });
+});
+//# sourceMappingURL=createVariable.test.js.map

package/dist/__tests__/createVariable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariable.test.js","sourceRoot":"","sources":["../../src/__tests__/createVariable.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAE9C,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAE/D,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QACtC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAExE,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;QAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;IAClD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,2BAA2B,CAAC,CAAA;QAEtF,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QACvC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAElE,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACxC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAE9C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxC,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9B,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACvC,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/__tests__/createVariableReference.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createVariableReference.test.d.ts.map

package/dist/__tests__/createVariableReference.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariableReference.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/createVariableReference.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/createVariableReference.test.js

@@ -0,0 +1,32 @@
+import { describe, test, expect } from 'vitest';
+import createVariableReference from '../createVariableReference';
+describe('createVariableReference', () => {
+    test('creates var() reference without fallback', () => {
+        const [variable, reference] = createVariableReference('color');
+        expect(variable).toBe('--color');
+        expect(reference).toBe('var(--color)');
+    });
+    test('creates var() reference with fallback', () => {
+        const [variable, reference] = createVariableReference('color', 'red');
+        expect(variable).toBe('--color');
+        expect(reference).toBe('var(--color, red)');
+    });
+    test('handles hyphenated names', () => {
+        const [variable, reference] = createVariableReference('primary-color', 'blue');
+        expect(variable).toBe('--primary-color');
+        expect(reference).toBe('var(--primary-color, blue)');
+    });
+    test('handles complex fallback values', () => {
+        const [variable, reference] = createVariableReference('shadow', '0 2px 4px rgba(0,0,0,0.2)');
+        expect(variable).toBe('--shadow');
+        expect(reference).toBe('var(--shadow, 0 2px 4px rgba(0,0,0,0.2))');
+    });
+    test('returns tuple of two strings', () => {
+        const result = createVariableReference('test');
+        expect(Array.isArray(result)).toBe(true);
+        expect(result).toHaveLength(2);
+        expect(typeof result[0]).toBe('string');
+        expect(typeof result[1]).toBe('string');
+    });
+});
+//# sourceMappingURL=createVariableReference.test.js.map

package/dist/__tests__/createVariableReference.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariableReference.test.js","sourceRoot":"","sources":["../../src/__tests__/createVariableReference.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;AAEhE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAA;QAE9D,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAChC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAErE,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAChC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,uBAAuB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAE9E,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QACxC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,uBAAuB,CACnD,QAAQ,EACR,2BAA2B,CAC5B,CAAA;QAED,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACjC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAA;QAE9C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxC,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9B,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACvC,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/theme",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Utils for theming with CSS variables",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -46,7 +46,7 @@
   "devDependencies": {
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.0"
   },
-  "gitHead": "b3b4b818ca3c59b3e92342c0d1c3e9e0be81876e"
+  "gitHead": "07cd8acd29e916cf20fe509029328862df87b08d"
 }