@pushwoosh/kit-icons 2.0.0 → 2.0.2

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

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

package/chevron-icon/index.d.ts

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

package/chevron-icon/index.js

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

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

@@ -0,0 +1,72 @@
+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/close-icon/assets/name=close, size=medium.svg
+
+const SvgNamecloseSizemedium = 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: "M7.995 6.934a.75.75 0 1 0-1.06 1.06L10.938 12l-4.005 4.005a.75.75 0 0 0 1.06 1.06L12 13.062l4.005 4.005a.75.75 0 0 0 1.06-1.06L13.062 12l4.005-4.005a.75.75 0 1 0-1.06-1.06L12 10.938z"
+}));
+/* harmony default export */ const name_close_size_medium = (SvgNamecloseSizemedium);
+;// CONCATENATED MODULE: ./src/close-icon/assets/name=close, size=small.svg
+
+const SvgNamecloseSizesmall = 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.702 4.641a.75.75 0 0 0-1.06 1.06L6.938 8l-2.298 2.298a.75.75 0 0 0 1.06 1.06L8 9.062l2.298 2.298a.75.75 0 0 0 1.06-1.06L9.062 8l2.298-2.298a.75.75 0 0 0-1.06-1.06L8 6.938z"
+}));
+/* harmony default export */ const name_close_size_small = (SvgNamecloseSizesmall);
+;// CONCATENATED MODULE: ./src/close-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_close_size_medium,
+    'small': name_close_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/close-icon/close-icon.component.js

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

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

package/close-icon/close-icon.types.js

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

package/close-icon/index.d.ts

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

package/close-icon/index.js

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

