@vanilla-extract/css - npm Package Compare versions

Comparing version 1.7.0 to 1.7.1

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-94422525.browser.cjs.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-f4ea3806.browser.cjs.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.browser.cjs.js');
@@ -20,3 +20,3 @@ var hash = require('@emotion/hash');
 require('css-what');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -23,0 +23,0 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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, d as dudupeAndJoinClassList } from './transformCss-8a98a0f8.browser.esm.js';
+import { t as transformCss, _ as _objectSpread2, d as dudupeAndJoinClassList } from './transformCss-052f02e0.browser.esm.js';
 import { setAdapterIfNotSet, getIdentOption, appendCss, registerClassName, registerComposition, markCompositionUsed } from '../adapter/dist/vanilla-extract-css-adapter.browser.esm.js';
@@ -15,3 +15,3 @@ import hash from '@emotion/hash';
 import 'css-what';
-import 'css-mediaquery';
+import 'media-query-parser';
 
@@ -18,0 +18,0 @@ var localClassNames = new Set();

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-913d6e4f.cjs.dev.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-a1ce6f8f.cjs.dev.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.cjs.dev.js');
@@ -20,3 +20,3 @@ var hash = require('@emotion/hash');
 require('css-what');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -23,0 +23,0 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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-ea380c57.cjs.prod.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('./transformCss-871e7a1e.cjs.prod.js');
 var adapter_dist_vanillaExtractCssAdapter = require('../adapter/dist/vanilla-extract-css-adapter.cjs.prod.js');
@@ -20,3 +20,3 @@ var hash = require('@emotion/hash');
 require('css-what');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -23,0 +23,0 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

dist/vanilla-extract-css.esm.js

 import { injectStyles } from '../injectStyles/dist/vanilla-extract-css-injectStyles.esm.js';
-import { t as transformCss, _ as _objectSpread2, d as dudupeAndJoinClassList } from './transformCss-7d7f590d.esm.js';
+import { t as transformCss, _ as _objectSpread2, d as dudupeAndJoinClassList } from './transformCss-54fc9a90.esm.js';
 import { setAdapterIfNotSet, getIdentOption, appendCss, registerClassName, registerComposition, markCompositionUsed } from '../adapter/dist/vanilla-extract-css-adapter.esm.js';
@@ -15,3 +15,3 @@ import hash from '@emotion/hash';
 import 'css-what';
-import 'css-mediaquery';
+import 'media-query-parser';
 
@@ -18,0 +18,0 @@ var localClassNames = new Set();

package.json

 {
   "name": "@vanilla-extract/css",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
@@ -113,3 +113,2 @@ "sideEffects": true,
     "chalk": "^4.1.1",
-    "css-mediaquery": "^0.1.2",
     "css-what": "^5.0.1",
@@ -121,8 +120,8 @@ "cssesc": "^3.0.0",
     "escape-string-regexp": "^4.0.0",
+    "media-query-parser": "^2.0.2",
     "outdent": "^0.8.0"
   },
   "devDependencies": {
-    "@types/css-mediaquery": "^0.1.1",
     "@types/cssesc": "^3.0.0"
   }
 }

README.md

@@ -87,2 +87,3 @@ # 🧁 vanilla-extract
   - [Gatsby](#gatsby)
+  - [Rollup](#rollup)
   - [Test environments](#test-environments)
@@ -334,2 +335,28 @@ - [Configuration](#configuration)
 
+### Rollup
+
+> Note: This option is useful for library development but not suitable for application bundles.
+> Rollup has no built-in CSS bundling, so this plugin just outputs styles as individual CSS assets.
+> For applications we instead recommend to use Vite
+> (which itself uses Rollup under the hood but comes with its own CSS bundling).
+
+1. Install the dependencies.
+
+```bash
+npm install @vanilla-extract/css @vanilla-extract/rollup-plugin
+```
+
+2. Add the [Rollup](https://rollupjs.org/) plugin to your Rollup config.
+
+> 💡 This plugin accepts an optional [configuration object](#configuration).
+
+```js
+import { vanillaExtractPlugin } from '@vanilla-extract/rollup-plugin';
+
+// rollup.config.js
+export default {
+  plugins: [vanillaExtractPlugin()]
+}
+```
+
 ### Test environments
@@ -336,0 +363,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-94422525.browser.cjs.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-f4ea3806.browser.cjs.js');
 require('@vanilla-extract/private');
@@ -14,3 +14,3 @@ require('cssesc');
 require('outdent');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -17,0 +17,0 @@

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

@@ -1,2 +0,2 @@
-export { t as transformCss } from '../../dist/transformCss-8a98a0f8.browser.esm.js';
+export { t as transformCss } from '../../dist/transformCss-052f02e0.browser.esm.js';
 import '@vanilla-extract/private';
@@ -9,2 +9,2 @@ import 'cssesc';
 import 'outdent';
-import 'css-mediaquery';
+import 'media-query-parser';

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

@@ -5,3 +5,3 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-913d6e4f.cjs.dev.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-a1ce6f8f.cjs.dev.js');
 require('@vanilla-extract/private');
@@ -14,3 +14,3 @@ require('cssesc');
 require('outdent');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -17,0 +17,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-ea380c57.cjs.prod.js');
+var transformCss_dist_vanillaExtractCssTransformCss = require('../../dist/transformCss-871e7a1e.cjs.prod.js');
 require('@vanilla-extract/private');
@@ -14,3 +14,3 @@ require('cssesc');
 require('outdent');
-require('css-mediaquery');
+require('media-query-parser');
 
@@ -17,0 +17,0 @@

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

@@ -1,2 +0,2 @@
-export { t as transformCss } from '../../dist/transformCss-7d7f590d.esm.js';
+export { t as transformCss } from '../../dist/transformCss-54fc9a90.esm.js';
 import '@vanilla-extract/private';
@@ -9,2 +9,2 @@ import 'cssesc';
 import 'outdent';
-import 'css-mediaquery';
+import 'media-query-parser';

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

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

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

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

Dev dependency count

1

decreased by-50%

Number of lines in readme file

1226

increased by2.25%

Worsened metrics

Total package byte prevSize

293600

decreased by-0.29%

Lines of code

7091

decreased by-0.21%

Dependency changes

• + Addedmedia-query-parser@^2.0.2

• + Added@babel/runtime@7.26.0(transitive)

• + Addedmedia-query-parser@2.0.2(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• - Removedcss-mediaquery@^0.1.2

• - Removedcss-mediaquery@0.1.2(transitive)