fix: jsx typings

vtex · Jun 25, 2021 · 99e572a · 99e572a
1 parent c090ebc
commit 99e572a
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 8 deletions.
diff --git a/lerna.json b/lerna.json
@@ -1,11 +1,14 @@
 {
-  "version": "0.373.0-alpha.3",
+  "version": "0.373.0-alpha.4",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "command": {
     "publish": {
       "message": "Release: %v"
     }
   },
+  "changelogPreset": {
+    "name": "conventionalcommits"
+  },
   "packages": ["packages/*"]
 }
diff --git a/packages/gatsby-plugin-google-tag-manager/package.json b/packages/gatsby-plugin-google-tag-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vtex/gatsby-plugin-google-tag-manager",
-  "version": "0.373.0-alpha.3",
+  "version": "0.373.0-alpha.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/vtex/faststore",
@@ -23,7 +23,7 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@vtex/gatsby-theme-store": "^0.373.0-alpha.3",
+    "@vtex/gatsby-theme-store": "^0.373.0-alpha.4",
     "cross-env": "^7.0.2",
     "gatsby": "^3.1.1",
     "typescript": "^4.2.4"

diff --git a/packages/gatsby-plugin-pixel-facebook/package.json b/packages/gatsby-plugin-pixel-facebook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vtex/gatsby-plugin-pixel-facebook",
-  "version": "0.373.0-alpha.3",
+  "version": "0.373.0-alpha.4",
   "description": "Gatsby plugin for using Facebook Pixel with Store Framework Jamstack",
   "repository": {
     "type": "git",
@@ -23,7 +23,7 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@vtex/gatsby-theme-store": "^0.373.0-alpha.3",
+    "@vtex/gatsby-theme-store": "^0.373.0-alpha.4",
     "cross-env": "^7.0.2",
     "gatsby": "^3.1.1",
     "typescript": "^4.2.4"

diff --git a/packages/gatsby-theme-store/package.json b/packages/gatsby-theme-store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vtex/gatsby-theme-store",
-  "version": "0.373.0-alpha.3",
+  "version": "0.373.0-alpha.4",
   "description": "Gatsby theme for building ecommerce websites",
   "main": "index.js",
   "repository": {
@@ -55,7 +55,7 @@
     "@types/react-helmet-async": "^1.0.3",
     "@vtex/gatsby-plugin-i18n": "^0.371.21",
     "@vtex/store-sdk": "^0.371.21",
-    "@vtex/store-ui": "^0.373.0-alpha.3",
+    "@vtex/store-ui": "^0.373.0-alpha.4",
     "cross-env": "^7.0.2",
     "gatsby": "^3.1.1",
     "gatsby-plugin-next-seo": "^1.7.0",

diff --git a/packages/store-ui/package.json b/packages/store-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vtex/store-ui",
-  "version": "0.373.0-alpha.3",
+  "version": "0.373.0-alpha.4",
   "description": "A lightweight, css framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",

diff --git a/packages/store-ui/src/typings/global.d.ts b/packages/store-ui/src/typings/global.d.ts
@@ -1,6 +1,28 @@
+import type { SxStyleProp } from 'theme-ui'
+import type { SerializedStyles } from 'emotion'
+
+declare module 'react' {
+  interface DOMAttributes {
+    sx?: SxStyleProp
+    css?: SerializedStyles
+  }
+}
+
 export declare global {
   namespace globalThis {
     function requestIdleCallback(args: () => void): number
     function cancelIdleCallback(id: number): void
   }
+
+  namespace JSX {
+    /**
+     * Do we need to modify `LibraryManagedAttributes` too,
+     * to make `className` props optional when `css` props is specified?
+     */
+
+    interface IntrinsicAttributes {
+      sx?: SxStyleProp
+      css?: SerializedStyles
+    }
+  }
 }