@pushwoosh/kit-icons 2.0.16 → 2.0.17

package/index.d.ts

@@ -81,6 +81,7 @@ export * from './search-icon';
 export * from './secure-icon';
 export * from './send-icon';
 export * from './settings-icon';
+export * from './sms-icon';
 export * from './social-logo-icon';
 export * from './sort-icon';
 export * from './stats-icon';
@@ -97,6 +98,7 @@ export * from './upload-icon';
 export * from './user-icon';
 export * from './visibility-icon';
 export * from './warning-round-icon';
+export * from './whatsapp-icon';
 export * from './wizard-icon';
 export * from './zoom-icon';
 export * from './notes-list-icon';

package/index.js

@@ -81,6 +81,7 @@ export * from './search-icon';
 export * from './secure-icon';
 export * from './send-icon';
 export * from './settings-icon';
+export * from './sms-icon';
 export * from './social-logo-icon';
 export * from './sort-icon';
 export * from './stats-icon';
@@ -97,6 +98,7 @@ export * from './upload-icon';
 export * from './user-icon';
 export * from './visibility-icon';
 export * from './warning-round-icon';
+export * from './whatsapp-icon';
 export * from './wizard-icon';
 export * from './zoom-icon';
 export * from './notes-list-icon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -16,7 +16,7 @@
   },
   "pre-commit": "check",
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^0.1.4",
+    "@pushwoosh/frontend-builder-engine": "^0.6.0",
     "@pushwoosh/kit-typography": "^1.0.0",
     "@svgr/cli": "^8.1.0",
     "@svgr/core": "^8.1.0",

package/platform-logo-icon/platform-logo-icon.component.js

@@ -2,13 +2,14 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function PlatformLogoIcon(props) {
+  var _AssetMap$size;
   const {
     boxRef,
     type,
     size = 'medium',
     ...rest
   } = props;
-  const Icon = AssetMap[size]?.[type] || null;
+  const Icon = ((_AssetMap$size = AssetMap[size]) === null || _AssetMap$size === void 0 ? void 0 : _AssetMap$size[type]) || null;
   if (Icon == null) {
     console.error(`[PlatformLogoIcon]: Icon ${type} not found!`);
     return React.createElement(IconBox, {

package/sms-icon/assets/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    small: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

package/sms-icon/assets/index.js

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import SMSMediumFilledIcon from "./name_sms_size_medium_view_filled.js";
+import SMSMediumLinedIcon from "./name_sms_size_medium_view_lined.js";
+import SMSSmallFilledIcon from "./name_sms_size_small_view_filled.js";
+import SMSSmallLinedIcon from "./name_sms_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': SMSMediumFilledIcon,
+    'lined': SMSMediumLinedIcon
+  },
+  'small': {
+    'filled': SMSSmallFilledIcon,
+    'lined': SMSSmallLinedIcon
+  }
+};

package/sms-icon/assets/name_sms_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameSmsSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M3.25 10.25c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879h5.5c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v1.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-3.828l-3.1 2.157c-.69.48-1.035.72-1.304.58-.268-.141-.268-.561-.268-1.4v-1.413c-.975-.096-1.631-.313-2.121-.803-.879-.878-.879-2.293-.879-5.121zm3.648-1.864a1.1 1.1 0 0 0-1.1 1.1v1.2a1.1 1.1 0 0 0 1.1 1.1h.9v1.001h-2v1.2h2.1a1.1 1.1 0 0 0 1.1-1.1v-1.2a1.1 1.1 0 0 0-1.1-1.1h-.9v-1h2v-1.2h-2.1m8.112 1.1a1.1 1.1 0 0 1 1.1-1.1h2.1v1.2h-2v1h.9a1.1 1.1 0 0 1 1.1 1.1v1.201a1.1 1.1 0 0 1-1.1 1.1h-2.1v-1.2h2v-1h-.9a1.1 1.1 0 0 1-1.1-1.1zm-3.807 3.901v-2.31l.271.508.53.99.529-.99.271-.508v2.91h1.2V8.88c0-.676-.904-.903-1.223-.306l-.777 1.455-.778-1.455c-.319-.597-1.223-.37-1.223.306v5.107h1.2z",
+  clipRule: "evenodd"
+}));
+export default NameSmsSizeMediumViewFilledSvg;

