@vanilla-extract/sprinkles - npm Package Compare versions

Comparing version 0.0.0-vite-plugin-new-20240115025310 to 0.0.0-vite-plugin-new-20240115050437

createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.cjs.dev.js

@@ -5,11 +5,13 @@ 'use strict';
 
-var createSprinkles$1 = require('../../dist/createSprinkles-faabd16d.cjs.dev.js');
+var createSprinkles$1 = require('../../dist/createSprinkles-66f18835.cjs.dev.js');
 
-const composeStyles = classList => classList;
-const createSprinkles = (...args) => createSprinkles$1.createSprinkles(composeStyles)(...args);
+var composeStyles = classList => classList;
+var createSprinkles = function createSprinkles() {
+  return createSprinkles$1.createSprinkles(composeStyles)(...arguments);
+};
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
 exports.createAtomsFn = createAtomsFn;
 exports.createSprinkles = createSprinkles;

createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.cjs.prod.js

@@ -5,11 +5,13 @@ 'use strict';
 
-var createSprinkles$1 = require('../../dist/createSprinkles-352ae716.cjs.prod.js');
+var createSprinkles$1 = require('../../dist/createSprinkles-e5dcc3fa.cjs.prod.js');
 
-const composeStyles = classList => classList;
-const createSprinkles = (...args) => createSprinkles$1.createSprinkles(composeStyles)(...args);
+var composeStyles = classList => classList;
+var createSprinkles = function createSprinkles() {
+  return createSprinkles$1.createSprinkles(composeStyles)(...arguments);
+};
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
 exports.createAtomsFn = createAtomsFn;
 exports.createSprinkles = createSprinkles;

createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js

@@ -1,9 +0,11 @@
-import { c as createSprinkles$1 } from '../../dist/createSprinkles-307ac22e.esm.js';
+import { c as createSprinkles$1 } from '../../dist/createSprinkles-c8550e00.esm.js';
 
-const composeStyles = classList => classList;
-const createSprinkles = (...args) => createSprinkles$1(composeStyles)(...args);
+var composeStyles = classList => classList;
+var createSprinkles = function createSprinkles() {
+  return createSprinkles$1(composeStyles)(...arguments);
+};
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
 export { createAtomsFn, createSprinkles };

createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.dev.js

