@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/pulse-icon/index.d.ts

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

package/pulse-icon/index.js

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

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

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

package/pulse-icon/pulse-icon.component.js

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

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

package/pulse-icon/pulse-icon.types.js

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

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

@@ -0,0 +1,118 @@
+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/push-icon/assets/name=push, size=medium, view=filled.svg
+
+const SvgNamepushSizemediumViewfilled = 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.25 10.25c0-2.828 0-4.243.879-5.121.878-.879 2.293-.879 5.121-.879h5.5c2.828 0 4.243 0 5.121.879.879.878.879 2.293.879 5.121v1.5c0 2.828 0 4.243-.879 5.121-.878.879-2.293.879-5.121.879h-3.828l-3.1 2.157c-.69.48-1.035.72-1.304.58-.268-.141-.268-.561-.268-1.4v-1.413c-.975-.096-1.631-.313-2.121-.803-.879-.878-.879-2.293-.879-5.121zm4-1A.75.75 0 0 1 8 8.5h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m0 3A.75.75 0 0 1 8 11.5h4a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_push_size_medium_view_filled = (SvgNamepushSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/push-icon/assets/name=push, size=medium, view=lined.svg
+
+const SvgNamepushSizemediumViewlined = 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.25 9.25A.75.75 0 0 1 8 8.5h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75M8 11.5A.75.75 0 0 0 8 13h4a.75.75 0 0 0 0-1.5z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M6.95 4.25h10.1c.664 0 1.237 0 1.696.062.492.066.963.215 1.345.597s.531.854.597 1.345c.062.459.062 1.032.062 1.697v6.098c0 .665 0 1.238-.062 1.697-.066.492-.215.963-.597 1.345s-.854.531-1.345.597c-.459.062-1.032.062-1.697.062H11.25l-3.8 2.85a.75.75 0 0 1-1.2-.6v-2.253a9 9 0 0 1-.996-.059c-.491-.066-.963-.215-1.345-.597s-.531-.854-.597-1.345c-.062-.459-.062-1.032-.062-1.697V7.951c0-.665 0-1.238.062-1.697.066-.491.215-.963.597-1.345s.854-.531 1.345-.597c.459-.062 1.032-.062 1.697-.062M5.455 5.798c-.325.044-.427.115-.484.172s-.128.159-.172.484c-.046.347-.048.818-.048 1.546v6c0 .728.002 1.2.048 1.546.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048 1.546.048a.75.75 0 0 1 .75.75v1.5l2.8-2.1a.75.75 0 0 1 .45-.15h6c.728 0 1.2-.002 1.546-.048.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546V8c0-.728-.002-1.2-.048-1.546-.044-.325-.115-.427-.172-.484s-.159-.128-.484-.172c-.347-.046-.818-.048-1.546-.048H7c-.728 0-1.2.002-1.546.048",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_push_size_medium_view_lined = (SvgNamepushSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/push-icon/assets/name=push, size=small, view=filled.svg
+
+const SvgNamepushSizesmallViewfilled = 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.586 2.586C1 3.172 1 4.114 1 6v3c0 1.886 0 2.828.586 3.414S3.114 13 5 13H4v1.598a.5.5 0 0 0 .765.424L8 13h3c1.886 0 2.828 0 3.414-.586S15 10.886 15 9V6c0-1.886 0-2.828-.586-3.414S12.886 2 11 2H5c-1.886 0-2.828 0-3.414.586M4 5.75A.75.75 0 0 1 4.75 5h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 5.75M4.75 8a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_push_size_small_view_filled = (SvgNamepushSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/push-icon/assets/name=push, size=small, view=lined.svg
+
+const SvgNamepushSizesmallViewlined = 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: "M4.25 6A.75.75 0 0 1 5 5.25h6a.75.75 0 0 1 0 1.5H5A.75.75 0 0 1 4.25 6M5 8.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 1 0 0-1.5z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.95 2.25h6.1c.664 0 1.237 0 1.696.062.492.066.963.215 1.345.597s.531.854.597 1.345c.062.459.062 1.032.062 1.697v3.098c0 .665 0 1.238-.062 1.697-.066.492-.215.963-.597 1.345s-.853.531-1.345.597c-.459.062-1.032.062-1.697.062H8.227l-2.655 1.77a.85.85 0 0 1-1.322-.707v-1.066a9 9 0 0 1-.996-.059c-.491-.066-.963-.215-1.345-.597s-.531-.853-.597-1.345c-.062-.459-.062-1.032-.062-1.697V5.951c0-.665 0-1.238.062-1.697.066-.491.215-.963.597-1.345s.854-.531 1.345-.597c.459-.062 1.032-.062 1.697-.062M3.455 3.798c-.325.044-.427.115-.484.172s-.128.159-.172.484c-.046.347-.048.818-.048 1.546v3c0 .728.002 1.2.048 1.546.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048 1.546.048h.75v1.349l2.023-1.349H11c.728 0 1.2-.002 1.546-.048.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546V6c0-.728-.002-1.2-.048-1.546-.044-.325-.115-.427-.172-.484s-.159-.128-.484-.172c-.347-.046-.818-.048-1.546-.048H5c-.728 0-1.2.002-1.546.048",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_push_size_small_view_lined = (SvgNamepushSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/push-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_push_size_medium_view_filled,
+        'lined': name_push_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_push_size_small_view_filled,
+        'lined': name_push_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/push-icon/index.d.ts

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

package/push-icon/index.js

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

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

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

package/push-icon/push-icon.component.js

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

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

package/push-icon/push-icon.types.js

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

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

@@ -0,0 +1,110 @@
+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/refresh-icon/assets/name=refresh, size=medium, view=filled.svg
+
+const SvgNamerefreshSizemediumViewfilled = 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: "m16.79 5.907 1.508-1.508a.75.75 0 0 1 1.28.53v4a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1-.53-1.28l1.422-1.422a6.25 6.25 0 0 0-9.444 2.509c-.182.414-.661.64-1.073.453-.34-.155-.515-.54-.373-.885a7.751 7.751 0 0 1 11.96-3.147M5.702 19.601l1.508-1.508a7.75 7.75 0 0 0 11.96-3.146c.142-.346-.033-.731-.373-.886-.412-.187-.891.039-1.073.453a6.251 6.251 0 0 1-9.444 2.51L9.702 15.6a.75.75 0 0 0-.53-1.28h-4a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.28.53"
+}));
+/* harmony default export */ const name_refresh_size_medium_view_filled = (SvgNamerefreshSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/refresh-icon/assets/name=refresh, size=medium, view=lined.svg
+
+const SvgNamerefreshSizemediumViewlined = 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.578 8.929a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h2.19l-.599-.598-.003-.004a6.25 6.25 0 0 0-10.14 1.909c-.182.414-.661.64-1.073.453-.34-.155-.515-.54-.373-.886A7.75 7.75 0 0 1 17.48 6.52l.004.005.594.594V4.93a.75.75 0 0 1 1.5 0zM6.512 17.472l.008.008a7.75 7.75 0 0 0 12.65-2.533c.142-.346-.033-.731-.373-.886-.412-.187-.891.039-1.073.453a6.25 6.25 0 0 1-10.135 1.913l-.008-.008-.599-.598h2.19a.75.75 0 1 0 0-1.5h-4a.75.75 0 0 0-.75.75v4a.75.75 0 1 0 1.5 0v-2.19z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_refresh_size_medium_view_lined = (SvgNamerefreshSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/refresh-icon/assets/name=refresh, size=small, view=filled.svg
+
+const SvgNamerefreshSizesmallViewfilled = 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: "M2.356 10.2a.75.75 0 0 1 .75-.75h2.867a.75.75 0 0 1 .53 1.281l-.753.753a.098.098 0 0 0 .017.153 4.27 4.27 0 0 0 6.037-1.702c.205-.403.683-.633 1.095-.445.339.154.513.54.36.879a5.768 5.768 0 0 1-8.604 2.33.1.1 0 0 0-.13.01l-.888.889a.75.75 0 0 1-1.28-.53zm7.14-4.931.753-.753a.098.098 0 0 0-.017-.153 4.27 4.27 0 0 0-6.036 1.702c-.205.403-.683.633-1.094.446-.34-.154-.514-.54-.361-.88a5.768 5.768 0 0 1 8.603-2.33c.04.029.096.025.13-.01l.89-.889a.75.75 0 0 1 1.28.53V5.8a.75.75 0 0 1-.75.75h-2.867a.75.75 0 0 1-.53-1.28",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_refresh_size_small_view_filled = (SvgNamerefreshSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/refresh-icon/assets/name=refresh, size=small, view=lined.svg
+
+const SvgNamerefreshSizesmallViewlined = 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: "M2.357 10.2a.75.75 0 0 1 .75-.75h2.866a.75.75 0 1 1 0 1.5H5.01a.039.039 0 0 0-.027.067l.018.018a4.267 4.267 0 0 0 6.803-1.1c.205-.403.683-.633 1.095-.445.339.154.513.54.36.879a5.767 5.767 0 0 1-9.353 1.692.03.03 0 0 0-.05.02v.986a.75.75 0 0 1-1.5 0zm9.732-6.265c.02.02.054.006.054-.023v-.98a.75.75 0 0 1 1.5 0V5.8a.75.75 0 0 1-.75.75h-2.866a.75.75 0 0 1 0-1.5h.963a.039.039 0 0 0 .027-.066l-.013-.013a4.267 4.267 0 0 0-6.808 1.095c-.205.403-.683.633-1.094.446-.34-.154-.514-.54-.361-.88a5.767 5.767 0 0 1 9.349-1.696",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_refresh_size_small_view_lined = (SvgNamerefreshSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/refresh-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_refresh_size_medium_view_filled,
+        'lined': name_refresh_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_refresh_size_small_view_filled,
+        'lined': name_refresh_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/refresh-icon/index.d.ts

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

package/refresh-icon/index.js

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

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

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

package/refresh-icon/refresh-icon.component.js

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

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

package/refresh-icon/refresh-icon.types.js

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

package/reload-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/reload-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/reload-icon/assets/name=reload, size=medium, view=filled.svg
+
+const SvgNamereloadSizemediumViewfilled = 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.72 5.852c.04.03.097.028.133-.008l1.445-1.445a.75.75 0 0 1 1.28.53v4a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1-.53-1.28l1.34-1.34a.1.1 0 0 0-.012-.15 6.252 6.252 0 0 0-8.045 9.51 6.25 6.25 0 0 0 10.143-1.905c.182-.414.661-.64 1.073-.453.34.155.515.54.373.886a7.75 7.75 0 1 1-2.45-9.095",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_reload_size_medium_view_filled = (SvgNamereloadSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/reload-icon/assets/name=reload, size=medium, view=lined.svg
+
+const SvgNamereloadSizemediumViewlined = 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.578 8.929a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h1.948a.1.1 0 0 0 .071-.17l-.428-.428-.008-.008a6.25 6.25 0 1 0 1.313 6.941c.182-.414.661-.64 1.073-.453.34.155.515.54.373.886a7.75 7.75 0 1 1-1.69-8.427l.008.008.42.42a.1.1 0 0 0 .17-.071V4.929a.75.75 0 0 1 1.5 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_reload_size_medium_view_lined = (SvgNamereloadSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/reload-icon/assets/name=reload, size=small, view=filled.svg
+
+const SvgNamereloadSizesmallViewfilled = 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.644 5.8a.75.75 0 0 1-.75.75h-2.867a.75.75 0 0 1-.53-1.281l.753-.753a.098.098 0 0 0-.017-.153 4.268 4.268 0 0 0-5.25 6.654 4.267 4.267 0 0 0 6.82-1.082c.206-.403.684-.633 1.095-.446.34.154.514.54.361.88A5.767 5.767 0 1 1 11.344 3.3c.04.029.096.025.13-.01l.89-.889a.75.75 0 0 1 1.28.53z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_reload_size_small_view_filled = (SvgNamereloadSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/reload-icon/assets/name=reload, size=small, view=lined.svg
+
+const SvgNamereloadSizesmallViewlined = 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.643 5.8a.75.75 0 0 1-.75.75h-2.866a.75.75 0 1 1 0-1.5h.963a.039.039 0 0 0 .027-.067l-.018-.018a4.267 4.267 0 1 0 .805 4.97c.205-.403.683-.633 1.094-.446.34.155.514.54.361.88a5.767 5.767 0 1 1-1.166-6.43.03.03 0 0 0 .05-.02v-.986a.75.75 0 0 1 1.5 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_reload_size_small_view_lined = (SvgNamereloadSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/reload-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_reload_size_medium_view_filled,
+        'lined': name_reload_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_reload_size_small_view_filled,
+        'lined': name_reload_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/reload-icon/index.d.ts

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

package/reload-icon/index.js

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

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

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

package/reload-icon/reload-icon.component.js

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

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

package/reload-icon/reload-icon.types.js

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

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