@pushwoosh/kit-icons 2.0.0 → 2.0.2

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

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

package/info-round-icon/index.js

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,119 @@
+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/journey-icon/assets/name=journey, size=medium, view=filled.svg
+
+const SvgNamejourneySizemediumViewfilled = 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: "M15.646 5.339a.75.75 0 0 1 .77.037l4 2.667a.75.75 0 0 1 0 1.248l-4 2.666a.75.75 0 0 1-1.166-.624v-1.9a.016.016 0 0 0-.016-.016h-6.57c-.01 0-.02.007-.022.016a2.751 2.751 0 1 1 0-1.533q.006.016.022.017h6.57a.016.016 0 0 0 .016-.016V6a.75.75 0 0 1 .396-.661"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M10.655 13.031c-.15-.514-.29-.992-.441-1.425a.204.204 0 0 1 .19-.273h1.158c.086 0 .162.055.189.137.118.363.224.728.326 1.08l.07.24c.322 1.103.63 2.062 1.122 2.755.406.571.933.956 1.777 1.027a.19.19 0 0 0 .204-.194v-1.045a.75.75 0 0 1 1.166-.624l3 2a.75.75 0 0 1 0 1.248l-3 2a.75.75 0 0 1-1.166-.624V18.28a.207.207 0 0 0-.197-.204c-1.392-.078-2.346-.732-3.007-1.662-.662-.933-1.028-2.14-1.34-3.204z"
+}));
+/* harmony default export */ const name_journey_size_medium_view_filled = (SvgNamejourneySizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/journey-icon/assets/name=journey, size=medium, view=lined.svg
+
+const SvgNamejourneySizemediumViewlined = 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: "M15.646 5.339a.75.75 0 0 1 .77.037l4 2.667a.75.75 0 0 1 0 1.248l-4 2.666a.75.75 0 0 1-1.166-.624V9.417H8.646a2.751 2.751 0 1 1 0-1.5h6.604V6a.75.75 0 0 1 .396-.661M7.25 8.667a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0m11.398 0L16.75 7.4v2.531z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "m10.655 13.031.052.18c.31 1.063.677 2.27 1.34 3.203.69.973 1.703 1.645 3.203 1.669v1.25a.75.75 0 0 0 1.166.624l3-2a.75.75 0 0 0 0-1.248l-3-2a.75.75 0 0 0-1.166.624v1.25c-.964-.022-1.543-.422-1.981-1.038-.493-.693-.8-1.652-1.122-2.755l-.07-.24c-.146-.504-.301-1.036-.487-1.55H9.978c.252.576.453 1.264.677 2.031"
+}));
+/* harmony default export */ const name_journey_size_medium_view_lined = (SvgNamejourneySizemediumViewlined);
+;// CONCATENATED MODULE: ./src/journey-icon/assets/name=journey, size=small, view=filled.svg
+
+const SvgNamejourneySizesmallViewfilled = 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.416 2.376A.75.75 0 0 0 10.25 3v1.24a.01.01 0 0 1-.01.01H5.624q-.002 0-.003-.002a2.25 2.25 0 1 0 .003 1.502h4.615a.01.01 0 0 1 .011.01V7a.75.75 0 0 0 1.166.624l3-2a.75.75 0 0 0 0-1.248zM6.815 8.339c-.114-.39-.218-.746-.329-1.063A.207.207 0 0 1 6.678 7h1.154c.086 0 .163.055.19.138q.114.368.214.718l.054.184c.243.832.466 1.52.814 2.01.23.322.509.555.927.65.115.027.219-.066.219-.185V10a.75.75 0 0 1 1.166-.624l2.25 1.5a.75.75 0 0 1 0 1.248l-2.25 1.5A.75.75 0 0 1 10.25 13v-.57a.21.21 0 0 0-.187-.204c-.99-.114-1.69-.617-2.181-1.307-.518-.73-.8-1.666-1.032-2.459z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_journey_size_small_view_filled = (SvgNamejourneySizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/journey-icon/assets/name=journey, size=small, view=lined.svg
+
+const SvgNamejourneySizesmallViewlined = 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.416 2.376A.75.75 0 0 0 10.25 3v1.25H5.622a2.25 2.25 0 1 0 0 1.5h4.628V7a.75.75 0 0 0 1.166.624l3-2a.75.75 0 0 0 0-1.248zM3.5 4.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m9.148.75-.898.599V4.4z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  d: "M6.815 8.34c-.148-.509-.28-.957-.43-1.34h1.592c.095.29.18.581.26.856l.053.184c.243.832.466 1.52.814 2.01.268.376.603.63 1.146.687V10a.75.75 0 0 1 1.166-.624l2.25 1.5a.75.75 0 0 1 0 1.248l-2.25 1.5A.75.75 0 0 1 10.25 13v-.758c-1.09-.069-1.847-.59-2.368-1.323-.518-.73-.8-1.666-1.032-2.459z"
+}));
+/* harmony default export */ const name_journey_size_small_view_lined = (SvgNamejourneySizesmallViewlined);
+;// CONCATENATED MODULE: ./src/journey-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_journey_size_medium_view_filled,
+        'lined': name_journey_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_journey_size_small_view_filled,
+        'lined': name_journey_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/journey-icon/index.d.ts

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

