@vanilla-extract/css - npm Package Compare versions

Comparing version 1.17.1-inline-cssesc-20250128002748 to 1.17.1-split-out-compiler-20250129230749

dist/vanilla-extract-css.browser.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 var injectStyles_dist_vanillaExtractCssInjectStyles = require('../injectStyles/dist/vanilla-extract-css-injectStyles.browser.cjs.js');
-var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-54799f40.browser.cjs.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-f152e3c4.browser.cjs.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.browser.cjs.js');
@@ -13,2 +13,3 @@ var hash = require('@emotion/hash');
 var _private = require('@vanilla-extract/private');
+var cssesc = require('cssesc');
 var deepObjectDiff = require('deep-object-diff');
@@ -26,2 +27,3 @@ var pc = require('picocolors');
 var hash__default = /*#__PURE__*/_interopDefault(hash);
+var cssesc__default = /*#__PURE__*/_interopDefault(cssesc);
 var pc__default = /*#__PURE__*/_interopDefault(pc);
@@ -246,3 +248,3 @@ var dedent__default = /*#__PURE__*/_interopDefault(dedent);
 function createVar(debugIdOrDeclaration, debugId) {
-  var cssVarName = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier({
+  var cssVarName = cssesc__default["default"](generateIdentifier({
     debugId: typeof debugIdOrDeclaration === 'string' ? debugIdOrDeclaration : debugId,
@@ -315,3 +317,3 @@ debugFileName: false
     var varName = typeof rawVarName === 'string' ? rawVarName.replace(/^\-\-/, '') : null;
-    if (typeof varName !== 'string' || varName !== transformCss_dist_vanillaExtractCssTransformCss.cssesc(varName, {
+    if (typeof varName !== 'string' || varName !== cssesc__default["default"](varName, {
       isIdentifier: true
@@ -446,3 +448,3 @@ })) {
 function fontFace(rule, debugId) {
-  var fontFamily = "\"".concat(transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var fontFamily = "\"".concat(cssesc__default["default"](generateIdentifier(debugId), {
     quotes: 'double'
@@ -476,3 +478,3 @@ }), "\"");
 function keyframes(rule, debugId) {
-  var name = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var name = cssesc__default["default"](generateIdentifier(debugId), {
     isIdentifier: true
@@ -479,0 +481,0 @@ });

dist/vanilla-extract-css.browser.esm.js

 import { injectStyles } from '../injectStyles/dist/vanilla-extract-css-injectStyles.browser.esm.js';
-import { t as transformCss, _ as _objectSpread2, c as cssesc, a as _objectWithoutProperties, d as dudupeAndJoinClassList } from './transformCss-26655961.browser.esm.js';
+import { t as transformCss, _ as _objectSpread2, a as _objectWithoutProperties, d as dudupeAndJoinClassList } from './transformCss-830a230d.browser.esm.js';
 import { setAdapterIfNotSet, getIdentOption, appendCss, registerClassName, registerComposition, markCompositionUsed } from '../adapter/dist/vanilla-extract-css-adapter.browser.esm.js';
@@ -8,2 +8,3 @@ import hash from '@emotion/hash';
 import { walkObject, get } from '@vanilla-extract/private';
+import cssesc from 'cssesc';
 import { diff } from 'deep-object-diff';
@@ -10,0 +11,0 @@ import pc from 'picocolors';

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

@@ -6,3 +6,3 @@ 'use strict';
 var injectStyles_dist_vanillaExtractCssInjectStyles = require('../injectStyles/dist/vanilla-extract-css-injectStyles.cjs.dev.js');
-var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-12eebe5f.cjs.dev.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-5ed3d195.cjs.dev.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.cjs.dev.js');
@@ -13,2 +13,3 @@ var hash = require('@emotion/hash');
 var _private = require('@vanilla-extract/private');
+var cssesc = require('cssesc');
 var deepObjectDiff = require('deep-object-diff');
@@ -26,2 +27,3 @@ var pc = require('picocolors');
 var hash__default = /*#__PURE__*/_interopDefault(hash);
+var cssesc__default = /*#__PURE__*/_interopDefault(cssesc);
 var pc__default = /*#__PURE__*/_interopDefault(pc);
@@ -246,3 +248,3 @@ var dedent__default = /*#__PURE__*/_interopDefault(dedent);
 function createVar(debugIdOrDeclaration, debugId) {
-  var cssVarName = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier({
+  var cssVarName = cssesc__default["default"](generateIdentifier({
     debugId: typeof debugIdOrDeclaration === 'string' ? debugIdOrDeclaration : debugId,
@@ -315,3 +317,3 @@ debugFileName: false
     var varName = typeof rawVarName === 'string' ? rawVarName.replace(/^\-\-/, '') : null;
-    if (typeof varName !== 'string' || varName !== transformCss_dist_vanillaExtractCssTransformCss.cssesc(varName, {
+    if (typeof varName !== 'string' || varName !== cssesc__default["default"](varName, {
       isIdentifier: true
@@ -446,3 +448,3 @@ })) {
 function fontFace(rule, debugId) {
-  var fontFamily = "\"".concat(transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var fontFamily = "\"".concat(cssesc__default["default"](generateIdentifier(debugId), {
     quotes: 'double'
@@ -476,3 +478,3 @@ }), "\"");
 function keyframes(rule, debugId) {
-  var name = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var name = cssesc__default["default"](generateIdentifier(debugId), {
     isIdentifier: true
@@ -479,0 +481,0 @@ });

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

@@ -6,3 +6,3 @@ 'use strict';
 var injectStyles_dist_vanillaExtractCssInjectStyles = require('../injectStyles/dist/vanilla-extract-css-injectStyles.cjs.prod.js');
-var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-71bd250f.cjs.prod.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-c489d739.cjs.prod.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.cjs.prod.js');
@@ -13,2 +13,3 @@ var hash = require('@emotion/hash');
 var _private = require('@vanilla-extract/private');
+var cssesc = require('cssesc');
 var deepObjectDiff = require('deep-object-diff');
@@ -26,2 +27,3 @@ var pc = require('picocolors');
 var hash__default = /*#__PURE__*/_interopDefault(hash);
+var cssesc__default = /*#__PURE__*/_interopDefault(cssesc);
 var pc__default = /*#__PURE__*/_interopDefault(pc);
@@ -246,3 +248,3 @@ var dedent__default = /*#__PURE__*/_interopDefault(dedent);
 function createVar(debugIdOrDeclaration, debugId) {
-  var cssVarName = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier({
+  var cssVarName = cssesc__default["default"](generateIdentifier({
     debugId: typeof debugIdOrDeclaration === 'string' ? debugIdOrDeclaration : debugId,
@@ -315,3 +317,3 @@ debugFileName: false
     var varName = typeof rawVarName === 'string' ? rawVarName.replace(/^\-\-/, '') : null;
-    if (typeof varName !== 'string' || varName !== transformCss_dist_vanillaExtractCssTransformCss.cssesc(varName, {
+    if (typeof varName !== 'string' || varName !== cssesc__default["default"](varName, {
       isIdentifier: true
@@ -446,3 +448,3 @@ })) {
 function fontFace(rule, debugId) {
-  var fontFamily = "\"".concat(transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var fontFamily = "\"".concat(cssesc__default["default"](generateIdentifier(debugId), {
     quotes: 'double'
@@ -476,3 +478,3 @@ }), "\"");
 function keyframes(rule, debugId) {
-  var name = transformCss_dist_vanillaExtractCssTransformCss.cssesc(generateIdentifier(debugId), {
+  var name = cssesc__default["default"](generateIdentifier(debugId), {
     isIdentifier: true
@@ -479,0 +481,0 @@ });

dist/vanilla-extract-css.esm.js

 import { injectStyles } from '../injectStyles/dist/vanilla-extract-css-injectStyles.esm.js';
-import { t as transformCss, _ as _objectSpread2, c as cssesc, a as _objectWithoutProperties, d as dudupeAndJoinClassList } from './transformCss-b98b625b.esm.js';
+import { t as transformCss, _ as _objectSpread2, a as _objectWithoutProperties, d as dudupeAndJoinClassList } from './transformCss-0dba36bf.esm.js';
 import { setAdapterIfNotSet, getIdentOption, appendCss, registerClassName, registerComposition, markCompositionUsed } from '../adapter/dist/vanilla-extract-css-adapter.esm.js';
@@ -8,2 +8,3 @@ import hash from '@emotion/hash';
 import { walkObject, get } from '@vanilla-extract/private';
+import cssesc from 'cssesc';
 import { diff } from 'deep-object-diff';
@@ -10,0 +11,0 @@ import pc from 'picocolors';

package.json

 {
   "name": "@vanilla-extract/css",
-  "version": "1.17.1-inline-cssesc-20250128002748",
+  "version": "1.17.1-split-out-compiler-20250129230749",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
@@ -121,2 +121,3 @@ "sideEffects": true,
     "css-what": "^6.1.0",
+    "cssesc": "^3.0.0",
     "csstype": "^3.0.7",
@@ -131,3 +132,6 @@ "dedent": "^1.5.3",
     "@vanilla-extract/private": "^1.0.6"
+  },
+  "devDependencies": {
+    "@types/cssesc": "^3.0.0"
   }
 }

transformCss/dist/vanilla-extract-css-transformCss.browser.cjs.js

@@ -5,4 +5,5 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-54799f40.browser.cjs.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-f152e3c4.browser.cjs.js');
 require('@vanilla-extract/private');
+require('cssesc');
 require('modern-ahocorasick');
@@ -9,0 +10,0 @@ require('../../adapter/dist/vanilla-extract-css-adapter.browser.cjs.js');

transformCss/dist/vanilla-extract-css-transformCss.browser.esm.js

@@ -1,3 +0,4 @@
-export { t as transformCss } from '../../dist/transformCss-26655961.browser.esm.js';
+export { t as transformCss } from '../../dist/transformCss-830a230d.browser.esm.js';
 import '@vanilla-extract/private';
+import 'cssesc';
 import 'modern-ahocorasick';
@@ -4,0 +5,0 @@ import '../../adapter/dist/vanilla-extract-css-adapter.browser.esm.js';

transformCss/dist/vanilla-extract-css-transformCss.cjs.dev.js

@@ -5,4 +5,5 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-12eebe5f.cjs.dev.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-5ed3d195.cjs.dev.js');
 require('@vanilla-extract/private');
+require('cssesc');
 require('modern-ahocorasick');
@@ -9,0 +10,0 @@ require('../../adapter/dist/vanilla-extract-css-adapter.cjs.dev.js');

transformCss/dist/vanilla-extract-css-transformCss.cjs.prod.js

@@ -5,4 +5,5 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-71bd250f.cjs.prod.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-c489d739.cjs.prod.js');
 require('@vanilla-extract/private');
+require('cssesc');
 require('modern-ahocorasick');
@@ -9,0 +10,0 @@ require('../../adapter/dist/vanilla-extract-css-adapter.cjs.prod.js');

transformCss/dist/vanilla-extract-css-transformCss.esm.js

@@ -1,3 +0,4 @@
-export { t as transformCss } from '../../dist/transformCss-b98b625b.esm.js';
+export { t as transformCss } from '../../dist/transformCss-0dba36bf.esm.js';
 import '@vanilla-extract/private';
+import 'cssesc';
 import 'modern-ahocorasick';
@@ -4,0 +5,0 @@ import '../../adapter/dist/vanilla-extract-css-adapter.esm.js';

New 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

Worsened metrics

Total package byte prevSize

345705

decreased by-4.33%

Dependency count

12

increased by9.09%

Dev dependency count

1

increased byInfinity%

Lines of code

9073

decreased by-4.14%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedcssesc@^3.0.0

• + Addedcssesc@3.0.0(transitive)