package/close-round-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/close-round-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/close-round-icon/assets/name=close-round, size=medium, view=filled.svg
+
+const SvgNamecloseRoundSizemediumViewfilled = 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-9m5.646-4.06a.5.5 0 0 1 .708 0l.353.353 1.94 1.94a.5.5 0 0 0 .707 0l1.939-1.94.354-.354a.5.5 0 0 1 .707 0l.707.707a.5.5 0 0 1 0 .707l-.354.354-1.94 1.94a.5.5 0 0 0 0 .707l1.94 1.939.354.353a.5.5 0 0 1 0 .707l-.707.708a.5.5 0 0 1-.707 0l-.354-.354-1.94-1.94a.5.5 0 0 0-.707 0l-1.939 1.94-.353.354a.5.5 0 0 1-.708 0l-.707-.707a.5.5 0 0 1 0-.708l.354-.353 1.94-1.94a.5.5 0 0 0 0-.707l-1.94-1.939-.354-.354a.5.5 0 0 1 0-.707z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_close_round_size_medium_view_filled = (SvgNamecloseRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/close-round-icon/assets/name=close-round, size=medium, view=lined.svg
+
+const SvgNamecloseRoundSizemediumViewlined = 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 0M8.641 8.641a.75.75 0 0 1 1.06 0L12 10.94l2.298-2.298a.75.75 0 0 1 1.06 1.06L13.06 12l2.299 2.298a.75.75 0 1 1-1.061 1.06L12 13.062l-2.298 2.298a.75.75 0 1 1-1.06-1.061L10.938 12 8.641 9.702a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_close_round_size_medium_view_lined = (SvgNamecloseRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/close-round-icon/assets/name=close-round, size=small, view=filled.svg
+
+const SvgNamecloseRoundSizesmallViewfilled = 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.95 3.05a7 7 0 1 1-9.9 9.9 7 7 0 0 1 9.9-9.9M5.348 5.348a.75.75 0 0 1 1.061 0L8 6.94l1.591-1.59a.75.75 0 0 1 1.06 1.06L9.062 8l1.59 1.591a.75.75 0 0 1-1.06 1.06L8 9.062l-1.591 1.59a.75.75 0 0 1-1.06-1.06L6.938 8 5.35 6.409a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_close_round_size_small_view_filled = (SvgNamecloseRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/close-round-icon/assets/name=close-round, size=small, view=lined.svg
+
+const SvgNamecloseRoundSizesmallViewlined = 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 14M5.348 5.348a.75.75 0 0 1 1.061 0L8 6.94l1.591-1.59a.75.75 0 1 1 1.06 1.06L9.062 8l1.59 1.591a.75.75 0 1 1-1.06 1.06L8 9.062l-1.591 1.59a.75.75 0 1 1-1.06-1.06L6.938 8 5.35 6.409a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_close_round_size_small_view_lined = (SvgNamecloseRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/close-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_close_round_size_medium_view_filled,
+        'lined': name_close_round_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_close_round_size_small_view_filled,
+        'lined': name_close_round_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

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

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

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

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

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

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

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

package/close-round-icon/index.js

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

package/cloud-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/cloud-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/cloud-icon/assets/name=cloud, size=medium, view=filled.svg
+
+const SvgNamecloudSizemediumViewfilled = 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.761 18.5H9.75a6.75 6.75 0 1 1 4.816-11.48Q14.781 7 15 7c2.236 0 4.09 1.63 4.44 3.767A4.001 4.001 0 0 1 18 18.5H9.761",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_cloud_size_medium_view_filled = (SvgNamecloudSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/cloud-icon/assets/name=cloud, size=medium, view=lined.svg
+
+const SvgNamecloudSizemediumViewlined = 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 5.75a5.25 5.25 0 1 0 .462 10.48l.095-.008a.2.2 0 0 1 .068.005l.061.017a.2.2 0 0 0 .05.006H18a2.25 2.25 0 0 0 .74-4.376l-.338-.117a.2.2 0 0 1-.134-.173l-.03-.356a3.25 3.25 0 0 0-4.077-2.869l-.377.1a.2.2 0 0 1-.217-.08l-.22-.323A5.24 5.24 0 0 0 9 5.75M2.25 11a6.75 6.75 0 0 1 11.964-4.287.21.21 0 0 0 .188.074 4.751 4.751 0 0 1 5.252 3.757.21.21 0 0 0 .108.145A3.75 3.75 0 0 1 18 17.75H9.706q-.102 0-.2-.014a.2.2 0 0 0-.045-.002q-.229.015-.461.016A6.75 6.75 0 0 1 2.25 11",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_cloud_size_medium_view_lined = (SvgNamecloudSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/cloud-icon/assets/name=cloud, size=small, view=filled.svg
+
+const SvgNamecloudSizesmallViewfilled = 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.281 12.5h-.018C3.91 12.5 2 10.485 2 8s1.909-4.5 4.263-4.5c1.191 0 2.268.516 3.042 1.347q.136-.014.274-.014c1.425 0 2.605 1.107 2.81 2.55a2.667 2.667 0 0 1-1.056 5.117z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_cloud_size_small_view_filled = (SvgNamecloudSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/cloud-icon/assets/name=cloud, size=small, view=lined.svg
+
+const SvgNamecloudSizesmallViewlined = 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.25 5.25a2.75 2.75 0 1 0 .243 5.488l.094-.008a.2.2 0 0 1 .068.005l.025.007a.2.2 0 0 0 .05.006h4.77a1 1 0 0 0 .328-1.944l-.338-.117a.2.2 0 0 1-.134-.173l-.03-.356A1.583 1.583 0 0 0 9.342 6.76l-.378.1a.2.2 0 0 1-.217-.08l-.219-.323A2.75 2.75 0 0 0 6.25 5.25M2.001 8a4.25 4.25 0 0 1 7.396-2.856.21.21 0 0 0 .17.07q.091-.006.183-.006c1.43 0 2.631.973 2.98 2.293.014.053.048.1.095.129a2.5 2.5 0 0 1-1.326 4.619H6.662q-.062 0-.122-.007l-.037-.001a4.25 4.25 0 0 1-4.502-4.242",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_cloud_size_small_view_lined = (SvgNamecloudSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/cloud-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_cloud_size_medium_view_filled,
+        'lined': name_cloud_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_cloud_size_small_view_filled,
+        'lined': name_cloud_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/cloud-icon/cloud-icon.component.js

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

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

package/cloud-icon/cloud-icon.types.js

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

package/cloud-icon/index.d.ts

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

package/cloud-icon/index.js

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

package/collapse-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/collapse-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/collapse-icon/assets/name=collapse, size=medium, view=filled.svg
+
+const SvgNamecollapseSizemediumViewfilled = 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.327 5.638C4 6.28 4 7.12 4 8.8v6.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 20 7.12 20 8.8 20h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 17.72 20 16.88 20 15.2V8.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C17.72 4 16.88 4 15.2 4H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311m9.423 3.551 2.72-2.72a.75.75 0 1 1 1.06 1.061l-2.72 2.72h1.94a.75.75 0 0 1 0 1.5H13a.75.75 0 0 1-.75-.75V7.25a.75.75 0 0 1 1.5 0zM9.19 13.75H7.25a.75.75 0 0 1 0-1.5H11a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0v-1.94l-2.72 2.72a.75.75 0 0 1-1.06-1.06z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_collapse_size_medium_view_filled = (SvgNamecollapseSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/collapse-icon/assets/name=collapse, size=medium, view=lined.svg
+
+const SvgNamecollapseSizemediumViewlined = 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: "M14.25 6.75v1.94l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.22 3.22h1.94a.75.75 0 0 1 0 1.5H13.5a.75.75 0 0 1-.75-.75V6.75a.75.75 0 0 1 1.5 0m-7.5 7.5h1.94l-3.22 3.22a.75.75 0 1 0 1.06 1.06l3.22-3.22v1.94a.75.75 0 0 0 1.5 0V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0 0 1.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_collapse_size_medium_view_lined = (SvgNamecollapseSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/collapse-icon/assets/name=collapse, size=small, view=filled.svg
+
+const SvgNamecollapseSizesmallViewfilled = 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.327 2.638C1 3.28 1 4.12 1 5.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C3.28 15 4.12 15 5.8 15h4.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C15 12.72 15 11.88 15 10.2V5.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C12.72 1 11.88 1 10.2 1H5.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311m9.484 3.612H12.5v1.5H8.25V3.5h1.5v1.69l1.72-1.72.53-.53L13.06 4l-.53.53zm-5.622 3.5H3.5v-1.5h4.25v4.25h-1.5v-1.69L4.53 12.53l-.53.53L2.94 12l.53-.53z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_collapse_size_small_view_filled = (SvgNamecollapseSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/collapse-icon/assets/name=collapse, size=small, view=lined.svg
+
+const SvgNamecollapseSizesmallViewlined = 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.75 6.25h-.94l2.72-2.72a.75.75 0 0 0-1.06-1.06L9.75 5.19v-.94a.75.75 0 1 0-1.5 0V7c0 .414.336.75.75.75h2.75a.75.75 0 0 0 0-1.5m-7.5 3.5h.94l-2.72 2.72a.75.75 0 0 0 1.06 1.06l2.72-2.72v.94a.75.75 0 0 0 1.5 0V9A.75.75 0 0 0 7 8.25H4.25a.75.75 0 1 0 0 1.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_collapse_size_small_view_lined = (SvgNamecollapseSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/collapse-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_collapse_size_medium_view_filled,
+        'lined': name_collapse_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_collapse_size_small_view_filled,
+        'lined': name_collapse_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/collapse-icon/collapse-icon.component.js

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

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

package/collapse-icon/collapse-icon.types.js

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

package/collapse-icon/index.d.ts

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

package/collapse-icon/index.js

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

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