package/journey-icon/index.js

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

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

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

package/journey-icon/journey-icon.component.js

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

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

package/journey-icon/journey-icon.types.js

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

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

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

package/kebab-icon/assets/index.js

@@ -0,0 +1,74 @@
+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/kebab-icon/assets/name=kebab, size=medium.svg
+
+const SvgNamekebabSizemedium = 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: "M13.5 6A1.75 1.75 0 1 1 10 6a1.75 1.75 0 0 1 3.5 0M13.5 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M11.75 19.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5"
+}));
+/* harmony default export */ const name_kebab_size_medium = (SvgNamekebabSizemedium);
+;// CONCATENATED MODULE: ./src/kebab-icon/assets/name=kebab, size=small.svg
+
+const SvgNamekebabSizesmall = 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: "M9.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M8 14a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_kebab_size_small = (SvgNamekebabSizesmall);
+;// CONCATENATED MODULE: ./src/kebab-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': name_kebab_size_medium,
+    'small': name_kebab_size_small
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/kebab-icon/index.d.ts

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

package/kebab-icon/index.js

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

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

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

package/kebab-icon/kebab-icon.component.js

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

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

package/kebab-icon/kebab-icon.types.js

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

package/key-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/key-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/key-icon/assets/name=key, size=medium, view=filled.svg
+
+const SvgNamekeySizemediumViewfilled = 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: "M20.5 9a5.5 5.5 0 0 1-7.81 4.993.04.04 0 0 0-.044.008l-1.823 1.823a.5.5 0 0 1-.354.147H9.453a.1.1 0 0 0-.1.1v1.016a.5.5 0 0 1-.147.354l-.148.148a.5.5 0 0 1-.353.146H7.688a.1.1 0 0 0-.1.1v1.017a.5.5 0 0 1-.146.353l-.148.149a.5.5 0 0 1-.354.146H5a.5.5 0 0 1-.5-.5v-1.94a.5.5 0 0 1 .146-.354L10 11.354a.04.04 0 0 0 .008-.043A5.5 5.5 0 1 1 20.5 9M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_key_size_medium_view_filled = (SvgNamekeySizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/key-icon/assets/name=key, size=medium, view=lined.svg
+
+const SvgNamekeySizemediumViewlined = 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: "M15 4.75a4.25 4.25 0 1 0 0 8.5 4.25 4.25 0 0 0 0-8.5M9.25 9a5.75 5.75 0 1 1 3.984 5.474L11.207 16.5a.75.75 0 0 1-.53.22h-.574v.573a.75.75 0 0 1-.22.53l-.44.442a.75.75 0 0 1-.531.22h-.574v.573a.75.75 0 0 1-.22.53l-.44.441a.75.75 0 0 1-.53.22H4.5a.75.75 0 0 1-.75-.75v-2.647a.75.75 0 0 1 .22-.53l5.556-5.557A5.8 5.8 0 0 1 9.25 9m.969 3.195L5.25 17.164v1.586h1.586l.002-.002v-1.013a.75.75 0 0 1 .75-.75h1.013l.002-.002v-1.012a.75.75 0 0 1 .75-.75h1.013l1.439-1.44a5.8 5.8 0 0 1-1.586-1.586M18 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_key_size_medium_view_lined = (SvgNamekeySizemediumViewlined);
+;// CONCATENATED MODULE: ./src/key-icon/assets/name=key, size=small, view=filled.svg
+
+const SvgNamekeySizesmallViewfilled = 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: "M14.5 5.969a4.47 4.47 0 0 1-6.275 4.088c-.059-.026-.127-.004-.172.041l-1.388 1.388a.5.5 0 0 1-.354.146h-.768a.1.1 0 0 0-.1.1v.769a.5.5 0 0 1-.146.353l-.066.066a.5.5 0 0 1-.354.146H4.11a.1.1 0 0 0-.1.1v.768a.5.5 0 0 1-.146.354l-.066.066a.5.5 0 0 1-.353.146H2a.5.5 0 0 1-.5-.5v-1.444a.5.5 0 0 1 .146-.353l4.256-4.256c.045-.045.067-.113.04-.172A4.469 4.469 0 1 1 14.5 5.968M12.469 4.75a1.219 1.219 0 1 1-2.438 0 1.219 1.219 0 0 1 2.438 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_key_size_small_view_filled = (SvgNamekeySizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/key-icon/assets/name=key, size=small, view=lined.svg
+
+const SvgNamekeySizesmallViewlined = 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: "M10.04 3a2.96 2.96 0 1 0 0 5.919 2.96 2.96 0 0 0 0-5.919M5.58 5.96a4.46 4.46 0 1 1 3.204 4.28L7.363 11.66a.75.75 0 0 1-.53.22H6.6v.232a.75.75 0 0 1-.22.53l-.327.327a.75.75 0 0 1-.53.22h-.232v.232a.75.75 0 0 1-.22.53l-.327.328a.75.75 0 0 1-.53.22H2.25a.75.75 0 0 1-.75-.75v-1.965a.75.75 0 0 1 .22-.53l4.04-4.04a4.5 4.5 0 0 1-.18-1.256m.887 2.669L3 12.096V13h.791v-.559a.75.75 0 0 1 .75-.75h.56v-.56a.75.75 0 0 1 .75-.75h.67l.85-.848a4.5 4.5 0 0 1-.904-.903m5.798-3.782a1.113 1.113 0 1 1-2.225 0 1.113 1.113 0 0 1 2.225 0",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_key_size_small_view_lined = (SvgNamekeySizesmallViewlined);
+;// CONCATENATED MODULE: ./src/key-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_key_size_medium_view_filled,
+        'lined': name_key_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_key_size_small_view_filled,
+        'lined': name_key_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/key-icon/index.d.ts

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

