Version Packages

vanilla-extract-css · Aug 27, 2021 · 8db5e99 · 8db5e99
1 parent 1e7d647
commit 8db5e99
Show file tree

Hide file tree

Showing 26 changed files with 232 additions and 200 deletions.
diff --git a/.changeset/gold-wombats-thank.md b/.changeset/gold-wombats-thank.md
diff --git a/.changeset/hip-icons-destroy.md b/.changeset/hip-icons-destroy.md
diff --git a/.changeset/olive-zoos-roll.md b/.changeset/olive-zoos-roll.md
diff --git a/.changeset/sharp-dingos-smell.md b/.changeset/sharp-dingos-smell.md
diff --git a/.changeset/shiny-bees-rest.md b/.changeset/shiny-bees-rest.md
diff --git a/.changeset/twenty-cougars-visit.md b/.changeset/twenty-cougars-visit.md
diff --git a/examples/webpack-react/package.json b/examples/webpack-react/package.json
@@ -23,9 +23,9 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@vanilla-extract/babel-plugin": "^1.0.1",
-    "@vanilla-extract/css": "1.2.3",
-    "@vanilla-extract/sprinkles": "^1.1.1",
-    "@vanilla-extract/webpack-plugin": "^1.1.0",
+    "@vanilla-extract/css": "1.3.0",
+    "@vanilla-extract/sprinkles": "^1.1.2",
+    "@vanilla-extract/webpack-plugin": "^2.0.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.4",
     "html-webpack-plugin": "^5.3.1",

diff --git a/fixtures/low-level/package.json b/fixtures/low-level/package.json
@@ -5,6 +5,6 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.2.3"
+    "@vanilla-extract/css": "1.3.0"
   }
 }
diff --git a/fixtures/sprinkles/package.json b/fixtures/sprinkles/package.json
@@ -6,7 +6,7 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.2.3",
-    "@vanilla-extract/sprinkles": "1.1.1"
+    "@vanilla-extract/css": "1.3.0",
+    "@vanilla-extract/sprinkles": "1.1.2"
   }
 }
diff --git a/fixtures/themed/package.json b/fixtures/themed/package.json
@@ -6,7 +6,7 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.2.3",
+    "@vanilla-extract/css": "1.3.0",
     "@vanilla-extract/dynamic": "2.0.0"
   }
 }
diff --git a/fixtures/unused-modules/package.json b/fixtures/unused-modules/package.json
@@ -8,6 +8,6 @@
   "author": "SEEK",
   "private": true,
   "dependencies": {
-    "@vanilla-extract/css": "1.2.3"
+    "@vanilla-extract/css": "1.3.0"
   }
 }
diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md
@@ -1,5 +1,89 @@
 # @vanilla-extract/css
 
