@pushwoosh/kit-icons 2.0.0 → 2.0.2

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

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

package/visibility-icon/assets/index.js

@@ -0,0 +1,120 @@
+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/visibility-icon/assets/name=visibility, size=medium, type=invisible, view=lined.svg
+
+const SvgNamevisibilitySizemediumTypeinvisibleViewlined = 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: "M5.197 4.136a.75.75 0 0 0-1.06 1.061l2.786 2.787a13 13 0 0 0-2.917 3.661.75.75 0 0 0-.01.69l.67-.335-.67.335v.002l.001.001.003.005.007.015.028.053q.034.067.102.186a13.857 13.857 0 0 0 1.9 2.583c1.312 1.4 3.33 2.903 5.963 2.903h.012a7.46 7.46 0 0 0 3.86-1.15l2.931 2.93a.75.75 0 0 0 1.06-1.06l-3.365-3.366-.01-.01-.006-.006-7.904-7.904-.016-.016zm.328 7.866a11.6 11.6 0 0 1 2.462-2.954l1.598 1.598a2.74 2.74 0 0 0-.384 1.355 2.75 2.75 0 0 0 4.153 2.414l1.424 1.424c-.85.47-1.805.727-2.784.744-2.031-.002-3.678-1.164-4.863-2.43a12.4 12.4 0 0 1-1.606-2.151m5.203-.214a1.26 1.26 0 0 0 .063.73 1.25 1.25 0 0 0 1.42.754z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M11.998 7.417a5.3 5.3 0 0 0-1.227.14.75.75 0 1 1-.342-1.46 6.8 6.8 0 0 1 1.572-.18c2.632 0 4.65 1.503 5.963 2.903a14 14 0 0 1 1.9 2.583 8 8 0 0 1 .129.239l.003.007q.02.037.035.076a.75.75 0 0 1-.04.635c-.428.8-.939 1.555-1.524 2.25a.75.75 0 0 1-1.147-.966 11.6 11.6 0 0 0 1.156-1.645 12.365 12.365 0 0 0-1.606-2.152c-1.187-1.267-2.836-2.43-4.87-2.43z"
+}));
+/* harmony default export */ const name_visibility_size_medium_type_invisible_view_lined = (SvgNamevisibilitySizemediumTypeinvisibleViewlined);
+;// CONCATENATED MODULE: ./src/visibility-icon/assets/name=visibility, size=medium, type=visible, view=lined.svg
+
+const SvgNamevisibilitySizemediumTypevisibleViewlined = 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 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5M10.75 12a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0",
+  clipRule: "evenodd"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "m19.965 12.41-.102.187a13.864 13.864 0 0 1-1.9 2.583c-1.312 1.4-3.33 2.903-5.963 2.903S7.35 16.58 6.036 15.18a14 14 0 0 1-1.9-2.583 9 9 0 0 1-.129-.239L4 12.343l-.003-.005v-.676L4 11.657l.007-.015.028-.053.102-.186a13.863 13.863 0 0 1 1.9-2.583C7.348 7.42 9.366 5.917 12 5.917s4.65 1.503 5.964 2.903a14 14 0 0 1 1.9 2.583 8 8 0 0 1 .129.239l.01.02c.122.244.086.514-.038.749m-14.179.016A11 11 0 0 1 5.524 12q.103-.178.262-.426c.306-.473.758-1.102 1.345-1.728C8.317 8.58 9.965 7.416 12 7.416s3.682 1.164 4.87 2.43A12.4 12.4 0 0 1 18.476 12q-.103.178-.262.426a12.4 12.4 0 0 1-1.344 1.728c-1.188 1.266-2.836 2.43-4.87 2.43s-3.683-1.164-4.87-2.43a12.4 12.4 0 0 1-1.344-1.728",
+  clipRule: "evenodd"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M3.996 12.335v-.67a.75.75 0 0 0 0 .67"
+}));
+/* harmony default export */ const name_visibility_size_medium_type_visible_view_lined = (SvgNamevisibilitySizemediumTypevisibleViewlined);
+;// CONCATENATED MODULE: ./src/visibility-icon/assets/name=visibility, size=small, type=visible, view=lined.svg
+
+const SvgNamevisibilitySizesmallTypevisibleViewlined = 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: "M3.497 8.218 3.361 8l.136-.218c.225-.348.557-.81.988-1.269C5.359 5.58 6.55 4.75 8 4.75s2.64.83 3.515 1.763A9 9 0 0 1 12.64 8q-.06.098-.136.218c-.225.348-.557.81-.988 1.27C10.641 10.42 9.45 11.25 8 11.25s-2.64-.83-3.515-1.763a9 9 0 0 1-.988-1.269m10.674-.554L13.5 8l.67.336-.001.002-.002.004-.007.012a4 4 0 0 1-.1.186 10.589 10.589 0 0 1-1.451 1.973c-1 1.067-2.56 2.237-4.61 2.237s-3.61-1.17-4.61-2.237a10.6 10.6 0 0 1-1.53-2.117l-.021-.042-.007-.012-.002-.004v-.002L2.5 8l-.67-.336v-.002l.002-.004.007-.012a4 4 0 0 1 .1-.185A10.589 10.589 0 0 1 3.39 5.488C4.39 4.42 5.95 3.25 8 3.25s3.61 1.17 4.61 2.237a10.6 10.6 0 0 1 1.53 2.117l.021.042.007.012.002.004zM13.5 8l.67-.335a.75.75 0 0 1 0 .67zM1.828 7.665 2.5 8l-.67.335a.75.75 0 0 1 0-.67M7.25 8a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M8 5.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_visibility_size_small_type_visible_view_lined = (SvgNamevisibilitySizesmallTypevisibleViewlined);
+;// CONCATENATED MODULE: ./src/visibility-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+const AssetMap = {
+    'medium': {
+        'invisible': {
+            'filled': null,
+            'lined': name_visibility_size_medium_type_invisible_view_lined
+        },
+        'visible': {
+            'filled': null,
+            'lined': name_visibility_size_medium_type_visible_view_lined
+        }
+    },
+    'small': {
+        'invisible': {
+            'filled': null,
+            'lined': null
+        },
+        'visible': {
+            'filled': null,
+            'lined': name_visibility_size_small_type_visible_view_lined
+        }
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/visibility-icon/index.d.ts

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

package/visibility-icon/index.js

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

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

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

package/visibility-icon/visibility-icon.component.js

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

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

package/visibility-icon/visibility-icon.types.js

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

package/warning-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/warning-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/warning-round-icon/assets/name=warning-round, size=medium, view=filled.svg
+
+const SvgNamewarningRoundSizemediumViewfilled = 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-9m8-4.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V13a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_warning_round_size_medium_view_filled = (SvgNamewarningRoundSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/warning-round-icon/assets/name=warning-round, size=medium, view=lined.svg
+
+const SvgNamewarningRoundSizemediumViewlined = 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 0M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V13a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 7.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_warning_round_size_medium_view_lined = (SvgNamewarningRoundSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/warning-round-icon/assets/name=warning-round, size=small, view=filled.svg
+
+const SvgNamewarningRoundSizesmallViewfilled = 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.24 4.74a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.01 5.76a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_warning_round_size_small_view_filled = (SvgNamewarningRoundSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/warning-round-icon/assets/name=warning-round, size=small, view=lined.svg
+
+const SvgNamewarningRoundSizesmallViewlined = 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 2.5C4.96 2.5 2.5 4.96 2.5 8s2.46 5.5 5.5 5.5 5.5-2.46 5.5-5.5S11.04 2.5 8 2.5M1 8c0-3.869 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7-7-3.13-7-7m6.24-3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.51 5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_warning_round_size_small_view_lined = (SvgNamewarningRoundSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/warning-round-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_warning_round_size_medium_view_filled,
+        'lined': name_warning_round_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_warning_round_size_small_view_filled,
+        'lined': name_warning_round_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/warning-round-icon/index.js

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

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

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

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

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

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

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

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

package/wizard-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: null;
+    };
+    small: {
+        filled: null;
+        lined: null;
+    };
+};

package/wizard-icon/assets/index.js

@@ -0,0 +1,65 @@
+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/wizard-icon/assets/name=wizard, size=medium, view=filled.svg
+
+const SvgNamewizardSizemediumViewfilled = 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: "m19.137 4-1.974 1.085-1.99-1.026 1.068 1.998-1.01 2.017 1.973-1.085 1.991 1.026-1.069-1.998zM19.942 11.333l-1.974 1.084-1.991-1.025 1.069 1.997-1.01 2.017 1.973-1.084L20 15.347l-1.069-1.997zM6.703 7.529l1.974-1.085-1.01 2.017 1.068 1.998-1.99-1.026-1.974 1.085L5.78 8.5 4.712 6.503zM13.262 8.893a.79.79 0 0 1 1.124 0l.583.59c.31.314.31.824 0 1.138l-9.027 9.14a.8.8 0 0 1-1.137 0l-.57-.576a.82.82 0 0 1 0-1.152z"
+}));
+/* harmony default export */ const name_wizard_size_medium_view_filled = (SvgNamewizardSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/wizard-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+const AssetMap = {
+    'medium': {
+        'filled': name_wizard_size_medium_view_filled,
+        'lined': null
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/wizard-icon/index.d.ts

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

package/wizard-icon/index.js

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

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

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

package/wizard-icon/wizard-icon.component.js

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

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

package/wizard-icon/wizard-icon.types.js

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

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const AssetMap: {
+    medium: {
+        'zoom-in': {
+            filled: null;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+        'zoom-out': {
+            filled: null;
+            lined: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+        };
+    };
+    small: {
+        'zoom-in': {
+            filled: null;
+            lined: null;
+        };
+        'zoom-out': {
+            filled: null;
+            lined: null;
+        };
+    };
+};

package/zoom-icon/assets/index.js

@@ -0,0 +1,100 @@
+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/zoom-icon/assets/name=zoom, size=medium, type=zoom-in, view=lined.svg
+
+const SvgNamezoomSizemediumTypezoomInViewlined = 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 10.5A.75.75 0 0 1 8 9.75h1.75V8a.75.75 0 0 1 1.5 0v1.75H13a.75.75 0 0 1 0 1.5h-1.75V13a.75.75 0 0 1-1.5 0v-1.75H8a.75.75 0 0 1-.75-.75"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M14.535 15.596a6.5 6.5 0 1 1 1.06-1.06l4.082 4.08a.5.5 0 0 1 0 .707l-.354.354a.5.5 0 0 1-.707 0zM15.5 10.5a5 5 0 1 1-10 0 5 5 0 0 1 10 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_zoom_size_medium_type_zoom_in_view_lined = (SvgNamezoomSizemediumTypezoomInViewlined);
+;// CONCATENATED MODULE: ./src/zoom-icon/assets/name=zoom, size=medium, type=zoom-out, view=lined.svg
+
+const SvgNamezoomSizemediumTypezoomOutViewlined = 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 9.75a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M10.5 17a6.47 6.47 0 0 0 4.035-1.404l4.081 4.08a.5.5 0 0 0 .707 0l.354-.353a.5.5 0 0 0 0-.707l-4.081-4.08A6.5 6.5 0 1 0 10.5 17m0-1.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_zoom_size_medium_type_zoom_out_view_lined = (SvgNamezoomSizemediumTypezoomOutViewlined);
+;// CONCATENATED MODULE: ./src/zoom-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'zoom-in': {
+            'filled': null,
+            'lined': name_zoom_size_medium_type_zoom_in_view_lined
+        },
+        'zoom-out': {
+            'filled': null,
+            'lined': name_zoom_size_medium_type_zoom_out_view_lined
+        }
+    },
+    'small': {
+        'zoom-in': {
+            'filled': null,
+            'lined': null
+        },
+        'zoom-out': {
+            'filled': null,
+            'lined': null
+        }
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/zoom-icon/index.d.ts

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

package/zoom-icon/index.js

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

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

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

package/zoom-icon/zoom-icon.component.js

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

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

package/zoom-icon/zoom-icon.types.js

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