package/key-icon/index.js

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

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

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

package/key-icon/key-icon.component.js

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

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

package/key-icon/key-icon.types.js

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

package/language-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/language-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/language-icon/assets/name=language, size=medium, view=lined.svg
+
+const SvgNamelanguageSizemediumViewlined = 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.003 20.75a8.75 8.75 0 1 0 .004-17.5 8.75 8.75 0 0 0-.01 17.5h.005M10.295 4.952a7.26 7.26 0 0 0-5.507 6.298h3.298a13 13 0 0 1 2.209-6.298m3.41 0a13 13 0 0 1 2.209 6.298h3.298a7.26 7.26 0 0 0-5.507-6.298m.704 6.298A11.5 11.5 0 0 0 12 5.16a11.5 11.5 0 0 0-2.409 6.09zm-4.818 1.5h4.818A11.5 11.5 0 0 1 12 18.84a11.5 11.5 0 0 1-2.409-6.09m-1.505 0H4.788a7.26 7.26 0 0 0 5.507 6.298 13 13 0 0 1-2.209-6.298m5.62 6.298a13 13 0 0 0 2.208-6.298h3.298a7.26 7.26 0 0 1-5.507 6.298",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_language_size_medium_view_lined = (SvgNamelanguageSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/language-icon/assets/name=language, size=small, view=lined.svg
+
+const SvgNamelanguageSizesmallViewlined = 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 8c0-3.312 2.682-6 5.994-6A6.003 6.003 0 0 1 14 8c0 3.312-2.688 6-6.006 6A5.997 5.997 0 0 1 2 8m8.382-2.4h1.77a4.82 4.82 0 0 0-2.598-2.136 9.4 9.4 0 0 1 .828 2.136M8 3.224c.498.72.888 1.518 1.146 2.376H6.854A8.5 8.5 0 0 1 8 3.224M3.2 8c0 .414.06.816.156 1.2h2.028A10 10 0 0 1 5.3 8c0-.408.036-.804.084-1.2H3.356A5 5 0 0 0 3.2 8m.648 2.4h1.77c.192.75.468 1.47.828 2.136A4.8 4.8 0 0 1 3.848 10.4m0-4.8h1.77a9.4 9.4 0 0 1 .828-2.136A4.8 4.8 0 0 0 3.848 5.6M8 12.776A8.5 8.5 0 0 1 6.854 10.4h2.292A8.5 8.5 0 0 1 8 12.776M6.596 9.2h2.808c.054-.396.096-.792.096-1.2s-.042-.81-.096-1.2H6.596c-.054.39-.096.792-.096 1.2s.042.804.096 1.2m2.958 3.336a9.4 9.4 0 0 0 .828-2.136h1.77a4.82 4.82 0 0 1-2.598 2.136M10.7 8c0 .408-.036.804-.084 1.2h2.028c.096-.384.156-.786.156-1.2s-.06-.816-.156-1.2h-2.028c.048.396.084.792.084 1.2",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_language_size_small_view_lined = (SvgNamelanguageSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/language-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_language_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_language_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/language-icon/index.d.ts

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

package/language-icon/index.js

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

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

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

package/language-icon/language-icon.component.js

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

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

package/language-icon/language-icon.types.js

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