@bamboocss/preset-open-props 1.30.1 → 1.31.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.
- package/dist/index.cjs +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -73,14 +73,14 @@ const cssKeyframesToObj = (_css) => {
|
|
|
73
73
|
};
|
|
74
74
|
//#endregion
|
|
75
75
|
//#region src/keyframes.ts
|
|
76
|
-
const easings = transformOpenPropsObj(open_props_src_easing.default, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "
|
|
76
|
+
const easings = transformOpenPropsObj(open_props_src_easing.default, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "token(easings.$1)"));
|
|
77
77
|
const _keyframes = Object.entries(open_props_src_animations.default).filter(([key]) => key.includes("@"));
|
|
78
78
|
const keyframes = _keyframes.reduce((acc, [_key, value]) => {
|
|
79
79
|
const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
|
|
80
80
|
const suffix = _key.includes("media:dark") ? "-dark" : "";
|
|
81
81
|
return Object.assign({}, acc, { [key + suffix]: cssKeyframesToObj(value) });
|
|
82
82
|
}, {});
|
|
83
|
-
const animations = Object.entries(open_props_src_animations.default).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "
|
|
83
|
+
const animations = Object.entries(open_props_src_animations.default).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "token(easings.$1)") } }), {});
|
|
84
84
|
const semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
|
|
85
85
|
const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
|
|
86
86
|
const value = animations[key].value;
|
|
@@ -115,7 +115,7 @@ const gradients = Object.fromEntries(Object.entries(open_props_src_gradients.def
|
|
|
115
115
|
//#endregion
|
|
116
116
|
//#region src/borders.ts
|
|
117
117
|
const borderWidths = Object.fromEntries(Object.entries(open_props_src_borders.default).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }]));
|
|
118
|
-
const radii = Object.fromEntries(Object.entries(open_props_src_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "
|
|
118
|
+
const radii = Object.fromEntries(Object.entries(open_props_src_borders.default).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "token(radii.$1)") }]));
|
|
119
119
|
//#endregion
|
|
120
120
|
//#region src/shadows.ts
|
|
121
121
|
const _shadows = Object.entries(open_props_src_shadows.default).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
|
package/dist/index.mjs
CHANGED
|
@@ -33,14 +33,14 @@ const cssKeyframesToObj = (_css) => {
|
|
|
33
33
|
};
|
|
34
34
|
//#endregion
|
|
35
35
|
//#region src/keyframes.ts
|
|
36
|
-
const easings = transformOpenPropsObj(Easings, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "
|
|
36
|
+
const easings = transformOpenPropsObj(Easings, (key) => key.replace("--ease-", ""), (value) => value.replace(/var\(--ease-([^)]+)\)/g, "token(easings.$1)"));
|
|
37
37
|
const _keyframes = Object.entries(Animations).filter(([key]) => key.includes("@"));
|
|
38
38
|
const keyframes = _keyframes.reduce((acc, [_key, value]) => {
|
|
39
39
|
const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
|
|
40
40
|
const suffix = _key.includes("media:dark") ? "-dark" : "";
|
|
41
41
|
return Object.assign({}, acc, { [key + suffix]: cssKeyframesToObj(value) });
|
|
42
42
|
}, {});
|
|
43
|
-
const animations = Object.entries(Animations).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "
|
|
43
|
+
const animations = Object.entries(Animations).filter(([key]) => !key.includes("@")).reduce((acc, [key, value]) => Object.assign({}, acc, { [key.replace("--animation-", "")]: { value: value.replace(/var\(--ease-([^)]+)\)/g, "token(easings.$1)") } }), {});
|
|
44
44
|
const semanticAnimations = _keyframes.filter(([key]) => key.includes("media:dark")).reduce((acc, [_key]) => {
|
|
45
45
|
const key = _key.replace(/--animation-(.*?)-@(.*)/, "$1");
|
|
46
46
|
const value = animations[key].value;
|
|
@@ -75,7 +75,7 @@ const gradients = Object.fromEntries(Object.entries(Gradients).filter(([key]) =>
|
|
|
75
75
|
//#endregion
|
|
76
76
|
//#region src/borders.ts
|
|
77
77
|
const borderWidths = Object.fromEntries(Object.entries(Borders).filter(([key]) => key.includes("-size-")).map(([key, value]) => [key.replace("--border-size-", ""), { value }]));
|
|
78
|
-
const radii = Object.fromEntries(Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "
|
|
78
|
+
const radii = Object.fromEntries(Object.entries(Borders).filter(([key]) => !key.includes("-size-")).map(([key, value]) => [key.replace("--radius-", ""), { value: value.replace(/var\(--radius-([^)]+)\)/g, "token(radii.$1)") }]));
|
|
79
79
|
//#endregion
|
|
80
80
|
//#region src/shadows.ts
|
|
81
81
|
const _shadows = Object.entries(Shadows).filter(([key]) => /--(shadow|inner-shadow)-\d+/.test(key));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bamboocss/preset-open-props",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.31.0",
|
|
4
4
|
"description": "A preset for Open Props",
|
|
5
5
|
"homepage": "https://bamboocss.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"css": "3.0.0",
|
|
37
37
|
"open-props": "1.7.16",
|
|
38
|
-
"@bamboocss/types": "1.
|
|
38
|
+
"@bamboocss/types": "1.31.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/css": "0.0.38"
|