@pandacss/preset-open-props 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +8 -3
  2. package/dist/index.mjs +8 -3
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -69,7 +69,7 @@ var cssKeyframesToObj = (_css) => {
69
69
  var easings = transformOpenPropsObj(
70
70
  import_easing.default,
71
71
  (key) => key.replace("--ease-", ""),
72
- (value) => value.replace("ease", "easings")
72
+ (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}")
73
73
  );
74
74
  var _keyframes = Object.entries(import_animations.default).filter(([key]) => key.includes("@"));
75
75
  var keyframes = _keyframes.reduce((acc, [_key, value]) => {
@@ -80,7 +80,9 @@ var keyframes = _keyframes.reduce((acc, [_key, value]) => {
80
80
  });
81
81
  }, {});
82
82
  var animations = Object.entries(import_animations.default).filter(([key]) => !key.includes("@")).reduce(
83
- (acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace("ease", "easings") } }),
83
+ (acc, [key, value]) => Object.assign({}, acc, {
84
+ [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") }
85
+ }),
84
86
  {}
85
87
  );
86
88
  var semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
@@ -132,7 +134,10 @@ var borderWidths = Object.fromEntries(
132
134
  Object.entries(import_borders.default).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }])
133
135
  );
134
136
  var radii = Object.fromEntries(
135
- Object.entries(import_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value }])
137
+ Object.entries(import_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [
138
+ key.replace("--radius-", ""),
139
+ { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }
140
+ ])
136
141
  );
137
142
 
138
143
  // src/shadows.ts
package/dist/index.mjs CHANGED
@@ -32,7 +32,7 @@ var cssKeyframesToObj = (_css) => {
32
32
  var easings = transformOpenPropsObj(
33
33
  Easings,
34
34
  (key) => key.replace("--ease-", ""),
35
- (value) => value.replace("ease", "easings")
35
+ (value) => value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}")
36
36
  );
37
37
  var _keyframes = Object.entries(Animations).filter(([key]) => key.includes("@"));
38
38
  var keyframes = _keyframes.reduce((acc, [_key, value]) => {
@@ -43,7 +43,9 @@ var keyframes = _keyframes.reduce((acc, [_key, value]) => {
43
43
  });
44
44
  }, {});
45
45
  var animations = Object.entries(Animations).filter(([key]) => !key.includes("@")).reduce(
46
- (acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace("ease", "easings") } }),
46
+ (acc, [key, value]) => Object.assign({}, acc, {
47
+ [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "{easings.$1}") }
48
+ }),
47
49
  {}
48
50
  );
49
51
  var semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
@@ -95,7 +97,10 @@ var borderWidths = Object.fromEntries(
95
97
  Object.entries(Borders).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }])
96
98
  );
97
99
  var radii = Object.fromEntries(
98
- Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value }])
100
+ Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [
101
+ key.replace("--radius-", ""),
102
+ { value: value.replace(/var\(--radius-([^)]+)\)/g, "{radii.$1}") }
103
+ ])
99
104
  );
100
105
 
101
106
  // src/shadows.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/preset-open-props",
3
- "version": "0.21.0",
3
+ "version": "0.22.0",
4
4
  "description": "A preset for Open Props",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -28,7 +28,7 @@
28
28
  "dependencies": {
29
29
  "css": "^3.0.0",
30
30
  "open-props": "^1.6.13",
31
- "@pandacss/types": "0.21.0"
31
+ "@pandacss/types": "0.22.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@types/css": "^0.0.37"