@pushwoosh/kit-icons 2.0.0 → 2.0.2

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

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

package/arrow-icon/arrow-icon.component.js

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

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

package/arrow-icon/arrow-icon.types.js

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

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

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

package/arrow-icon/assets/index.js

@@ -0,0 +1,164 @@
+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/arrow-icon/assets/direction=down, name=arrow, size=medium.svg
+
+const SvgDirectiondownNamearrowSizemedium = 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.75 7a.75.75 0 0 0-1.5 0v9.19l-2.72-2.72a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06l-2.72 2.72z"
+}));
+/* harmony default export */ const direction_down_name_arrow_size_medium = (SvgDirectiondownNamearrowSizemedium);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=down, name=arrow, size=small.svg
+
+const SvgDirectiondownNamearrowSizesmall = 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.75 4a.75.75 0 0 0-1.5 0v5.19L5.53 7.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0-1.06-1.06L8.75 9.19z"
+}));
+/* harmony default export */ const direction_down_name_arrow_size_small = (SvgDirectiondownNamearrowSizesmall);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=left, name=arrow, size=medium.svg
+
+const SvgDirectionleftNamearrowSizemedium = 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: "M11.53 15.47a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72H18a.75.75 0 0 1 0 1.5H8.81z"
+}));
+/* harmony default export */ const direction_left_name_arrow_size_medium = (SvgDirectionleftNamearrowSizemedium);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=left, name=arrow, size=small.svg
+
+const SvgDirectionleftNamearrowSizesmall = 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: "M7.53 5.53a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L5.81 8.75H13a.75.75 0 0 0 0-1.5H5.81z"
+}));
+/* harmony default export */ const direction_left_name_arrow_size_small = (SvgDirectionleftNamearrowSizesmall);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=right, name=arrow, size=medium.svg
+
+const SvgDirectionrightNamearrowSizemedium = 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.47 15.47a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06l2.72 2.72H6a.75.75 0 0 0 0 1.5h9.19z"
+}));
+/* harmony default export */ const direction_right_name_arrow_size_medium = (SvgDirectionrightNamearrowSizemedium);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=right, name=arrow, size=small.svg
+
+const SvgDirectionrightNamearrowSizesmall = 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.47 5.53a.75.75 0 0 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H4a.75.75 0 0 1 0-1.5h7.19z"
+}));
+/* harmony default export */ const direction_right_name_arrow_size_small = (SvgDirectionrightNamearrowSizesmall);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=up, name=arrow, size=medium.svg
+
+const SvgDirectionupNamearrowSizemedium = 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.53 10.53a.75.75 0 1 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06l-2.72-2.72V17a.75.75 0 0 1-1.5 0V7.81z"
+}));
+/* harmony default export */ const direction_up_name_arrow_size_medium = (SvgDirectionupNamearrowSizemedium);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/direction=up, name=arrow, size=small.svg
+
+const SvgDirectionupNamearrowSizesmall = 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.53 7.53a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L8.75 5.81V11a.75.75 0 0 1-1.5 0V5.81z"
+}));
+/* harmony default export */ const direction_up_name_arrow_size_small = (SvgDirectionupNamearrowSizesmall);
+;// CONCATENATED MODULE: ./src/arrow-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+
+
+const AssetMap = {
+    'down': {
+        'medium': direction_down_name_arrow_size_medium,
+        'small': direction_down_name_arrow_size_small
+    },
+    'left': {
+        'medium': direction_left_name_arrow_size_medium,
+        'small': direction_left_name_arrow_size_small
+    },
+    'right': {
+        'medium': direction_right_name_arrow_size_medium,
+        'small': direction_right_name_arrow_size_small
+    },
+    'up': {
+        'medium': direction_up_name_arrow_size_medium,
+        'small': direction_up_name_arrow_size_small
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/arrow-icon/index.d.ts

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

package/arrow-icon/index.js

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

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

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

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

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

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

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

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

package/arrow-round-icon/assets/index.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    down: {
+        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>>;
+        };
+    };
+    left: {
+        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>>;
+        };
+    };
+    right: {
+        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>>;
+        };
+    };
+    up: {
+        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/arrow-round-icon/assets/index.js

@@ -0,0 +1,336 @@
+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/arrow-round-icon/assets/direction=down, name=arrow-round, size=medium, view=filled.svg
+
+const SvgDirectiondownNamearrowRoundSizemediumViewfilled = 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: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M8.293 13.707l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V8a1 1 0 1 0-2 0v5.586l-1.293-1.293a1 1 0 0 0-1.414 1.414",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_arrow_round_size_medium_view_filled = (SvgDirectiondownNamearrowRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=down, name=arrow-round, size=medium, view=lined.svg
+
+const SvgDirectiondownNamearrowRoundSizemediumViewlined = 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 4.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15m9 7.5a9 9 0 1 0-18 0 9 9 0 0 0 18 0m-8.47 4.53 3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8a.75.75 0 0 0-1.5 0v6.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_arrow_round_size_medium_view_lined = (SvgDirectiondownNamearrowRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=down, name=arrow-round, size=small, view=filled.svg
+
+const SvgDirectiondownNamearrowRoundSizesmallViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0m-10.53.47a.75.75 0 0 1 1.06 0l1.72 1.72V4a.75.75 0 0 1 1.5 0v6.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 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_arrow_round_size_small_view_filled = (SvgDirectiondownNamearrowRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=down, name=arrow-round, size=small, view=lined.svg
+
+const SvgDirectiondownNamearrowRoundSizesmallViewlined = 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: "M7.465 10.859 5.136 8.53a.75.75 0 1 1 1.061-1.06L7.25 8.523V5.667a.75.75 0 1 1 1.5 0v2.856L9.803 7.47a.75.75 0 1 1 1.06 1.06L8.53 10.864a.75.75 0 0 1-.523.22H8a.75.75 0 0 1-.535-.225"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M14.583 8A6.583 6.583 0 1 1 1.417 8a6.583 6.583 0 0 1 13.166 0M8 13.083A5.083 5.083 0 1 0 8 2.917a5.083 5.083 0 0 0 0 10.166",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_arrow_round_size_small_view_lined = (SvgDirectiondownNamearrowRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=left, name=arrow-round, size=medium, view=filled.svg
+
+const SvgDirectionleftNamearrowRoundSizemediumViewfilled = 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 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m-1.707 12.707-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 1 1 1.414 1.414L10.414 11H16a1 1 0 1 1 0 2h-5.586l1.293 1.293a1 1 0 0 1-1.414 1.414",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_arrow_round_size_medium_view_filled = (SvgDirectionleftNamearrowRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=left, name=arrow-round, size=medium, view=lined.svg
+
+const SvgDirectionleftNamearrowRoundSizemediumViewlined = 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: "M19.5 12a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m-4.53 8.47 3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 0 1.5H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.747.747 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_arrow_round_size_medium_view_lined = (SvgDirectionleftNamearrowRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=left, name=arrow-round, size=small, view=filled.svg
+
+const SvgDirectionleftNamearrowRoundSizesmallViewfilled = 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 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14M7.53 4.47a.75.75 0 0 1 0 1.06L5.81 7.25H12a.75.75 0 0 1 0 1.5H5.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_arrow_round_size_small_view_filled = (SvgDirectionleftNamearrowRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=left, name=arrow-round, size=small, view=lined.svg
+
+const SvgDirectionleftNamearrowRoundSizesmallViewlined = 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.141 7.465 7.47 5.136a.75.75 0 1 1 1.06 1.061L7.477 7.25h2.856a.75.75 0 0 1 0 1.5H7.477L8.53 9.803a.75.75 0 0 1-1.06 1.06L5.136 8.53a.747.747 0 0 1 .005-1.065"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8 14.583A6.583 6.583 0 1 1 8 1.417a6.583 6.583 0 0 1 0 13.166M2.917 8a5.083 5.083 0 1 0 10.166 0A5.083 5.083 0 0 0 2.917 8",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_arrow_round_size_small_view_lined = (SvgDirectionleftNamearrowRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=right, name=arrow-round, size=medium, view=filled.svg
+
+const SvgDirectionrightNamearrowRoundSizemediumViewfilled = 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 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m1.707-12.707 3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 1 1-1.414-1.414L13.586 13H8a1 1 0 1 1 0-2h5.586l-1.293-1.293a1 1 0 0 1 1.414-1.414",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_arrow_round_size_medium_view_filled = (SvgDirectionrightNamearrowRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=right, name=arrow-round, size=medium, view=lined.svg
+
+const SvgDirectionrightNamearrowRoundSizemediumViewlined = 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 12a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m4.53 8.47-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8a.75.75 0 0 0 0 1.5h6.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_arrow_round_size_medium_view_lined = (SvgDirectionrightNamearrowRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=right, name=arrow-round, size=small, view=filled.svg
+
+const SvgDirectionrightNamearrowRoundSizesmallViewfilled = 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 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m.47-10.53a.75.75 0 0 0 0 1.06l1.72 1.72H4a.75.75 0 0 0 0 1.5h6.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_arrow_round_size_small_view_filled = (SvgDirectionrightNamearrowRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=right, name=arrow-round, size=small, view=lined.svg
+
+const SvgDirectionrightNamearrowRoundSizesmallViewlined = 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.859 8.535 8.53 10.864a.75.75 0 1 1-1.06-1.061L8.523 8.75H5.667a.75.75 0 0 1 0-1.5h2.856L7.47 6.197a.75.75 0 1 1 1.06-1.06l2.334 2.333a.75.75 0 0 1 .22.523V8a.75.75 0 0 1-.225.535"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8 1.417a6.583 6.583 0 1 1 0 13.166A6.583 6.583 0 0 1 8 1.417M13.083 8A5.083 5.083 0 1 0 2.917 8a5.083 5.083 0 0 0 10.166 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_arrow_round_size_small_view_lined = (SvgDirectionrightNamearrowRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=up, name=arrow-round, size=medium, view=filled.svg
+
+const SvgDirectionupNamearrowRoundSizemediumViewfilled = 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: "M21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0M8.293 10.293l3-3a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1-1.414 1.414L13 10.414V16a1 1 0 1 1-2 0v-5.586l-1.293 1.293a1 1 0 0 1-1.414-1.414",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_arrow_round_size_medium_view_filled = (SvgDirectionupNamearrowRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=up, name=arrow-round, size=medium, view=lined.svg
+
+const SvgDirectionupNamearrowRoundSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M12 19.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m9-7.5a9 9 0 1 1-18 0 9 9 0 0 1 18 0m-8.47-4.53 3 3a.75.75 0 1 1-1.06 1.06l-1.72-1.72V16a.75.75 0 0 1-1.5 0V9.81l-1.72 1.72a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_arrow_round_size_medium_view_lined = (SvgDirectionupNamearrowRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=up, name=arrow-round, size=small, view=filled.svg
+
+const SvgDirectionupNamearrowRoundSizesmallViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m10.53-.47a.75.75 0 0 1-1.06 0L8.75 5.81V12a.75.75 0 0 1-1.5 0V5.81L5.53 7.53a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_arrow_round_size_small_view_filled = (SvgDirectionupNamearrowRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/direction=up, name=arrow-round, size=small, view=lined.svg
+
+const SvgDirectionupNamearrowRoundSizesmallViewlined = 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.535 5.141 2.329 2.329a.75.75 0 1 1-1.061 1.06L8.75 7.477v2.856a.75.75 0 0 1-1.5 0V7.477L6.197 8.53a.75.75 0 0 1-1.06-1.06L7.47 5.136a.747.747 0 0 1 1.065.005"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M1.417 8a6.583 6.583 0 1 1 13.166 0A6.583 6.583 0 0 1 1.417 8M8 2.917a5.083 5.083 0 1 0 0 10.166A5.083 5.083 0 0 0 8 2.917",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_arrow_round_size_small_view_lined = (SvgDirectionupNamearrowRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/arrow-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const AssetMap = {
+    'down': {
+        'medium': {
+            'filled': direction_down_name_arrow_round_size_medium_view_filled,
+            'lined': direction_down_name_arrow_round_size_medium_view_lined
+        },
+        'small': {
+            'filled': direction_down_name_arrow_round_size_small_view_filled,
+            'lined': direction_down_name_arrow_round_size_small_view_lined
+        }
+    },
+    'left': {
+        'medium': {
+            'filled': direction_left_name_arrow_round_size_medium_view_filled,
+            'lined': direction_left_name_arrow_round_size_medium_view_lined
+        },
+        'small': {
+            'filled': direction_left_name_arrow_round_size_small_view_filled,
+            'lined': direction_left_name_arrow_round_size_small_view_lined
+        }
+    },
+    'right': {
+        'medium': {
+            'filled': direction_right_name_arrow_round_size_medium_view_filled,
+            'lined': direction_right_name_arrow_round_size_medium_view_lined
+        },
+        'small': {
+            'filled': direction_right_name_arrow_round_size_small_view_filled,
+            'lined': direction_right_name_arrow_round_size_small_view_lined
+        }
+    },
+    'up': {
+        'medium': {
+            'filled': direction_up_name_arrow_round_size_medium_view_filled,
+            'lined': direction_up_name_arrow_round_size_medium_view_lined
+        },
+        'small': {
+            'filled': direction_up_name_arrow_round_size_small_view_filled,
+            'lined': direction_up_name_arrow_round_size_small_view_lined
+        }
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/arrow-round-icon/index.js

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

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