@pushwoosh/kit-icons 2.1.22 → 2.2.0

package/icons/text-link-icon/text-link-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TextLinkIcon = createIconComponent('TextLinkIcon', ['size', 'type'], assets);

package/icons/text-link-icon/text-link-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TextLinkIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly type: 'link' | 'unlink';

package/icons/text-style-icon/text-style-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TextStyleIconProps } from './text-style-icon.types';
+import { type TextStyleIconProps } from './text-style-icon.types';
 export declare const TextStyleIcon: import("react").FC<TextStyleIconProps>;

package/icons/text-style-icon/text-style-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TextStyleIcon = createIconComponent('TextStyleIcon', ['size', 'type'], assets);

package/icons/text-style-icon/text-style-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TextStyleIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly type: 'bold' | 'color' | 'italic' | 'strike' | 'underline';

package/icons/tiles-icon/tiles-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TilesIconProps } from './tiles-icon.types';
+import { type TilesIconProps } from './tiles-icon.types';
 export declare const TilesIcon: import("react").FC<TilesIconProps>;

package/icons/tiles-icon/tiles-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TilesIcon = createIconComponent('TilesIcon', ['size', 'view'], assets);

package/icons/tiles-icon/tiles-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TilesIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/time-icon/time-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TimeIconProps } from './time-icon.types';
+import { type TimeIconProps } from './time-icon.types';
 export declare const TimeIcon: import("react").FC<TimeIconProps>;

package/icons/time-icon/time-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TimeIcon = createIconComponent('TimeIcon', ['size', 'view'], assets);

package/icons/time-icon/time-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TimeIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/top-right-icon/top-right-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TopRightIconProps } from './top-right-icon.types';
+import { type TopRightIconProps } from './top-right-icon.types';
 export declare const TopRightIcon: import("react").FC<TopRightIconProps>;

package/icons/top-right-icon/top-right-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TopRightIcon = createIconComponent('TopRightIcon', ['direction', 'size'], assets);

package/icons/top-right-icon/top-right-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TopRightIconProps = CommonProps & {
     readonly direction: 'up-right︎';
     readonly size: 'small';

package/icons/translate-icon/translate-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TranslateIconProps } from './translate-icon.types';
+import { type TranslateIconProps } from './translate-icon.types';
 export declare const TranslateIcon: import("react").FC<TranslateIconProps>;

package/icons/translate-icon/translate-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TranslateIcon = createIconComponent('TranslateIcon', ['size', 'view'], assets);

package/icons/translate-icon/translate-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TranslateIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'lined';

package/icons/trash-icon/trash-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TrashIconProps } from './trash-icon.types';
+import { type TrashIconProps } from './trash-icon.types';
 export declare const TrashIcon: import("react").FC<TrashIconProps>;

package/icons/trash-icon/trash-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TrashIcon = createIconComponent('TrashIcon', ['size', 'view'], assets);

package/icons/trash-icon/trash-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TrashIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/trophy-icon/trophy-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TrophyIconProps } from './trophy-icon.types';
+import { type TrophyIconProps } from './trophy-icon.types';
 export declare const TrophyIcon: import("react").FC<TrophyIconProps>;

package/icons/trophy-icon/trophy-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TrophyIcon = createIconComponent('TrophyIcon', ['size', 'view'], assets);

package/icons/trophy-icon/trophy-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TrophyIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/tutorial-icon/tutorial-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { TutorialIconProps } from './tutorial-icon.types';
+import { type TutorialIconProps } from './tutorial-icon.types';
 export declare const TutorialIcon: import("react").FC<TutorialIconProps>;

package/icons/tutorial-icon/tutorial-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const TutorialIcon = createIconComponent('TutorialIcon', ['size', 'view'], assets);

package/icons/tutorial-icon/tutorial-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type TutorialIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/undo-icon/undo-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { UndoIconProps } from './undo-icon.types';
+import { type UndoIconProps } from './undo-icon.types';
 export declare const UndoIcon: import("react").FC<UndoIconProps>;

package/icons/undo-icon/undo-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const UndoIcon = createIconComponent('UndoIcon', ['size', 'view'], assets);

package/icons/undo-icon/undo-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type UndoIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled-1' | 'filled' | 'lined-1' | 'lined';

package/icons/upload-icon/upload-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { UploadIconProps } from './upload-icon.types';
+import { type UploadIconProps } from './upload-icon.types';
 export declare const UploadIcon: import("react").FC<UploadIconProps>;

package/icons/upload-icon/upload-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const UploadIcon = createIconComponent('UploadIcon', ['size', 'view'], assets);

package/icons/upload-icon/upload-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type UploadIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/user-icon/user-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { UserIconProps } from './user-icon.types';
+import { type UserIconProps } from './user-icon.types';
 export declare const UserIcon: import("react").FC<UserIconProps>;

package/icons/user-icon/user-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const UserIcon = createIconComponent('UserIcon', ['size', 'view'], assets);

package/icons/user-icon/user-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type UserIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/variable-icon/variable-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { VariableIconProps } from './variable-icon.types';
+import { type VariableIconProps } from './variable-icon.types';
 export declare const VariableIcon: import("react").FC<VariableIconProps>;

