@pushwoosh/kit-icons 2.0.16 → 2.0.18

package/browser-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/browser-icon/assets/index.js

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import BrowserMediumFilledIcon from "./name_browser_size_medium_view_filled.js";
+import BrowserMediumLinedIcon from "./name_browser_size_medium_view_lined.js";
+import BrowserSmallFilledIcon from "./name_browser_size_small_view_filled.js";
+import BrowserSmallLinedIcon from "./name_browser_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': BrowserMediumFilledIcon,
+    'lined': BrowserMediumLinedIcon
+  },
+  'small': {
+    'filled': BrowserSmallFilledIcon,
+    'lined': BrowserSmallLinedIcon
+  }
+};

package/browser-icon/assets/name_browser_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeMediumViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M4.71 7.496a.288.288 0 0 0-.5-.007 9.004 9.004 0 0 0 5.482 13.212.294.294 0 0 0 .33-.14l2.306-4.02c.126-.218-.06-.494-.312-.493h-.018c-1.558 0-2.91-.88-3.587-2.17zm7.04 13.068a.288.288 0 0 0 .244.436H12a9 9 0 0 0 8.694-11.335.29.29 0 0 0-.285-.216h-4.634c-.253 0-.4.3-.273.518.347.597.546 1.291.546 2.031a4.03 4.03 0 0 1-.623 2.16zM19.55 7.95a.288.288 0 0 0 .257-.43A9 9 0 0 0 12 3a8.97 8.97 0 0 0-6.378 2.65.294.294 0 0 0-.043.355L7.9 10.008c.127.218.46.195.585-.024a4.05 4.05 0 0 1 3.514-2.035zM12 14.548c-.921 0-1.728-.488-2.176-1.22l-.03-.056-.064-.111a2.55 2.55 0 1 1 4.508.059l-.035.055-.059.102a2.55 2.55 0 0 1-2.145 1.17",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeMediumViewFilledSvg;

package/browser-icon/assets/name_browser_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeMediumViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M5.335 8.557a7.5 7.5 0 0 0 5.345 10.825l1.95-3.383a4.049 4.049 0 0 1-4.223-2.126zm-.62-1.845a9 9 0 0 0 7.283 14.285 8.998 8.998 0 0 0 8.27-12.55A9 9 0 0 0 4.8 6.596a1 1 0 0 0-.084.115m1.549.455 1.953 3.379a4.05 4.05 0 0 1 3.781-2.597h6.313A7.49 7.49 0 0 0 11.999 4.5a7.48 7.48 0 0 0-5.735 2.667m12.788 2.282h-3.907c.565.696.903 1.583.903 2.55 0 .796-.23 1.54-.628 2.166l-3.07 5.324a7.5 7.5 0 0 0 6.702-10.04m-4.815 3.77a2.55 2.55 0 1 0-4.51-.062l.067.116.029.055a2.548 2.548 0 0 0 4.317.054l.063-.109z",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeMediumViewLinedSvg;

package/browser-icon/assets/name_browser_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeSmallViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M2.29 4.762c-.113-.196-.394-.2-.499.002a7.003 7.003 0 0 0 4.194 9.942c.13.039.269-.02.336-.137l1.774-3.093c.041-.072-.014-.161-.096-.161A3.32 3.32 0 0 1 5.062 9.54zm5.612 10.066A.114.114 0 0 0 8 15a7 7 0 0 0 6.818-8.594.29.29 0 0 0-.286-.223h-3.203c-.238 0-.386.269-.29.487.177.407.276.856.276 1.329a3.3 3.3 0 0 1-.509 1.765zm5.76-10.145c.228 0 .371-.242.25-.434A7 7 0 0 0 8 1a6.98 6.98 0 0 0-4.796 1.901.29.29 0 0 0-.05.36L4.76 6.028c.12.206.426.2.567.007A3.31 3.31 0 0 1 8 4.683zM8 9.815a1.82 1.82 0 0 1-1.546-.862l-.025-.047-.048-.082a1.816 1.816 0 1 1 3.188.085l-.043.075c-.324.5-.886.831-1.526.831",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeSmallViewFilledSvg;

package/browser-icon/assets/name_browser_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeSmallViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M2.965 5.78a5.5 5.5 0 0 0 3.94 7.608l1.237-2.143-.144.003a3.25 3.25 0 0 1-2.88-1.743zm-.636-1.887a7 7 0 1 0 11.34 8.21 7 7 0 0 0-11.34-8.21m1.547.466L5.114 6.5a3.25 3.25 0 0 1 2.884-1.75h4.436A5.49 5.49 0 0 0 7.998 2.5a5.49 5.49 0 0 0-4.122 1.86m9.336 1.89h-2.475c.323.505.51 1.105.51 1.75 0 .638-.184 1.233-.502 1.735l-2.152 3.731a5.5 5.5 0 0 0 4.62-7.216M9.538 8.83a1.75 1.75 0 1 0-3.1-.038l.047.082.024.045a1.748 1.748 0 0 0 2.956.033l.045-.078z",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeSmallViewLinedSvg;

package/browser-icon/box-icon.component.d.ts

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

package/browser-icon/box-icon.component.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconBox } from '../icon.styles';
+import { AssetMap } from './assets';
+export function BrowserIcon(props) {
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[BrowserIcon]: 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/browser-icon/browser-icon.types.d.ts

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

package/browser-icon/browser-icon.types.js

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

package/browser-icon/index.d.ts

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

package/browser-icon/index.js

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

package/index.d.ts

@@ -6,6 +6,7 @@ export * from './backup-icon';
 export * from './billing-icon';
 export * from './bookmark-icon';
 export * from './box-icon';
+export * from './browser-icon';
 export * from './bullet-icon';
 export * from './calendar-icon';
 export * from './certificate-icon';
@@ -81,6 +82,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 +99,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

@@ -6,6 +6,7 @@ export * from './backup-icon';
 export * from './billing-icon';
 export * from './bookmark-icon';
 export * from './box-icon';
+export * from './browser-icon';
 export * from './bullet-icon';
 export * from './calendar-icon';
 export * from './certificate-icon';
@@ -81,6 +82,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 +99,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.18",
   "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 {};