@pushwoosh/kit-typography 1.7.5 → 1.8.0

package/ai-documentation.md

@@ -9,7 +9,7 @@ npm install @pushwoosh/kit-typography
 ```
 
 ## Core Dependencies
-- **react**: >= 16.14.0 (peer dependency)
+- **react**: >= 18.0.0 (peer dependency)
 - **styled-components**: >= 5.3.3 (peer dependency)
 - **@pushwoosh/kit-constants**: Typography constants (fonts, sizes, weights, line-heights, colors)
 

package/code/code.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { CodeProps } from './code.types';
+import { type 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/code/code.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type CodeProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly children: React.ReactNode;

package/footnote/footnote.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { FootnoteProps } from './footnote.types';
+import { type 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/footnote/footnote.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type FootnoteProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLDivElement>;
     readonly children: React.ReactNode;

package/h1/h1.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { H1Props } from './h1.types';
+import { type 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/h1/h1.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type H1Props = Omit<JSX.IntrinsicElements['h1'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;

package/h2/h2.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { H2Props } from './h2.types';
+import { type 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/h2/h2.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type H2Props = Omit<JSX.IntrinsicElements['h2'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;

package/h3/h3.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { H3Props } from './h3.types';
+import { type 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/h3/h3.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type H3Props = Omit<JSX.IntrinsicElements['h3'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;

package/h4/h4.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { H4Props } from './h4.types';
+import { type 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/h4/h4.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type H4Props = Omit<JSX.IntrinsicElements['h4'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;

package/h5/h5.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { H5Props } from './h5.types';
+import { type 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/h5/h5.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type H5Props = Omit<JSX.IntrinsicElements['h5'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLHeadingElement>;
     readonly children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-typography",
-  "version": "1.7.5",
+  "version": "1.8.0",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -11,7 +11,8 @@
     "build": "pushwoosh-engine lib:build && cp ai-documentation.md dist/ai-documentation.md",
     "playground": "pushwoosh-engine lib:playground",
     "check": "npm run check:lint && npm run check:types",
-    "check:lint": "echo \"Run check:lint\" && eslint .",
+    "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src",
+    "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src --fix",
     "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
@@ -19,28 +20,18 @@
     "@pushwoosh/kit-constants": "^1.6.0"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^0.1.5",
-    "@types/react": "^16.14.20",
-    "@types/react-dom": "^16.9.14",
+    "@pushwoosh/frontend-builder-engine": "^3.0.0",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.34",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
     "cross-env": "^7.0.3",
-    "eslint": "^8.31.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
     "pre-commit": "^1.2.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "styled-components": "^5.3.11"
   },
   "peerDependencies": {
-    "react": ">= 16.14.0",
+    "react": ">=18.0.0",
     "styled-components": ">=5.3.3"
   },
   "engines": {

package/paragraph/paragraph.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ParagraphProps } from './paragraph.types';
+import { type 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/paragraph/paragraph.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export type ParagraphProps = Omit<JSX.IntrinsicElements['p'], 'ref'> & {
     readonly boxRef?: React.Ref<HTMLParagraphElement>;
     readonly children: React.ReactNode;

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>;