@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/settings-icon/assets/index.js

@@ -0,0 +1,112 @@
+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/settings-icon/assets/name=settings, size=medium, view=filled.svg
+
+const SvgNamesettingsSizemediumViewfilled = 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: "M13.555 4.438A.5.5 0 0 0 13.059 4H10.94a.5.5 0 0 0-.496.438l-.189 1.512a.53.53 0 0 1-.345.424q-.21.078-.412.17a.53.53 0 0 1-.544-.055l-1.203-.936a.5.5 0 0 0-.66.042L5.595 7.092a.5.5 0 0 0-.041.66l.935 1.203c.12.155.138.365.056.544a6 6 0 0 0-.171.412.53.53 0 0 1-.424.345l-1.512.19A.5.5 0 0 0 4 10.94v2.118a.5.5 0 0 0 .438.496l1.512.189a.53.53 0 0 1 .424.345q.078.21.17.412a.53.53 0 0 1-.055.544l-.935 1.203a.5.5 0 0 0 .04.66l1.498 1.497a.5.5 0 0 0 .66.041l1.203-.935a.53.53 0 0 1 .544-.056q.202.094.412.171c.184.069.32.23.345.424l.19 1.512a.5.5 0 0 0 .495.438h2.118a.5.5 0 0 0 .496-.438l.189-1.512a.53.53 0 0 1 .345-.424q.21-.078.412-.17a.53.53 0 0 1 .544.055l1.203.936a.5.5 0 0 0 .66-.042l1.497-1.497a.5.5 0 0 0 .042-.66l-.936-1.203a.53.53 0 0 1-.055-.544 6 6 0 0 0 .17-.412.53.53 0 0 1 .424-.345l1.512-.19A.5.5 0 0 0 20 13.06V10.94a.5.5 0 0 0-.438-.496l-1.512-.189a.53.53 0 0 1-.424-.345 6 6 0 0 0-.17-.412.53.53 0 0 1 .055-.544l.936-1.203a.5.5 0 0 0-.041-.66l-1.498-1.497a.5.5 0 0 0-.66-.042l-1.203.936a.53.53 0 0 1-.544.056 6 6 0 0 0-.412-.171.53.53 0 0 1-.345-.424zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_settings_size_medium_view_filled = (SvgNamesettingsSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/settings-icon/assets/name=settings, size=medium, view=lined.svg
+
+const SvgNamesettingsSizemediumViewlined = 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: "M9.704 5.178a1.75 1.75 0 0 1 1.72-1.428h1.152c.842 0 1.565.6 1.72 1.428l.095.503a.25.25 0 0 0 .387.16l.422-.289a1.75 1.75 0 0 1 2.226.207l.815.815a1.75 1.75 0 0 1 .207 2.226l-.29.422a.25.25 0 0 0 .161.387l.504.095a1.75 1.75 0 0 1 1.427 1.72v1.152c0 .842-.6 1.565-1.427 1.72l-.504.095a.25.25 0 0 0-.16.387l.29.422a1.75 1.75 0 0 1-.208 2.226l-.815.815a1.75 1.75 0 0 1-2.225.207l-.423-.29a.25.25 0 0 0-.387.16l-.095.505a1.75 1.75 0 0 1-1.72 1.427h-1.152a1.75 1.75 0 0 1-1.72-1.427l-.095-.504a.25.25 0 0 0-.387-.16l-.422.289a1.75 1.75 0 0 1-2.226-.207l-.815-.815a1.75 1.75 0 0 1-.207-2.225l.29-.423a.25.25 0 0 0-.16-.387l-.505-.095a1.75 1.75 0 0 1-1.427-1.72v-1.152c0-.842.6-1.565 1.428-1.72l.503-.095a.25.25 0 0 0 .16-.387L5.552 8.8a1.75 1.75 0 0 1 .207-2.226l.815-.815A1.75 1.75 0 0 1 8.8 5.552l.422.29a.25.25 0 0 0 .387-.161zm1.72.072a.25.25 0 0 0-.246.204l-.094.503A1.75 1.75 0 0 1 8.375 7.08l-.422-.289a.25.25 0 0 0-.318.03l-.815.815a.25.25 0 0 0-.03.317l.29.423a1.75 1.75 0 0 1-1.122 2.709l-.504.094a.25.25 0 0 0-.204.246v1.152c0 .12.086.224.204.246l.504.095a1.75 1.75 0 0 1 1.121 2.708l-.289.422a.25.25 0 0 0 .03.318l.815.816a.25.25 0 0 0 .318.029l.422-.29a1.75 1.75 0 0 1 2.709 1.123l.094.503a.25.25 0 0 0 .246.204h1.152a.25.25 0 0 0 .246-.204l.095-.504a1.75 1.75 0 0 1 2.708-1.121l.423.289a.25.25 0 0 0 .318-.03l.815-.815a.25.25 0 0 0 .03-.317l-.29-.423a1.75 1.75 0 0 1 1.122-2.709l.503-.094a.25.25 0 0 0 .204-.246v-1.152a.25.25 0 0 0-.204-.246l-.503-.095a1.75 1.75 0 0 1-1.122-2.708l.29-.423a.25.25 0 0 0-.03-.317l-.816-.815a.25.25 0 0 0-.317-.03l-.423.29a1.75 1.75 0 0 1-2.709-1.123l-.094-.503a.25.25 0 0 0-.246-.204zm.576 5a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5M8.75 12a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_settings_size_medium_view_lined = (SvgNamesettingsSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/settings-icon/assets/name=settings, size=small, view=filled.svg
+
+const SvgNamesettingsSizesmallViewfilled = 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: "M7.434 1a.5.5 0 0 0-.495.43l-.25 1.744a5 5 0 0 0-1.175.487l-1.41-1.058a.5.5 0 0 0-.653.047l-.801.8a.5.5 0 0 0-.047.654l1.058 1.41a5 5 0 0 0-.487 1.175l-1.745.25A.5.5 0 0 0 1 7.434v1.132a.5.5 0 0 0 .43.495l1.744.25c.112.415.277.81.487 1.175l-1.058 1.41a.5.5 0 0 0 .047.653l.8.801a.5.5 0 0 0 .654.047l1.41-1.058c.365.21.76.375 1.175.487l.25 1.745a.5.5 0 0 0 .495.429h1.132a.5.5 0 0 0 .495-.43l.25-1.744c.415-.112.81-.277 1.175-.487l1.41 1.058a.5.5 0 0 0 .653-.047l.801-.8a.5.5 0 0 0 .047-.654l-1.058-1.41c.21-.365.375-.76.487-1.176l1.745-.249A.5.5 0 0 0 15 8.566V7.434a.5.5 0 0 0-.43-.495l-1.744-.25a5 5 0 0 0-.487-1.175l1.058-1.41a.5.5 0 0 0-.047-.653l-.8-.801a.5.5 0 0 0-.654-.047l-1.41 1.058a5 5 0 0 0-1.176-.487l-.249-1.745A.5.5 0 0 0 8.566 1zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_settings_size_small_view_filled = (SvgNamesettingsSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/settings-icon/assets/name=settings, size=small, view=lined.svg
+
+const SvgNamesettingsSizesmallViewlined = 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: "M7.457 1.75a1.25 1.25 0 0 0-1.245 1.137.3.3 0 0 1-.187.247l-.069.029a.3.3 0 0 1-.307-.043 1.25 1.25 0 0 0-1.684.076l-.769.769a1.25 1.25 0 0 0-.076 1.684.3.3 0 0 1 .043.308l-.029.068a.3.3 0 0 1-.247.187A1.25 1.25 0 0 0 1.75 7.457v1.086a1.25 1.25 0 0 0 1.137 1.245c.11.01.205.084.247.187l.029.069a.3.3 0 0 1-.043.307 1.25 1.25 0 0 0 .076 1.684l.769.769a1.25 1.25 0 0 0 1.684.076.3.3 0 0 1 .307-.043l.069.029a.3.3 0 0 1 .187.247 1.25 1.25 0 0 0 1.245 1.137h1.086a1.25 1.25 0 0 0 1.245-1.137.3.3 0 0 1 .187-.247l.069-.029a.3.3 0 0 1 .307.043 1.25 1.25 0 0 0 1.684-.076l.769-.769a1.25 1.25 0 0 0 .076-1.684.3.3 0 0 1-.043-.307l.029-.069a.3.3 0 0 1 .247-.187 1.25 1.25 0 0 0 1.137-1.245V7.457a1.25 1.25 0 0 0-1.137-1.245.3.3 0 0 1-.247-.187l-.029-.069a.3.3 0 0 1 .043-.307 1.25 1.25 0 0 0-.076-1.684l-.769-.769a1.25 1.25 0 0 0-1.684-.076.3.3 0 0 1-.307.043l-.069-.029a.3.3 0 0 1-.187-.247A1.25 1.25 0 0 0 8.543 1.75zm.219 1.601a.11.11 0 0 1 .11-.101h.427c.058 0 .106.044.111.101.05.54.43.944.879 1.096q.236.08.458.19c.426.21.98.194 1.397-.153a.11.11 0 0 1 .15.006l.301.302c.041.04.044.106.007.15-.347.417-.364.971-.153 1.397q.11.22.19.458c.152.45.556.83 1.096.879a.11.11 0 0 1 .101.11v.427a.11.11 0 0 1-.101.111c-.54.05-.944.43-1.096.879q-.08.236-.19.458c-.21.426-.194.98.153 1.397a.11.11 0 0 1-.007.15l-.301.301a.11.11 0 0 1-.15.007 1.29 1.29 0 0 0-1.397-.153q-.22.11-.458.19c-.45.152-.83.556-.879 1.096a.11.11 0 0 1-.11.101h-.427a.11.11 0 0 1-.111-.101c-.05-.54-.43-.944-.879-1.096a4 4 0 0 1-.458-.19 1.29 1.29 0 0 0-1.397.153.11.11 0 0 1-.15-.007l-.301-.3a.11.11 0 0 1-.007-.151c.347-.417.364-.971.153-1.397a4 4 0 0 1-.19-.458 1.29 1.29 0 0 0-1.096-.879.11.11 0 0 1-.1-.11v-.428c0-.057.043-.105.1-.11.54-.05.944-.43 1.096-.879q.08-.236.19-.458c.21-.426.194-.98-.153-1.397a.11.11 0 0 1 .007-.15l.3-.301a.11.11 0 0 1 .151-.007c.417.347.971.364 1.397.153q.22-.11.458-.19c.45-.152.83-.556.879-1.096M7.25 8a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M8 5.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_settings_size_small_view_lined = (SvgNamesettingsSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/settings-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_settings_size_medium_view_filled,
+        'lined': name_settings_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_settings_size_small_view_filled,
+        'lined': name_settings_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/settings-icon/index.d.ts

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

