@react-email/column - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/index.d.ts

 import * as React from 'react';
 
-declare type RootProps = React.ComponentPropsWithoutRef<'div'>;
+declare type RootProps = React.ComponentPropsWithoutRef<'td'>;
 interface ColumnProps extends RootProps {
     style?: React.CSSProperties;
 }
-declare const Column: React.ForwardRefExoticComponent<Readonly<ColumnProps> & React.RefAttributes<HTMLDivElement>>;
+declare const Column: React.ForwardRefExoticComponent<Readonly<ColumnProps> & React.RefAttributes<HTMLTableDataCellElement>>;
 
 export { Column, ColumnProps };

dist/index.js

@@ -39,17 +39,18 @@ "use strict";
     const styleDefault = {
-      display: "inline-block",
       width: "100%",
-      fontSize: "0px",
-      verticalAlign: "top",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
       ...style
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: forwardedRef,
-      style: styleDefault,
-      role: "presentation",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "td",
+      {
+        ref: forwardedRef,
+        style: styleDefault,
+        role: "presentation",
+        ...props,
         children
-      })
-    });
+      }
+    );
   }
@@ -56,0 +57,0 @@ );

package.json

 {
   "name": "@react-email/column",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Display a column that separates content areas vertically in your email",
@@ -23,2 +23,14 @@ "sideEffects": false,
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zenorocha/react-email.git",
+    "directory": "packages/column"
+  },
+  "keywords": [
+    "react",
+    "email"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "dependencies": {
@@ -44,2 +56,2 @@ "react": "18.2.0"
   }
-}
+}

readme.md

@@ -1,2 +0,2 @@
-![React Email Hr cover](https://assets.react.email/covers/hr.png)
+![React Email Column cover](https://react.email/static/covers/column.png)
 
@@ -35,2 +35,3 @@ <div align="center"><strong>@react-email/column</strong></div>
 ```jsx
+import { Section } from '@react-email/section';
 import { Column } from '@react-email/column';
@@ -40,3 +41,7 @@
   return(
-    <Column>{/* Any content. */}<Column/>
+    <Section>
+      <Column>A<Column/>
+      <Column>B<Column/>
+      <Column>C<Column/>
+    </Section>
   );
@@ -50,3 +55,3 @@ };
 
-| <img src="https://assets.react.email/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://assets.react.email/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://assets.react.email/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://assets.react.email/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://assets.react.email/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://assets.react.email/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
+| <img src="https://react.email/static/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://react.email/static/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://react.email/static/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://react.email/static/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://react.email/static/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://react.email/static/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |
 | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
@@ -53,0 +58,0 @@ | Gmail ✔                                                                                            | Apple Mail ✔                                                                                            | Outlook ✔                                                                                              | Yahoo! Mail ✔                                                                                                 | HEY ✔                                                                                          | Superhuman ✔                                                                                                 |

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8387

3.34%

Lines of code

94

2.17%

Number of lines in readme file

60

9.09%

Number of low supply chain risk alerts

0

-100%

Number of medium supply chain risk alerts

0

-100%

No dependency changes