@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/lock-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/lock-icon/assets/name=lock, size=medium, view=filled.svg
+
+const SvgNamelockSizemediumViewfilled = 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 5.25A3.75 3.75 0 0 0 8.25 9v1.25H8A1.75 1.75 0 0 0 6.25 12v6c0 .966.784 1.75 1.75 1.75h8A1.75 1.75 0 0 0 17.75 18v-6A1.75 1.75 0 0 0 16 10.25h-.25V9A3.75 3.75 0 0 0 12 5.25m2.25 5V9a2.25 2.25 0 0 0-4.5 0v1.25zM12.75 14a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_lock_size_medium_view_filled = (SvgNamelockSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/lock-icon/assets/name=lock, size=medium, view=lined.svg
+
+const SvgNamelockSizemediumViewlined = 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 5.25A3.75 3.75 0 0 0 8.25 9v1.25H8A1.75 1.75 0 0 0 6.25 12v6c0 .966.784 1.75 1.75 1.75h8A1.75 1.75 0 0 0 17.75 18v-6A1.75 1.75 0 0 0 16 10.25h-.25V9A3.75 3.75 0 0 0 12 5.25m2.25 5V9a2.25 2.25 0 0 0-4.5 0v1.25zm-6 1.5H8a.25.25 0 0 0-.25.25v6c0 .138.112.25.25.25h8a.25.25 0 0 0 .25-.25v-6a.25.25 0 0 0-.25-.25H8.25",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_lock_size_medium_view_lined = (SvgNamelockSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/lock-icon/assets/name=lock, size=small, view=filled.svg
+
+const SvgNamelockSizesmallViewfilled = 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: "M5.25 5a2.75 2.75 0 0 1 5.5 0v1.25H11c.69 0 1.25.56 1.25 1.25v4c0 .69-.56 1.25-1.25 1.25H5c-.69 0-1.25-.56-1.25-1.25v-4c0-.69.56-1.25 1.25-1.25h.25zm4 0v1.25h-2.5V5a1.25 1.25 0 1 1 2.5 0m-.5 4a.75.75 0 0 0-1.5 0v1a.75.75 0 0 0 1.5 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_lock_size_small_view_filled = (SvgNamelockSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/lock-icon/assets/name=lock, size=small, view=lined.svg
+
+const SvgNamelockSizesmallViewlined = 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 2.25A2.75 2.75 0 0 0 5.25 5v1.25H5c-.69 0-1.25.56-1.25 1.25v4c0 .69.56 1.25 1.25 1.25h6c.69 0 1.25-.56 1.25-1.25v-4c0-.69-.56-1.25-1.25-1.25h-.25V5A2.75 2.75 0 0 0 8 2.25m1.25 4V5a1.25 1.25 0 1 0-2.5 0v1.25zm-4 1.5v3.5h5.5v-3.5h-5.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_lock_size_small_view_lined = (SvgNamelockSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/lock-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_lock_size_medium_view_filled,
+        'lined': name_lock_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_lock_size_small_view_filled,
+        'lined': name_lock_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/lock-icon/index.d.ts

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

package/lock-icon/index.js

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

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

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

package/lock-icon/lock-icon.component.js

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

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

package/lock-icon/lock-icon.types.js

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

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

package/login-icon/assets/index.js

@@ -0,0 +1,68 @@
+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/login-icon/assets/name=login, size=medium, view=lined.svg
+
+const SvgNameloginSizemediumViewlined = 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 5.25a.75.75 0 0 0 0 1.5h2c.69 0 1.25.56 1.25 1.25v8c0 .69-.56 1.25-1.25 1.25h-2a.75.75 0 0 0 0 1.5h2A2.75 2.75 0 0 0 18.75 16V8A2.75 2.75 0 0 0 16 5.25z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M9.47 7.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H5a.75.75 0 0 1 0-1.5h7.19L9.47 8.53a.75.75 0 0 1 0-1.06"
+}));
+/* harmony default export */ const name_login_size_medium_view_lined = (SvgNameloginSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/login-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_login_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/login-icon/index.d.ts

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

package/login-icon/index.js

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

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

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

package/login-icon/login-icon.component.js

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

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

package/login-icon/login-icon.types.js

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

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

@@ -0,0 +1,84 @@
+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/logout-icon/assets/name=logout, size=medium, view=lined.svg
+
+const SvgNamelogoutSizemediumViewlined = 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 5.25A2.75 2.75 0 0 0 5.25 8v8A2.75 2.75 0 0 0 8 18.75h2a.75.75 0 0 0 0-1.5H8c-.69 0-1.25-.56-1.25-1.25V8c0-.69.56-1.25 1.25-1.25h2a.75.75 0 0 0 0-1.5z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M14.47 7.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H10a.75.75 0 0 1 0-1.5h7.19l-2.72-2.72a.75.75 0 0 1 0-1.06"
+}));
+/* harmony default export */ const name_logout_size_medium_view_lined = (SvgNamelogoutSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/logout-icon/assets/name=logout, size=small, view=lined.svg
+
+const SvgNamelogoutSizesmallViewlined = 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: "M2.25 5c0-.966.784-1.75 1.75-1.75h3.25a.75.75 0 0 1 0 1.5H4a.25.25 0 0 0-.25.25v6c0 .138.112.25.25.25h3.25a.75.75 0 0 1 0 1.5H4A1.75 1.75 0 0 1 2.25 11z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M10.52 4.424a.75.75 0 0 1 1.056.096l2.634 3.16a.5.5 0 0 1 0 .64l-2.634 3.16a.75.75 0 0 1-1.152-.96l1.475-1.77H6.75a.75.75 0 0 1 0-1.5h5.149l-1.475-1.77a.75.75 0 0 1 .096-1.056"
+}));
+/* harmony default export */ const name_logout_size_small_view_lined = (SvgNamelogoutSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/logout-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_logout_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_logout_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/logout-icon/index.d.ts

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

package/logout-icon/index.js

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

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

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

package/logout-icon/logout-icon.component.js

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

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

package/logout-icon/logout-icon.types.js

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

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

@@ -0,0 +1,74 @@
+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/menu-icon/assets/name=menu, size=medium.svg
+
+const SvgNamemenuSizemedium = 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: "M4 5.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5zm0 6a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5zm.5 5.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_menu_size_medium = (SvgNamemenuSizemedium);
+;// CONCATENATED MODULE: ./src/menu-icon/assets/name=menu, size=small.svg
+
+const SvgNamemenuSizesmall = 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: "M3 12.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1-.75-.75M3 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 8M3 3.75A.75.75 0 0 1 3.75 3h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 3.75"
+}));
+/* harmony default export */ const name_menu_size_small = (SvgNamemenuSizesmall);
+;// CONCATENATED MODULE: ./src/menu-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_menu_size_medium,
+    'small': name_menu_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/menu-icon/index.d.ts

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

package/menu-icon/index.js

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

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

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

package/menu-icon/menu-icon.component.js

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

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

package/menu-icon/menu-icon.types.js

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

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

@@ -0,0 +1,76 @@
+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/minus-icon/assets/name=minus, size=medium.svg
+
+const SvgNameminusSizemedium = 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.25 12a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_minus_size_medium = (SvgNameminusSizemedium);
+;// CONCATENATED MODULE: ./src/minus-icon/assets/name=minus, size=small.svg
+
+const SvgNameminusSizesmall = 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: "M3.25 8A.75.75 0 0 1 4 7.25h8a.75.75 0 0 1 0 1.5H4A.75.75 0 0 1 3.25 8",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_minus_size_small = (SvgNameminusSizesmall);
+;// CONCATENATED MODULE: ./src/minus-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_minus_size_medium,
+    'small': name_minus_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/minus-icon/index.d.ts

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

package/minus-icon/index.js

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

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

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

package/minus-icon/minus-icon.component.js

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

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