package/settings-icon/index.js

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

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

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

package/settings-icon/settings-icon.component.js

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

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

package/settings-icon/settings-icon.types.js

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

package/social-logo-icon/assets/index.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        facebook: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: null;
+        };
+        google: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: null;
+        };
+        linkedin: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: null;
+        };
+        twitter: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: null;
+        };
+        'you-tube': {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: null;
+        };
+    };
+    small: {
+        facebook: {
+            filled: null;
+            lined: null;
+        };
+        google: {
+            filled: null;
+            lined: null;
+        };
+        linkedin: {
+            filled: null;
+            lined: null;
+        };
+        twitter: {
+            filled: null;
+            lined: null;
+        };
+        'you-tube': {
+            filled: null;
+            lined: null;
+        };
+    };
+};

package/social-logo-icon/assets/index.js

@@ -0,0 +1,153 @@
+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/social-logo-icon/assets/name=social-logo, size=medium, type=facebook, view=filled.svg
+
+const SvgNamesocialLogoSizemediumTypefacebookViewfilled = 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: "M14.984 12.423h-1.952v6.958h-2.893v-6.959H8.764V9.964h1.375v-1.59c0-1.14.542-2.92 2.92-2.92l2.143.008v2.387h-1.556c-.253 0-.613.127-.613.67v1.446h2.204z"
+}));
+/* harmony default export */ const name_social_logo_size_medium_type_facebook_view_filled = (SvgNamesocialLogoSizemediumTypefacebookViewfilled);
+;// CONCATENATED MODULE: ./src/social-logo-icon/assets/name=social-logo, size=medium, type=google, view=filled.svg
+
+const SvgNamesocialLogoSizemediumTypegoogleViewfilled = 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: "M15.106 8.596c-.552-.518-1.521-1.139-2.957-1.139-2.023 0-3.74 1.335-4.36 3.179a5 5 0 0 0-.247 1.513c0 .527.094 1.036.255 1.512.612 1.845 2.329 3.179 4.352 3.179 1.138 0 2.005-.315 2.651-.765 1.02-.714 1.479-1.776 1.564-2.482h-4.215v-2.838h7.18c.111.476.162.935.162 1.564 0 2.328-.833 4.291-2.277 5.626-1.267 1.172-3 1.852-5.065 1.852A7.656 7.656 0 0 1 4.5 12.148 7.656 7.656 0 0 1 12.149 4.5c2.065 0 3.79.756 5.116 1.989z"
+}));
+/* harmony default export */ const name_social_logo_size_medium_type_google_view_filled = (SvgNamesocialLogoSizemediumTypegoogleViewfilled);
+;// CONCATENATED MODULE: ./src/social-logo-icon/assets/name=social-logo, size=medium, type=linkedin, view=filled.svg
+
+const SvgNamesocialLogoSizemediumTypelinkedinViewfilled = 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: "M8.724 17.47H6.152V9.73h2.572zM7.438 8.674h-.016C6.558 8.674 6 8.08 6 7.337 6 6.577 6.575 6 7.455 6s1.422.578 1.439 1.337c0 .743-.559 1.337-1.456 1.337M18 17.47h-2.572v-4.14c0-1.04-.373-1.75-1.303-1.75-.71 0-1.134.478-1.32.94-.068.166-.085.397-.085.628v4.322h-2.572s.034-7.013 0-7.74h2.572v1.097c.342-.528.954-1.278 2.319-1.278C16.73 9.55 18 10.655 18 13.032z"
+}));
+/* harmony default export */ const name_social_logo_size_medium_type_linkedin_view_filled = (SvgNamesocialLogoSizemediumTypelinkedinViewfilled);
+;// CONCATENATED MODULE: ./src/social-logo-icon/assets/name=social-logo, size=medium, type=twitter, view=filled.svg
+
+const SvgNamesocialLogoSizemediumTypetwitterViewfilled = 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: "M17.353 9.254q.008.178.008.358c0 3.65-2.777 7.857-7.859 7.857a7.8 7.8 0 0 1-4.233-1.24q.324.04.659.04a5.54 5.54 0 0 0 3.43-1.183 2.765 2.765 0 0 1-2.58-1.919 2.8 2.8 0 0 0 1.247-.046 2.76 2.76 0 0 1-2.215-2.708v-.035c.372.206.798.331 1.25.345a2.76 2.76 0 0 1-.854-3.688 7.84 7.84 0 0 0 5.693 2.887 2.762 2.762 0 0 1 4.707-2.52 5.5 5.5 0 0 0 1.754-.67 2.77 2.77 0 0 1-1.216 1.528 5.5 5.5 0 0 0 1.586-.434 5.6 5.6 0 0 1-1.377 1.428"
+}));
+/* harmony default export */ const name_social_logo_size_medium_type_twitter_view_filled = (SvgNamesocialLogoSizemediumTypetwitterViewfilled);
+;// CONCATENATED MODULE: ./src/social-logo-icon/assets/name=social-logo, size=medium, type=you-tube, view=filled.svg
+
+const SvgNamesocialLogoSizemediumTypeyouTubeViewfilled = 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.355 17.52-3.283-.06c-1.063-.021-2.128.02-3.17-.197-1.586-.323-1.698-1.911-1.815-3.243-.162-1.872-.1-3.779.206-5.635.173-1.042.851-1.664 1.901-1.732 3.544-.245 7.111-.216 10.647-.101.373.01.75.067 1.118.133 1.817.318 1.861 2.118 1.98 3.632.117 1.53.067 3.069-.157 4.589-.18 1.258-.525 2.313-1.98 2.415-1.823.133-3.604.24-5.432.206 0-.008-.01-.008-.015-.008m-1.93-3.186c1.373-.79 2.72-1.565 4.086-2.348-1.376-.789-2.72-1.565-4.086-2.348z"
+}));
+/* harmony default export */ const name_social_logo_size_medium_type_you_tube_view_filled = (SvgNamesocialLogoSizemediumTypeyouTubeViewfilled);
+;// CONCATENATED MODULE: ./src/social-logo-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'facebook': {
+            'filled': name_social_logo_size_medium_type_facebook_view_filled,
+            'lined': null
+        },
+        'google': {
+            'filled': name_social_logo_size_medium_type_google_view_filled,
+            'lined': null
+        },
+        'linkedin': {
+            'filled': name_social_logo_size_medium_type_linkedin_view_filled,
+            'lined': null
+        },
+        'twitter': {
+            'filled': name_social_logo_size_medium_type_twitter_view_filled,
+            'lined': null
+        },
+        'you-tube': {
+            'filled': name_social_logo_size_medium_type_you_tube_view_filled,
+            'lined': null
+        }
+    },
+    'small': {
+        'facebook': {
+            'filled': null,
+            'lined': null
+        },
+        'google': {
+            'filled': null,
+            'lined': null
+        },
+        'linkedin': {
+            'filled': null,
+            'lined': null
+        },
+        'twitter': {
+            'filled': null,
+            'lined': null
+        },
+        'you-tube': {
+            'filled': null,
+            'lined': null
+        }
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/social-logo-icon/index.d.ts

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

package/social-logo-icon/index.js

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

package/social-logo-icon/social-logo-icon.component.d.ts

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

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

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

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

package/social-logo-icon/social-logo-icon.types.js

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

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

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

package/sort-icon/assets/index.js

@@ -0,0 +1,144 @@
+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/sort-icon/assets/name=sort, size=medium, type=asc.svg
+
+const SvgNamesortSizemediumTypeasc = 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: "M6.75 17a.75.75 0 0 1-1.5 0V8.81l-1.72 1.72a.75.75 0 1 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 1 1-1.06 1.06L6.75 8.81zM15 15.5a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5zM12.5 11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM12 7.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_medium_type_asc = (SvgNamesortSizemediumTypeasc);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/name=sort, size=medium, type=desc.svg
+
+const SvgNamesortSizemediumTypedesc = 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: "M6.75 7a.75.75 0 0 0-1.5 0v8.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72zM15 8.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5zM12.5 13a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5zm-.5 3.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_medium_type_desc = (SvgNamesortSizemediumTypedesc);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/name=sort, size=medium, type=not-sorted.svg
+
+const SvgNamesortSizemediumTypenotSorted = 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 17.75a.75.75 0 0 0 .75-.75V8.81l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75m8-11.5a.75.75 0 0 1 .75.75v8.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_medium_type_not_sorted = (SvgNamesortSizemediumTypenotSorted);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/name=sort, size=small, type=asc.svg
+
+const SvgNamesortSizesmallTypeasc = 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.5 11.75a.75.75 0 0 1-1.5 0V5.56l-.72.72a.75.75 0 0 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_small_type_asc = (SvgNamesortSizesmallTypeasc);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/name=sort, size=small, type=desc.svg
+
+const SvgNamesortSizesmallTypedesc = 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.5 3.75a.75.75 0 0 0-1.5 0v6.19l-.72-.72a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0l2-2a.75.75 0 1 0-1.06-1.06l-.72.72z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_small_type_desc = (SvgNamesortSizesmallTypedesc);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/name=sort, size=small, type=not-sorted.svg
+
+const SvgNamesortSizesmallTypenotSorted = 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 3a.75.75 0 0 1 .75.75v6.19l.72-.72a.75.75 0 0 1 1.06 1.06l-2 2a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l.72.72V3.75A.75.75 0 0 1 4.75 3m7 9.5a.75.75 0 0 0 .75-.75V5.56l.72.72a.75.75 0 0 0 1.06-1.06l-2-2a.75.75 0 0 0-1.06 0l-2 2a.75.75 0 1 0 1.06 1.06l.72-.72v6.19c0 .414.336.75.75.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_sort_size_small_type_not_sorted = (SvgNamesortSizesmallTypenotSorted);
+;// CONCATENATED MODULE: ./src/sort-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'asc': name_sort_size_medium_type_asc,
+        'desc': name_sort_size_medium_type_desc,
+        'not-sorted': name_sort_size_medium_type_not_sorted
+    },
+    'small': {
+        'asc': name_sort_size_small_type_asc,
+        'desc': name_sort_size_small_type_desc,
+        'not-sorted': name_sort_size_small_type_not_sorted
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/sort-icon/index.d.ts

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

package/sort-icon/index.js

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

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

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

package/sort-icon/sort-icon.component.js

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

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

package/sort-icon/sort-icon.types.js

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

package/stats-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>>;
+    };
+};