package/sms-icon/assets/name_sms_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameSmsSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.97 5.97c.057-.057.159-.128.484-.172.347-.046.818-.048 1.546-.048h10c.728 0 1.2.002 1.546.048.325.044.427.115.484.172s.128.159.172.484c.046.347.048.818.048 1.546v6c0 .728-.002 1.2-.048 1.546-.044.325-.115.427-.172.484s-.159.128-.484.172c-.347.046-.818.048-1.546.048h-6a.75.75 0 0 0-.45.15l-2.8 2.1V17a.75.75 0 0 0-.75-.75c-.728 0-1.2-.002-1.546-.048-.325-.044-.427-.115-.484-.172s-.128-.159-.172-.484c-.046-.347-.048-.818-.048-1.546V8c0-.728.002-1.2.048-1.546.044-.325.115-.427.172-.484M7 4.25h-.05c-.664 0-1.237 0-1.696.062-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697v6.099c0 .664 0 1.237.062 1.696.066.492.215.963.597 1.345s.854.531 1.345.597c.289.04.623.054.996.059V20a.75.75 0 0 0 1.2.6l3.8-2.85h5.8c.664 0 1.237 0 1.696-.062.492-.066.963-.215 1.345-.597s.531-.854.597-1.345c.062-.459.062-1.032.062-1.697V7.95c0-.664 0-1.237-.062-1.696-.066-.491-.215-.963-.597-1.345s-.854-.531-1.345-.597c-.459-.062-1.032-.062-1.697-.062H7m-.102 4.13a1.1 1.1 0 0 0-1.1 1.1v1.2a1.1 1.1 0 0 0 1.1 1.1h.9v1.001h-2v1.2h2.1a1.1 1.1 0 0 0 1.1-1.1v-1.2a1.1 1.1 0 0 0-1.1-1.1h-.9v-1h2v-1.2h-2.1m8.1 1.1a1.1 1.1 0 0 1 1.1-1.1h2.1v1.2h-2v1h.9a1.1 1.1 0 0 1 1.1 1.1v1.201a1.1 1.1 0 0 1-1.1 1.1h-2.1v-1.2h2v-1h-.9a1.1 1.1 0 0 1-1.1-1.1zm-3.8 3.9v-2.306l.271.508.53.988.528-.988.272-.508v2.906H14v-5.1c0-.676-.904-.903-1.223-.307l-.778 1.454-.777-1.454c-.32-.596-1.223-.37-1.223.307v5.1h1.2z",
+  clipRule: "evenodd"
+}));
+export default NameSmsSizeMediumViewLinedSvg;

package/sms-icon/assets/name_sms_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameSmsSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M1 6c0-1.886 0-2.828.586-3.414S3.114 2 5 2h6c1.886 0 2.828 0 3.414.586S15 4.114 15 6v3c0 1.886 0 2.828-.586 3.414S12.886 13 11 13H8l-3.235 2.022A.5.5 0 0 1 4 14.598V13h1c-1.886 0-2.828 0-3.414-.586S1 10.886 1 9zm3.528-1.001a1 1 0 0 0-1 1V7a1 1 0 0 0 1 1h.394v1H3.528v1h1.394a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.394V5.999h1.394v-1H4.528m5.55.998a1 1 0 0 1 1-1h1.394v1h-1.394v1h.394a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-1.394v-1h1.394V7.998h-.394a1 1 0 0 1-1-1zM7.498 9.5V6.716l.11.143.395.51.396-.51.11-.143V10h1V5.401a.55.55 0 0 0-.984-.337l-.522.672-.52-.672a.55.55 0 0 0-.985.337v4.6h1z",
+  clipRule: "evenodd"
+}));
+export default NameSmsSizeSmallViewFilledSvg;

