@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/plugin-icon/assets/index.js

@@ -0,0 +1,110 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ AssetMap)
+});
+
+;// CONCATENATED MODULE: external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement) });
+;// CONCATENATED MODULE: ./src/plugin-icon/assets/name=plugin, size=medium, view=filled.svg
+
+const SvgNamepluginSizemediumViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M9.75 8h4.5V4.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5V8H17a1 1 0 0 1 1 1v3a4 4 0 0 1-4 4h-.75v3a.5.5 0 0 1-.5.5h-1.5a.5.5 0 0 1-.5-.5v-3H10a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h1.25V4.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5z"
+}));
+/* harmony default export */ const name_plugin_size_medium_view_filled = (SvgNamepluginSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/plugin-icon/assets/name=plugin, size=medium, view=lined.svg
+
+const SvgNamepluginSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8.25 7.25V4.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2.75h4.5V4.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2.75H17c.966 0 1.75.784 1.75 1.75v3A4.75 4.75 0 0 1 14 16.75h-.75V19a.5.5 0 0 1-.5.5h-1.5a.5.5 0 0 1-.5-.5v-2.25H10A4.75 4.75 0 0 1 5.25 12V9c0-.966.784-1.75 1.75-1.75zM6.75 9A.25.25 0 0 1 7 8.75h10a.25.25 0 0 1 .25.25v3A3.25 3.25 0 0 1 14 15.25h-4A3.25 3.25 0 0 1 6.75 12z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plugin_size_medium_view_lined = (SvgNamepluginSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/plugin-icon/assets/name=plugin, size=small, view=filled.svg
+
+const SvgNamepluginSizesmallViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.75 2v2.75H3.5a.75.75 0 0 0-.75.75V8a3.75 3.75 0 0 0 3.75 3.75H7V14a.5.5 0 0 0 .5.5h1A.5.5 0 0 0 9 14v-2.25h.5A3.75 3.75 0 0 0 13.25 8V5.5a.75.75 0 0 0-.75-.75h-1.25V2a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5v2.75h-3.5V2a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plugin_size_small_view_filled = (SvgNamepluginSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/plugin-icon/assets/name=plugin, size=small, view=lined.svg
+
+const SvgNamepluginSizesmallViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.75 4.75V2a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2.75h3.5V2a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2.75h1.25a.75.75 0 0 1 .75.75V8a3.75 3.75 0 0 1-3.75 3.75H9V14a.5.5 0 0 1-.5.5h-1A.5.5 0 0 1 7 14v-2.25h-.5A3.75 3.75 0 0 1 2.75 8V5.5a.75.75 0 0 1 .75-.75zM4.25 8V6.25h7.5V8a2.25 2.25 0 0 1-2.25 2.25h-3A2.25 2.25 0 0 1 4.25 8",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plugin_size_small_view_lined = (SvgNamepluginSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/plugin-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_plugin_size_medium_view_filled,
+        'lined': name_plugin_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_plugin_size_small_view_filled,
+        'lined': name_plugin_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/plugin-icon/index.d.ts

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

package/plugin-icon/index.js

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

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

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

package/plugin-icon/plugin-icon.component.js

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

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

package/plugin-icon/plugin-icon.types.js

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

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

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

package/plus-icon/assets/index.js

@@ -0,0 +1,72 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ AssetMap)
+});
+
+;// CONCATENATED MODULE: external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement) });
+;// CONCATENATED MODULE: ./src/plus-icon/assets/name=plus, size=medium.svg
+
+const SvgNameplusSizemedium = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M12.75 7a.75.75 0 0 0-1.5 0v4.25H7a.75.75 0 0 0 0 1.5h4.25V17a.75.75 0 0 0 1.5 0v-4.25H17a.75.75 0 0 0 0-1.5h-4.25z"
+}));
+/* harmony default export */ const name_plus_size_medium = (SvgNameplusSizemedium);
+;// CONCATENATED MODULE: ./src/plus-icon/assets/name=plus, size=small.svg
+
+const SvgNameplusSizesmall = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M8.75 4a.75.75 0 0 0-1.5 0v3.25H4a.75.75 0 0 0 0 1.5h3.25V12a.75.75 0 0 0 1.5 0V8.75H12a.75.75 0 0 0 0-1.5H8.75z"
+}));
+/* harmony default export */ const name_plus_size_small = (SvgNameplusSizesmall);
+;// CONCATENATED MODULE: ./src/plus-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_plus_size_medium,
+    'small': name_plus_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/plus-icon/index.d.ts

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

package/plus-icon/index.js

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

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

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

package/plus-icon/plus-icon.component.js

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

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

package/plus-icon/plus-icon.types.js

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

package/plus-round-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: null;
+    };
+};

package/plus-round-icon/assets/index.js

