@pushwoosh/kit-icons 2.0.0 → 2.0.2

package/color-icon/assets/index.js

@@ -0,0 +1,67 @@
+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/color-icon/assets/name=color, size=medium, view=lined.svg
+
+const SvgNamecolorSizemediumViewlined = 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: "m11.823 8.288-.353-.354a.75.75 0 1 0-1.061 1.06l.353.354-4.242 4.243a1.75 1.75 0 0 0-.473.865c-.038.178-.06.357-.075.506l-.01.083c-.012.122-.023.223-.039.323-.04.253-.09.324-.11.344l-.283.283a1.35 1.35 0 0 0 0 1.91l.566.565a1.35 1.35 0 0 0 1.909 0l.283-.283c.02-.02.091-.07.344-.11.1-.016.2-.027.323-.04l.083-.009c.149-.016.328-.037.505-.075.318-.07.62-.227.866-.473l4.243-4.243.353.354a.75.75 0 0 0 1.06-1.06l-.353-.354 2.475-2.475a2.75 2.75 0 1 0-3.889-3.89zm1.768 3.889-1.768-1.768-4.242 4.243a.25.25 0 0 0-.068.122c-.02.093-.034.203-.05.35l-.007.068a8 8 0 0 1-.051.41c-.052.328-.162.801-.532 1.17a.25.25 0 0 0 .354.355c.37-.37.843-.48 1.171-.532.141-.022.288-.038.41-.05l.069-.008a3 3 0 0 0 .348-.05.24.24 0 0 0 .123-.068z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_color_size_medium_view_lined = (SvgNamecolorSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/color-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+const AssetMap = {
+    'medium': {
+        'filled': null,
+        'lined': name_color_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/color-icon/color-icon.component.js

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

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

package/color-icon/color-icon.types.js

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

package/color-icon/index.d.ts

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

package/color-icon/index.js

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

package/comment-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/comment-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/comment-icon/assets/name=comment, size=medium, view=filled.svg
+
+const SvgNamecommentSizemediumViewfilled = 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 2.25c-4.839 0-8.75 3.954-8.75 8.819 0 2.837 1.282 4.805 2.95 6.388.825.782 1.752 1.479 2.666 2.142l.538.389c.736.53 1.45 1.045 2.122 1.593a.75.75 0 0 0 .948 0c.672-.548 1.386-1.063 2.122-1.593q.268-.193.538-.39c.914-.662 1.841-1.36 2.666-2.141 1.668-1.583 2.95-3.551 2.95-6.388 0-4.865-3.911-8.819-8.75-8.819M8.25 9.5A.75.75 0 0 1 9 8.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_comment_size_medium_view_filled = (SvgNamecommentSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/comment-icon/assets/name=comment, size=medium, view=lined.svg
+
+const SvgNamecommentSizemediumViewlined = 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 3.75c-3.998 0-7.25 3.27-7.25 7.319 0 2.299 1.007 3.9 2.483 5.3.747.709 1.606 1.357 2.514 2.016l.517.373.001.001c.577.415 1.166.84 1.735 1.282.569-.442 1.158-.867 1.735-1.282h.001v-.001l.517-.373c.908-.66 1.767-1.307 2.514-2.017 1.476-1.4 2.483-3 2.483-5.299 0-4.048-3.252-7.319-7.25-7.319m-8.75 7.319C3.25 6.204 7.161 2.25 12 2.25s8.75 3.954 8.75 8.819c0 2.837-1.282 4.805-2.95 6.388-.825.782-1.752 1.479-2.666 2.142l-.538.389c-.736.53-1.45 1.045-2.122 1.593a.75.75 0 0 1-.948 0c-.672-.548-1.386-1.063-2.122-1.593q-.268-.193-.538-.39c-.914-.662-1.841-1.36-2.666-2.141-1.668-1.583-2.95-3.551-2.95-6.388m5 1.431a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 8.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_comment_size_medium_view_lined = (SvgNamecommentSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/comment-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_comment_size_medium_view_filled,
+        'lined': name_comment_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': null
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/comment-icon/comment-icon.component.js

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

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

package/comment-icon/comment-icon.types.js

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

package/comment-icon/index.d.ts

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

package/comment-icon/index.js

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

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

package/copy-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/copy-icon/assets/name=copy, size=medium, view=filled.svg
+
+const SvgNamecopySizemediumViewfilled = 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: "M8.25 7A2.75 2.75 0 0 1 11 4.25h6A2.75 2.75 0 0 1 19.75 7v6A2.75 2.75 0 0 1 17 15.75h-1.25V17A2.75 2.75 0 0 1 13 19.75H7A2.75 2.75 0 0 1 4.25 17v-6A2.75 2.75 0 0 1 7 8.25h1.25zM17 14.25h-1.25V11A2.75 2.75 0 0 0 13 8.25H9.75V7c0-.69.56-1.25 1.25-1.25h6c.69 0 1.25.56 1.25 1.25v6c0 .69-.56 1.25-1.25 1.25",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_copy_size_medium_view_filled = (SvgNamecopySizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/copy-icon/assets/name=copy, size=medium, view=lined.svg
+
+const SvgNamecopySizemediumViewlined = 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: "M8.25 7A2.75 2.75 0 0 1 11 4.25h6A2.75 2.75 0 0 1 19.75 7v6A2.75 2.75 0 0 1 17 15.75v-1.5c.69 0 1.25-.56 1.25-1.25V7c0-.69-.56-1.25-1.25-1.25h-6c-.69 0-1.25.56-1.25 1.25zM7 8.25A2.75 2.75 0 0 0 4.25 11v6A2.75 2.75 0 0 0 7 19.75h6A2.75 2.75 0 0 0 15.75 17v-6A2.75 2.75 0 0 0 13 8.25zM5.75 11c0-.69.56-1.25 1.25-1.25h6c.69 0 1.25.56 1.25 1.25v6c0 .69-.56 1.25-1.25 1.25H7c-.69 0-1.25-.56-1.25-1.25z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_copy_size_medium_view_lined = (SvgNamecopySizemediumViewlined);
+;// CONCATENATED MODULE: ./src/copy-icon/assets/name=copy, size=small, view=lined.svg
+
+const SvgNamecopySizesmallViewlined = 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: "M7 3.5h5v6h-.5V11h.5a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 12 2H7a1.5 1.5 0 0 0-1.5 1.5V4H7z"
+}), /*#__PURE__*/external_react_namespaceObject.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M10.5 6.5A1.5 1.5 0 0 0 9 5H4a1.5 1.5 0 0 0-1.5 1.5v6A1.5 1.5 0 0 0 4 14h5a1.5 1.5 0 0 0 1.5-1.5zM9 6.5H4v6h5z",
+  clipRule: "evenodd"
+}));
+/* harmony default export */ const name_copy_size_small_view_lined = (SvgNamecopySizesmallViewlined);
+;// CONCATENATED MODULE: ./src/copy-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_copy_size_medium_view_filled,
+        'lined': name_copy_size_medium_view_lined
+    },
+    'small': {
+        'filled': null,
+        'lined': name_copy_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

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

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

package/copy-icon/copy-icon.component.js

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

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

package/copy-icon/copy-icon.types.js

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

package/copy-icon/index.d.ts

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

package/copy-icon/index.js

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

package/danger-triangle-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/danger-triangle-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/danger-triangle-icon/assets/name=danger-triangle, size=medium, view=filled.svg
+
+const SvgNamedangerTriangleSizemediumViewfilled = 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: "m7.145 9.443-1.82 3.166C3.741 15.363 2.95 16.74 3.07 17.87a3.5 3.5 0 0 0 1.425 2.463C5.414 21 7.002 21 10.18 21h3.64c3.178 0 4.766 0 5.686-.667a3.5 3.5 0 0 0 1.424-2.463c.12-1.13-.671-2.507-2.255-5.261l-1.82-3.166c-1.593-2.77-2.389-4.154-3.43-4.618a3.5 3.5 0 0 0-2.85 0c-1.041.464-1.837 1.849-3.43 4.618M11 8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V14a.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_danger_triangle_size_medium_view_filled = (SvgNamedangerTriangleSizemediumViewfilled);
+;// CONCATENATED MODULE: ./src/danger-triangle-icon/assets/name=danger-triangle, size=medium, view=lined.svg
+
+const SvgNamedangerTriangleSizemediumViewlined = 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: "m17.375 13.356-1.82-3.165c-.812-1.41-1.37-2.377-1.848-3.058-.484-.687-.75-.875-.892-.938a2 2 0 0 0-1.63 0c-.142.063-.408.25-.892.938-.479.68-1.036 1.647-1.847 3.058l-1.82 3.165c-.807 1.403-1.36 2.366-1.705 3.118-.348.76-.376 1.083-.36 1.238a2 2 0 0 0 .814 1.407c.126.091.42.227 1.252.304.825.076 1.934.077 3.553.077h3.64c1.618 0 2.728-.002 3.553-.077.832-.076 1.126-.213 1.252-.304a2 2 0 0 0 .814-1.407c.016-.155-.012-.478-.36-1.238-.346-.752-.898-1.715-1.704-3.118m-6.8-8.53c-1.041.463-1.837 1.848-3.43 4.617l-1.82 3.166C3.741 15.363 2.95 16.74 3.07 17.87a3.5 3.5 0 0 0 1.425 2.463C5.414 21 7.002 21 10.18 21h3.64c3.178 0 4.766 0 5.686-.667a3.5 3.5 0 0 0 1.424-2.463c.12-1.13-.671-2.507-2.255-5.261l-1.82-3.166c-1.593-2.77-2.389-4.154-3.43-4.618a3.5 3.5 0 0 0-2.85 0M11 9.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 6.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_danger_triangle_size_medium_view_lined = (SvgNamedangerTriangleSizemediumViewlined);
+;// CONCATENATED MODULE: ./src/danger-triangle-icon/assets/name=danger-triangle, size=small, view=filled.svg
+
+const SvgNamedangerTriangleSizesmallViewfilled = 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.99 2.152c-.739.326-1.306 1.294-2.44 3.23l-1.52 2.59c-1.157 1.975-1.736 2.962-1.654 3.773a2.5 2.5 0 0 0 1.014 1.77c.658.48 1.803.48 4.091.48H9.52c2.288 0 3.433 0 4.091-.48a2.5 2.5 0 0 0 1.014-1.77c.082-.81-.497-1.798-1.655-3.773l-1.518-2.59c-1.135-1.936-1.702-2.904-2.44-3.23a2.5 2.5 0 0 0-2.022 0m.25 3.593a.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.5a.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_danger_triangle_size_small_view_filled = (SvgNamedangerTriangleSizesmallViewfilled);
+;// CONCATENATED MODULE: ./src/danger-triangle-icon/assets/name=danger-triangle, size=small, view=lined.svg
+
+const SvgNamedangerTriangleSizesmallViewlined = 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.675 8.73-1.518-2.59c-.583-.993-.968-1.647-1.294-2.103-.33-.46-.464-.515-.459-.513a1 1 0 0 0-.808 0c.005-.002-.129.052-.459.513-.326.456-.711 1.11-1.294 2.103L4.325 8.73c-.594 1.014-.985 1.684-1.228 2.202-.236.502-.229.657-.229.663a1 1 0 0 0 .406.708c.005.004.135.088.687.138.57.053 1.346.054 2.52.054H9.52c1.174 0 1.95-.001 2.52-.053.551-.051.682-.135.687-.139a1 1 0 0 0 .406-.708c0-.006.007-.161-.229-.663-.243-.518-.634-1.188-1.228-2.201M6.99 2.153c-.738.326-1.305 1.294-2.44 3.23l-1.518 2.59c-1.158 1.975-1.737 2.962-1.655 3.773a2.5 2.5 0 0 0 1.014 1.77c.658.48 1.803.48 4.091.48H9.52c2.288 0 3.433 0 4.091-.48a2.5 2.5 0 0 0 1.014-1.77c.082-.81-.497-1.798-1.655-3.773l-1.518-2.59c-1.135-1.936-1.702-2.904-2.44-3.23a2.5 2.5 0 0 0-2.022 0m.25 3.843a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.51 4.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_danger_triangle_size_small_view_lined = (SvgNamedangerTriangleSizesmallViewlined);
+;// CONCATENATED MODULE: ./src/danger-triangle-icon/assets/index.tsx
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+
+
+
+const AssetMap = {
+    'medium': {
+        'filled': name_danger_triangle_size_medium_view_filled,
+        'lined': name_danger_triangle_size_medium_view_lined
+    },
+    'small': {
+        'filled': name_danger_triangle_size_small_view_filled,
+        'lined': name_danger_triangle_size_small_view_lined
+    }
+};
+
+var __webpack_exports__AssetMap = __webpack_exports__.v;
+export { __webpack_exports__AssetMap as AssetMap };

package/danger-triangle-icon/danger-triangle-icon.component.d.ts

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

package/danger-triangle-icon/danger-triangle-icon.component.js

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

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

package/danger-triangle-icon/danger-triangle-icon.types.js

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

package/danger-triangle-icon/index.d.ts

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

package/danger-triangle-icon/index.js

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

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

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