@@ -8,3 +8,3 @@ 'use strict';
 function createNormalizeValueFn(properties) {
-  const {
+  var {
     conditions
@@ -28,4 +28,4 @@ } = properties;
       }
-      const returnValue = {};
-      for (const index in conditions.responsiveArray) {
+      var returnValue = {};
+      for (var index in conditions.responsiveArray) {
         if (value[index] != null) {
@@ -48,3 +48,3 @@ returnValue[conditions.responsiveArray[index]] = value[index];
 function createMapValueFn(properties) {
-  const {
+  var {
     conditions
@@ -55,3 +55,3 @@ } = properties;
   }
-  const normalizeValue = createNormalizeValueFn(properties);
+  var normalizeValue = createNormalizeValueFn(properties);
   function mapValue(value, mapFn) {
@@ -64,7 +64,7 @@ if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
     }
-    const normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
-    const mappedObject = {};
-    for (const key in normalizedObject) {
-      if (normalizedObject[key] != null) {
-        mappedObject[key] = mapFn(normalizedObject[key], key);
+    var normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
+    var mappedObject = {};
+    for (var _key in normalizedObject) {
+      if (normalizedObject[_key] != null) {
+        mappedObject[_key] = mapFn(normalizedObject[_key], _key);
       }
@@ -71,0 +71,0 @@ }

createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.prod.js

@@ -8,3 +8,3 @@ 'use strict';
 function createNormalizeValueFn(properties) {
-  const {
+  var {
     conditions
@@ -28,4 +28,4 @@ } = properties;
       }
-      const returnValue = {};
-      for (const index in conditions.responsiveArray) {
+      var returnValue = {};
+      for (var index in conditions.responsiveArray) {
         if (value[index] != null) {
@@ -48,3 +48,3 @@ returnValue[conditions.responsiveArray[index]] = value[index];
 function createMapValueFn(properties) {
-  const {
+  var {
     conditions
@@ -55,3 +55,3 @@ } = properties;
   }
-  const normalizeValue = createNormalizeValueFn(properties);
+  var normalizeValue = createNormalizeValueFn(properties);
   function mapValue(value, mapFn) {
@@ -64,7 +64,7 @@ if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
     }
-    const normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
-    const mappedObject = {};
-    for (const key in normalizedObject) {
-      if (normalizedObject[key] != null) {
-        mappedObject[key] = mapFn(normalizedObject[key], key);
+    var normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
+    var mappedObject = {};
+    for (var _key in normalizedObject) {
+      if (normalizedObject[_key] != null) {
+        mappedObject[_key] = mapFn(normalizedObject[_key], _key);
       }
@@ -71,0 +71,0 @@ }

createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js

 import { addRecipe } from '@vanilla-extract/css/recipe';
 
 function createNormalizeValueFn(properties) {
-  const {
+  var {
     conditions
@@ -23,4 +23,4 @@ } = properties;
       }
-      const returnValue = {};
-      for (const index in conditions.responsiveArray) {
+      var returnValue = {};
+      for (var index in conditions.responsiveArray) {
         if (value[index] != null) {
@@ -43,3 +43,3 @@ returnValue[conditions.responsiveArray[index]] = value[index];
 function createMapValueFn(properties) {
-  const {
+  var {
     conditions
@@ -50,3 +50,3 @@ } = properties;
   }
-  const normalizeValue = createNormalizeValueFn(properties);
+  var normalizeValue = createNormalizeValueFn(properties);
   function mapValue(value, mapFn) {
@@ -59,7 +59,7 @@ if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
     }
-    const normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
-    const mappedObject = {};
-    for (const key in normalizedObject) {
-      if (normalizedObject[key] != null) {
-        mappedObject[key] = mapFn(normalizedObject[key], key);
+    var normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
+    var mappedObject = {};
+    for (var _key in normalizedObject) {
+      if (normalizedObject[_key] != null) {
+        mappedObject[_key] = mapFn(normalizedObject[_key], _key);
       }
@@ -66,0 +66,0 @@ }

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

@@ -8,11 +8,14 @@ 'use strict';
 var fileScope = require('@vanilla-extract/css/fileScope');
-var createSprinkles$1 = require('./createSprinkles-faabd16d.cjs.dev.js');
+var createSprinkles$1 = require('./createSprinkles-66f18835.cjs.dev.js');
 var createUtils_dist_vanillaExtractSprinklesCreateUtils = require('../createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.dev.js');
 
 function defineProperties(options) {
-  let styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(([prop, mappings]) => [prop, {
-    mappings
-  }])) : {};
-  for (const key in options.properties) {
-    const property = options.properties[key];
+  var styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(_ref => {
+    var [prop, mappings] = _ref;
+    return [prop, {
+      mappings
+    }];
+  })) : {};
+  var _loop = function _loop(key) {
+    var property = options.properties[key];
     styles[key] = {
@@ -24,3 +27,3 @@ values: {}
     }
-    const processValue = (valueName, value) => {
+    var processValue = (valueName, value) => {
       if ('conditions' in options) {
@@ -30,9 +33,9 @@ styles[key].values[valueName] = {
         };
-        const defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
-        const defaultClasses = [];
-        for (const conditionName in options.conditions) {
-          let styleValue = typeof value === 'object' ? value : {
+        var defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
+        var defaultClasses = [];
+        for (var _conditionName in options.conditions) {
+          var styleValue = typeof value === 'object' ? value : {
             [key]: value
           };
-          const condition = options.conditions[conditionName];
+          var condition = options.conditions[_conditionName];
           if (condition['@supports']) {
@@ -73,5 +76,5 @@ styleValue = {
           }
-          const className = css.style(styleValue, `${key}_${String(valueName)}_${conditionName}`);
-          styles[key].values[valueName].conditions[conditionName] = className;
-          if (defaultConditions.indexOf(conditionName) > -1) {
+          var className = css.style(styleValue, "".concat(key, "_").concat(String(valueName), "_").concat(_conditionName));
+          styles[key].values[valueName].conditions[_conditionName] = className;
+          if (defaultConditions.indexOf(_conditionName) > -1) {
             defaultClasses.push(className);
@@ -84,9 +87,9 @@ }
       } else {
-        let styleValue = typeof value === 'object' ? value : {
+        var _styleValue = typeof value === 'object' ? value : {
           [key]: value
         };
         if (options['@layer']) {
-          styleValue = {
+          _styleValue = {
             '@layer': {
-              [options['@layer']]: styleValue
+              [options['@layer']]: _styleValue
             }
@@ -96,3 +99,3 @@ };
         styles[key].values[valueName] = {
-          defaultClass: css.style(styleValue, `${key}_${String(valueName)}`)
+          defaultClass: css.style(_styleValue, "".concat(key, "_").concat(String(valueName)))
         };
@@ -102,13 +105,16 @@ }
     if (Array.isArray(property)) {
-      for (const value of property) {
+      for (var value of property) {
         processValue(value, value);
       }
     } else {
-      for (const valueName in property) {
-        const value = property[valueName];
-        processValue(valueName, value);
+      for (var valueName in property) {
+        var _value = property[valueName];
+        processValue(valueName, _value);
       }
     }
+  };
+  for (var key in options.properties) {
+    _loop(key);
   }
-  const conditions = 'conditions' in options ? {
+  var conditions = 'conditions' in options ? {
     defaultCondition: options.defaultCondition,
@@ -123,4 +129,7 @@ conditionNames: Object.keys(options.conditions),
 }
-const mockComposeStyles = classList => classList;
-function createSprinkles(...config) {
+var mockComposeStyles = classList => classList;
+function createSprinkles() {
+  for (var _len = arguments.length, config = new Array(_len), _key = 0; _key < _len; _key++) {
+    config[_key] = arguments[_key];
+  }
   // When using Sprinkles with the runtime (e.g. within a jest test)
@@ -130,3 +139,3 @@ // `style` can be called (only for composition) outside of a fileScope.
   // safe as compositions don't make sense at runtime
-  const sprinkles = createSprinkles$1.createSprinkles(fileScope.hasFileScope() ? css.composeStyles : mockComposeStyles)(...config);
+  var sprinkles = createSprinkles$1.createSprinkles(fileScope.hasFileScope() ? css.composeStyles : mockComposeStyles)(...config);
   return recipe.addRecipe(sprinkles, {
@@ -140,6 +149,6 @@ importPath: '@vanilla-extract/sprinkles/createRuntimeSprinkles',
 /** @deprecated - Use `defineProperties` */
-const createAtomicStyles = defineProperties;
+var createAtomicStyles = defineProperties;
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
@@ -146,0 +155,0 @@ exports.createMapValueFn = createUtils_dist_vanillaExtractSprinklesCreateUtils.createMapValueFn;

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

@@ -8,11 +8,14 @@ 'use strict';
 var fileScope = require('@vanilla-extract/css/fileScope');
-var createSprinkles$1 = require('./createSprinkles-352ae716.cjs.prod.js');
+var createSprinkles$1 = require('./createSprinkles-e5dcc3fa.cjs.prod.js');
 var createUtils_dist_vanillaExtractSprinklesCreateUtils = require('../createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.prod.js');
 
 function defineProperties(options) {
-  let styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(([prop, mappings]) => [prop, {
-    mappings
-  }])) : {};
-  for (const key in options.properties) {
-    const property = options.properties[key];
+  var styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(_ref => {
+    var [prop, mappings] = _ref;
+    return [prop, {
+      mappings
+    }];
+  })) : {};
+  var _loop = function _loop(key) {
+    var property = options.properties[key];
     styles[key] = {
@@ -24,3 +27,3 @@ values: {}
     }
-    const processValue = (valueName, value) => {
+    var processValue = (valueName, value) => {
       if ('conditions' in options) {
@@ -30,9 +33,9 @@ styles[key].values[valueName] = {
         };
-        const defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
-        const defaultClasses = [];
-        for (const conditionName in options.conditions) {
-          let styleValue = typeof value === 'object' ? value : {
+        var defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
+        var defaultClasses = [];
+        for (var _conditionName in options.conditions) {
+          var styleValue = typeof value === 'object' ? value : {
             [key]: value
           };
-          const condition = options.conditions[conditionName];
+          var condition = options.conditions[_conditionName];
           if (condition['@supports']) {
@@ -73,5 +76,5 @@ styleValue = {
           }
-          const className = css.style(styleValue, `${key}_${String(valueName)}_${conditionName}`);
-          styles[key].values[valueName].conditions[conditionName] = className;
-          if (defaultConditions.indexOf(conditionName) > -1) {
+          var className = css.style(styleValue, "".concat(key, "_").concat(String(valueName), "_").concat(_conditionName));
+          styles[key].values[valueName].conditions[_conditionName] = className;
+          if (defaultConditions.indexOf(_conditionName) > -1) {
             defaultClasses.push(className);
@@ -84,9 +87,9 @@ }
       } else {
-        let styleValue = typeof value === 'object' ? value : {
+        var _styleValue = typeof value === 'object' ? value : {
           [key]: value
         };
         if (options['@layer']) {
-          styleValue = {
+          _styleValue = {
             '@layer': {
-              [options['@layer']]: styleValue
+              [options['@layer']]: _styleValue
             }
@@ -96,3 +99,3 @@ };
         styles[key].values[valueName] = {
-          defaultClass: css.style(styleValue, `${key}_${String(valueName)}`)
+          defaultClass: css.style(_styleValue, "".concat(key, "_").concat(String(valueName)))
         };
@@ -102,13 +105,16 @@ }
     if (Array.isArray(property)) {
-      for (const value of property) {
+      for (var value of property) {
         processValue(value, value);
       }
     } else {
-      for (const valueName in property) {
-        const value = property[valueName];
-        processValue(valueName, value);
+      for (var valueName in property) {
+        var _value = property[valueName];
+        processValue(valueName, _value);
       }
     }
+  };
+  for (var key in options.properties) {
+    _loop(key);
   }
-  const conditions = 'conditions' in options ? {
+  var conditions = 'conditions' in options ? {
     defaultCondition: options.defaultCondition,
@@ -123,4 +129,7 @@ conditionNames: Object.keys(options.conditions),
 }
-const mockComposeStyles = classList => classList;
-function createSprinkles(...config) {
+var mockComposeStyles = classList => classList;
+function createSprinkles() {
+  for (var _len = arguments.length, config = new Array(_len), _key = 0; _key < _len; _key++) {
+    config[_key] = arguments[_key];
+  }
   // When using Sprinkles with the runtime (e.g. within a jest test)
@@ -130,3 +139,3 @@ // `style` can be called (only for composition) outside of a fileScope.
   // safe as compositions don't make sense at runtime
-  const sprinkles = createSprinkles$1.createSprinkles(fileScope.hasFileScope() ? css.composeStyles : mockComposeStyles)(...config);
+  var sprinkles = createSprinkles$1.createSprinkles(fileScope.hasFileScope() ? css.composeStyles : mockComposeStyles)(...config);
   return recipe.addRecipe(sprinkles, {
@@ -140,6 +149,6 @@ importPath: '@vanilla-extract/sprinkles/createRuntimeSprinkles',
 /** @deprecated - Use `defineProperties` */
-const createAtomicStyles = defineProperties;
+var createAtomicStyles = defineProperties;
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
@@ -146,0 +155,0 @@ exports.createMapValueFn = createUtils_dist_vanillaExtractSprinklesCreateUtils.createMapValueFn;

dist/vanilla-extract-sprinkles.esm.js

 import { composeStyles, style } from '@vanilla-extract/css';
 import { addRecipe } from '@vanilla-extract/css/recipe';
 import { hasFileScope } from '@vanilla-extract/css/fileScope';
-import { c as createSprinkles$1 } from './createSprinkles-307ac22e.esm.js';
+import { c as createSprinkles$1 } from './createSprinkles-c8550e00.esm.js';
 export { createMapValueFn, createNormalizeValueFn } from '../createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js';
 
 function defineProperties(options) {
-  let styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(([prop, mappings]) => [prop, {
-    mappings
-  }])) : {};
-  for (const key in options.properties) {
-    const property = options.properties[key];
+  var styles = 'shorthands' in options ? Object.fromEntries(Object.entries(options.shorthands).map(_ref => {
+    var [prop, mappings] = _ref;
+    return [prop, {
+      mappings
+    }];
+  })) : {};
+  var _loop = function _loop(key) {
+    var property = options.properties[key];
     styles[key] = {
@@ -19,3 +22,3 @@ values: {}
     }
-    const processValue = (valueName, value) => {
+    var processValue = (valueName, value) => {
       if ('conditions' in options) {
@@ -25,9 +28,9 @@ styles[key].values[valueName] = {
         };
-        const defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
-        const defaultClasses = [];
-        for (const conditionName in options.conditions) {
-          let styleValue = typeof value === 'object' ? value : {
+        var defaultConditions = options.defaultCondition ? Array.isArray(options.defaultCondition) ? options.defaultCondition : [options.defaultCondition] : [];
+        var defaultClasses = [];
+        for (var _conditionName in options.conditions) {
+          var styleValue = typeof value === 'object' ? value : {
             [key]: value
           };
-          const condition = options.conditions[conditionName];
+          var condition = options.conditions[_conditionName];
           if (condition['@supports']) {
@@ -68,5 +71,5 @@ styleValue = {
           }
-          const className = style(styleValue, `${key}_${String(valueName)}_${conditionName}`);
-          styles[key].values[valueName].conditions[conditionName] = className;
-          if (defaultConditions.indexOf(conditionName) > -1) {
+          var className = style(styleValue, "".concat(key, "_").concat(String(valueName), "_").concat(_conditionName));
+          styles[key].values[valueName].conditions[_conditionName] = className;
+          if (defaultConditions.indexOf(_conditionName) > -1) {
             defaultClasses.push(className);
@@ -79,9 +82,9 @@ }
       } else {
-        let styleValue = typeof value === 'object' ? value : {
+        var _styleValue = typeof value === 'object' ? value : {
           [key]: value
         };
         if (options['@layer']) {
-          styleValue = {
+          _styleValue = {
             '@layer': {
-              [options['@layer']]: styleValue
+              [options['@layer']]: _styleValue
             }
@@ -91,3 +94,3 @@ };
         styles[key].values[valueName] = {
-          defaultClass: style(styleValue, `${key}_${String(valueName)}`)
+          defaultClass: style(_styleValue, "".concat(key, "_").concat(String(valueName)))
         };
@@ -97,13 +100,16 @@ }
     if (Array.isArray(property)) {
-      for (const value of property) {
+      for (var value of property) {
         processValue(value, value);
       }
     } else {
-      for (const valueName in property) {
-        const value = property[valueName];
-        processValue(valueName, value);
+      for (var valueName in property) {
+        var _value = property[valueName];
+        processValue(valueName, _value);
       }
     }
+  };
+  for (var key in options.properties) {
+    _loop(key);
   }
-  const conditions = 'conditions' in options ? {
+  var conditions = 'conditions' in options ? {
     defaultCondition: options.defaultCondition,
@@ -118,4 +124,7 @@ conditionNames: Object.keys(options.conditions),
 }
-const mockComposeStyles = classList => classList;
-function createSprinkles(...config) {
+var mockComposeStyles = classList => classList;
+function createSprinkles() {
+  for (var _len = arguments.length, config = new Array(_len), _key = 0; _key < _len; _key++) {
+    config[_key] = arguments[_key];
+  }
   // When using Sprinkles with the runtime (e.g. within a jest test)
@@ -125,3 +134,3 @@ // `style` can be called (only for composition) outside of a fileScope.
   // safe as compositions don't make sense at runtime
-  const sprinkles = createSprinkles$1(hasFileScope() ? composeStyles : mockComposeStyles)(...config);
+  var sprinkles = createSprinkles$1(hasFileScope() ? composeStyles : mockComposeStyles)(...config);
   return addRecipe(sprinkles, {
@@ -135,7 +144,7 @@ importPath: '@vanilla-extract/sprinkles/createRuntimeSprinkles',
 /** @deprecated - Use `defineProperties` */
-const createAtomicStyles = defineProperties;
+var createAtomicStyles = defineProperties;
 
 /** @deprecated - Use `createSprinkles` */
-const createAtomsFn = createSprinkles;
+var createAtomsFn = createSprinkles;
 
 export { createAtomicStyles, createAtomsFn, createSprinkles, defineProperties };

package.json

 {
   "name": "@vanilla-extract/sprinkles",
-  "version": "0.0.0-vite-plugin-new-20240115025310",
+  "version": "0.0.0-vite-plugin-new-20240115050437",
   "description": "Zero-runtime atomic CSS framework for vanilla-extract",
@@ -43,7 +43,7 @@ "sideEffects": false,
   "peerDependencies": {
-    "@vanilla-extract/css": "0.0.0-vite-plugin-new-20240115025310"
+    "@vanilla-extract/css": "0.0.0-vite-plugin-new-20240115050437"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "0.0.0-vite-plugin-new-20240115025310"
+    "@vanilla-extract/css": "0.0.0-vite-plugin-new-20240115050437"
   }
 }

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

Improved metrics

Total package byte prevSize

90638

increased by8.32%

Lines of code

1553

increased by13.61%

No dependency changes