@pushwoosh/kit-icons 2.0.24 → 2.0.25

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

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

package/host-icon/assets/index.js

@@ -0,0 +1,14 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import HostSmallLinedIcon from "./name_host_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': null,
+    'lined': null
+  },
+  'small': {
+    'filled': null,
+    'lined': HostSmallLinedIcon
+  }
+};

package/host-icon/assets/name_host_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameHostSizeSmallViewLinedSvg = 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: "M4.371 1.25h7.258c.395 0 .736 0 1.017.023.297.024.592.078.875.222.424.216.768.56.984.984.144.283.198.578.222.875.023.28.023.622.023 1.017v.258c0 .395 0 .736-.023 1.017-.024.297-.078.592-.222.875a2.25 2.25 0 0 1-.984.984c-.283.144-.578.198-.875.222a13 13 0 0 1-1.017.023H4.37c-.395 0-.736 0-1.017-.023-.297-.024-.592-.078-.875-.222a2.25 2.25 0 0 1-.984-.984c-.144-.283-.198-.578-.222-.875-.023-.28-.023-.622-.023-1.017V4.37c0-.395 0-.736.023-1.017.024-.297.078-.592.222-.875a2.25 2.25 0 0 1 .984-.984c.283-.144.578-.198.875-.222.28-.023.622-.023 1.017-.023m-.895 1.518c-.204.017-.28.045-.316.064a.75.75 0 0 0-.328.328c-.02.037-.047.112-.064.316-.017.212-.018.492-.018.924v.2c0 .432 0 .712.018.924.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.02.112.047.316.064.212.017.492.018.924.018h7.2c.432 0 .712 0 .924-.018.204-.017.28-.045.317-.064a.75.75 0 0 0 .327-.328c.02-.037.047-.112.064-.316.017-.212.018-.492.018-.924v-.2c0-.432 0-.712-.018-.924-.017-.204-.045-.28-.064-.316a.75.75 0 0 0-.327-.328c-.038-.02-.113-.047-.317-.064a13 13 0 0 0-.924-.018H4.4c-.432 0-.712 0-.924.018M4.4 8.25h-.029c-.395 0-.736 0-1.017.023-.297.024-.592.078-.875.222a2.25 2.25 0 0 0-.984.984c-.144.283-.198.578-.222.875-.023.28-.023.622-.023 1.017v.258c0 .395 0 .736.023 1.017.024.297.078.592.222.875.216.424.56.768.984.984.283.144.578.198.875.222.28.023.622.023 1.017.023h7.258c.395 0 .736 0 1.017-.023.297-.024.592-.078.875-.222a2.25 2.25 0 0 0 .984-.984c.144-.283.198-.578.222-.875.023-.28.023-.622.023-1.017v-.258c0-.395 0-.736-.023-1.017-.024-.297-.078-.592-.222-.875a2.25 2.25 0 0 0-.984-.984c-.283-.144-.578-.198-.875-.222-.28-.023-.622-.023-1.017-.023H4.4M3.16 9.832c.037-.02.112-.047.316-.064.212-.017.492-.018.924-.018h7.2c.432 0 .712 0 .924.018.204.017.28.045.317.064a.75.75 0 0 1 .327.327c.02.038.047.113.064.317.017.212.018.492.018.924v.2c0 .432 0 .712-.018.924-.017.204-.045.28-.064.317a.75.75 0 0 1-.327.327c-.038.02-.113.047-.317.064-.212.017-.492.018-.924.018H4.4c-.432 0-.712 0-.924-.018-.204-.017-.28-.045-.316-.064a.75.75 0 0 1-.328-.327c-.02-.038-.047-.113-.064-.317a13 13 0 0 1-.018-.924v-.2c0-.432 0-.712.018-.924.017-.204.045-.28.064-.317a.75.75 0 0 1 .328-.327M4.5 12.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0-7a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+  clipRule: "evenodd"
+}));
+export default NameHostSizeSmallViewLinedSvg;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HostIconProps } from './host-icon.types';
+export declare function HostIcon(props: HostIconProps): JSX.Element | null;

package/host-icon/host-icon.component.js

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

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

package/host-icon/host-icon.types.js

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

package/host-icon/index.d.ts

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

package/host-icon/index.js

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

package/index.d.ts

@@ -44,6 +44,7 @@ export * from './funnel-icon';
 export * from './help-round-icon';
 export * from './history-icon';
 export * from './home-icon';
+export * from './host-icon';
 export * from './image-icon';
 export * from './industry-icon';
 export * from './infinity-icon';

package/index.js

@@ -44,6 +44,7 @@ export * from './funnel-icon';
 export * from './help-round-icon';
 export * from './history-icon';
 export * from './home-icon';
+export * from './host-icon';
 export * from './image-icon';
 export * from './industry-icon';
 export * from './infinity-icon';

package/package.json

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