@pushwoosh/kit-icons 2.0.0 → 2.0.2

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

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

package/bullet-icon/assets/index.js

@@ -0,0 +1,142 @@
+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/bullet-icon/assets/name=bullet, size=small, type=circle, view=filled.svg
+
+const SvgNamebulletSizesmallTypecircleViewfilled = 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: "M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0"
+}));
+/* harmony default export */ const name_bullet_size_small_type_circle_view_filled = (SvgNamebulletSizesmallTypecircleViewfilled);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/name=bullet, size=small, type=circle, view=lined.svg
+
+const SvgNamebulletSizesmallTypecircleViewlined = 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 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_bullet_size_small_type_circle_view_lined = (SvgNamebulletSizesmallTypecircleViewlined);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/name=bullet, size=small, type=square, view=filled.svg
+
+const SvgNamebulletSizesmallTypesquareViewfilled = 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 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5z"
+}));
+/* harmony default export */ const name_bullet_size_small_type_square_view_filled = (SvgNamebulletSizesmallTypesquareViewfilled);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/name=bullet, size=small, type=square, view=lined.svg
+
+const SvgNamebulletSizesmallTypesquareViewlined = 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.5 6.5v3h3v-3zM5.5 5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_bullet_size_small_type_square_view_lined = (SvgNamebulletSizesmallTypesquareViewlined);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/name=bullet, size=small, type=triangle, view=filled.svg
+
+const SvgNamebulletSizesmallTypetriangleViewfilled = 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.723 11a1 1 0 0 1-.868-1.496l2.277-3.985a1 1 0 0 1 1.736 0l2.277 3.985A1 1 0 0 1 10.277 11z"
+}));
+/* harmony default export */ const name_bullet_size_small_type_triangle_view_filled = (SvgNamebulletSizesmallTypetriangleViewfilled);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/name=bullet, size=small, type=triangle, view=lined.svg
+
+const SvgNamebulletSizesmallTypetriangleViewlined = 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.585 9.5h2.83L8 7.023zm-1.73.004A1 1 0 0 0 5.723 11h4.554a1 1 0 0 0 .868-1.496L8.868 5.519a1 1 0 0 0-1.736 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_bullet_size_small_type_triangle_view_lined = (SvgNamebulletSizesmallTypetriangleViewlined);
+;// CONCATENATED MODULE: ./src/bullet-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+
+
+const AssetMap = {
+    'small': {
+        'circle': {
+            'filled': name_bullet_size_small_type_circle_view_filled,
+            'lined': name_bullet_size_small_type_circle_view_lined
+        },
+        'square': {
+            'filled': name_bullet_size_small_type_square_view_filled,
+            'lined': name_bullet_size_small_type_square_view_lined
+        },
+        'triangle': {
+            'filled': name_bullet_size_small_type_triangle_view_filled,
+            'lined': name_bullet_size_small_type_triangle_view_lined
+        }
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/bullet-icon/bullet-icon.component.js

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

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

package/bullet-icon/bullet-icon.types.js

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

package/bullet-icon/index.d.ts

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

package/bullet-icon/index.js

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

package/calendar-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: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

package/calendar-icon/assets/index.js

@@ -0,0 +1,85 @@
+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/calendar-icon/assets/name=calendar, size=medium, view=lined.svg
+
+const SvgNamecalendarSizemediumViewlined = 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 12.5a.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-.5zM7.5 15a.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-.5zM11 12.5a.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-.5zM11.5 15a.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-.5zM15 12.5a.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"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8 2.25a.75.75 0 0 1 .75.75v1h6.5V3a.75.75 0 0 1 1.5 0v1H19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2.25V3A.75.75 0 0 1 8 2.25m7.25 3.25v.75a.75.75 0 0 0 1.5 0V5.5H19a.5.5 0 0 1 .5.5v2.25h-15V6a.5.5 0 0 1 .5-.5h2.25v.75a.75.75 0 0 0 1.5 0V5.5zm4.25 4.25h-15V19a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_calendar_size_medium_view_lined = (SvgNamecalendarSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/calendar-icon/assets/name=calendar, size=small, view=lined.svg
+
+const SvgNamecalendarSizesmallViewlined = 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: "M5 1a.75.75 0 0 1 .75.75v.75h4.5v-.75a.75.75 0 0 1 1.5 0v.75h.75A1.5 1.5 0 0 1 14 4v8.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5V4a1.5 1.5 0 0 1 1.5-1.5h.75v-.75A.75.75 0 0 1 5 1m7.5 3h-9v1h9zm0 2.5h-9v6h9zM4.5 8a.5.5 0 0 1 .5-.5h.75a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5zm.5 2a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.75a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm2.125-2a.5.5 0 0 1 .5-.5h.75a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.75a.5.5 0 0 1-.5-.5zm.5 2a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.75a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zM9.75 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.75a.5.5 0 0 1-.5-.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_calendar_size_small_view_lined = (SvgNamecalendarSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/calendar-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_calendar_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_calendar_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/calendar-icon/calendar-icon.component.js

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

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

package/calendar-icon/calendar-icon.types.js

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

package/calendar-icon/index.d.ts

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

package/calendar-icon/index.js

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

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

package/certificate-icon/assets/index.js

@@ -0,0 +1,70 @@
+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/certificate-icon/assets/name=certificate, size=medium, view=lined.svg
+
+const SvgNamecertificateSizemediumViewlined = 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: "M9.75 6.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5zM9 10.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M6 3.25A2.75 2.75 0 0 0 3.25 6v8c0 .414.336.75.75.75h2.25V19c0 .414.336.75.75.75h5v1.512a.5.5 0 0 0 .686.464L14.5 21l1.814.726a.5.5 0 0 0 .686-.464V19.75h3a.75.75 0 0 0 .75-.75V6A2.75 2.75 0 0 0 18 3.25zm-.5 1.604A1.25 1.25 0 0 0 4.75 6v7.25h1.5V6c0-.512-.308-.953-.75-1.146M17 18.25h2.25V6c0-.69-.56-1.25-1.25-1.25H7.45c.192.375.3.8.3 1.25v12.25H12v-1.3a3.5 3.5 0 1 1 5 0zm-.5-3.75a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1 3.355a3.5 3.5 0 0 1-2 0v1.93l1-.4 1 .4z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_certificate_size_medium_view_lined = (SvgNamecertificateSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/certificate-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_certificate_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/certificate-icon/certificate-icon.component.js

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

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

package/certificate-icon/certificate-icon.types.js

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

package/certificate-icon/index.d.ts

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

package/certificate-icon/index.js

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

package/change-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: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    };
+};

