@vanilla-extract/dynamic - npm Package Compare versions

Comparing version 0.0.0-layers-20230322307 to 0.0.0-namespace-theme-tokens-20240321223951

dist/vanilla-extract-dynamic.cjs.d.ts

@@ -1,19 +0,19 @@
-declare type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string | number})`;
-declare type Contract = {
+type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string | number})`;
+type Contract = {
     [key: string]: CSSVarFunction | null | Contract;
 };
-declare type Primitive = string | boolean | number | null | undefined;
-declare type MapLeafNodes<Obj, LeafType> = {
+type Primitive = string | boolean | number | null | undefined;
+type MapLeafNodes<Obj, LeafType> = {
     [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<string | number, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
 };
 
-declare type Styles = {
+type Styles = {
     [cssVarName: string]: string;
 };
-declare function assignInlineVars(vars: Record<string, string>): Styles;
+declare function assignInlineVars(vars: Record<string, string | undefined | null>): Styles;
 declare function assignInlineVars<ThemeContract extends Contract>(contract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): Styles;
 
-declare function setElementVars(element: HTMLElement, vars: Record<string, string>): void;
+declare function setElementVars(element: HTMLElement, vars: Record<string, string | undefined | null>): void;
 declare function setElementVars<ThemeContract extends Contract>(element: HTMLElement, contract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): void;
 
 export { assignInlineVars, setElementVars };

dist/vanilla-extract-dynamic.cjs.dev.js

@@ -9,6 +9,8 @@ 'use strict';
   var styles = {};
-
   if (typeof tokens === 'object') {
     var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       var varName = _private.get(_contract, path);
@@ -19,8 +21,10 @@ styles[_private.getVarName(varName)] = String(value);
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
-      styles[_private.getVarName(varName)] = _vars[varName];
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
+      styles[_private.getVarName(varName)] = value;
     }
   }
-
   Object.defineProperty(styles, 'toString', {
@@ -38,3 +42,2 @@ value: function value() {
 }
-
 function setElementVars(element, varsOrContract, tokens) {
@@ -44,2 +47,5 @@ if (typeof tokens === 'object') {
     _private.walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       setVar(element, _private.get(_contract, path), String(value));
@@ -49,4 +55,7 @@ });
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
       setVar(element, varName, _vars[varName]);
@@ -53,0 +62,0 @@ }

dist/vanilla-extract-dynamic.cjs.prod.js

@@ -9,6 +9,8 @@ 'use strict';
   var styles = {};
-
   if (typeof tokens === 'object') {
     var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       var varName = _private.get(_contract, path);
@@ -19,8 +21,10 @@ styles[_private.getVarName(varName)] = String(value);
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
-      styles[_private.getVarName(varName)] = _vars[varName];
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
+      styles[_private.getVarName(varName)] = value;
     }
   }
-
   Object.defineProperty(styles, 'toString', {
@@ -38,3 +42,2 @@ value: function value() {
 }
-
 function setElementVars(element, varsOrContract, tokens) {
@@ -44,2 +47,5 @@ if (typeof tokens === 'object') {
     _private.walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       setVar(element, _private.get(_contract, path), String(value));
@@ -49,4 +55,7 @@ });
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
       setVar(element, varName, _vars[varName]);
@@ -53,0 +62,0 @@ }

dist/vanilla-extract-dynamic.esm.js

@@ -5,6 +5,8 @@ import { walkObject, get, getVarName } from '@vanilla-extract/private';
   var styles = {};
-
   if (typeof tokens === 'object') {
     var _contract = varsOrContract;
     walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       var varName = get(_contract, path);
@@ -15,8 +17,10 @@ styles[getVarName(varName)] = String(value);
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
-      styles[getVarName(varName)] = _vars[varName];
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
+      styles[getVarName(varName)] = value;
     }
   }
-
   Object.defineProperty(styles, 'toString', {
@@ -34,3 +38,2 @@ value: function value() {
 }
-
 function setElementVars(element, varsOrContract, tokens) {
@@ -40,2 +43,5 @@ if (typeof tokens === 'object') {
     walkObject(tokens, (value, path) => {
+      if (value == null) {
+        return;
+      }
       setVar(element, get(_contract, path), String(value));
@@ -45,4 +51,7 @@ });
     var _vars = varsOrContract;
-
     for (var varName in _vars) {
+      var value = _vars[varName];
+      if (value == null) {
+        continue;
+      }
       setVar(element, varName, _vars[varName]);
@@ -49,0 +58,0 @@ }

package.json

 {
   "name": "@vanilla-extract/dynamic",
-  "version": "0.0.0-layers-20230322307",
+  "version": "0.0.0-namespace-theme-tokens-20240321223951",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
@@ -26,7 +26,7 @@ "sideEffects": false,
   "dependencies": {
-    "@vanilla-extract/private": "^1.0.3"
+    "@vanilla-extract/private": "0.0.0-namespace-theme-tokens-20240321223951"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "*"
+    "@vanilla-extract/css": "0.0.0-namespace-theme-tokens-20240321223951"
   }
 }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11406

increased by9.89%

Number of package files

9

increased by12.5%

Lines of code

190

increased by28.38%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@vanilla-extract/private@0.0.0-namespace-theme-tokens-20240321223951(transitive)

• - Removed@vanilla-extract/private@1.0.6(transitive)

• Updated@vanilla-extract/private@0.0.0-namespace-theme-tokens-20240321223951