feat: add extendable CSSProperties interface

withastro · Jan 3, 2024 · f09a7ed · f09a7ed
1 parent 98c69b8
commit f09a7ed
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.changeset/slow-kiwis-own.md b/.changeset/slow-kiwis-own.md
@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Add extendable `CSSProperties` interface to style attribute
diff --git a/packages/astro/astro-jsx.d.ts b/packages/astro/astro-jsx.d.ts
@@ -499,6 +499,15 @@ declare namespace astroHTML.JSX {
 		KebabCSSDOMProperties & DOMCSSProperties & AllCSSProperties
 	>;
 
+	interface CSSProperties extends StyleObject {
+		/**
+		 * Extend namespace to add properties or an index signature of your own.
+		 *
+		 * For more information, visit:
+		 * https://docs.astro.build/en/guides/typescript/#built-in-html-attributes
+		 */
+	}
+
 	interface HTMLAttributes extends AriaAttributes, DOMAttributes, AstroBuiltinAttributes {
 		// Standard HTML Attributes
 		accesskey?: string | undefined | null;
@@ -547,7 +556,7 @@ declare namespace astroHTML.JSX {
 		popover?: boolean | string | undefined | null;
 		slot?: string | undefined | null;
 		spellcheck?: 'true' | 'false' | boolean | undefined | null;
-		style?: string | StyleObject | undefined | null;
+		style?: string | CSSProperties | undefined | null;
 		tabindex?: number | string | undefined | null;
 		title?: string | undefined | null;
 		translate?: 'yes' | 'no' | '' | undefined | null;