@pushwoosh/kit-typography 1.8.6 → 1.8.7

package/code/code.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type CodeProps } from './code.types';
 /** Monospaced text block — renders `<div>` with the `code` typography variant. */
-export declare function Code(props: CodeProps): JSX.Element;
+export declare function Code(props: CodeProps): ReactElement;

package/code/code.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link Code}: every `<div>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type CodeProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLDivElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLDivElement>;
+    readonly children: ReactNode;
 };

package/footnote/footnote.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type FootnoteProps } from './footnote.types';
 /** Small secondary text — renders `<div>` with the `footnote` typography variant. */
-export declare function Footnote(props: FootnoteProps): JSX.Element;
+export declare function Footnote(props: FootnoteProps): ReactElement;

package/footnote/footnote.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link Footnote}: every `<div>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type FootnoteProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLDivElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLDivElement>;
+    readonly children: ReactNode;
 };

package/h1/h1.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type H1Props } from './h1.types';
 /** Page title — renders `<h1>` with the `h1` typography variant. */
-export declare function H1(props: H1Props): JSX.Element;
+export declare function H1(props: H1Props): ReactElement;

package/h1/h1.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link H1}: every `<h1>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type H1Props = Omit<JSX.IntrinsicElements['h1'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLHeadingElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLHeadingElement>;
+    readonly children: ReactNode;
 };

package/h2/h2.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type H2Props } from './h2.types';
 /** Section heading — renders `<h2>` with the `h2` typography variant. */
-export declare function H2(props: H2Props): JSX.Element;
+export declare function H2(props: H2Props): ReactElement;

package/h2/h2.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link H2}: every `<h2>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type H2Props = Omit<JSX.IntrinsicElements['h2'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLHeadingElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLHeadingElement>;
+    readonly children: ReactNode;
 };

package/h3/h3.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type H3Props } from './h3.types';
 /** Sub-section heading — renders `<h3>` with the `h3` typography variant. */
-export declare function H3(props: H3Props): JSX.Element;
+export declare function H3(props: H3Props): ReactElement;

package/h3/h3.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link H3}: every `<h3>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type H3Props = Omit<JSX.IntrinsicElements['h3'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLHeadingElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLHeadingElement>;
+    readonly children: ReactNode;
 };

package/h4/h4.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type H4Props } from './h4.types';
 /** Small heading — renders `<h4>` with the `h4` typography variant. */
-export declare function H4(props: H4Props): JSX.Element;
+export declare function H4(props: H4Props): ReactElement;

package/h4/h4.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link H4}: every `<h4>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type H4Props = Omit<JSX.IntrinsicElements['h4'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLHeadingElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLHeadingElement>;
+    readonly children: ReactNode;
 };

package/h5/h5.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type H5Props } from './h5.types';
 /** Smallest heading, rendered uppercase — renders `<h5>` with the `h5` typography variant. */
-export declare function H5(props: H5Props): JSX.Element;
+export declare function H5(props: H5Props): ReactElement;

package/h5/h5.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link H5}: every `<h5>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type H5Props = Omit<JSX.IntrinsicElements['h5'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLHeadingElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLHeadingElement>;
+    readonly children: ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-typography",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/paragraph/paragraph.component.d.ts

@@ -1,3 +1,4 @@
+import { type ReactElement } from 'react';
 import { type ParagraphProps } from './paragraph.types';
 /** Body text — renders `<p>` with the `standard` variant; consecutive paragraphs get a top margin. */
-export declare function Paragraph(props: ParagraphProps): JSX.Element;
+export declare function Paragraph(props: ParagraphProps): ReactElement;

package/paragraph/paragraph.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
+import type { JSX, ReactNode, Ref } from 'react';
 /** Props of {@link Paragraph}: every `<p>` attribute plus `boxRef` — `ref` is taken by the wrapper. */
 export type ParagraphProps = Omit<JSX.IntrinsicElements['p'], 'ref'> & {
-    readonly boxRef?: React.Ref<HTMLParagraphElement>;
-    readonly children: React.ReactNode;
+    readonly boxRef?: Ref<HTMLParagraphElement>;
+    readonly children: ReactNode;
 };