package/sms-icon/assets/name_sms_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameSmsSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M2.97 3.97c.057-.057.159-.128.484-.172.347-.046.818-.048 1.546-.048h6c.728 0 1.2.002 1.546.048.325.044.427.115.484.172s.128.159.172.484c.046.347.048.818.048 1.546v3c0 .728-.002 1.2-.048 1.546-.044.325-.115.427-.172.484s-.159.128-.484.172c-.347.046-.818.048-1.546.048H7.773l-.189.126-1.834 1.223V11.25H5c-.728 0-1.2-.002-1.546-.048-.325-.044-.427-.115-.484-.172s-.128-.159-.172-.484C2.752 10.199 2.75 9.728 2.75 9V6c0-.728.002-1.2.048-1.546.044-.325.115-.427.172-.484M5 2.25h-.05c-.664 0-1.237 0-1.696.062-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697V9.05c0 .664 0 1.237.062 1.696.066.492.215.963.597 1.345s.854.531 1.345.597c.289.04.623.054.996.059v1.066a.85.85 0 0 0 1.321.707l-.416-.624.417.624 2.655-1.77h2.823c.664 0 1.237 0 1.696-.062.492-.066.963-.215 1.345-.597s.531-.853.597-1.345c.062-.459.062-1.032.062-1.697V5.95c0-.664 0-1.237-.062-1.696-.066-.491-.215-.963-.597-1.345s-.853-.531-1.345-.597c-.459-.062-1.032-.062-1.697-.062H5m-.472 2.749a1 1 0 0 0-1 1V7a1 1 0 0 0 1 1h.394v1H3.528v1h1.394a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.394V5.999h1.394v-1H4.528m5.55.998a1 1 0 0 1 1-1h1.394v1h-1.394v1h.394a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-1.394v-1h1.394V7.998h-.394a1 1 0 0 1-1-1zM7.498 9.5V6.716l.11.143.396.51.395-.51.11-.143V10h1V5.401a.55.55 0 0 0-.984-.337l-.521.672-.522-.672a.55.55 0 0 0-.984.337v4.6h1z",
+  clipRule: "evenodd"
+}));
+export default NameSmsSizeSmallViewLinedSvg;

package/sms-icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sms-icon.component';
+export * from './sms-icon.types';

package/sms-icon/index.js

@@ -0,0 +1,2 @@
+export * from './sms-icon.component';
+export * from './sms-icon.types';

package/sms-icon/sms-icon.component.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { SMSIconProps } from './sms-icon.types';
+export declare function SMSIcon(props: SMSIconProps): JSX.Element | null;

package/sms-icon/sms-icon.component.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconBox } from '../icon.styles';
+import { AssetMap } from './assets';
+export function SMSIcon(props) {
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[SMSIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/sms-icon/sms-icon.types.d.ts

@@ -0,0 +1,6 @@
+import React, { type JSX } from 'react';
+export type SMSIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
+    readonly size: 'medium' | 'small';
+    readonly view: 'filled' | 'lined';
+};

package/sms-icon/sms-icon.types.js

@@ -0,0 +1 @@
+export {};

package/whatsapp-icon/assets/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    small: {
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

package/whatsapp-icon/assets/index.js

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import WhatsappMediumFilledIcon from "./name_whatsapp_size_medium_view_filled.js";
+import WhatsappMediumLinedIcon from "./name_whatsapp_size_medium_view_lined.js";
+import WhatsappSmallFilledIcon from "./name_whatsapp_size_small_view_filled.js";
+import WhatsappSmallLinedIcon from "./name_whatsapp_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': WhatsappMediumFilledIcon,
+    'lined': WhatsappMediumLinedIcon
+  },
+  'small': {
+    'filled': WhatsappSmallFilledIcon,
+    'lined': WhatsappSmallLinedIcon
+  }
+};

