@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/dropdown-icon/dropdown-icon.types.d.ts

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

package/dropdown-icon/dropdown-icon.types.js

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

package/dropdown-icon/index.d.ts

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

package/dropdown-icon/index.js

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

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

@@ -0,0 +1,117 @@
+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/edit-icon/assets/name=edit, size=medium, view=filled.svg
+
+const SvgNameeditSizemediumViewfilled = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M12.02 4.067a.5.5 0 0 0-.683.183L9.73 7.034a.5.5 0 0 0 .183.683l4.33 2.5a.5.5 0 0 0 .683-.183l1.607-2.784a.5.5 0 0 0-.183-.683zM9.036 8.529a.5.5 0 0 1 .379.05l4.33 2.5a.5.5 0 0 1 .183.683l-3.451 5.978H18.3a.75.75 0 1 1 0 1.5H6.4v-.004a.5.5 0 0 1-.446-.37l-.917-3.41a.5.5 0 0 1 .05-.38l3.645-6.314a.5.5 0 0 1 .304-.233"
+}));
+/* harmony default export */ const name_edit_size_medium_view_filled = (SvgNameeditSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/edit-icon/assets/name=edit, size=medium, view=lined.svg
+
+const SvgNameeditSizemediumViewlined = 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.145 3.85 4.33 2.5a.75.75 0 0 1 .275 1.025L10.5 18.2l-.032.05H17.5a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.749-.709 1 1 0 0 1-.038-.11l-.459-1.705v-.002l-.458-1.704a.75.75 0 0 1 .074-.57l6.25-10.825a.75.75 0 0 1 1.025-.275m2.93 3.425-1.124 1.948-3.032-1.75 1.125-1.948zm-1.874 3.247-3.032-1.75-3.844 6.659.297 1.106 1.628.94 1.106-.296z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_edit_size_medium_view_lined = (SvgNameeditSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/edit-icon/assets/name=edit, size=small, view=filled.svg
+
+const SvgNameeditSizesmallViewfilled = 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("g", {
+  clipPath: "url(#name=edit,_size=small,_view=filled_svg__a)"
+}, /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8.02.867a.5.5 0 0 0-.683.183L6.022 3.328a.5.5 0 0 0 .183.683l3.464 2a.5.5 0 0 0 .683-.183l1.315-2.278a.5.5 0 0 0-.183-.683zM4.953 5.18a.5.5 0 0 1 .683-.183l3.464 2a.5.5 0 0 1 .183.683L6.79 12h5.461a.75.75 0 0 1 0 1.5H3.8a.75.75 0 0 1-.723-.548.5.5 0 0 1-.056-.132l-.734-2.73a.5.5 0 0 1 .05-.38z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/external_react_namespaceObject.createElement("defs", null, /*#__PURE__*/external_react_namespaceObject.createElement("clipPath", {
+  id: "name=edit,_size=small,_view=filled_svg__a"
+}, /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h16v16H0z"
+}))));
+/* harmony default export */ const name_edit_size_small_view_filled = (SvgNameeditSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/edit-icon/assets/name=edit, size=small, view=lined.svg
+
+const SvgNameeditSizesmallViewlined = 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: "m7.12.925.004-.006c.1-.17.258-.286.434-.338l.018-.005.018-.005a.75.75 0 0 1 .545.076l.006.003 3.464 2a.75.75 0 0 1 .275 1.025L7.077 12h5.173a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1-.299-.062.75.75 0 0 1-.672-.554l-.733-2.73a.75.75 0 0 1 .075-.569zm3.09 2.65-.75 1.299-2.165-1.25.75-1.3zm-1.5 2.598-2.165-1.25-2.97 5.143.458 1.706 1.707-.456z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_edit_size_small_view_lined = (SvgNameeditSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/edit-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_edit_size_medium_view_filled,
+        'lined': name_edit_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_edit_size_small_view_filled,
+        'lined': name_edit_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/edit-icon/edit-icon.component.js

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

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

package/edit-icon/edit-icon.types.js

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

package/edit-icon/index.d.ts

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

package/edit-icon/index.js

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

package/email-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/email-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/email-icon/assets/name=email, size=medium, view=filled.svg
+
+const SvgNameemailSizemediumViewfilled = 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.5 5.5A1.5 1.5 0 0 0 3 7v10a1.5 1.5 0 0 0 1.5 1.5h15A1.5 1.5 0 0 0 21 17V7a1.5 1.5 0 0 0-1.5-1.5zm1.835 2.83a.75.75 0 0 0-.67 1.34l6 3a.75.75 0 0 0 .67 0l6-3a.75.75 0 1 0-.67-1.34L12 11.161z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_email_size_medium_view_filled = (SvgNameemailSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/email-icon/assets/name=email, size=medium, view=lined.svg
+
+const SvgNameemailSizemediumViewlined = 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.5 5.25A2.25 2.25 0 0 0 3.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25h13a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25zm13.729 2.073a.75.75 0 0 0-.729-.573h-13a.75.75 0 0 0-.729.573L12 11.39zM4.75 9.033V16.5c0 .414.336.75.75.75h13a.75.75 0 0 0 .75-.75V9.032l-6.882 3.872a.75.75 0 0 1-.736 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_email_size_medium_view_lined = (SvgNameemailSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/email-icon/assets/name=email, size=small, view=filled.svg
+
+const SvgNameemailSizesmallViewfilled = 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 3.586C1 4.172 1 5.114 1 7v2.5c0 1.886 0 2.828.586 3.414S3.114 13.5 5 13.5h6c1.886 0 2.828 0 3.414-.586S15 11.386 15 9.5V7c0-1.886 0-2.828-.586-3.414S12.886 3 11 3H5c-1.886 0-2.828 0-3.414.586m2.219 1.729a.75.75 0 1 0-.61 1.37l4.5 2a.75.75 0 0 0 .61 0l4.5-2a.75.75 0 0 0-.61-1.37L8 7.179z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_email_size_small_view_filled = (SvgNameemailSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/email-icon/assets/name=email, size=small, view=lined.svg
+
+const SvgNameemailSizesmallViewlined = 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 7c0-1.886 0-2.828.586-3.414S3.114 3 5 3h6c1.886 0 2.828 0 3.414.586S15 5.114 15 7v2.5c0 1.886 0 2.828-.586 3.414S12.886 13.5 11 13.5H5c-1.886 0-2.828 0-3.414-.586S1 11.386 1 9.5zm4-2.5h6c.985 0 1.573.003 1.995.06a1.4 1.4 0 0 1 .354.084l.005.002.002.005.01.02c.016.04.042.12.066.275L8 7.66 2.568 4.946a1.3 1.3 0 0 1 .076-.295l.002-.005.005-.002.02-.01c.044-.018.141-.048.334-.074.422-.057 1.01-.06 1.995-.06m-2.354.146q.001 0 0 0 0 .002 0 0M2.5 6.59V9.5c0 .985.003 1.573.06 1.995a1.4 1.4 0 0 0 .084.354l.002.005.005.002.02.01c.044.018.141.048.334.074.422.057 1.01.06 1.995.06h6c.985 0 1.573-.003 1.995-.06a1.4 1.4 0 0 0 .354-.084l.005-.002.002-.005.01-.02c.018-.045.048-.141.074-.334.057-.422.06-1.01.06-1.995V6.589L8.335 9.17a.75.75 0 0 1-.67 0z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_email_size_small_view_lined = (SvgNameemailSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/email-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_email_size_medium_view_filled,
+        'lined': name_email_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_email_size_small_view_filled,
+        'lined': name_email_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/email-icon/email-icon.component.js

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

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

package/email-icon/email-icon.types.js

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

package/email-icon/index.d.ts

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

package/email-icon/index.js

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

package/emoji-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: null;
+        lined: null;
+    };
+};

package/emoji-icon/assets/index.js

@@ -0,0 +1,82 @@
+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/emoji-icon/assets/name=emoji, size=medium, view=filled.svg
+
+const SvgNameemojiSizemediumViewfilled = 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 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18M8.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m7 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-8.007 2.72a.75.75 0 0 1 1.018.298c.518.946 1.829 1.723 3.489 1.723s2.97-.777 3.49-1.723a.75.75 0 0 1 1.315.72c-.841 1.536-2.733 2.503-4.805 2.503s-3.964-.967-4.805-2.503a.75.75 0 0 1 .298-1.018",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_emoji_size_medium_view_filled = (SvgNameemojiSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/emoji-icon/assets/name=emoji, size=medium, view=lined.svg
+
+const SvgNameemojiSizemediumViewlined = props => /*#__PURE__*/external_react_namespaceObject.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M19.5 12a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0m1.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0M8.5 11a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M17 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-8.49 4.518a.75.75 0 0 0-1.315.72c.841 1.536 2.733 2.503 4.805 2.503s3.964-.967 4.805-2.503a.75.75 0 1 0-1.316-.72c-.518.946-1.828 1.723-3.489 1.723s-2.97-.777-3.49-1.723",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_emoji_size_medium_view_lined = (SvgNameemojiSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/emoji-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_emoji_size_medium_view_filled,
+        'lined': name_emoji_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/emoji-icon/emoji-icon.component.js

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

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

package/emoji-icon/emoji-icon.types.js

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

package/emoji-icon/index.d.ts

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

package/emoji-icon/index.js

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

package/expand-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/expand-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/expand-icon/assets/name=expand, size=medium, view=filled.svg
+
+const SvgNameexpandSizemediumViewfilled = 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.203 5.892 2.72-2.72v1.94a.75.75 0 0 0 1.5 0V7a.75.75 0 0 0-.75-.75h-3.75a.75.75 0 0 0 0 1.5h1.94l-2.72 2.72a.75.75 0 1 0 1.06 1.06m-5.78 1.72v1.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-2.72 2.72h1.94a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75v-3.75a.75.75 0 0 1 1.5 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_expand_size_medium_view_filled = (SvgNameexpandSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/expand-icon/assets/name=expand, size=medium, view=lined.svg
+
+const SvgNameexpandSizemediumViewlined = 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.19 6.75h-1.94a.75.75 0 0 1 0-1.5H18a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V7.81l-3.22 3.22a.75.75 0 1 1-1.06-1.06zm-9.44 9.44v-1.94a.75.75 0 0 0-1.5 0V18c0 .414.336.75.75.75h3.75a.75.75 0 0 0 0-1.5H7.81l3.22-3.22a.75.75 0 1 0-1.06-1.06z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_expand_size_medium_view_lined = (SvgNameexpandSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/expand-icon/assets/name=expand, size=small, view=filled.svg
+
+const SvgNameexpandSizesmallViewfilled = 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.311M8.5 4.75h1.69L8.47 6.47 7.94 7 9 8.06l.53-.53 1.72-1.72V7.5h1.5V3.25H8.5zm-1 6.5H5.81l1.72-1.72.53-.53L7 7.94l-.53.53-1.72 1.72V8.5h-1.5v4.25H7.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_expand_size_small_view_filled = (SvgNameexpandSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/expand-icon/assets/name=expand, size=small, view=lined.svg
+
+const SvgNameexpandSizesmallViewlined = 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.19 3.75h-.94a.75.75 0 0 1 0-1.5H13a.75.75 0 0 1 .75.75v2.75a.75.75 0 0 1-1.5 0v-.94L9.53 7.53a.75.75 0 0 1-1.06-1.06zm-7.44 7.44v-.94a.75.75 0 0 0-1.5 0V13c0 .414.336.75.75.75h2.75a.75.75 0 0 0 0-1.5h-.94l2.72-2.72a.75.75 0 0 0-1.06-1.06z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_expand_size_small_view_lined = (SvgNameexpandSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/expand-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_expand_size_medium_view_filled,
+        'lined': name_expand_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_expand_size_small_view_filled,
+        'lined': name_expand_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/expand-icon/expand-icon.component.js

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

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