@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/funnel-icon/assets/index.js

@@ -0,0 +1,108 @@
+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/funnel-icon/assets/name=funnel, size=medium, view=filled.svg
+
+const SvgNamefunnelSizemediumViewfilled = 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: "M3.667 3.75a.75.75 0 0 0-.573 1.234l6.49 7.674v5.175c0 .284.16.544.414.671l3.333 1.667a.75.75 0 0 0 1.086-.671v-6.842l6.489-7.674a.75.75 0 0 0-.573-1.234z"
+}));
+/* harmony default export */ const name_funnel_size_medium_view_filled = (SvgNamefunnelSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/funnel-icon/assets/name=funnel, size=medium, view=lined.svg
+
+const SvgNamefunnelSizemediumViewlined = 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: "M2.986 4.184a.75.75 0 0 1 .68-.434h16.667a.75.75 0 0 1 .573 1.234l-6.49 7.674V19.5a.75.75 0 0 1-1.085.67l-3.333-1.666a.75.75 0 0 1-.415-.67v-5.176L3.094 4.984a.75.75 0 0 1-.108-.8M5.283 5.25l5.623 6.649a.75.75 0 0 1 .177.484v4.987l1.834.916v-5.903a.75.75 0 0 1 .177-.484l5.623-6.649z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_funnel_size_medium_view_lined = (SvgNamefunnelSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/funnel-icon/assets/name=funnel, size=small, view=filled.svg
+
+const SvgNamefunnelSizesmallViewfilled = 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: "M14.304 2.823A.5.5 0 0 0 13.922 2H2.078a.5.5 0 0 0-.382.823l4.786 5.66a.5.5 0 0 1 .118.322v4.086a.5.5 0 0 0 .276.447l1.8.9a.5.5 0 0 0 .724-.447V8.805a.5.5 0 0 1 .118-.323z"
+}));
+/* harmony default export */ const name_funnel_size_small_view_filled = (SvgNamefunnelSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/funnel-icon/assets/name=funnel, size=small, view=lined.svg
+
+const SvgNamefunnelSizesmallViewlined = 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: "M1.209 2.684a.75.75 0 0 1 .68-.434H14.11a.75.75 0 0 1 .573 1.234L9.972 9.056V14a.75.75 0 0 1-1.085.67L6.442 13.45a.75.75 0 0 1-.414-.671V9.056L1.316 3.484a.75.75 0 0 1-.107-.8M3.505 3.75 7.35 8.297a.75.75 0 0 1 .178.484v3.533l.944.473V8.78a.75.75 0 0 1 .178-.484l3.845-4.547z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_funnel_size_small_view_lined = (SvgNamefunnelSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/funnel-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_funnel_size_medium_view_filled,
+        'lined': name_funnel_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_funnel_size_small_view_filled,
+        'lined': name_funnel_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/funnel-icon/funnel-icon.component.js

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

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

package/funnel-icon/funnel-icon.types.js

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

package/funnel-icon/index.d.ts

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

package/funnel-icon/index.js

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

package/help-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: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

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

@@ -0,0 +1,115 @@
+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/help-round-icon/assets/name=help-round, size=medium, view=filled.svg
+
+const SvgNamehelpRoundSizemediumViewfilled = 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.223-3.562a1.75 1.75 0 0 0-1.947 1.144l-.332.943-1.887-.663.332-.944a3.75 3.75 0 0 1 7.288 1.25c0 1.447-1.073 2.395-1.82 2.893a7 7 0 0 1-.93.522v1.167h-2v-1.833a1 1 0 0 1 .682-.949l.014-.004.066-.025a5.47 5.47 0 0 0 1.058-.542c.627-.418.93-.844.93-1.23v-.002a1.75 1.75 0 0 0-1.454-1.727M13.25 17a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_help_round_size_medium_view_filled = (SvgNamehelpRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/help-round-icon/assets/name=help-round, size=medium, view=lined.svg
+
+const SvgNamehelpRoundSizemediumViewlined = 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-8.735-3.809A2 2 0 0 0 10.04 9.5.75.75 0 1 1 8.625 9a3.5 3.5 0 0 1 6.802 1.166c0 1.315-.977 2.198-1.71 2.686a7 7 0 0 1-1.04.57v.077a.75.75 0 0 1-1.5 0v-.583a.75.75 0 0 1 .511-.711h.001l.002-.001.015-.006.072-.026c.064-.025.159-.062.274-.114.232-.103.535-.255.834-.454.642-.428 1.04-.92 1.04-1.438v-.001a2 2 0 0 0-1.661-1.975m3.162 1.976h-.75zM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_help_round_size_medium_view_lined = (SvgNamehelpRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/help-round-icon/assets/name=help-round, size=small, view=filled.svg
+
+const SvgNamehelpRoundSizesmallViewfilled = 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.133 5.58a1.1 1.1 0 0 0-1.224.719l-.133.377a.5.5 0 0 1-.637.306l-.755-.266a.5.5 0 0 1-.306-.637l.133-.378a2.9 2.9 0 0 1 5.636.966c0 1.144-.847 1.879-1.401 2.249-.211.14-.419.255-.6.344a.44.44 0 0 1-.44.44h-.86a.5.5 0 0 1-.5-.5v-.533a.9.9 0 0 1 .613-.853l.009-.003.044-.017q.065-.022.182-.075a4 4 0 0 0 .553-.301c.446-.297.6-.562.6-.751v-.002a1.1 1.1 0 0 0-.914-1.085M8 12.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_help_round_size_small_view_filled = (SvgNamehelpRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/help-round-icon/assets/name=help-round, size=small, view=lined.svg
+
+const SvgNamehelpRoundSizesmallViewlined = 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.183 5.28a1.4 1.4 0 0 0-1.557.915l-.2.566-1.131-.398.199-.566a2.6 2.6 0 0 1 5.053.866c0 .985-.731 1.642-1.267 1.999-.267.178-.53.312-.733.404V9.8h-1.2V8.663a.6.6 0 0 1 .409-.569h.001l.19.569-.19-.57.011-.003.051-.02q.07-.026.197-.08a4 4 0 0 0 .598-.326c.464-.31.733-.653.733-1.001A1.4 1.4 0 0 0 8.183 5.28M8 12.496a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_help_round_size_small_view_lined = (SvgNamehelpRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/help-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_help_round_size_medium_view_filled,
+        'lined': name_help_round_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_help_round_size_small_view_filled,
+        'lined': name_help_round_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

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

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

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

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

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

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

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

package/help-round-icon/index.js

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

package/history-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/history-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/history-icon/assets/name=history, size=medium, view=lined.svg
+
+const SvgNamehistorySizemediumViewlined = 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: "M17.25 6c0-.132.1-.25.233-.25h.16c.197 0 .357-.16.357-.357V4.75a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v.643c0 .197.16.357.357.357h.16c.132 0 .233.118.233.25v1.55c0 .5.214.977.587 1.309l3.5 3.111a.04.04 0 0 1 0 .06l-3.5 3.111a1.75 1.75 0 0 0-.587 1.308V18c0 .132-.1.25-.233.25h-.16a.357.357 0 0 0-.357.357v.643a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-.643a.356.356 0 0 0-.357-.357h-.16c-.132 0-.233-.118-.233-.25v-1.55c0-.5-.214-.977-.587-1.309l-3.5-3.111a.04.04 0 0 1 0-.06l3.5-3.111a1.75 1.75 0 0 0 .587-1.308zm-5.566 9.605-3.149 1.05a.217.217 0 0 1-.285-.206c0-.071.03-.14.084-.187l3.5-3.11a.25.25 0 0 1 .332 0l3.5 3.11a.25.25 0 0 1 .084.187.217.217 0 0 1-.286.206l-3.148-1.05a1 1 0 0 0-.632 0M15.5 5.75h-7a.25.25 0 0 0-.25.25v1.55c0 .072.03.14.084.188l1.84 1.636a.5.5 0 0 0 .333.126h2.986a.5.5 0 0 0 .333-.126l1.84-1.636a.25.25 0 0 0 .084-.187V6a.25.25 0 0 0-.25-.25",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_history_size_medium_view_lined = (SvgNamehistorySizemediumViewlined);
+;// CONCATENATED MODULE: ./src/history-icon/assets/name=history, size=small, view=lined.svg
+
+const SvgNamehistorySizesmallViewlined = 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: "M12.237 3.788c-.031-.26.146-.538.407-.538.197 0 .356-.16.356-.356V2.25a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v.644c0 .197.16.356.356.356.261 0 .438.279.407.538Q3.75 3.892 3.75 4v.668c0 .526.236 1.024.643 1.356L6.34 7.613a.5.5 0 0 1 0 .774l-1.947 1.59a1.75 1.75 0 0 0-.643 1.355V12q0 .107.013.212c.031.26-.146.538-.407.538a.356.356 0 0 0-.356.356v.644a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-.644a.356.356 0 0 0-.356-.356c-.261 0-.438-.279-.407-.538q.013-.105.013-.212v-.668a1.75 1.75 0 0 0-.643-1.356L9.66 8.387a.5.5 0 0 1 0-.774l1.947-1.59a1.75 1.75 0 0 0 .643-1.355V4q0-.108-.013-.212M5.25 4a.25.25 0 0 1 .25-.25h5a.25.25 0 0 1 .25.25v.668a.25.25 0 0 1-.092.194L9.402 5.887A.5.5 0 0 1 9.086 6H6.914a.5.5 0 0 1-.316-.113L5.342 4.862a.25.25 0 0 1-.092-.194zm0 8c0 .099.117.128.208.09l2.148-.921a1 1 0 0 1 .788 0l2.148.92c.09.04.208.01.208-.089v-.668a.25.25 0 0 0-.092-.194l-2.5-2.04a.25.25 0 0 0-.316 0l-2.5 2.04a.25.25 0 0 0-.092.194z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_history_size_small_view_lined = (SvgNamehistorySizesmallViewlined);
+;// CONCATENATED MODULE: ./src/history-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_history_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_history_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/history-icon/history-icon.component.js

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

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

package/history-icon/history-icon.types.js

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

package/history-icon/index.d.ts

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

package/history-icon/index.js

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

package/home-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/home-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/home-icon/assets/name=home, size=medium, view=filled.svg
+
+const SvgNamehomeSizemediumViewfilled = 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.498 3.94a.75.75 0 0 0-.996 0l-8 7.11a.75.75 0 1 0 .996 1.122l.17-.15A.2.2 0 0 1 5 12.17V18a1 1 0 0 0 1 1h3.5a1 1 0 0 0 1-1v-4.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1V18a1 1 0 0 0 1 1H18a1 1 0 0 0 1-1v-5.83a.2.2 0 0 1 .333-.15l.169.15a.75.75 0 1 0 .996-1.12z"
+}));
+/* harmony default export */ const name_home_size_medium_view_filled = (SvgNamehomeSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/home-icon/assets/name=home, size=medium, view=lined.svg
+
+const SvgNamehomeSizemediumViewlined = 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.498 3.94a.75.75 0 0 0-.996 0l-8 7.11a.75.75 0 1 0 .996 1.122l.42-.373a.2.2 0 0 1 .332.15V18c0 .69.56 1.25 1.25 1.25H10c.69 0 1.25-.56 1.25-1.25v-4.55c0-.11.09-.2.2-.2h1.1c.11 0 .2.09.2.2V18c0 .69.56 1.25 1.25 1.25h3.5c.69 0 1.25-.56 1.25-1.25v-6.051a.2.2 0 0 1 .333-.15l.419.373a.75.75 0 1 0 .996-1.121zm4.752 6.32a.2.2 0 0 0-.067-.15l-5.05-4.488a.2.2 0 0 0-.266 0l-5.05 4.488a.2.2 0 0 0-.067.15v7.29c0 .11.09.2.2.2h2.6a.2.2 0 0 0 .2-.2V13c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v4.55c0 .11.09.2.2.2h2.6a.2.2 0 0 0 .2-.2v-7.29",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_home_size_medium_view_lined = (SvgNamehomeSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/home-icon/assets/name=home, size=small, view=filled.svg
+
+const SvgNamehomeSizesmallViewfilled = 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: "M8.48 2.424a.75.75 0 0 0-.96 0l-5.5 4.583a.75.75 0 1 0 .96 1.152L3.172 8a.2.2 0 0 1 .328.154V12.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V8.153A.2.2 0 0 1 12.828 8l.192.16a.75.75 0 0 0 .96-1.153z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_home_size_small_view_filled = (SvgNamehomeSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/home-icon/assets/name=home, size=small, view=lined.svg
+
+const SvgNamehomeSizesmallViewlined = 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: "M8.48 2.424a.75.75 0 0 0-.96 0l-5.5 4.583a.75.75 0 1 0 .96 1.152.165.165 0 0 1 .27.127V12.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75V9.45c0-.11.09-.2.2-.2h1.1c.11 0 .2.09.2.2v3.05c0 .414.336.75.75.75H12a.75.75 0 0 0 .75-.75V8.286c0-.14.163-.216.27-.127a.75.75 0 0 0 .96-1.152zm2.77 4.354a.2.2 0 0 0-.072-.153l-3.05-2.542a.2.2 0 0 0-.256 0l-3.05 2.542a.2.2 0 0 0-.072.153v4.772c0 .11.09.2.2.2h.6a.2.2 0 0 0 .2-.2V8.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3.05c0 .11.09.2.2.2h.6a.2.2 0 0 0 .2-.2z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_home_size_small_view_lined = (SvgNamehomeSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/home-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_home_size_medium_view_filled,
+        'lined': name_home_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_home_size_small_view_filled,
+        'lined': name_home_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/home-icon/home-icon.component.js

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

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

package/home-icon/home-icon.types.js

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

package/home-icon/index.d.ts

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

package/home-icon/index.js

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

package/icon.styles.d.ts

@@ -0,0 +1,7 @@
+import { UnitSize } from '@pushwoosh/kit-constants';
+export declare const SizeInPxByIconSizeMap: {
+    small: UnitSize;
+    medium: UnitSize;
+    large: UnitSize;
+};
+export declare const IconBox: any;

package/icon.styles.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+import { Color, UnitSize } from '@pushwoosh/kit-constants';
+export const SizeInPxByIconSizeMap = {
+    small: UnitSize.ICON_SMALL,
+    medium: UnitSize.ICON_MEDIUM,
+    large: UnitSize.ICON_LARGE,
+};
+export const IconBox = styled.div `
+  width: ${({ size }) => SizeInPxByIconSizeMap[size]};
+  height: ${({ size }) => SizeInPxByIconSizeMap[size]};
+  color: ${({ color }) => color || Color.CURRENT};
+  line-height: 0;
+  user-select: none;
+
+  &:empty {
+    background-color: ${Color.DANGER};
+  }
+`;
+IconBox.displayName = 'IconBox';