package/whatsapp-icon/assets/name_whatsapp_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameWhatsappSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M3.25 10.25c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879h5.5c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v1.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-3.828l-3.1 2.157c-.69.48-1.035.72-1.304.58-.268-.141-.268-.561-.268-1.4v-1.413c-.975-.096-1.631-.313-2.121-.803-.879-.878-.879-2.293-.879-5.121zm3.648-1.864a1.1 1.1 0 0 0-1.1 1.1v1.2a1.1 1.1 0 0 0 1.1 1.1h.9v1.001h-2v1.2h2.1a1.1 1.1 0 0 0 1.1-1.1v-1.2a1.1 1.1 0 0 0-1.1-1.1h-.9v-1h2v-1.2h-2.1m8.112 1.1a1.1 1.1 0 0 1 1.1-1.1h2.1v1.2h-2v1h.9a1.1 1.1 0 0 1 1.1 1.1v1.201a1.1 1.1 0 0 1-1.1 1.1h-2.1v-1.2h2v-1h-.9a1.1 1.1 0 0 1-1.1-1.1zm-3.807 3.901v-2.31l.271.508.53.99.529-.99.271-.508v2.91h1.2V8.88c0-.676-.904-.903-1.223-.306l-.777 1.455-.778-1.455c-.319-.597-1.223-.37-1.223.306v5.107h1.2z",
+  clipRule: "evenodd"
+}));
+export default NameWhatsappSizeMediumViewFilledSvg;

package/whatsapp-icon/assets/name_whatsapp_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameWhatsappSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.97 5.97c.057-.057.159-.128.484-.172.347-.046.818-.048 1.546-.048h10c.728 0 1.2.002 1.546.048.325.044.427.115.484.172s.128.159.172.484c.046.347.048.818.048 1.546v6c0 .728-.002 1.2-.048 1.546-.044.325-.115.427-.172.484s-.159.128-.484.172c-.347.046-.818.048-1.546.048h-6a.75.75 0 0 0-.45.15l-2.8 2.1V17a.75.75 0 0 0-.75-.75c-.728 0-1.2-.002-1.546-.048-.325-.044-.427-.115-.484-.172s-.128-.159-.172-.484c-.046-.347-.048-.818-.048-1.546V8c0-.728.002-1.2.048-1.546.044-.325.115-.427.172-.484M7 4.25h-.05c-.664 0-1.237 0-1.696.062-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697v6.099c0 .664 0 1.237.062 1.696.066.492.215.963.597 1.345s.854.531 1.345.597c.289.04.623.054.996.059V20a.75.75 0 0 0 1.2.6l3.8-2.85h5.8c.664 0 1.237 0 1.696-.062.492-.066.963-.215 1.345-.597s.531-.854.597-1.345c.062-.459.062-1.032.062-1.697V7.95c0-.664 0-1.237-.062-1.696-.066-.491-.215-.963-.597-1.345s-.854-.531-1.345-.597c-.459-.062-1.032-.062-1.697-.062H7m-.102 4.13a1.1 1.1 0 0 0-1.1 1.1v1.2a1.1 1.1 0 0 0 1.1 1.1h.9v1.001h-2v1.2h2.1a1.1 1.1 0 0 0 1.1-1.1v-1.2a1.1 1.1 0 0 0-1.1-1.1h-.9v-1h2v-1.2h-2.1m8.1 1.1a1.1 1.1 0 0 1 1.1-1.1h2.1v1.2h-2v1h.9a1.1 1.1 0 0 1 1.1 1.1v1.201a1.1 1.1 0 0 1-1.1 1.1h-2.1v-1.2h2v-1h-.9a1.1 1.1 0 0 1-1.1-1.1zm-3.8 3.9v-2.306l.271.508.53.988.528-.988.272-.508v2.906H14v-5.1c0-.676-.904-.903-1.223-.307l-.778 1.454-.777-1.454c-.32-.596-1.223-.37-1.223.307v5.1h1.2z",
+  clipRule: "evenodd"
+}));
+export default NameWhatsappSizeMediumViewLinedSvg;

