@bamboocss/preset-base 1.17.3 → 1.19.0

package/dist/index.cjs

@@ -1621,7 +1621,11 @@ function createFocusRing(selector, className) {
 				};
 				default: return {};
 			}
-		}
+		},
+		customProperties: { "--focus-ring-color": {
+			inherits: false,
+			syntax: "*"
+		} }
 	};
 }
 const focusRing = {
@@ -1710,6 +1714,16 @@ const backgroundGradients = {
 				"--gradient-position": linearGradientDirectionMap.get(raw),
 				backgroundImage: `linear-gradient(var(--gradient-stops))`
 			};
+		},
+		customProperties: {
+			"--gradient-stops": {
+				inherits: false,
+				syntax: "*"
+			},
+			"--gradient-position": {
+				inherits: false,
+				syntax: "*"
+			}
 		}
 	},
 	backgroundLinear: {
@@ -1806,13 +1820,21 @@ const backgroundGradients = {
 		className: "grad-from",
 		values: "colors",
 		group: "Background Gradient",
-		transform: createColorMixTransform("--gradient-from")
+		transform: createColorMixTransform("--gradient-from"),
+		customProperties: { "--gradient-from": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	gradientTo: {
 		className: "grad-to",
 		values: "colors",
 		group: "Background Gradient",
-		transform: createColorMixTransform("--gradient-to")
+		transform: createColorMixTransform("--gradient-to"),
+		customProperties: { "--gradient-to": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	gradientVia: {
 		className: "grad-via",
@@ -1824,6 +1846,16 @@ const backgroundGradients = {
 				"--gradient-stops": "var(--gradient-via-stops)",
 				"--gradient-via-stops": gradientViaStops
 			};
+		},
+		customProperties: {
+			"--gradient-via": {
+				inherits: false,
+				syntax: "*"
+			},
+			"--gradient-via-stops": {
+				inherits: false,
+				syntax: "*"
+			}
 		}
 	},
 	gradientViaPosition: {
@@ -3092,7 +3124,11 @@ const transitions = {
 				"--transition-easing": value,
 				transitionTimingFunction: value
 			};
-		}
+		},
+		customProperties: { "--transition-easing": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transitionDelay: {
 		className: "trs-dly",
@@ -3108,7 +3144,11 @@ const transitions = {
 				"--transition-duration": value,
 				transitionDuration: value
 			};
-		}
+		},
+		customProperties: { "--transition-duration": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transitionProperty: {
 		className: "trs-prop",
@@ -3125,7 +3165,11 @@ const transitions = {
 				"--transition-prop": value,
 				transitionProperty: value
 			};
-		}
+		},
+		customProperties: { "--transition-prop": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transition: {
 		className: "trs",

package/dist/index.mjs

@@ -1617,7 +1617,11 @@ function createFocusRing(selector, className) {
 				};
 				default: return {};
 			}
-		}
+		},
+		customProperties: { "--focus-ring-color": {
+			inherits: false,
+			syntax: "*"
+		} }
 	};
 }
 const focusRing = {
@@ -1706,6 +1710,16 @@ const backgroundGradients = {
 				"--gradient-position": linearGradientDirectionMap.get(raw),
 				backgroundImage: `linear-gradient(var(--gradient-stops))`
 			};
+		},
+		customProperties: {
+			"--gradient-stops": {
+				inherits: false,
+				syntax: "*"
+			},
+			"--gradient-position": {
+				inherits: false,
+				syntax: "*"
+			}
 		}
 	},
 	backgroundLinear: {
@@ -1802,13 +1816,21 @@ const backgroundGradients = {
 		className: "grad-from",
 		values: "colors",
 		group: "Background Gradient",
-		transform: createColorMixTransform("--gradient-from")
+		transform: createColorMixTransform("--gradient-from"),
+		customProperties: { "--gradient-from": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	gradientTo: {
 		className: "grad-to",
 		values: "colors",
 		group: "Background Gradient",
-		transform: createColorMixTransform("--gradient-to")
+		transform: createColorMixTransform("--gradient-to"),
+		customProperties: { "--gradient-to": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	gradientVia: {
 		className: "grad-via",
@@ -1820,6 +1842,16 @@ const backgroundGradients = {
 				"--gradient-stops": "var(--gradient-via-stops)",
 				"--gradient-via-stops": gradientViaStops
 			};
+		},
+		customProperties: {
+			"--gradient-via": {
+				inherits: false,
+				syntax: "*"
+			},
+			"--gradient-via-stops": {
+				inherits: false,
+				syntax: "*"
+			}
 		}
 	},
 	gradientViaPosition: {
@@ -3088,7 +3120,11 @@ const transitions = {
 				"--transition-easing": value,
 				transitionTimingFunction: value
 			};
-		}
+		},
+		customProperties: { "--transition-easing": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transitionDelay: {
 		className: "trs-dly",
@@ -3104,7 +3140,11 @@ const transitions = {
 				"--transition-duration": value,
 				transitionDuration: value
 			};
-		}
+		},
+		customProperties: { "--transition-duration": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transitionProperty: {
 		className: "trs-prop",
@@ -3121,7 +3161,11 @@ const transitions = {
 				"--transition-prop": value,
 				transitionProperty: value
 			};
-		}
+		},
+		customProperties: { "--transition-prop": {
+			inherits: false,
+			syntax: "*"
+		} }
 	},
 	transition: {
 		className: "trs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/preset-base",
-  "version": "1.17.3",
+  "version": "1.19.0",
   "description": "The base preset for Bamboo CSS that contains the conditions and utilities",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@bamboocss/types": "1.17.3"
+    "@bamboocss/types": "1.19.0"
   },
   "scripts": {
     "build": "tsdown src/index.ts --format=esm,cjs --dts",