@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/expand-icon/expand-icon.types.js

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

package/expand-icon/index.d.ts

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

package/expand-icon/index.js

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

package/filter-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/filter-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/filter-icon/assets/name=filter, size=medium, view=lined.svg
+
+const SvgNamefilterSizemediumViewlined = 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: "M5 8.25h7.354a2.751 2.751 0 0 1 5.293 0H19a.75.75 0 0 1 0 1.5h-1.354a2.751 2.751 0 0 1-5.292 0H5a.75.75 0 0 1 0-1.5m10-.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M6.354 14.25H5a.75.75 0 0 0 0 1.5h1.354a2.751 2.751 0 0 0 5.292 0H19a.75.75 0 0 0 0-1.5h-7.353a2.751 2.751 0 0 0-5.293 0m3.896.75a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_filter_size_medium_view_lined = (SvgNamefilterSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/filter-icon/assets/name=filter, size=small, view=lined.svg
+
+const SvgNamefilterSizesmallViewlined = 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: "M9 3.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-6 2h3.354a2.751 2.751 0 0 0 5.292 0H13a.75.75 0 0 0 0-1.5h-1.354a2.751 2.751 0 0 0-5.292 0H3a.75.75 0 0 0 0 1.5m.354 4.5H3a.75.75 0 0 0 0 1.5h.354a2.751 2.751 0 0 0 5.292 0H13a.75.75 0 0 0 0-1.5H8.646a2.751 2.751 0 0 0-5.292 0M7.25 11a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_filter_size_small_view_lined = (SvgNamefilterSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/filter-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_filter_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_filter_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/filter-icon/filter-icon.component.js

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

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

package/filter-icon/filter-icon.types.js

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

package/filter-icon/index.d.ts

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

package/filter-icon/index.js

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

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

