@vanilla-extract/vite-plugin 3.1.3 → 3.1.4

package/README.md

@@ -443,6 +443,15 @@ export const childClass = style({
 >
 > If you want to globally target child nodes within the current element (e.g. `'& a[href]'`), you should use [`globalStyle`](#globalstyle) instead.
 
+For fallback styles you may simply pass an array of properties instead of a single prop.
+
+```ts
+export const exampleStyle = style({
+  // in Firefox and IE the "overflow: overlay" will be ignored and the "overflow: auto" will be applied
+  overflow: ['auto', 'overlay'],
+});
+```
+
 Multiple styles can be composed into a single rule by providing an array of styles.
 
 ```ts
@@ -837,7 +846,7 @@ import { createVar, fallbackVar, style } from '@vanilla-extract/css';
 export const colorVar = createVar();
 
 export const exampleStyle = style({
-  color: fallbackVar(colorVar, 'blue');
+  color: fallbackVar(colorVar, 'blue'),
 });
 ```
 
@@ -850,7 +859,7 @@ export const primaryColorVar = createVar();
 export const secondaryColorVar = createVar();
 
 export const exampleStyle = style({
-  color: fallbackVar(primaryColorVar, secondaryColorVar, 'blue');
+  color: fallbackVar(primaryColorVar, secondaryColorVar, 'blue'),
 });
 ```
 

package/dist/vanilla-extract-vite-plugin.cjs.dev.js

@@ -197,7 +197,8 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const fileId = integration.stringifyFileScope(fileScope);
+          // This file id is requested through a URL where ".." isn't valid.
+          const fileId = integration.stringifyFileScope(fileScope).replace(/\.\./g, '_dir_up_');
           const id = `${virtualPrefix}${fileId}${virtualExt}`;
           let cssSource = source;
 

package/dist/vanilla-extract-vite-plugin.cjs.prod.js

@@ -197,7 +197,8 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const fileId = integration.stringifyFileScope(fileScope);
+          // This file id is requested through a URL where ".." isn't valid.
+          const fileId = integration.stringifyFileScope(fileScope).replace(/\.\./g, '_dir_up_');
           const id = `${virtualPrefix}${fileId}${virtualExt}`;
           let cssSource = source;
 

package/dist/vanilla-extract-vite-plugin.esm.js

@@ -170,7 +170,8 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const fileId = stringifyFileScope(fileScope);
+          // This file id is requested through a URL where ".." isn't valid.
+          const fileId = stringifyFileScope(fileScope).replace(/\.\./g, '_dir_up_');
           const id = `${virtualPrefix}${fileId}${virtualExt}`;
           let cssSource = source;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/vite-plugin",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",