package/icons/variable-icon/variable-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const VariableIcon = createIconComponent('VariableIcon', ['size', 'view'], assets);

package/icons/variable-icon/variable-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type VariableIconProps = CommonProps & {
     readonly size: 'small';
     readonly view: 'filled' | 'lined';

package/icons/visibility-icon/visibility-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { VisibilityIconProps } from './visibility-icon.types';
+import { type VisibilityIconProps } from './visibility-icon.types';
 export declare const VisibilityIcon: import("react").FC<VisibilityIconProps>;

package/icons/visibility-icon/visibility-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const VisibilityIcon = createIconComponent('VisibilityIcon', ['size', 'type', 'view'], assets);

package/icons/visibility-icon/visibility-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type VisibilityIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly type: 'invisible' | 'visible';

package/icons/warning-round-icon/warning-round-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { WarningRoundIconProps } from './warning-round-icon.types';
+import { type WarningRoundIconProps } from './warning-round-icon.types';
 export declare const WarningRoundIcon: import("react").FC<WarningRoundIconProps>;

package/icons/warning-round-icon/warning-round-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const WarningRoundIcon = createIconComponent('WarningRoundIcon', ['size', 'view'], assets);

package/icons/warning-round-icon/warning-round-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type WarningRoundIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined' | 'shaded';

package/icons/webhook-icon/webhook-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { WebhookIconProps } from './webhook-icon.types';
+import { type WebhookIconProps } from './webhook-icon.types';
 export declare const WebhookIcon: import("react").FC<WebhookIconProps>;

package/icons/webhook-icon/webhook-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const WebhookIcon = createIconComponent('WebhookIcon', ['size', 'view'], assets);

package/icons/webhook-icon/webhook-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type WebhookIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/whatsapp-icon/whatsapp-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { WhatsappIconProps } from './whatsapp-icon.types';
+import { type WhatsappIconProps } from './whatsapp-icon.types';
 export declare const WhatsappIcon: import("react").FC<WhatsappIconProps>;

package/icons/whatsapp-icon/whatsapp-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const WhatsappIcon = createIconComponent('WhatsappIcon', ['size', 'view'], assets);

package/icons/whatsapp-icon/whatsapp-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type WhatsappIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/wizard-icon/wizard-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { WizardIconProps } from './wizard-icon.types';
+import { type WizardIconProps } from './wizard-icon.types';
 export declare const WizardIcon: import("react").FC<WizardIconProps>;

package/icons/wizard-icon/wizard-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const WizardIcon = createIconComponent('WizardIcon', ['size', 'view'], assets);

package/icons/wizard-icon/wizard-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type WizardIconProps = CommonProps & {
     readonly size: 'medium' | 'small';
     readonly view: 'filled' | 'lined';

package/icons/zoom-icon/zoom-icon.component.d.ts

@@ -1,2 +1,2 @@
-import { ZoomIconProps } from './zoom-icon.types';
+import { type ZoomIconProps } from './zoom-icon.types';
 export declare const ZoomIcon: import("react").FC<ZoomIconProps>;

package/icons/zoom-icon/zoom-icon.component.js

@@ -1,3 +1,3 @@
-import { createIconComponent } from '../../createIconComponent';
 import assets from './assets';
+import { createIconComponent } from '../../createIconComponent';
 export const ZoomIcon = createIconComponent('ZoomIcon', ['size', 'type', 'view'], assets);

package/icons/zoom-icon/zoom-icon.types.d.ts

@@ -1,4 +1,4 @@
-import { CommonProps } from '../../types';
+import { type CommonProps } from '../../types';
 export type ZoomIconProps = CommonProps & {
     readonly size: 'medium';
     readonly type: 'zoom-in' | 'zoom-out';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "2.1.22",
+  "version": "2.2.0",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -11,45 +11,34 @@
     "build": "pushwoosh-engine lib:build && node ./scripts/bundleSVG.js && cp ./ai-documentation.md ./dist/ai-documentation.md",
     "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "npm run check:lint && npm run check:types",
-    "check:lint": "echo \"Run check:lint\" && eslint ./src",
+    "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src",
     "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types",
     "run-svgo": "svgo -f ./source-icons",
     "generate-icons": "npm run run-svgo && node ./scripts/generateIcons.js && npm run lint-fix",
-    "lint-fix": "echo \"Run check:lint\" && eslint ./src --fix"
+    "lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src --fix"
   },
   "pre-commit": "check",
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^2.1.1",
+    "@pushwoosh/frontend-builder-engine": "^3.0.0",
     "@pushwoosh/kit-typography": "^1.0.0",
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
-    "@types/react": "^16.14.21",
-    "@types/react-dom": "^16.9.14",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.18",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
     "colors": "^1.4.0",
     "ejs": "^3.1.10",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-compat": "^4.0.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
     "lodash": "^4.17.21",
     "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.3",
     "svgo": "^3.3.2",
     "webpack-merge": "^5.10.0"
   },
   "peerDependencies": {
-    "react": ">= 16.14.0",
+    "react": ">=18.0.0",
     "styled-components": ">=5.3.3"
   },
   "engines": {