package/change-icon/assets/index.js

@@ -0,0 +1,80 @@
+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/change-icon/assets/name=change, size=medium, view=lined.svg
+
+const SvgNamechangeSizemediumViewlined = 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.47 3.47a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H9A2.25 2.25 0 0 0 6.75 10v1.5a.75.75 0 0 1-1.5 0V10A3.75 3.75 0 0 1 9 6.25h7.19l-1.72-1.72a.75.75 0 0 1 0-1.06M18 11.75a.75.75 0 0 1 .75.75V14A3.75 3.75 0 0 1 15 17.75H7.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 1.06l-1.72 1.72H15A2.25 2.25 0 0 0 17.25 14v-1.5a.75.75 0 0 1 .75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_change_size_medium_view_lined = (SvgNamechangeSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/change-icon/assets/name=change, size=small, view=lined.svg
+
+const SvgNamechangeSizesmallViewlined = 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: "M11.03 1.97a.75.75 0 1 0-1.06 1.06l.72.72H5.5A2.75 2.75 0 0 0 2.75 6.5v1a.75.75 0 0 0 1.5 0v-1A1.25 1.25 0 0 1 5.5 5.25h5.19l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06zM6.03 8.97a.75.75 0 0 1 0 1.06l-.72.72h5.19a1.25 1.25 0 0 0 1.25-1.25v-1a.75.75 0 0 1 1.5 0v1a2.75 2.75 0 0 1-2.75 2.75H5.31l.72.72a.75.75 0 1 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06l2-2a.75.75 0 0 1 1.06 0"
+}));
+/* harmony default export */ const name_change_size_small_view_lined = (SvgNamechangeSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/change-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_change_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_change_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/change-icon/change-icon.component.js

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

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

package/change-icon/change-icon.types.js

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

package/change-icon/index.d.ts

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

package/change-icon/index.js

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

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