+## 1.3.0
+
+### Minor Changes
+
+- [#319](https://github.com/seek-oss/vanilla-extract/pull/319) [`26832f1`](https://github.com/seek-oss/vanilla-extract/commit/26832f162e75b72f83dba0c230295a5dfed683aa) Thanks [@nicksrandall](https://github.com/nicksrandall)! - Add `createGlobalThemeContract` function
+
+  Creates a contract of globally scoped variable names for themes to implement.
+
+  > 💡 This is useful if you want to make your theme contract available to non-JavaScript environments.
+
+  ```ts
+  // themes.css.ts
+  import {
+    createGlobalThemeContract,
+    createGlobalTheme,
+  } from '@vanilla-extract/css';
+
+  export const vars = createGlobalThemeContract({
+    color: {
+      brand: 'color-brand',
+    },
+    font: {
+      body: 'font-body',
+    },
+  });
+
+  createGlobalTheme(':root', vars, {
+    color: {
+      brand: 'blue',
+    },
+    font: {
+      body: 'arial',
+    },
+  });
+  ```
+
+  You can also provide a map function as the second argument which has access to the value and the object path.
+
+  For example, you can automatically prefix all variable names.
+
+  ```ts
+  // themes.css.ts
+  import {
+    createGlobalThemeContract,
+    createGlobalTheme,
+  } from '@vanilla-extract/css';
+
+  export const vars = createGlobalThemeContract(
+    {
+      color: {
+        brand: 'color-brand',
+      },
+      font: {
+        body: 'font-body',
+      },
+    },
+    value => `prefix-${value}`,
+  );
+  ```
+
+  You can also use the map function to automatically generate names from the object path, joining keys with a hyphen.
+
+  ```ts
+  // themes.css.ts
+  import {
+    createGlobalThemeContract,
+    createGlobalTheme,
+  } from '@vanilla-extract/css';
+
+  export const vars = createGlobalThemeContract(
+    {
+      color: {
+        brand: null,
+      },
+      font: {
+        body: null,
+      },
+    },
+    (_value, path) => `prefix-${path.join('-')}`,
+  );
+  ```
+
+* [#323](https://github.com/seek-oss/vanilla-extract/pull/323) [`1e7d647`](https://github.com/seek-oss/vanilla-extract/commit/1e7d6470398a0fbcbdef4118e678150932cd9275) Thanks [@mattcompiles](https://github.com/mattcompiles)! - Support configurable identifier types
+
 ## 1.2.3
 
 ### Patch Changes

diff --git a/packages/css/package.json b/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/css",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "sideEffects": true,
   "main": "dist/vanilla-extract-css.cjs.js",

diff --git a/packages/esbuild-plugin/CHANGELOG.md b/packages/esbuild-plugin/CHANGELOG.md
@@ -1,5 +1,29 @@
 # @vanilla-extract/esbuild-plugin
 
+## 2.0.0
+
+### Major Changes
+
+- [#323](https://github.com/seek-oss/vanilla-extract/pull/323) [`1e7d647`](https://github.com/seek-oss/vanilla-extract/commit/1e7d6470398a0fbcbdef4118e678150932cd9275) Thanks [@mattcompiles](https://github.com/mattcompiles)! - Formatting of identifiers (e.g. class names, keyframes, CSS Vars, etc) can now be configured via the `identifiers` option which accepts either `short` or `debug`.
+
+  - `short` identifiers are a 7+ character hash. e.g. `hnw5tz3`
+  - `debug` identifiers contain human readable prefixes representing the owning filename and a potential rule level debug name. e.g. `somefile_mystyle_hnw5tz3`
+
+  ```js
+  import { vanillaExtractPlugin } from '@vanilla-extract/esbuild-plugin';
+
+  vanillaExtractPlugin({ identifiers: 'short' });
+  ```
+
+  BREAKING CHANGE
+
+  Previously identifiers were formatted as `short` when `process.env.NODE_ENV` was set to "production". By default, they will now be formatted according to esbuild's [minify config](https://esbuild.github.io/api/#minify).
+
+### Patch Changes
+
+- Updated dependencies [[`1e7d647`](https://github.com/seek-oss/vanilla-extract/commit/1e7d6470398a0fbcbdef4118e678150932cd9275)]:
+  - @vanilla-extract/[email protected]
+
 ## 1.2.0
 
 ### Minor Changes

diff --git a/packages/esbuild-plugin/package.json b/packages/esbuild-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/esbuild-plugin",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-esbuild-plugin.cjs.js",
   "module": "dist/vanilla-extract-esbuild-plugin.esm.js",
@@ -15,7 +15,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/integration": "^1.1.0"
+    "@vanilla-extract/integration": "^1.2.0"
   },
   "devDependencies": {
     "esbuild": "^0.11.16"

diff --git a/packages/integration/CHANGELOG.md b/packages/integration/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @vanilla-extract/integration
 
+## 1.2.0
+
+### Minor Changes
+
+- [#323](https://github.com/seek-oss/vanilla-extract/pull/323) [`1e7d647`](https://github.com/seek-oss/vanilla-extract/commit/1e7d6470398a0fbcbdef4118e678150932cd9275) Thanks [@mattcompiles](https://github.com/mattcompiles)! - Support configurable identifier types
+
+### Patch Changes
+
+- Updated dependencies [[`26832f1`](https://github.com/seek-oss/vanilla-extract/commit/26832f162e75b72f83dba0c230295a5dfed683aa), [`1e7d647`](https://github.com/seek-oss/vanilla-extract/commit/1e7d6470398a0fbcbdef4118e678150932cd9275)]:
+  - @vanilla-extract/css@1.3.0
+
 ## 1.1.0
 
 ### Minor Changes

diff --git a/packages/integration/package.json b/packages/integration/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/integration",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-integration.cjs.js",
   "module": "dist/vanilla-extract-integration.esm.js",
@@ -15,7 +15,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/css": "^1.2.0",
+    "@vanilla-extract/css": "^1.3.0",
     "chalk": "^4.1.1",
     "dedent": "^0.7.0",
     "esbuild": "^0.11.16",