@@ -0,0 +1,97 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ AssetMap)
+});
+
+;// CONCATENATED MODULE: external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement) });
+;// CONCATENATED MODULE: ./src/plus-round-icon/assets/name=plus-round, size=medium, view=filled.svg
+
+const SvgNameplusRoundSizemediumViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M3 12c0-4.974 4.025-9 9-9s9 4.025 9 9-4.025 9-9 9-9-4.025-9-9m9.5-5a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plus_round_size_medium_view_filled = (SvgNameplusRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/plus-round-icon/assets/name=plus-round, size=medium, view=lined.svg
+
+const SvgNameplusRoundSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M12 19.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m9-7.5a9 9 0 1 1-18 0 9 9 0 0 1 18 0m-9-4.75a.75.75 0 0 1 .75.75v3.25H16a.75.75 0 0 1 0 1.5h-3.25V16a.75.75 0 0 1-1.5 0v-3.25H8a.75.75 0 0 1 0-1.5h3.25V8a.75.75 0 0 1 .75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plus_round_size_medium_view_lined = (SvgNameplusRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/plus-round-icon/assets/name=plus-round, size=small, view=filled.svg
+
+const SvgNameplusRoundSizesmallViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M8 4.25a.75.75 0 0 1 .75.75v2.25H11a.75.75 0 0 1 0 1.5H8.75V11a.75.75 0 0 1-1.5 0V8.75H5a.75.75 0 0 1 0-1.5h2.25V5A.75.75 0 0 1 8 4.25",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_plus_round_size_small_view_filled = (SvgNameplusRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/plus-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_plus_round_size_medium_view_filled,
+        'lined': name_plus_round_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_plus_round_size_small_view_filled,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/plus-round-icon/index.d.ts

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

package/plus-round-icon/index.js

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

package/plus-round-icon/plus-round-icon.component.d.ts

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

package/plus-round-icon/plus-round-icon.component.js

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

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

package/plus-round-icon/plus-round-icon.types.js

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

package/profile-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: null;
+        lined: null;
+    };
+};

package/profile-icon/assets/index.js

@@ -0,0 +1,82 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ AssetMap)
+});
+
+;// CONCATENATED MODULE: external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement) });
+;// CONCATENATED MODULE: ./src/profile-icon/assets/name=profile, size=medium, view=filled.svg
+
+const SvgNameprofileSizemediumViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m-1.782-6.938a5 5 0 0 0-3.377 2.163.45.45 0 0 0 .048.559A6.98 6.98 0 0 0 12 19a6.98 6.98 0 0 0 5.111-2.216.45.45 0 0 0 .05-.56 5 5 0 0 0-3.378-2.162C13.393 14 12.93 14 12 14s-1.393 0-1.782.062M12 12.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_profile_size_medium_view_filled = (SvgNameprofileSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/profile-icon/assets/name=profile, size=medium, view=lined.svg
+
+const SvgNameprofileSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M16.69 16.388c.316.325.474.488.602.524a.46.46 0 0 0 .34-.023c.122-.053.219-.185.412-.448a7.5 7.5 0 1 0-12.088 0c.193.263.29.395.412.448a.46.46 0 0 0 .34.024c.128-.037.286-.2.602-.525A3.74 3.74 0 0 1 10 15.25h4c1.055 0 2.009.436 2.69 1.138m1.06 2.561q0-.024.018-.04a9 9 0 1 0-11.536 0q.019.016.018.04c0 .028.023.051.05.051h.018q.024 0 .044.015A8.96 8.96 0 0 0 12 21a8.96 8.96 0 0 0 5.639-1.985.07.07 0 0 1 .043-.015h.017a.05.05 0 0 0 .05-.05m-2.155-.365c.163-.09.245-.134.314-.243a.63.63 0 0 0 .075-.321c-.013-.128-.055-.188-.139-.308A2.25 2.25 0 0 0 14 16.75h-4c-.764 0-1.438.38-1.845.962-.084.12-.126.18-.14.308a.63.63 0 0 0 .076.321c.069.109.15.153.314.243A7.47 7.47 0 0 0 12 19.5a7.47 7.47 0 0 0 3.595-.916M12 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m0 1.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_profile_size_medium_view_lined = (SvgNameprofileSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/profile-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_profile_size_medium_view_filled,
+        'lined': name_profile_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/profile-icon/index.d.ts

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

package/profile-icon/index.js

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

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

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

package/profile-icon/profile-icon.component.js

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

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

package/profile-icon/profile-icon.types.js

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

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

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

package/pulse-icon/assets/index.js

@@ -0,0 +1,82 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  v: () => (/* binding */ AssetMap)
+});
+
+;// CONCATENATED MODULE: external "react"
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+const external_react_namespaceObject = x({ ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement) });
+;// CONCATENATED MODULE: ./src/pulse-icon/assets/name=pulse, size=medium, view=lined.svg
+
+const SvgNamepulseSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M10.746 5.654a.75.75 0 0 1 .65.572l2.174 9.132 1.753-3.68A.75.75 0 0 1 16 11.25h4a.75.75 0 0 1 0 1.5h-3.526l-2.463 5.172a.75.75 0 0 1-1.407-.148L10.43 8.642l-1.753 3.68A.75.75 0 0 1 8 12.75H4a.75.75 0 1 1 0-1.5h3.526L9.99 6.078a.75.75 0 0 1 .755-.424",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_pulse_size_medium_view_lined = (SvgNamepulseSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/pulse-icon/assets/name=pulse, size=small, view=lined.svg
+
+const SvgNamepulseSizesmallViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M6.911 2.254a.75.75 0 0 1 .653.576l1.84 7.887 1.416-3.034a.75.75 0 0 1 .68-.433H15a.75.75 0 0 1 0 1.5h-3.022l-2.132 4.567a.75.75 0 0 1-1.41-.147l-1.84-7.887L5.18 8.317a.75.75 0 0 1-.68.433H1a.75.75 0 0 1 0-1.5h3.022l2.132-4.567a.75.75 0 0 1 .757-.429",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_pulse_size_small_view_lined = (SvgNamepulseSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/pulse-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_pulse_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_pulse_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };