@pushwoosh/kit-icons 2.0.17 → 2.0.19

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

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import BrowserMediumFilledIcon from "./name_browser_size_medium_view_filled.js";
+import BrowserMediumLinedIcon from "./name_browser_size_medium_view_lined.js";
+import BrowserSmallFilledIcon from "./name_browser_size_small_view_filled.js";
+import BrowserSmallLinedIcon from "./name_browser_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': BrowserMediumFilledIcon,
+    'lined': BrowserMediumLinedIcon
+  },
+  'small': {
+    'filled': BrowserSmallFilledIcon,
+    'lined': BrowserSmallLinedIcon
+  }
+};

package/browser-icon/assets/name_browser_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M4.71 7.496a.288.288 0 0 0-.5-.007 9.004 9.004 0 0 0 5.482 13.212.294.294 0 0 0 .33-.14l2.306-4.02c.126-.218-.06-.494-.312-.493h-.018c-1.558 0-2.91-.88-3.587-2.17zm7.04 13.068a.288.288 0 0 0 .244.436H12a9 9 0 0 0 8.694-11.335.29.29 0 0 0-.285-.216h-4.634c-.253 0-.4.3-.273.518.347.597.546 1.291.546 2.031a4.03 4.03 0 0 1-.623 2.16zM19.55 7.95a.288.288 0 0 0 .257-.43A9 9 0 0 0 12 3a8.97 8.97 0 0 0-6.378 2.65.294.294 0 0 0-.043.355L7.9 10.008c.127.218.46.195.585-.024a4.05 4.05 0 0 1 3.514-2.035zM12 14.548c-.921 0-1.728-.488-2.176-1.22l-.03-.056-.064-.111a2.55 2.55 0 1 1 4.508.059l-.035.055-.059.102a2.55 2.55 0 0 1-2.145 1.17",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeMediumViewFilledSvg;

package/browser-icon/assets/name_browser_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M5.335 8.557a7.5 7.5 0 0 0 5.345 10.825l1.95-3.383a4.049 4.049 0 0 1-4.223-2.126zm-.62-1.845a9 9 0 0 0 7.283 14.285 8.998 8.998 0 0 0 8.27-12.55A9 9 0 0 0 4.8 6.596a1 1 0 0 0-.084.115m1.549.455 1.953 3.379a4.05 4.05 0 0 1 3.781-2.597h6.313A7.49 7.49 0 0 0 11.999 4.5a7.48 7.48 0 0 0-5.735 2.667m12.788 2.282h-3.907c.565.696.903 1.583.903 2.55 0 .796-.23 1.54-.628 2.166l-3.07 5.324a7.5 7.5 0 0 0 6.702-10.04m-4.815 3.77a2.55 2.55 0 1 0-4.51-.062l.067.116.029.055a2.548 2.548 0 0 0 4.317.054l.063-.109z",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeMediumViewLinedSvg;

package/browser-icon/assets/name_browser_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M2.29 4.762c-.113-.196-.394-.2-.499.002a7.003 7.003 0 0 0 4.194 9.942c.13.039.269-.02.336-.137l1.774-3.093c.041-.072-.014-.161-.096-.161A3.32 3.32 0 0 1 5.062 9.54zm5.612 10.066A.114.114 0 0 0 8 15a7 7 0 0 0 6.818-8.594.29.29 0 0 0-.286-.223h-3.203c-.238 0-.386.269-.29.487.177.407.276.856.276 1.329a3.3 3.3 0 0 1-.509 1.765zm5.76-10.145c.228 0 .371-.242.25-.434A7 7 0 0 0 8 1a6.98 6.98 0 0 0-4.796 1.901.29.29 0 0 0-.05.36L4.76 6.028c.12.206.426.2.567.007A3.31 3.31 0 0 1 8 4.683zM8 9.815a1.82 1.82 0 0 1-1.546-.862l-.025-.047-.048-.082a1.816 1.816 0 1 1 3.188.085l-.043.075c-.324.5-.886.831-1.526.831",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeSmallViewFilledSvg;

package/browser-icon/assets/name_browser_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameBrowserSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 16,
+  height: 16,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M2.965 5.78a5.5 5.5 0 0 0 3.94 7.608l1.237-2.143-.144.003a3.25 3.25 0 0 1-2.88-1.743zm-.636-1.887a7 7 0 1 0 11.34 8.21 7 7 0 0 0-11.34-8.21m1.547.466L5.114 6.5a3.25 3.25 0 0 1 2.884-1.75h4.436A5.49 5.49 0 0 0 7.998 2.5a5.49 5.49 0 0 0-4.122 1.86m9.336 1.89h-2.475c.323.505.51 1.105.51 1.75 0 .638-.184 1.233-.502 1.735l-2.152 3.731a5.5 5.5 0 0 0 4.62-7.216M9.538 8.83a1.75 1.75 0 1 0-3.1-.038l.047.082.024.045a1.748 1.748 0 0 0 2.956.033l.045-.078z",
+  clipRule: "evenodd"
+}));
+export default NameBrowserSizeSmallViewLinedSvg;

package/browser-icon/box-icon.component.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { BrowserIconProps } from './browser-icon.types';
+export declare function BrowserIcon(props: BrowserIconProps): JSX.Element | null;

package/browser-icon/box-icon.component.js

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

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

package/browser-icon/browser-icon.types.js

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

package/browser-icon/index.d.ts

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

package/browser-icon/index.js

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

package/index.d.ts

@@ -6,6 +6,7 @@ export * from './backup-icon';
 export * from './billing-icon';
 export * from './bookmark-icon';
 export * from './box-icon';
+export * from './browser-icon';
 export * from './bullet-icon';
 export * from './calendar-icon';
 export * from './certificate-icon';

package/index.js

@@ -6,6 +6,7 @@ export * from './backup-icon';
 export * from './billing-icon';
 export * from './bookmark-icon';
 export * from './box-icon';
+export * from './browser-icon';
 export * from './bullet-icon';
 export * from './calendar-icon';
 export * from './certificate-icon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-icons",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "React component for build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",