@pushwoosh/kit-typography 1.7.5 → 1.7.6

package/code/code.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CodeProps } from './code.types';
 export declare function Code(props: CodeProps): JSX.Element;

package/code/code.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CodeBox } from './code.styles';
 export function Code(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(CodeBox, {
+  return _jsx(CodeBox, {
     ...rest,
     ref: boxRef
   });

package/footnote/footnote.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FootnoteProps } from './footnote.types';
 export declare function Footnote(props: FootnoteProps): JSX.Element;

package/footnote/footnote.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FootnoteBox } from './footnote.styles';
 export function Footnote(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(FootnoteBox, {
+  return _jsx(FootnoteBox, {
     ...rest,
     ref: boxRef
   });

package/h1/h1.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { H1Props } from './h1.types';
 export declare function H1(props: H1Props): JSX.Element;

package/h1/h1.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { H1Box } from './h1.styles';
 export function H1(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(H1Box, {
+  return _jsx(H1Box, {
     ...rest,
     ref: boxRef
   });

package/h2/h2.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { H2Props } from './h2.types';
 export declare function H2(props: H2Props): JSX.Element;

package/h2/h2.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { H2Box } from './h2.styles';
 export function H2(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(H2Box, {
+  return _jsx(H2Box, {
     ...rest,
     ref: boxRef
   });

package/h3/h3.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { H3Props } from './h3.types';
 export declare function H3(props: H3Props): JSX.Element;

package/h3/h3.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { H3Box } from './h3.styles';
 export function H3(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(H3Box, {
+  return _jsx(H3Box, {
     ...rest,
     ref: boxRef
   });

package/h4/h4.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { H4Props } from './h4.types';
 export declare function H4(props: H4Props): JSX.Element;

package/h4/h4.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { H4Box } from './h4.styles';
 export function H4(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(H4Box, {
+  return _jsx(H4Box, {
     ...rest,
     ref: boxRef
   });

package/h5/h5.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { H5Props } from './h5.types';
 export declare function H5(props: H5Props): JSX.Element;

package/h5/h5.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { H5Box } from './h5.styles';
 export function H5(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(H5Box, {
+  return _jsx(H5Box, {
     ...rest,
     ref: boxRef
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-typography",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -19,7 +19,7 @@
     "@pushwoosh/kit-constants": "^1.6.0"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^0.1.5",
+    "@pushwoosh/frontend-builder-engine": "^2.1.1",
     "@types/react": "^16.14.20",
     "@types/react-dom": "^16.9.14",
     "@types/styled-components": "^5.1.34",

package/paragraph/paragraph.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ParagraphProps } from './paragraph.types';
 export declare function Paragraph(props: ParagraphProps): JSX.Element;

package/paragraph/paragraph.component.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ParagraphBox } from './paragraph.styles';
 export function Paragraph(props) {
   const {
     boxRef,
     ...rest
   } = props;
-  return React.createElement(ParagraphBox, {
+  return _jsx(ParagraphBox, {
     ...rest,
     ref: boxRef
   });

package/text/Text.d.ts

@@ -1,7 +1,7 @@
 import { type TypographyVariant } from '../map';
 export declare const Text: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: TypographyVariant;
 }, never>;