@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/double-chevron-icon/assets/index.js

@@ -0,0 +1,180 @@
+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/double-chevron-icon/assets/direction=down, name=double-chevron, size=medium.svg
+
+const SvgDirectiondownNamedoubleChevronSizemedium = 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.53 16.53a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L12 14.94l3.47-3.47a.75.75 0 1 1 1.06 1.06zm4-8-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06L12 10.94l3.47-3.47a.75.75 0 1 1 1.06 1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_double_chevron_size_medium = (SvgDirectiondownNamedoubleChevronSizemedium);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=down, name=double-chevron, size=small.svg
+
+const SvgDirectiondownNamedoubleChevronSizesmall = 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.52 5.576a.75.75 0 1 1 .96-1.152L8 6.524l2.52-2.1a.75.75 0 0 1 .96 1.152l-3 2.5a.75.75 0 0 1-.96 0zm0 4a.75.75 0 0 1 .96-1.152l2.52 2.1 2.52-2.1a.75.75 0 0 1 .96 1.152l-3 2.5a.75.75 0 0 1-.96 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_double_chevron_size_small = (SvgDirectiondownNamedoubleChevronSizesmall);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=left, name=double-chevron, size=medium.svg
+
+const SvgDirectionleftNamedoubleChevronSizemedium = 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: "M7.47 11.47a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L9.06 12l3.47-3.47a.75.75 0 0 0-1.06-1.06zm8-4-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L13.06 12l3.47-3.47a.75.75 0 0 0-1.06-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_double_chevron_size_medium = (SvgDirectionleftNamedoubleChevronSizemedium);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=left, name=double-chevron, size=small.svg
+
+const SvgDirectionleftNamedoubleChevronSizesmall = 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: "M10.424 4.52a.75.75 0 0 1 1.152.96L9.476 8l2.1 2.52a.75.75 0 0 1-1.152.96l-2.5-3a.75.75 0 0 1 0-.96zm-4 0a.75.75 0 0 1 1.152.96L5.476 8l2.1 2.52a.75.75 0 0 1-1.152.96l-2.5-3a.75.75 0 0 1 0-.96z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_double_chevron_size_small = (SvgDirectionleftNamedoubleChevronSizesmall);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=right, name=double-chevron, size=medium.svg
+
+const SvgDirectionrightNamedoubleChevronSizemedium = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M16.53 11.47a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06L14.94 12l-3.47-3.47a.75.75 0 0 1 1.06-1.06zm-8-4 4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L10.94 12 7.47 8.53a.75.75 0 0 1 1.06-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_double_chevron_size_medium = (SvgDirectionrightNamedoubleChevronSizemedium);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=right, name=double-chevron, size=small.svg
+
+const SvgDirectionrightNamedoubleChevronSizesmall = 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.576 11.48a.75.75 0 1 1-1.152-.96l2.1-2.52-2.1-2.52a.75.75 0 0 1 1.152-.96l2.5 3a.75.75 0 0 1 0 .96zm-4 0a.75.75 0 1 1-1.152-.96L6.524 8l-2.1-2.52a.75.75 0 0 1 1.152-.96l2.5 3a.75.75 0 0 1 0 .96z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_double_chevron_size_small = (SvgDirectionrightNamedoubleChevronSizesmall);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=up, name=double-chevron, size=medium.svg
+
+const SvgDirectionupNamedoubleChevronSizemedium = 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.53 7.47a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06L12 9.06l3.47 3.47a.75.75 0 1 0 1.06-1.06zm4 8-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06L12 13.06l3.47 3.47a.75.75 0 1 0 1.06-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_double_chevron_size_medium = (SvgDirectionupNamedoubleChevronSizemedium);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/direction=up, name=double-chevron, size=small.svg
+
+const SvgDirectionupNamedoubleChevronSizesmall = 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: "M11.48 6.424a.75.75 0 1 1-.96 1.152L8 5.476l-2.52 2.1a.75.75 0 0 1-.96-1.152l3-2.5a.75.75 0 0 1 .96 0zm0 4a.75.75 0 0 1-.96 1.152L8 9.476l-2.52 2.1a.75.75 0 0 1-.96-1.152l3-2.5a.75.75 0 0 1 .96 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_double_chevron_size_small = (SvgDirectionupNamedoubleChevronSizesmall);
+;// CONCATENATED MODULE: ./src/double-chevron-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+
+
+const AssetMap = {
+    'down': {
+        'medium': direction_down_name_double_chevron_size_medium,
+        'small': direction_down_name_double_chevron_size_small
+    },
+    'left': {
+        'medium': direction_left_name_double_chevron_size_medium,
+        'small': direction_left_name_double_chevron_size_small
+    },
+    'right': {
+        'medium': direction_right_name_double_chevron_size_medium,
+        'small': direction_right_name_double_chevron_size_small
+    },
+    'up': {
+        'medium': direction_up_name_double_chevron_size_medium,
+        'small': direction_up_name_double_chevron_size_small
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/double-chevron-icon/double-chevron-icon.component.d.ts

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

package/double-chevron-icon/double-chevron-icon.component.js

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

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

package/double-chevron-icon/double-chevron-icon.types.js

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

package/double-chevron-icon/index.d.ts

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

package/double-chevron-icon/index.js

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

package/download-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/download-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/download-icon/assets/name=download, size=medium, view=filled.svg
+
+const SvgNamedownloadSizemediumViewfilled = 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 15.75a.75.75 0 0 0-.53 1.28l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0-.53-1.28h-1.75a.5.5 0 0 1-.5-.5v-4.5a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5v4.5a.5.5 0 0 1-.5.5zM4.25 7A2.25 2.25 0 0 1 6.5 4.75h11A2.25 2.25 0 0 1 19.75 7v5a2.25 2.25 0 0 1-2.25 2.25H16a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h1.5a.75.75 0 0 0 .75-.75V9a.75.75 0 0 0-.75-.75h-11a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75H8a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H6.5A2.25 2.25 0 0 1 4.25 12V7",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_download_size_medium_view_filled = (SvgNamedownloadSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/download-icon/assets/name=download, size=medium, view=lined.svg
+
+const SvgNamedownloadSizemediumViewlined = 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.47 15.97a.75.75 0 0 1 1.06 0l1.379 1.378a.2.2 0 0 0 .341-.142V10a.75.75 0 0 1 1.5 0v7.206a.2.2 0 0 0 .341.142l1.379-1.378a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06M4.25 7.5A2.75 2.75 0 0 1 7 4.75h10a2.75 2.75 0 0 1 2.75 2.75v4A2.75 2.75 0 0 1 17 14.25h-1a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h1c.69 0 1.25-.56 1.25-1.25v-4c0-.69-.56-1.25-1.25-1.25H7c-.69 0-1.25.56-1.25 1.25v4c0 .69.56 1.25 1.25 1.25h1a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H7a2.75 2.75 0 0 1-2.75-2.75z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_download_size_medium_view_lined = (SvgNamedownloadSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/download-icon/assets/name=download, size=small, view=filled.svg
+
+const SvgNamedownloadSizesmallViewfilled = 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.307 11.213A.75.75 0 0 1 6 10.75h1.05a.2.2 0 0 0 .2-.2v-3.8a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.8c0 .11.09.2.2.2H10a.75.75 0 0 1 .53 1.28l-2 2a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1-.163-.817M4.25 2a2 2 0 0 0-2 2v3.75a2 2 0 0 0 2 2H5a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5h-.75a.5.5 0 0 1-.5-.5V5.245a.5.5 0 0 1 .5-.495h7.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5H11a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.75a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_download_size_small_view_filled = (SvgNamedownloadSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/download-icon/assets/name=download, size=small, view=lined.svg
+
+const SvgNamedownloadSizesmallViewlined = 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.47 10.97a.75.75 0 0 1 1.06 0l.379.378a.2.2 0 0 0 .341-.142V6.5a.75.75 0 1 1 1.5 0v4.707a.2.2 0 0 0 .341.14l.379-.377a.75.75 0 0 1 1.06 1.06l-2 2a.75.75 0 0 1-.528.22h-.004a.75.75 0 0 1-.528-.22l-2-2a.75.75 0 0 1 0-1.06M2.25 4.25A2.25 2.25 0 0 1 4.5 2h7a2.25 2.25 0 0 1 2.25 2.25V7.5a2.25 2.25 0 0 1-2.25 2.25H11a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h.5a.75.75 0 0 0 .75-.75V4.25a.75.75 0 0 0-.75-.75h-7a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5A2.25 2.25 0 0 1 2.25 7.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_download_size_small_view_lined = (SvgNamedownloadSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/download-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_download_size_medium_view_filled,
+        'lined': name_download_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_download_size_small_view_filled,
+        'lined': name_download_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/download-icon/download-icon.component.js

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

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

package/download-icon/download-icon.types.js

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

package/download-icon/index.d.ts

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

package/download-icon/index.js

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

package/drag-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/drag-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/drag-icon/assets/name=drag, size=medium.svg
+
+const SvgNamedragSizemedium = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M9 7.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M15 7.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M10.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M15 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M10.75 18a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M15 19.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5"
+}));
+/* harmony default export */ const name_drag_size_medium = (SvgNamedragSizemedium);
+;// CONCATENATED MODULE: ./src/drag-icon/assets/name=drag, size=small.svg
+
+const SvgNamedragSizesmall = 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.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m1.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M10.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m1.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_drag_size_small = (SvgNamedragSizesmall);
+;// CONCATENATED MODULE: ./src/drag-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_drag_size_medium,
+    'small': name_drag_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/drag-icon/drag-icon.component.js

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

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

package/drag-icon/drag-icon.types.js

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

package/drag-icon/index.d.ts

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

package/drag-icon/index.js

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

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

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

package/dropdown-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/dropdown-icon/assets/direction=down, name=dropdown, size=small.svg
+
+const SvgDirectiondownNamedropdownSizesmall = 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 10.5 12 7H4z"
+}));
+/* harmony default export */ const direction_down_name_dropdown_size_small = (SvgDirectiondownNamedropdownSizesmall);
+;// CONCATENATED MODULE: ./src/dropdown-icon/assets/direction=left, name=dropdown, size=small.svg
+
+const SvgDirectionleftNamedropdownSizesmall = 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: "M5.5 8 9 12V4z"
+}));
+/* harmony default export */ const direction_left_name_dropdown_size_small = (SvgDirectionleftNamedropdownSizesmall);
+;// CONCATENATED MODULE: ./src/dropdown-icon/assets/direction=right, name=dropdown, size=small.svg
+
+const SvgDirectionrightNamedropdownSizesmall = 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: "M10.5 8 7 4v8z"
+}));
+/* harmony default export */ const direction_right_name_dropdown_size_small = (SvgDirectionrightNamedropdownSizesmall);
+;// CONCATENATED MODULE: ./src/dropdown-icon/assets/direction=up, name=dropdown, size=small.svg
+
+const SvgDirectionupNamedropdownSizesmall = 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 5.5 4 9h8z"
+}));
+/* harmony default export */ const direction_up_name_dropdown_size_small = (SvgDirectionupNamedropdownSizesmall);
+;// CONCATENATED MODULE: ./src/dropdown-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'down': {
+        'small': direction_down_name_dropdown_size_small
+    },
+    'left': {
+        'small': direction_left_name_dropdown_size_small
+    },
+    'right': {
+        'small': direction_right_name_dropdown_size_small
+    },
+    'up': {
+        'small': direction_up_name_dropdown_size_small
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/dropdown-icon/dropdown-icon.component.js

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