@react-email/column 0.0.5 → 0.0.6-canary.1

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.
Files changed (5) hide show
  1. package/dist/index.d.ts +0 -1
  2. package/dist/index.js +1 -16
  3. package/dist/index.mjs +1 -16
  4. package/package.json +1 -1
  5. package/readme.md +3 -3
package/dist/index.d.ts CHANGED
@@ -2,7 +2,6 @@ import * as React from 'react';
2
2
 
3
3
  declare type RootProps = React.ComponentPropsWithoutRef<'td'>;
4
4
  interface ColumnProps extends RootProps {
5
- style?: React.CSSProperties;
6
5
  }
7
6
  declare const Column: React.ForwardRefExoticComponent<Readonly<ColumnProps> & React.RefAttributes<HTMLTableDataCellElement>>;
8
7
 
package/dist/index.js CHANGED
@@ -35,22 +35,7 @@ var React = __toESM(require("react"));
35
35
  var import_jsx_runtime = require("react/jsx-runtime");
36
36
  var Column = React.forwardRef(
37
37
  ({ children, style, ...props }, forwardedRef) => {
38
- const styleDefault = {
39
- display: "inline-flex",
40
- justifyContent: "center",
41
- alignItems: "center",
42
- ...style
43
- };
44
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
- "td",
46
- {
47
- ref: forwardedRef,
48
- style: styleDefault,
49
- role: "presentation",
50
- ...props,
51
- children
52
- }
53
- );
38
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { ...props, style, ref: forwardedRef, children });
54
39
  }
55
40
  );
56
41
  Column.displayName = "Column";
package/dist/index.mjs CHANGED
@@ -3,22 +3,7 @@ import * as React from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  var Column = React.forwardRef(
5
5
  ({ children, style, ...props }, forwardedRef) => {
6
- const styleDefault = {
7
- display: "inline-flex",
8
- justifyContent: "center",
9
- alignItems: "center",
10
- ...style
11
- };
12
- return /* @__PURE__ */ jsx(
13
- "td",
14
- {
15
- ref: forwardedRef,
16
- style: styleDefault,
17
- role: "presentation",
18
- ...props,
19
- children
20
- }
21
- );
6
+ return /* @__PURE__ */ jsx("td", { ...props, style, ref: forwardedRef, children });
22
7
  }
23
8
  );
24
9
  Column.displayName = "Column";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-email/column",
3
- "version": "0.0.5",
3
+ "version": "0.0.6-canary.1",
4
4
  "description": "Display a column that separates content areas vertically in your email",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/index.js",
package/readme.md CHANGED
@@ -32,16 +32,16 @@ npm install @react-email/column -E
32
32
  Add the component to your email template. Include styles where needed.
33
33
 
34
34
  ```jsx
35
- import { Section } from '@react-email/section';
35
+ import { Row } from '@react-email/row';
36
36
  import { Column } from '@react-email/column';
37
37
 
38
38
  const Email = () => {
39
39
  return(
40
- <Section>
40
+ <Row>
41
41
  <Column>A<Column/>
42
42
  <Column>B<Column/>
43
43
  <Column>C<Column/>
44
- </Section>
44
+ </Row>
45
45
  );
46
46
  };
47
47
  ```