Skip to content

Commit 9e5438d

Browse files
vanilla-extract-cigithub-actions[bot]
vanilla-extract-ci
and
github-actions[bot]
authored
Version Packages (#1514)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent 67f4eaf commit 9e5438d

File tree

24 files changed

+185
-125
lines changed

24 files changed

+185
-125
lines changed

‎.changeset/angry-rules-tease.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎.changeset/modern-cobras-sort.md

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎.changeset/nasty-wasps-tie.md

Lines changed: 0 additions & 51 deletions
This file was deleted.

‎.changeset/poor-mirrors-care.md

Lines changed: 0 additions & 29 deletions
This file was deleted.

‎packages/babel-plugin-debug-ids/CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
# @vanilla-extract/babel-plugin-debug-ids
22

3+
## 1.2.0
4+
5+
### Minor Changes
6+
7+
- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - Add support for `createVar` calls that declare `@property` rules
8+
39
## 1.1.0
410

511
### Minor Changes

‎packages/babel-plugin-debug-ids/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@vanilla-extract/babel-plugin-debug-ids",
3-
"version": "1.1.0",
3+
"version": "1.2.0",
44
"description": "Zero-runtime Stylesheets-in-TypeScript",
55
"main": "dist/vanilla-extract-babel-plugin-debug-ids.cjs.js",
66
"module": "dist/vanilla-extract-babel-plugin-debug-ids.esm.js",

‎packages/css/CHANGELOG.md

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,117 @@
11
# @vanilla-extract/css
22

3+
## 1.17.0
4+
5+
### Minor Changes
6+
7+
- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - `keyframes`: Add support for a `vars` property to steps within `keyframes` declarations
8+
9+
Example usage:
10+
11+
```ts
12+
import {
13+
createVar,
14+
keyframes
15+
} from '@vanilla-extract/css';
16+
17+
const angle = createVar({
18+
syntax: '<angle>',
19+
inherits: false,
20+
initialValue: '0deg'
21+
});
22+
23+
export const angleKeyframes = keyframes({
24+
'0%': {
25+
vars: {
26+
[angle]: '0deg'
27+
}
28+
},
29+
'100%': {
30+
vars: {
31+
[angle]: '360deg'
32+
}
33+
}
34+
});
35+
```
36+
37+
- [#1512](https://github.com/vanilla-extract-css/vanilla-extract/pull/1512) [`4abfc0b`](https://github.com/vanilla-extract-css/vanilla-extract/commit/4abfc0b47c675f9a7bfdb4c3316b1c62d2b8e558) Thanks [@askoufis](https://github.com/askoufis)! - `createTheme`, `createGlobalTheme`: Add support for assigning themes to a layer
38+
39+
Themes can now be assigned to a layer by name using the `@layer` key at the top-level of the theme definition.
40+
41+
**EXAMPLE USAGE**:
42+
43+
```ts
44+
// themes.css.ts
45+
import {
46+
createTheme,
47+
createGlobalTheme,
48+
layer
49+
} from '@vanilla-extract/css';
50+
51+
export const themeLayer = layer();
52+
53+
export const [themeA, vars] = createTheme({
54+
'@layer': themeLayer,
55+
color: {
56+
brand: 'blue'
57+
},
58+
font: {
59+
body: 'arial'
60+
}
61+
});
62+
63+
export const vars2 = createGlobalTheme(':root', {
64+
'@layer': themeLayer,
65+
space: {
66+
small: '10px',
67+
large: '20px'
68+
}
69+
});
70+
```
71+
72+
This will generate the following CSS:
73+
74+
```css
75+
@layer themes_themeLayer__1k6oxph0;
76+
@layer themes_themeLayer__1k6oxph0 {
77+
.themes_themeA__1k6oxph1 {
78+
--color-brand__1k6oxph2: blue;
79+
--font-body__1k6oxph3: arial;
80+
}
81+
82+
:root {
83+
--space-small__z05zdf1: 10px;
84+
--space-large__z05zdf2: 20px;
85+
}
86+
}
87+
```
88+
89+
- [#1092](https://github.com/vanilla-extract-css/vanilla-extract/pull/1092) [`fd673f6`](https://github.com/vanilla-extract-css/vanilla-extract/commit/fd673f658da3b0019d19a0c7d6d9208d1685ff5b) Thanks [@z4o4z](https://github.com/z4o4z)! - `createVar`: Add support for defining [`@property`] rules
90+
91+
Example usage:
92+
93+
```ts
94+
import { createVar } from '@vanilla-extract/css';
95+
96+
export const myVar = createVar({
97+
syntax: '<number>',
98+
inherits: false,
99+
initialValue: '0.5'
100+
});
101+
```
102+
103+
This will generate the following CSS:
104+
105+
```css
106+
@property --myVar__jteyb14 {
107+
syntax: '<number>';
108+
inherits: false;
109+
initial-value: 0.5;
110+
}
111+
```
112+
113+
[`@property`]: https://developer.mozilla.org/en-US/docs/Web/CSS/@property
114+
3115
## 1.16.1
4116

5117
### Patch Changes

‎packages/css/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@vanilla-extract/css",
3-
"version": "1.16.1",
3+
"version": "1.17.0",
44
"description": "Zero-runtime Stylesheets-in-TypeScript",
55
"sideEffects": true,
66
"main": "dist/vanilla-extract-css.cjs.js",

‎packages/esbuild-plugin/CHANGELOG.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
# @vanilla-extract/esbuild-plugin
22

3+
## 2.3.13
4+
5+
### Patch Changes
6+
7+
- Updated dependencies []:
8+
- @vanilla-extract/integration@7.1.12
9+
310
## 2.3.12
411

512
### Patch Changes

‎packages/esbuild-plugin/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@vanilla-extract/esbuild-plugin",
3-
"version": "2.3.12",
3+
"version": "2.3.13",
44
"description": "Zero-runtime Stylesheets-in-TypeScript",
55
"main": "dist/vanilla-extract-esbuild-plugin.cjs.js",
66
"module": "dist/vanilla-extract-esbuild-plugin.esm.js",

0 commit comments

Comments
 (0)