@vanilla-extract/dynamic - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

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

@@ -8,15 +8,15 @@ 'use strict';
 function assignInlineVars(varsOrContract, tokens) {
-  const styles = {};
+  var styles = {};
 
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
-      const varName = _private.get(contract, path);
+      var varName = _private.get(_contract, path);
       styles[_private.getVarName(varName)] = String(value);
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      styles[_private.getVarName(varName)] = vars[varName];
+    for (var varName in _vars) {
+      styles[_private.getVarName(varName)] = _vars[varName];
     }
@@ -26,4 +26,4 @@ }
   Object.defineProperty(styles, 'toString', {
-    value: function () {
-      return Object.keys(this).map(key => `${key}:${this[key]}`).join(';');
+    value: function value() {
+      return Object.keys(this).map(key => "".concat(key, ":").concat(this[key])).join(';');
     },
@@ -41,11 +41,11 @@ writable: false
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
-      setVar(element, _private.get(contract, path), String(value));
+      setVar(element, _private.get(_contract, path), String(value));
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      setVar(element, varName, vars[varName]);
+    for (var varName in _vars) {
+      setVar(element, varName, _vars[varName]);
     }
@@ -52,0 +52,0 @@ }

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

@@ -8,15 +8,15 @@ 'use strict';
 function assignInlineVars(varsOrContract, tokens) {
-  const styles = {};
+  var styles = {};
 
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
-      const varName = _private.get(contract, path);
+      var varName = _private.get(_contract, path);
       styles[_private.getVarName(varName)] = String(value);
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      styles[_private.getVarName(varName)] = vars[varName];
+    for (var varName in _vars) {
+      styles[_private.getVarName(varName)] = _vars[varName];
     }
@@ -26,4 +26,4 @@ }
   Object.defineProperty(styles, 'toString', {
-    value: function () {
-      return Object.keys(this).map(key => `${key}:${this[key]}`).join(';');
+    value: function value() {
+      return Object.keys(this).map(key => "".concat(key, ":").concat(this[key])).join(';');
     },
@@ -41,11 +41,11 @@ writable: false
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     _private.walkObject(tokens, (value, path) => {
-      setVar(element, _private.get(contract, path), String(value));
+      setVar(element, _private.get(_contract, path), String(value));
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      setVar(element, varName, vars[varName]);
+    for (var varName in _vars) {
+      setVar(element, varName, _vars[varName]);
     }
@@ -52,0 +52,0 @@ }

dist/vanilla-extract-dynamic.esm.js

 import { walkObject, get, getVarName } from '@vanilla-extract/private';
 
 function assignInlineVars(varsOrContract, tokens) {
-  const styles = {};
+  var styles = {};
 
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     walkObject(tokens, (value, path) => {
-      const varName = get(contract, path);
+      var varName = get(_contract, path);
       styles[getVarName(varName)] = String(value);
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      styles[getVarName(varName)] = vars[varName];
+    for (var varName in _vars) {
+      styles[getVarName(varName)] = _vars[varName];
     }
@@ -21,4 +21,4 @@ }
   Object.defineProperty(styles, 'toString', {
-    value: function () {
-      return Object.keys(this).map(key => `${key}:${this[key]}`).join(';');
+    value: function value() {
+      return Object.keys(this).map(key => "".concat(key, ":").concat(this[key])).join(';');
     },
@@ -36,11 +36,11 @@ writable: false
   if (typeof tokens === 'object') {
-    const contract = varsOrContract;
+    var _contract = varsOrContract;
     walkObject(tokens, (value, path) => {
-      setVar(element, get(contract, path), String(value));
+      setVar(element, get(_contract, path), String(value));
     });
   } else {
-    const vars = varsOrContract;
+    var _vars = varsOrContract;
 
-    for (const varName in vars) {
-      setVar(element, varName, vars[varName]);
+    for (var varName in _vars) {
+      setVar(element, varName, _vars[varName]);
     }
@@ -47,0 +47,0 @@ }

package.json

 {
   "name": "@vanilla-extract/dynamic",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
@@ -26,3 +26,3 @@ "sideEffects": false,
   "dependencies": {
-    "@vanilla-extract/private": "^1.0.2"
+    "@vanilla-extract/private": "^1.0.3"
   },
@@ -29,0 +29,0 @@ "devDependencies": {

README.md

@@ -85,3 +85,2 @@ # 🧁 vanilla-extract
   - [Vite](#vite)
-  - [Snowpack](#snowpack)
   - [Next.js](#nextjs)
@@ -99,2 +98,3 @@ - [Gatsby](#gatsby)
   - [createThemeContract](#createthemecontract)
+  - [createGlobalThemeContract](#createglobalthemecontract)
   - [assignVars](#assignvars)
@@ -276,23 +276,2 @@ - [createVar](#createvar)
 
-### Snowpack
-
-1. Install the dependencies.
-
-```bash
-npm install @vanilla-extract/css @vanilla-extract/snowpack-plugin
-```
-
-2. Add the [Snowpack](https://www.snowpack.dev/) plugin to your snowpack config.
-
-> 💡 This plugin accepts an optional [configuration object](#configuration).
-
-```js
-// snowpack.config.json
-{
-  "plugins": ["@vanilla-extract/snowpack-plugin"]
-}
-```
-
-> Please note: There are currently no automatic readable class names during development. However, you can still manually provide a debug ID as the last argument to functions that generate scoped styles, e.g. `export const className = style({ ... }, 'className');`
-
 ### Next.js
@@ -299,0 +278,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

34913

decreased by-1.58%

Number of lines in readme file

1190

decreased by-1.73%

Dependency changes

• Updated@vanilla-extract/private@^1.0.3