package/whatsapp-icon/assets/name_whatsapp_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameWhatsappSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M1 6c0-1.886 0-2.828.586-3.414S3.114 2 5 2h6c1.886 0 2.828 0 3.414.586S15 4.114 15 6v3c0 1.886 0 2.828-.586 3.414S12.886 13 11 13H8l-3.235 2.022A.5.5 0 0 1 4 14.598V13h1c-1.886 0-2.828 0-3.414-.586S1 10.886 1 9zm3.528-1.001a1 1 0 0 0-1 1V7a1 1 0 0 0 1 1h.394v1H3.528v1h1.394a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.394V5.999h1.394v-1H4.528m5.55.998a1 1 0 0 1 1-1h1.394v1h-1.394v1h.394a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-1.394v-1h1.394V7.998h-.394a1 1 0 0 1-1-1zM7.498 9.5V6.716l.11.143.395.51.396-.51.11-.143V10h1V5.401a.55.55 0 0 0-.984-.337l-.522.672-.52-.672a.55.55 0 0 0-.985.337v4.6h1z",
+  clipRule: "evenodd"
+}));
+export default NameWhatsappSizeSmallViewFilledSvg;

package/whatsapp-icon/assets/name_whatsapp_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameWhatsappSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M2.97 3.97c.057-.057.159-.128.484-.172.347-.046.818-.048 1.546-.048h6c.728 0 1.2.002 1.546.048.325.044.427.115.484.172s.128.159.172.484c.046.347.048.818.048 1.546v3c0 .728-.002 1.2-.048 1.546-.044.325-.115.427-.172.484s-.159.128-.484.172c-.347.046-.818.048-1.546.048H7.773l-.189.126-1.834 1.223V11.25H5c-.728 0-1.2-.002-1.546-.048-.325-.044-.427-.115-.484-.172s-.128-.159-.172-.484C2.752 10.199 2.75 9.728 2.75 9V6c0-.728.002-1.2.048-1.546.044-.325.115-.427.172-.484M5 2.25h-.05c-.664 0-1.237 0-1.696.062-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697V9.05c0 .664 0 1.237.062 1.696.066.492.215.963.597 1.345s.854.531 1.345.597c.289.04.623.054.996.059v1.066a.85.85 0 0 0 1.321.707l-.416-.624.417.624 2.655-1.77h2.823c.664 0 1.237 0 1.696-.062.492-.066.963-.215 1.345-.597s.531-.853.597-1.345c.062-.459.062-1.032.062-1.697V5.95c0-.664 0-1.237-.062-1.696-.066-.491-.215-.963-.597-1.345s-.853-.531-1.345-.597c-.459-.062-1.032-.062-1.697-.062H5m-.472 2.749a1 1 0 0 0-1 1V7a1 1 0 0 0 1 1h.394v1H3.528v1h1.394a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-.394V5.999h1.394v-1H4.528m5.55.998a1 1 0 0 1 1-1h1.394v1h-1.394v1h.394a1 1 0 0 1 1 1V9a1 1 0 0 1-1 1h-1.394v-1h1.394V7.998h-.394a1 1 0 0 1-1-1zM7.498 9.5V6.716l.11.143.396.51.395-.51.11-.143V10h1V5.401a.55.55 0 0 0-.984-.337l-.521.672-.522-.672a.55.55 0 0 0-.984.337v4.6h1z",
+  clipRule: "evenodd"
+}));
+export default NameWhatsappSizeSmallViewLinedSvg;

package/whatsapp-icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './whatsapp-icon.component';
+export * from './whatsapp-icon.types';

package/whatsapp-icon/index.js

@@ -0,0 +1,2 @@
+export * from './whatsapp-icon.component';
+export * from './whatsapp-icon.types';

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

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { WhatsappIconProps } from './whatsapp-icon.types';
+export declare function WhatsappIcon(props: WhatsappIconProps): JSX.Element | null;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconBox } from '../icon.styles';
+import { AssetMap } from './assets';
+export function WhatsappIcon(props) {
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[WhatsappIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

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

@@ -0,0 +1,6 @@
+import React, { type JSX } from 'react';
+export type WhatsappIconProps = Omit<JSX.IntrinsicElements['div'], 'ref'> & {
+    readonly boxRef?: React.Ref<HTMLDivElement>;
+    readonly size: 'medium' | 'small';
+    readonly view: 'filled' | 'lined';
+};

package/whatsapp-icon/whatsapp-icon.types.js

@@ -0,0 +1 @@
+export {};