@pagenflow/email 1.1.1 → 1.1.4
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.
- package/dist/components/Column.d.ts +1 -25
- package/dist/components/Container.d.ts +1 -25
- package/dist/components/Heading.d.ts +2 -1
- package/dist/components/Row.d.ts +1 -27
- package/dist/components/Section.d.ts +1 -25
- package/dist/components/Text.d.ts +3 -2
- package/dist/index.cjs.js +6 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +12 -11
- package/dist/index.esm.js +6 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/types/index.d.ts +28 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
export { default as Body } from './components/Body';
|
|
2
|
-
export type { BodyProps } from './components/Body';
|
|
2
|
+
export type { BodyProps, GlobalConfig } from './components/Body';
|
|
3
3
|
export { default as BodyDev } from './components/BodyDev';
|
|
4
4
|
export type { BodyDevProps } from './components/BodyDev';
|
|
5
5
|
export { default as Button } from './components/Button';
|
|
6
|
-
export type { ButtonProps } from './components/Button';
|
|
6
|
+
export type { ButtonProps, ButtonConfig } from './components/Button';
|
|
7
7
|
export { default as Column } from './components/Column';
|
|
8
|
-
export type { ColumnProps } from './components/Column';
|
|
8
|
+
export type { ColumnProps, BackgroundImageType, ColumnConfig } from './components/Column';
|
|
9
9
|
export { default as Container } from './components/Container';
|
|
10
|
-
export type { ContainerProps } from
|
|
10
|
+
export type { ContainerProps, WidthType, WidthDistributionType, RatioConstraint, ChildrenConstraints, ContainerConfig } from "./components/Container";
|
|
11
11
|
export { default as Divider } from './components/Divider';
|
|
12
|
-
export type { DividerProps } from './components/Divider';
|
|
12
|
+
export type { DividerProps, DividerConfig } from './components/Divider';
|
|
13
13
|
export { default as Head } from './components/Head';
|
|
14
14
|
export type { HeadProps } from './components/Head';
|
|
15
15
|
export { default as HeadDev } from './components/HeadDev';
|
|
16
16
|
export type { HeadDevProps } from './components/HeadDev';
|
|
17
17
|
export { default as Heading } from './components/Heading';
|
|
18
|
-
export type { HeadingProps } from './components/Heading';
|
|
18
|
+
export type { HeadingProps, HeadingLevel, HeadingConfig } from './components/Heading';
|
|
19
19
|
export { default as Html } from './components/Html';
|
|
20
20
|
export type { HtmlProps } from './components/Html';
|
|
21
21
|
export { default as Image } from './components/Image';
|
|
22
|
-
export type { ImageProps } from './components/Image';
|
|
22
|
+
export type { ImageProps, ImageConfig } from './components/Image';
|
|
23
23
|
export { default as Row } from './components/Row';
|
|
24
|
-
export type { RowProps } from './components/Row';
|
|
24
|
+
export type { RowProps, RowConfig } from './components/Row';
|
|
25
25
|
export { default as Section } from './components/Section';
|
|
26
|
-
export type { SectionProps } from './components/Section';
|
|
26
|
+
export type { SectionProps, SectionConfig } from './components/Section';
|
|
27
27
|
export { default as Spacer } from './components/Spacer';
|
|
28
|
-
export type { SpacerProps } from './components/Spacer';
|
|
28
|
+
export type { SpacerProps, SpacerConfig } from './components/Spacer';
|
|
29
29
|
export { default as Text } from './components/Text';
|
|
30
|
-
export type { TextProps } from './components/Text';
|
|
30
|
+
export type { TextProps, TextConfig } from './components/Text';
|
|
31
|
+
export * from "./types";
|
package/dist/index.esm.js
CHANGED
|
@@ -17927,7 +17927,8 @@ function HeadDev({ children, backgroundColor = "#ffffff", title = "Email Preview
|
|
|
17927
17927
|
return null;
|
|
17928
17928
|
}
|
|
17929
17929
|
|
|
17930
|
-
function Heading({ config, devMode }) {
|
|
17930
|
+
function Heading({ config, devMode, children }) {
|
|
17931
|
+
var _a;
|
|
17931
17932
|
const { text, level = "h1", padding, color, textAlign, fontSize, fontWeight, fontStyle, lineHeight, letterSpacing, textTransform, textDecoration, direction, verticalAlign, backgroundColor, } = config;
|
|
17932
17933
|
// 1. TD Style: Where padding, background, width, and verticalAlign are applied.
|
|
17933
17934
|
const tdStyle = {
|
|
@@ -17964,7 +17965,7 @@ function Heading({ config, devMode }) {
|
|
|
17964
17965
|
jsx("table", { "aria-label": "Heading Block Wrapper", role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, style: {
|
|
17965
17966
|
width: "100%",
|
|
17966
17967
|
borderCollapse: "collapse",
|
|
17967
|
-
}, children: jsx("tbody", { children: jsx("tr", { children: jsx("td", { style: tdStyle, align: textAlign, children: jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: text !== null && text !== void 0 ? text : "" } }) }) }) }) }));
|
|
17968
|
+
}, children: jsx("tbody", { children: jsx("tr", { children: jsx("td", { style: tdStyle, align: textAlign, children: jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: (_a = text !== null && text !== void 0 ? text : children) !== null && _a !== void 0 ? _a : "" } }) }) }) }) }));
|
|
17968
17969
|
}
|
|
17969
17970
|
var Heading_default = memo(Heading, arePropsEqual);
|
|
17970
17971
|
|
|
@@ -18194,7 +18195,8 @@ function Spacer({ config, devNode }) {
|
|
|
18194
18195
|
}
|
|
18195
18196
|
var Spacer_default = memo(Spacer, arePropsEqual);
|
|
18196
18197
|
|
|
18197
|
-
function Text({ config, devMode }) {
|
|
18198
|
+
function Text({ config, devMode, children }) {
|
|
18199
|
+
var _a;
|
|
18198
18200
|
const { text, padding, color, textAlign, fontSize, fontWeight, fontStyle, lineHeight, letterSpacing, textTransform, textDecoration, direction, verticalAlign, backgroundColor, } = config;
|
|
18199
18201
|
// 1. TD Style: Where padding and background are reliably applied.
|
|
18200
18202
|
const tdStyle = {
|
|
@@ -18227,7 +18229,7 @@ function Text({ config, devMode }) {
|
|
|
18227
18229
|
jsx("table", { "aria-label": "Text Block Wrapper", role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, style: {
|
|
18228
18230
|
width: "100%",
|
|
18229
18231
|
borderCollapse: "collapse",
|
|
18230
|
-
}, children: jsx("tbody", { children: jsx("tr", { children: jsx("td", { style: tdStyle, align: textAlign, children: jsx("div", { style: contentStyle, dangerouslySetInnerHTML: { __html: text !== null && text !== void 0 ? text : "" } }) }) }) }) }));
|
|
18232
|
+
}, children: jsx("tbody", { children: jsx("tr", { children: jsx("td", { style: tdStyle, align: textAlign, children: jsx("div", { style: contentStyle, dangerouslySetInnerHTML: { __html: (_a = text !== null && text !== void 0 ? text : children) !== null && _a !== void 0 ? _a : "" } }) }) }) }) }));
|
|
18231
18233
|
}
|
|
18232
18234
|
var Text_default = memo(Text, arePropsEqual);
|
|
18233
18235
|
|