package/finish-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/finish-icon/assets/name=finish, size=medium, view=filled.svg
+
+const SvgNamefinishSizemediumViewfilled = 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 6.25A.75.75 0 0 1 7 5.5h9.978a.5.5 0 0 1 .394.807L14.74 9.693a.5.5 0 0 0 0 .614l2.633 3.386a.5.5 0 0 1-.394.807H7.75v3.753c.64.015 1.237.09 1.706.212.26.067.524.16.74.293.175.107.554.388.554.892s-.38.785-.554.892a2.8 2.8 0 0 1-.74.293c-.53.138-1.221.215-1.956.215s-1.426-.077-1.956-.215a2.8 2.8 0 0 1-.74-.293c-.175-.107-.554-.388-.554-.892s.38-.785.554-.892a2.8 2.8 0 0 1 .74-.293c.212-.056.45-.101.706-.136zm-.677 13.797.013-.01zm3.841-.01.013.01zm0-.775.013-.009zm-3.828 0-.013-.009q.001 0 .013.01",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_finish_size_medium_view_filled = (SvgNamefinishSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/finish-icon/assets/name=finish, size=medium, view=lined.svg
+
+const SvgNamefinishSizemediumViewlined = 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 6A.75.75 0 0 1 7 5.25h11a.75.75 0 0 1 .6 1.2L15.937 10l2.663 3.55a.75.75 0 0 1-.6 1.2H7.75v3.503c.64.015 1.237.09 1.706.212.26.067.524.16.74.293.175.107.554.388.554.892s-.38.785-.554.892a2.8 2.8 0 0 1-.74.293c-.53.138-1.221.215-1.956.215s-1.426-.077-1.956-.215a2.8 2.8 0 0 1-.74-.293c-.175-.107-.554-.388-.554-.892s.38-.785.554-.892a2.8 2.8 0 0 1 .74-.293c.212-.056.45-.101.706-.136zm1.5 7.25v-6.5h8.75l-2.1 2.8a.75.75 0 0 0 0 .9l2.1 2.8zm-2.177 6.797.013-.01q-.012.01-.013.01m3.841-.01.013.01q-.001 0-.013-.01m0-.775.013-.009zm-3.828 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_finish_size_medium_view_lined = (SvgNamefinishSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/finish-icon/assets/name=finish, size=small, view=lined.svg
+
+const SvgNamefinishSizesmallViewlined = 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.75 3a.75.75 0 0 1 .75-.75h8a.75.75 0 0 1 .624 1.166L11.401 6l1.723 2.584A.75.75 0 0 1 12.5 9.75H5.25v2.004c.502.014.97.071 1.346.165.213.053.438.128.628.24.14.083.526.343.526.841s-.386.758-.526.84c-.19.113-.415.188-.628.241-.437.11-1 .169-1.596.169-.595 0-1.16-.06-1.596-.169a2.4 2.4 0 0 1-.628-.24c-.14-.083-.526-.343-.526-.841s.386-.758.526-.84c.19-.113.415-.188.628-.241q.163-.04.346-.072zm1.5 5.25v-4.5h5.849L9.876 5.584a.75.75 0 0 0 0 .832l1.223 1.834z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_finish_size_small_view_lined = (SvgNamefinishSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/finish-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_finish_size_medium_view_filled,
+        'lined': name_finish_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_finish_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/finish-icon/finish-icon.component.js

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

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

package/finish-icon/finish-icon.types.js

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

package/finish-icon/index.d.ts

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

package/finish-icon/index.js

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

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

@@ -0,0 +1,95 @@
+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/flash-icon/assets/name=flash, size=medium, view=filled.svg
+
+const SvgNameflashSizemediumViewfilled = 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: "M11.788 4.681c.502-.943 1.938-.468 1.778.589l-.694 4.58h2.795a.95.95 0 0 1 .839 1.396l-4.294 8.073c-.502.943-1.938.468-1.778-.589l.694-4.58H8.333a.95.95 0 0 1-.839-1.396z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_flash_size_medium_view_filled = (SvgNameflashSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/flash-icon/assets/name=flash, size=medium, view=lined.svg
+
+const SvgNameflashSizemediumViewlined = 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: "M11.6 8.227 9.249 12.65H12a.75.75 0 0 1 .742.862l-.343 2.26 2.353-4.422H12a.75.75 0 0 1-.742-.862zm.188-3.546c.502-.943 1.938-.468 1.778.589l-.694 4.58h2.795a.95.95 0 0 1 .839 1.396l-4.294 8.073c-.502.943-1.938.468-1.778-.589l.694-4.58H8.333a.95.95 0 0 1-.839-1.396z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_flash_size_medium_view_lined = (SvgNameflashSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/flash-icon/assets/name=flash, size=small, view=filled.svg
+
+const SvgNameflashSizesmallViewfilled = 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: "M9.046 2.951c.086-.558-.674-.808-.937-.309L4.963 8.621a.6.6 0 0 0 .53.879h1.783a.2.2 0 0 1 .198.223l-.399 3.458c-.064.555.694.781.944.28l3.047-6.093a.6.6 0 0 0-.537-.868H8.733a.2.2 0 0 1-.198-.23z"
+}));
+/* harmony default export */ const name_flash_size_small_view_filled = (SvgNameflashSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/flash-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_flash_size_medium_view_filled,
+        'lined': name_flash_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_flash_size_small_view_filled,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/flash-icon/flash-icon.component.js

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

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

package/flash-icon/flash-icon.types.js

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

package/flash-icon/index.d.ts

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

package/flash-icon/index.js

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

package/folder-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/folder-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/folder-icon/assets/name=folder, size=medium, view=filled.svg
+
+const SvgNamefolderSizemediumViewfilled = 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: "M21 17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6l2 2h6a2 2 0 0 1 2 2z"
+}));
+/* harmony default export */ const name_folder_size_medium_view_filled = (SvgNamefolderSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/folder-icon/assets/name=folder, size=medium, view=lined.svg
+
+const SvgNamefolderSizemediumViewlined = 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: "M5.75 5.5A1.25 1.25 0 0 0 4.5 6.75v9A1.25 1.25 0 0 0 5.75 17h12A1.25 1.25 0 0 0 19 15.75v-7a1.25 1.25 0 0 0-1.25-1.25h-5a.75.75 0 0 1-.53-.22L10.44 5.5zm-1.945-.695A2.75 2.75 0 0 1 5.75 4h5a.75.75 0 0 1 .53.22L13.06 6h4.69a2.75 2.75 0 0 1 2.75 2.75v7a2.75 2.75 0 0 1-2.75 2.75h-12A2.75 2.75 0 0 1 3 15.75v-9c0-.73.29-1.429.805-1.945",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_folder_size_medium_view_lined = (SvgNamefolderSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/folder-icon/assets/name=folder, size=small, view=filled.svg
+
+const SvgNamefolderSizesmallViewfilled = 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: "M15 11.615c0 .368-.158.72-.44.98-.28.26-.662.405-1.06.405h-11c-.398 0-.78-.146-1.06-.405a1.33 1.33 0 0 1-.44-.98v-8.23c0-.368.158-.72.44-.98C1.72 2.146 2.101 2 2.5 2h4.75l1.5 1.385h4.75c.398 0 .78.145 1.06.405.282.26.44.612.44.98z"
+}));
+/* harmony default export */ const name_folder_size_small_view_filled = (SvgNamefolderSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/folder-icon/assets/name=folder, size=small, view=lined.svg
+
+const SvgNamefolderSizesmallViewlined = 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.5 3.75a.82.82 0 0 0-.552.207.58.58 0 0 0-.198.428v6.23c0 .148.063.304.198.428a.82.82 0 0 0 .552.207h9c.217 0 .415-.08.552-.207a.58.58 0 0 0 .198-.428V5.77a.58.58 0 0 0-.198-.428.82.82 0 0 0-.552-.206H8.75a.75.75 0 0 1-.509-.2L6.957 3.75zm-1.57-.896A2.32 2.32 0 0 1 3.5 2.25h3.75a.75.75 0 0 1 .509.199l1.284 1.186H12.5c.578 0 1.144.211 1.57.604.427.395.68.944.68 1.53v4.846c0 .587-.253 1.136-.68 1.53a2.32 2.32 0 0 1-1.57.605h-9a2.32 2.32 0 0 1-1.57-.604 2.08 2.08 0 0 1-.68-1.53V4.384c0-.587.253-1.136.68-1.53",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_folder_size_small_view_lined = (SvgNamefolderSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/folder-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_folder_size_medium_view_filled,
+        'lined': name_folder_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_folder_size_small_view_filled,
+        'lined': name_folder_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/folder-icon/folder-icon.component.js

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

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

package/folder-icon/folder-icon.types.js

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

package/folder-icon/index.d.ts

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

package/folder-icon/index.js

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

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