@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/check-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/check-icon/assets/name=check, size=medium.svg
+
+const SvgNamecheckSizemedium = 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: "M18.03 8.47a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l2.47 2.47 6.47-6.47a.75.75 0 0 1 1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_size_medium = (SvgNamecheckSizemedium);
+;// CONCATENATED MODULE: ./src/check-icon/assets/name=check, size=small.svg
+
+const SvgNamecheckSizesmall = 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: "M12.697 5.22a.75.75 0 0 1 0 1.06l-5.042 5.042a.75.75 0 0 1-1.06 0L4.303 9.03a.75.75 0 0 1 1.06-1.06L7.126 9.73l4.511-4.511a.75.75 0 0 1 1.061 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_size_small = (SvgNamecheckSizesmall);
+;// CONCATENATED MODULE: ./src/check-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_check_size_medium,
+    'small': name_check_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/check-icon/check-icon.component.js

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

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

package/check-icon/check-icon.types.js

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

package/check-icon/index.d.ts

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

package/check-icon/index.js

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        blank: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+        fill: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+    small: {
+        blank: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+        fill: {
+            filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+        filled: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

package/check-round-icon/assets/index.js

@@ -0,0 +1,244 @@
+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/check-round-icon/assets/name=check-round, size=medium, type=blank, view=filled.svg
+
+const SvgNamecheckRoundSizemediumTypeblankViewfilled = 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 3c-4.975 0-9 4.026-9 9s4.026 9 9 9 9-4.026 9-9-4.026-9-9-9"
+}));
+/* harmony default export */ const name_check_round_size_medium_type_blank_view_filled = (SvgNamecheckRoundSizemediumTypeblankViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=medium, type=blank, view=lined.svg
+
+const SvgNamecheckRoundSizemediumTypeblankViewlined = 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 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_medium_type_blank_view_lined = (SvgNamecheckRoundSizemediumTypeblankViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=medium, type=fill, view=filled.svg
+
+const SvgNamecheckRoundSizemediumTypefillViewfilled = 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: "M3 12c0-4.974 4.025-9 9-9s9 4.025 9 9-4.025 9-9 9-9-4.025-9-9m13.957-1.793.354-.353a.5.5 0 0 0 0-.708l-.707-.707a.5.5 0 0 0-.708 0l-.353.354-4.44 4.44a.5.5 0 0 1-.707 0l-1.439-1.44-.353-.354a.5.5 0 0 0-.708 0l-.707.707a.5.5 0 0 0 0 .708l.354.353 2.5 2.5.353.354a.5.5 0 0 0 .708 0l.353-.354z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_medium_type_fill_view_filled = (SvgNamecheckRoundSizemediumTypefillViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=medium, type=fill, view=lined.svg
+
+const SvgNamecheckRoundSizemediumTypefillViewlined = 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 1-15 0 7.5 7.5 0 0 1 15 0M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m4.03-10.47a.75.75 0 1 0-1.06-1.06l-4.47 4.47-1.47-1.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_medium_type_fill_view_lined = (SvgNamecheckRoundSizemediumTypefillViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=medium, view=filled.svg
+
+const SvgNamecheckRoundSizemediumViewfilled = 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: "M3 12c0-4.974 4.025-9 9-9s9 4.025 9 9-4.025 9-9 9-9-4.025-9-9m13.957-1.793.354-.353a.5.5 0 0 0 0-.708l-.707-.707a.5.5 0 0 0-.708 0l-.353.354-4.44 4.44a.5.5 0 0 1-.707 0l-1.439-1.44-.353-.354a.5.5 0 0 0-.708 0l-.707.707a.5.5 0 0 0 0 .708l.354.353 2.5 2.5.353.354a.5.5 0 0 0 .708 0l.353-.354z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_medium_view_filled = (SvgNamecheckRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=medium, view=lined.svg
+
+const SvgNamecheckRoundSizemediumViewlined = 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 1-15 0 7.5 7.5 0 0 1 15 0M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m4.03-10.47a.75.75 0 1 0-1.06-1.06l-4.47 4.47-1.47-1.47a.75.75 0 0 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_medium_view_lined = (SvgNamecheckRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, type=blank, view=filled.svg
+
+const SvgNamecheckRoundSizesmallTypeblankViewfilled = 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 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"
+}));
+/* harmony default export */ const name_check_round_size_small_type_blank_view_filled = (SvgNamecheckRoundSizesmallTypeblankViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, type=blank, view=lined.svg
+
+const SvgNamecheckRoundSizesmallTypeblankViewlined = 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 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_small_type_blank_view_lined = (SvgNamecheckRoundSizesmallTypeblankViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, type=fill, view=filled.svg
+
+const SvgNamecheckRoundSizesmallTypefillViewfilled = 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 14m3.641-8.22a.75.75 0 1 0-1.06-1.06L6.833 9.467 5.42 8.053a.75.75 0 0 0-1.06 1.06l1.944 1.945a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_small_type_fill_view_filled = (SvgNamecheckRoundSizesmallTypefillViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, type=fill, view=lined.svg
+
+const SvgNamecheckRoundSizesmallTypefillViewlined = 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: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-3.358-1.22a.75.75 0 1 0-1.061-1.06L6.833 9.467 5.42 8.053a.75.75 0 0 0-1.06 1.06l1.944 1.945a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_small_type_fill_view_lined = (SvgNamecheckRoundSizesmallTypefillViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, view=filled.svg
+
+const SvgNamecheckRoundSizesmallViewfilled = 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 14m3.642-8.22a.75.75 0 1 0-1.061-1.06L6.833 9.467 5.42 8.053a.75.75 0 0 0-1.06 1.06l1.944 1.945a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_small_view_filled = (SvgNamecheckRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/name=check-round, size=small, view=lined.svg
+
+const SvgNamecheckRoundSizesmallViewlined = 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: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0m-3.358-1.22a.75.75 0 1 0-1.061-1.06L6.833 9.467 5.42 8.053a.75.75 0 0 0-1.06 1.06l1.944 1.945a.75.75 0 0 0 1.06 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_check_round_size_small_view_lined = (SvgNamecheckRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/check-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+
+
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'blank': {
+            'filled': name_check_round_size_medium_type_blank_view_filled,
+            'lined': name_check_round_size_medium_type_blank_view_lined
+        },
+        'fill': {
+            'filled': name_check_round_size_medium_type_fill_view_filled,
+            'lined': name_check_round_size_medium_type_fill_view_lined
+        },
+        'filled': name_check_round_size_medium_view_filled,
+        'lined': name_check_round_size_medium_view_lined
+    },
+    'small': {
+        'blank': {
+            'filled': name_check_round_size_small_type_blank_view_filled,
+            'lined': name_check_round_size_small_type_blank_view_lined
+        },
+        'fill': {
+            'filled': name_check_round_size_small_type_fill_view_filled,
+            'lined': name_check_round_size_small_type_fill_view_lined
+        },
+        'filled': name_check_round_size_small_view_filled,
+        'lined': name_check_round_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

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

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

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

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

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

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

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

package/check-round-icon/index.js

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

package/chevron-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/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/chevron-icon/assets/direction=down, name=chevron, size=medium.svg
+
+const SvgDirectiondownNamechevronSizemedium = 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 10.47a.75.75 0 0 1 1.06 0L12 13.94l3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_chevron_size_medium = (SvgDirectiondownNamechevronSizemedium);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=down, name=chevron, size=small.svg
+
+const SvgDirectiondownNamechevronSizesmall = 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.424 6.52a.75.75 0 0 0 .096 1.056l3 2.5a.75.75 0 0 0 .96 0l3-2.5a.75.75 0 1 0-.96-1.152L8 8.524l-2.52-2.1a.75.75 0 0 0-1.056.096",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_down_name_chevron_size_small = (SvgDirectiondownNamechevronSizesmall);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=left, name=chevron, size=medium.svg
+
+const SvgDirectionleftNamechevronSizemedium = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M13.53 7.47a.75.75 0 0 1 0 1.06L10.06 12l3.47 3.47a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_chevron_size_medium = (SvgDirectionleftNamechevronSizemedium);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=left, name=chevron, size=small.svg
+
+const SvgDirectionleftNamechevronSizesmall = 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.48 4.424a.75.75 0 0 0-1.056.096l-2.5 3a.75.75 0 0 0 0 .96l2.5 3a.75.75 0 1 0 1.152-.96L7.476 8l2.1-2.52a.75.75 0 0 0-.096-1.056",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_left_name_chevron_size_small = (SvgDirectionleftNamechevronSizesmall);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=right, name=chevron, size=medium.svg
+
+const SvgDirectionrightNamechevronSizemedium = 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: "M10.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.06L13.94 12l-3.47-3.47a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_chevron_size_medium = (SvgDirectionrightNamechevronSizemedium);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=right, name=chevron, size=small.svg
+
+const SvgDirectionrightNamechevronSizesmall = 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: "M6.52 11.576a.75.75 0 0 0 1.056-.096l2.5-3a.75.75 0 0 0 0-.96l-2.5-3a.75.75 0 1 0-1.152.96L8.524 8l-2.1 2.52a.75.75 0 0 0 .096 1.056",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_right_name_chevron_size_small = (SvgDirectionrightNamechevronSizesmall);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=up, name=chevron, size=medium.svg
+
+const SvgDirectionupNamechevronSizemedium = 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.47 8.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L12 10.06l-3.47 3.47a.75.75 0 0 1-1.06-1.06z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_chevron_size_medium = (SvgDirectionupNamechevronSizemedium);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/direction=up, name=chevron, size=small.svg
+
+const SvgDirectionupNamechevronSizesmall = 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.576 9.48a.75.75 0 0 0-.096-1.056l-3-2.5a.75.75 0 0 0-.96 0l-3 2.5a.75.75 0 0 0 .96 1.152L8 7.476l2.52 2.1a.75.75 0 0 0 1.056-.096",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const direction_up_name_chevron_size_small = (SvgDirectionupNamechevronSizesmall);
+;// CONCATENATED MODULE: ./src/chevron-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+
+
+const AssetMap = {
+    'down': {
+        'medium': direction_down_name_chevron_size_medium,
+        'small': direction_down_name_chevron_size_small
+    },
+    'left': {
+        'medium': direction_left_name_chevron_size_medium,
+        'small': direction_left_name_chevron_size_small
+    },
+    'right': {
+        'medium': direction_right_name_chevron_size_medium,
+        'small': direction_right_name_chevron_size_small
+    },
+    'up': {
+        'medium': direction_up_name_chevron_size_medium,
+        'small': direction_up_name_chevron_size_small
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

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

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

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