@pushwoosh/kit-icons 2.0.12 → 2.0.14

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

@@ -0,0 +1,9 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import CodeMediumIcon from "./name_code_size_medium.js";
+import CodeSmallIcon from "./name_code_size_small.js";
+export const AssetMap = {
+  'medium': CodeMediumIcon,
+  'small': CodeSmallIcon
+};

package/code-icon/assets/name_code_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCodeSizeMediumSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M14.515 3.95a.75.75 0 0 1 .493.94l-4.584 14.667a.75.75 0 1 1-1.431-.447l4.583-14.667a.75.75 0 0 1 .94-.492M7.03 7.804a.75.75 0 0 1 0 1.06L4.035 11.86a.2.2 0 0 0 0 .282l2.995 2.995a.75.75 0 1 1-1.06 1.06L2.303 12.53a.75.75 0 0 1 0-1.06L5.97 7.803a.75.75 0 0 1 1.06 0m9.94 0a.75.75 0 0 1 1.06 0l3.667 3.667a.75.75 0 0 1 0 1.06l-3.667 3.667a.75.75 0 0 1-1.06-1.06l2.995-2.996a.2.2 0 0 0 0-.283L16.97 8.865a.75.75 0 0 1 0-1.061",
+  clipRule: "evenodd"
+}));
+export default NameCodeSizeMediumSvg;

package/code-icon/assets/name_code_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCodeSizeSmallSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M9.995 1.617a.75.75 0 0 1 .492.94L6.945 13.89a.75.75 0 0 1-1.432-.447L9.055 2.11a.75.75 0 0 1 .94-.493M4.28 4.637a.75.75 0 0 1 0 1.06L1.977 8l2.303 2.303a.75.75 0 0 1-1.06 1.06L.386 8.53a.75.75 0 0 1 0-1.06L3.22 4.636a.75.75 0 0 1 1.06 0m7.44 0a.75.75 0 0 1 1.06 0l2.834 2.833a.75.75 0 0 1 0 1.06l-2.834 2.834a.75.75 0 0 1-1.06-1.061L14.023 8 11.72 5.697a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+export default NameCodeSizeSmallSvg;

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

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

package/code-icon/code-icon.component.js

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

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

package/code-icon/code-icon.types.js

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

package/code-icon/index.d.ts

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

package/code-icon/index.js

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

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

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import CrownMediumFilledIcon from "./name_crown_size_medium_view_filled.js";
+import CrownMediumLinedIcon from "./name_crown_size_medium_view_lined.js";
+import CrownSmallFilledIcon from "./name_crown_size_small_view_filled.js";
+import CrownSmallLinedIcon from "./name_crown_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': CrownMediumFilledIcon,
+    'lined': CrownMediumLinedIcon
+  },
+  'small': {
+    'filled': CrownSmallFilledIcon,
+    'lined': CrownSmallLinedIcon
+  }
+};

package/crown-icon/assets/name_crown_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCrownSizeMediumViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M3.23 6.243a.5.5 0 0 1 .788-.493L7.98 8.673a.5.5 0 0 0 .726-.147l2.864-4.805a.5.5 0 0 1 .86 0l2.863 4.805a.5.5 0 0 0 .727.147l3.962-2.923a.5.5 0 0 1 .789.493l-1.538 8.348a.5.5 0 0 1-.492.409H5.259a.5.5 0 0 1-.492-.41zM13.5 11a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-6 1.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m10-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1.651 5a.5.5 0 0 0-.5-.5H5.347a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h13.304a.5.5 0 0 0 .5-.5z",
+  clipRule: "evenodd"
+}));
+export default NameCrownSizeMediumViewFilledSvg;

package/crown-icon/assets/name_crown_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCrownSizeMediumViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M12 3.43a.75.75 0 0 1 .644.366l2.487 4.173a.5.5 0 0 0 .726.146l3.733-2.753a.75.75 0 0 1 1.183.742l-1.764 9.42a.5.5 0 0 0-.009.092V18.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-2.884a.5.5 0 0 0-.009-.092l-1.764-9.42a.75.75 0 0 1 1.183-.742l3.732 2.753a.5.5 0 0 0 .727-.146l2.487-4.173A.75.75 0 0 1 12 3.43M6.5 16.75a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5V17a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5zm11.426-8.297a.5.5 0 0 1 .788.495l-1.063 5.677a.15.15 0 0 1-.151.125h-11a.15.15 0 0 1-.15-.125L5.285 8.948a.5.5 0 0 1 .788-.494l2.288 1.687a.75.75 0 0 0 1.09-.22l2.118-3.555a.5.5 0 0 1 .86 0l2.118 3.555a.75.75 0 0 0 1.09.22zM12 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-3.5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m8 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+  clipRule: "evenodd"
+}));
+export default NameCrownSizeMediumViewLinedSvg;

package/crown-icon/assets/name_crown_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCrownSizeSmallViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M5.788 5.535a.5.5 0 0 1-.724.135L2.567 3.798a.5.5 0 0 0-.789.504l1.133 5.3a.5.5 0 0 0 .489.395h9.2a.5.5 0 0 0 .488-.396l1.133-5.285a.5.5 0 0 0-.788-.505l-2.498 1.861a.5.5 0 0 1-.723-.136L8.423 2.675a.5.5 0 0 0-.848 0zm7.211 5.961a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5z",
+  clipRule: "evenodd"
+}));
+export default NameCrownSizeSmallViewFilledSvg;

package/crown-icon/assets/name_crown_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameCrownSizeSmallViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M8.643 2.792a.75.75 0 0 0-1.272 0L5.98 5.015a.5.5 0 0 1-.723.135L2.97 3.434a.75.75 0 0 0-1.18.769l1.262 5.466a.75.75 0 0 0 .731.581h8.447a.75.75 0 0 0 .73-.58l1.264-5.45a.75.75 0 0 0-1.18-.77l-2.288 1.704a.5.5 0 0 1-.722-.136zm-2.11 4.172 1.05-1.68a.5.5 0 0 1 .848 0l1.05 1.68a.75.75 0 0 0 1.084.204l.642-.479a.5.5 0 0 1 .785.514l-.268 1.16a.5.5 0 0 1-.487.387h-6.46a.5.5 0 0 1-.487-.387L4.02 7.2a.5.5 0 0 1 .788-.512l.637.478a.75.75 0 0 0 1.086-.202M12.8 11.5a.5.5 0 0 0-.5-.5H3.7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h8.6a.5.5 0 0 0 .5-.5z",
+  clipRule: "evenodd"
+}));
+export default NameCrownSizeSmallViewLinedSvg;

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

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

package/crown-icon/crown-icon.component.js

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

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

package/crown-icon/crown-icon.types.js

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

package/crown-icon/index.d.ts

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

package/crown-icon/index.js

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

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

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import DollarMediumFilledIcon from "./name_dollar_size_medium_view_filled.js";
+import DollarMediumLinedIcon from "./name_dollar_size_medium_view_lined.js";
+import DollarSmallFilledIcon from "./name_dollar_size_small_view_filled.js";
+import DollarSmallLinedIcon from "./name_dollar_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': DollarMediumFilledIcon,
+    'lined': DollarMediumLinedIcon
+  },
+  'small': {
+    'filled': DollarSmallFilledIcon,
+    'lined': DollarSmallLinedIcon
+  }
+};

package/dollar-icon/assets/name_dollar_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameDollarSizeMediumViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M3 12c0-4.974 4.025-9 9-9s9 4.025 9 9-4.025 9-9 9-9-4.025-9-9m9.75-4.5a.75.75 0 0 0-1.5 0v.75h-.75a2.25 2.25 0 1 0 0 4.5h.75v1.5H9a.75.75 0 0 0 0 1.5h2.25v.75a.75.75 0 0 0 1.5 0v-.75h.75a2.25 2.25 0 0 0 0-4.5h-.75v-1.5H15a.75.75 0 0 0 0-1.5h-2.25zM10.5 9.75h.75v1.5h-.75a.75.75 0 1 1 0-1.5m2.25 4.5v-1.5h.75a.75.75 0 1 1 0 1.5z",
+  clipRule: "evenodd"
+}));
+export default NameDollarSizeMediumViewFilledSvg;

package/dollar-icon/assets/name_dollar_size_medium_view_lined.js

@@ -0,0 +1,19 @@
+import React from 'react';
+const NameDollarSizeMediumViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M12 19.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m9-7.5a9 9 0 1 1-18 0 9 9 0 0 1 18 0",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  stroke: "#000",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 1.5,
+  d: "M15 9h-4.5a1.5 1.5 0 0 0 0 3h3a1.5 1.5 0 1 1 0 3H9m3 1.5v-9"
+}));
+export default NameDollarSizeMediumViewLinedSvg;

package/dollar-icon/assets/name_dollar_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameDollarSizeSmallViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m.75-10.5a.75.75 0 0 0-1.5 0v.417h-.417a1.917 1.917 0 1 0 0 3.833h.417v.833H5.667a.75.75 0 1 0 0 1.5H7.25v.417a.75.75 0 0 0 1.5 0v-.417h.417a1.917 1.917 0 0 0 0-3.833H8.75v-.833h1.583a.75.75 0 1 0 0-1.5H8.75zM6.833 6.417h.417v.833h-.417a.417.417 0 1 1 0-.833M8.75 9.583V8.75h.417a.417.417 0 1 1 0 .833z",
+  clipRule: "evenodd"
+}));
+export default NameDollarSizeSmallViewFilledSvg;

package/dollar-icon/assets/name_dollar_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameDollarSizeSmallViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M8.75 4.5a.75.75 0 0 0-1.5 0v.417h-.417a1.917 1.917 0 1 0 0 3.833h.417v.833H5.667a.75.75 0 1 0 0 1.5H7.25v.417a.75.75 0 0 0 1.5 0v-.417h.417a1.917 1.917 0 0 0 0-3.833H8.75v-.833h1.583a.75.75 0 1 0 0-1.5H8.75zM6.833 6.417h.417v.833h-.417a.417.417 0 1 1 0-.833M8.75 9.583V8.75h.417a.417.417 0 1 1 0 .833z",
+  clipRule: "evenodd"
+}));
+export default NameDollarSizeSmallViewLinedSvg;

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

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

package/dollar-icon/dollar-icon.component.js

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

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

package/dollar-icon/dollar-icon.types.js

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

package/dollar-icon/index.d.ts

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

package/dollar-icon/index.js

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

package/index.d.ts

@@ -16,14 +16,17 @@ export * from './chevron-icon';
 export * from './close-icon';
 export * from './close-round-icon';
 export * from './cloud-icon';
+export * from './code-icon';
 export * from './collapse-icon';
 export * from './color-icon';
 export * from './comment-icon';
 export * from './copy-icon';
+export * from './crown-icon';
 export * from './danger-triangle-icon';
 export * from './device-icon';
 export * from './docs-icon';
 export * from './document-icon';
+export * from './dollar-icon';
 export * from './download-icon';
 export * from './drag-icon';
 export * from './dropdown-icon';
@@ -84,6 +87,7 @@ export * from './stats-icon';
 export * from './stop-icon';
 export * from './super-user-icon';
 export * from './tag-icon';
+export * from './target-icon';
 export * from './tiles-icon';
 export * from './time-icon';
 export * from './trash-icon';

package/index.js

@@ -16,14 +16,17 @@ export * from './chevron-icon';
 export * from './close-icon';
 export * from './close-round-icon';
 export * from './cloud-icon';
+export * from './code-icon';
 export * from './collapse-icon';
 export * from './color-icon';
 export * from './comment-icon';
 export * from './copy-icon';
+export * from './crown-icon';
 export * from './danger-triangle-icon';
 export * from './device-icon';
 export * from './docs-icon';
 export * from './document-icon';
+export * from './dollar-icon';
 export * from './download-icon';
 export * from './drag-icon';
 export * from './dropdown-icon';
@@ -84,6 +87,7 @@ export * from './stats-icon';
 export * from './stop-icon';
 export * from './super-user-icon';
 export * from './tag-icon';
+export * from './target-icon';
 export * from './tiles-icon';
 export * from './time-icon';
 export * from './trash-icon';

package/package.json

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

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

@@ -0,0 +1,17 @@
+/* eslint quote-props: off */
+/* eslint @typescript-eslint/comma-dangle: off */
+
+import TargetMediumFilledIcon from "./name_target_size_medium_view_filled.js";
+import TargetMediumLinedIcon from "./name_target_size_medium_view_lined.js";
+import TargetSmallFilledIcon from "./name_target_size_small_view_filled.js";
+import TargetSmallLinedIcon from "./name_target_size_small_view_lined.js";
+export const AssetMap = {
+  'medium': {
+    'filled': TargetMediumFilledIcon,
+    'lined': TargetMediumLinedIcon
+  },
+  'small': {
+    'filled': TargetSmallFilledIcon,
+    'lined': TargetSmallLinedIcon
+  }
+};

package/target-icon/assets/name_target_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameTargetSizeMediumViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M18.787 2.367a.3.3 0 0 0-.51-.179l-2.755 2.755a1 1 0 0 0-.287.817l.195 1.75-2.46 2.46a2.251 2.251 0 1 0 1.06 1.06l2.46-2.46 1.75.195a1 1 0 0 0 .817-.287l2.755-2.754a.3.3 0 0 0-.18-.51L19.708 5l.494-.494a.5.5 0 1 0-.707-.707L19 4.293zm-6.108 2.665a1 1 0 1 0 .192-1.99 9 9 0 1 0 8.087 8.087 1 1 0 1 0-1.99.192 7 7 0 1 1-6.289-6.289M12.029 8a1 1 0 1 0 .015-2A6 6 0 1 0 18 11.956a1 1 0 0 0-2 .015A4 4 0 1 1 12.03 8",
+  clipRule: "evenodd"
+}));
+export default NameTargetSizeMediumViewFilledSvg;

package/target-icon/assets/name_target_size_medium_view_lined.js

@@ -0,0 +1,24 @@
+import React from 'react';
+const NameTargetSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none"
+}, props), /*#__PURE__*/React.createElement("mask", {
+  id: "prefix__a",
+  fill: "#fff"
+}, /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "M20.98 5.141 19.707 5l.587-.587a.5.5 0 1 0-.707-.707L19 4.293 18.86 3.02l-.003-.023-.028-.257-.041-.373a.3.3 0 0 0-.51-.179l-.266.266-.183.182-.016.017-2.29 2.29a1 1 0 0 0-.287.817l.195 1.75-2.46 2.46a2.251 2.251 0 1 0 1.06 1.06l2.46-2.46 1.75.195a1 1 0 0 0 .817-.287l2.29-2.29.017-.016.183-.183.265-.265a.3.3 0 0 0-.18-.51l-.372-.042-.257-.028zm-2.903-.102.018.16-1.725 1.724-.141-1.273 1.724-1.725zm.725.866L17.078 7.63l1.272.141 1.725-1.724-1.114-.124zm-5.856-1.347a.75.75 0 1 0 .188-1.488 9.002 9.002 0 1 0 7.796 7.796.75.75 0 0 0-1.488.188 7.502 7.502 0 1 1-6.496-6.496m-.622 3.204a.75.75 0 0 0 .113-1.495 5.75 5.75 0 1 0 5.296 5.296.75.75 0 1 0-1.495.113 4.25 4.25 0 1 1-3.914-3.914",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#fff",
+  fillRule: "evenodd",
+  d: "M20.98 5.141 19.707 5l.587-.587a.5.5 0 1 0-.707-.707L19 4.293 18.86 3.02l-.003-.023-.028-.257-.041-.373a.3.3 0 0 0-.51-.179l-.266.266-.183.182-.016.017-2.29 2.29a1 1 0 0 0-.287.817l.195 1.75-2.46 2.46a2.251 2.251 0 1 0 1.06 1.06l2.46-2.46 1.75.195a1 1 0 0 0 .817-.287l2.29-2.29.017-.016.183-.183.265-.265a.3.3 0 0 0-.18-.51l-.372-.042-.257-.028zm-2.903-.102.018.16-1.725 1.724-.141-1.273 1.724-1.725zm.725.866L17.078 7.63l1.272.141 1.725-1.724-1.114-.124zm-5.856-1.347a.75.75 0 1 0 .188-1.488 9.002 9.002 0 1 0 7.796 7.796.75.75 0 0 0-1.488.188 7.502 7.502 0 1 1-6.496-6.496m-.622 3.204a.75.75 0 0 0 .113-1.495 5.75 5.75 0 1 0 5.296 5.296.75.75 0 1 0-1.495.113 4.25 4.25 0 1 1-3.914-3.914",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#000",
+  d: "m19.708 5-1.061-1.061-2.207 2.207 3.102.344zm1.272.141-.165 1.49zm-.686-.728 1.06 1.06zm0-.707 1.06-1.06zm-.707 0-1.06-1.06zM19 4.293l-1.49.165.344 3.102 2.207-2.207zM18.86 3.02l-1.49.165zm-.003-.023-1.49.166zm-.028-.257 1.49-.166zm-.041-.373-1.491.166zm-.51-.179 1.06 1.061zm-.266.266-1.06-1.061zm-.183.182-1.06-1.06zm-.016.017 1.06 1.06zm-2.29 2.29 1.06 1.06zm-.287.817-1.49.166zm.195 1.75 1.06 1.06.51-.51-.08-.716zm-2.46 2.46-.646 1.353.957.457.75-.75zm-2.561.439-1.06-1.06zm0 3.182-1.06 1.06zm3.622-2.561-1.06-1.06-.751.75.457.957zm2.46-2.46.165-1.49-.717-.08-.51.51zm1.749.195.166-1.49zm.817-.287-1.06-1.06zm2.29-2.29-1.06-1.06zm.017-.016 1.06 1.06zm.183-.183-1.061-1.06zm.265-.265-1.061-1.06zm-.18-.51-.165 1.49zm-.372-.042-.166 1.491zm-.257-.028.166-1.491zm-2.908.054 1.06 1.06.51-.509-.08-.717zm-.018-.159-1.49.166zM16.37 6.923l-1.49.165.344 3.102 2.207-2.207zM16.23 5.65l-1.06-1.06-.51.509.08.716zm1.724-1.725 1.491-.165L19.1.658l-2.207 2.207zm-.875 3.705-1.061-1.061-2.207 2.207 3.102.344zm1.724-1.725.166-1.49-.717-.08-.51.51zm-.452 1.866-.165 1.49.716.08.51-.51zm1.725-1.724 1.06 1.06L23.342 4.9l-3.102-.344zm-1.114-.124.165-1.491zm-5.177-2.015-1.488-.188zm-.838.65.188-1.488zm.188-1.488.188-1.488zm-7.5 2.565-1.06-1.06zm0 12.73 1.061-1.06zm12.731 0-1.06-1.06zm2.565-7.5 1.489-.187zm-.838-.65.188 1.489zm-.65.839-1.488.188zm-2.137 6.25 1.06 1.061zm-10.61 0-1.06 1.061zm0-10.608-1.06-1.061zm6.433.375 1.496.114zm-.804.691-.114 1.496zm.113-1.495.114-1.496zM7.934 7.934l-1.06-1.06zm0 8.132-1.06 1.06zm8.132 0 1.06 1.06zm1.667-4.503-1.495.113zm-.804-.691.113 1.495zm-.691.804 1.495-.113zm-1.233 3.33-1.06-1.061zm4.537-8.516 1.273.142.33-2.982-1.272-.141zm-.309-3.138-.586.587 2.121 2.121.587-.586zm0 1.415a1 1 0 0 1 0-1.415l2.122 2.122a2 2 0 0 0 0-2.829zm1.415 0a1 1 0 0 1-1.415 0l2.122-2.122a2 2 0 0 0-2.829 0zm-.587.586.587-.586-2.122-2.122-.586.587zm-2.693-2.168.142 1.273 2.981-.331-.141-1.273zm-.002-.022.002.022 2.982-.33-.003-.024zm-.029-.257.029.257 2.981-.332-.028-.257zm-.041-.373.041.373 2.982-.332-.042-.372zm2.04.716c-.71.712-1.93.284-2.04-.716l2.981-.331c-.166-1.5-1.994-2.142-3.062-1.074zm-.264.265.265-.265-2.122-2.121-.265.265zm-.183.183.183-.183-2.122-2.121-.182.183zm-.016.016.016-.016-2.121-2.121-.017.016zm-2.29 2.29 2.29-2.29-2.122-2.121-2.29 2.29zm.143-.408a.5.5 0 0 1-.143.408L14.46 3.882a2.5 2.5 0 0 0-.717 2.044zm.194 1.75-.194-1.75-2.982.33.195 1.75zm-2.89 3.685 2.46-2.46-2.121-2.12-2.46 2.459zm-2.56.44a.75.75 0 0 1 .854-.147l1.293-2.707a3.75 3.75 0 0 0-4.269.732zm0 1.06a.75.75 0 0 1 0-1.06L9.348 9.348a3.75 3.75 0 0 0 0 5.304zm1.06 0a.75.75 0 0 1-1.06 0l-2.122 2.122a3.75 3.75 0 0 0 5.304 0zm.147-.853a.75.75 0 0 1-.147.853l2.122 2.122a3.75 3.75 0 0 0 .732-4.269zM15.43 7.51 12.97 9.97l2.121 2.12 2.46-2.459zm2.976-.236-1.75-.194-.33 2.981 1.75.195zm-.408.144a.5.5 0 0 1 .409-.144l-.332 2.982a2.5 2.5 0 0 0 2.044-.717zm2.29-2.29-2.29 2.29 2.121 2.12 2.29-2.29zm.016-.017-.016.016 2.121 2.122.016-.017zm.183-.183-.183.183 2.121 2.121.183-.182zm.265-.265-.265.265 2.121 2.122.265-.265zm.716 2.041c-1-.11-1.427-1.33-.716-2.04l2.121 2.12c1.068-1.067.426-2.895-1.074-3.061zm-.373-.041.373.041.331-2.981-.372-.042zm-.257-.029.257.029.332-2.982-.257-.028zm-.022-.002.022.002.332-2.981-.023-.003zm-1.23-1.6-.017-.158-2.982.331.018.159zm-2.154 2.951 1.724-1.724-2.12-2.122-1.725 1.725zm-2.693-2.168.142 1.273 2.981-.331-.141-1.273zm2.155-2.95-1.725 1.724L17.29 6.71l1.724-1.724zm2.675 2.009-.124-1.114-2.981.331.123 1.114zm-1.43 3.816 1.725-1.724-2.122-2.121-1.724 1.724zm.378-2.41-1.273-.141-.331 2.981 1.273.142zm.498-1.294L17.29 6.71l2.12 2.122 1.725-1.725zm-.219 2.428 1.114.123.331-2.981-1.114-.124zm-.159-.018.159.018.331-2.982-.158-.018zm-6.34-3.676a.75.75 0 0 1 .838-.65l-.376 2.976a2.25 2.25 0 0 0 2.515-1.95zm.65.838a.75.75 0 0 1-.65-.838l2.977.376a2.25 2.25 0 0 0-1.95-2.514zm-6.25 2.138a7.49 7.49 0 0 1 6.25-2.138l.376-2.976a10.49 10.49 0 0 0-8.748 2.992zm0 10.609a7.5 7.5 0 0 1 0-10.61l-2.122-2.12c-4.101 4.1-4.101 10.75 0 14.85zm10.609 0a7.5 7.5 0 0 1-10.61 0l-2.12 2.12c4.1 4.102 10.75 4.102 14.85 0zm2.137-6.251a7.49 7.49 0 0 1-2.137 6.25l2.12 2.122a10.49 10.49 0 0 0 2.994-8.748zm.838.65a.75.75 0 0 1-.838-.65l2.977-.376a2.25 2.25 0 0 0-2.515-1.95zm.65-.838a.75.75 0 0 1-.65.838l-.376-2.976a2.25 2.25 0 0 0-1.95 2.514zm-2.565 7.5a8.99 8.99 0 0 0 2.565-7.5l-2.976.376a5.99 5.99 0 0 1-1.71 5.002zm-12.73 0a9 9 0 0 0 12.73 0l-2.121-2.122a6 6 0 0 1-8.488 0zm0-12.731a9 9 0 0 0 0 12.73l2.121-2.121a6 6 0 0 1 0-8.488zm7.5-2.565a8.99 8.99 0 0 0-7.5 2.565l2.121 2.121a5.99 5.99 0 0 1 5.002-1.71zm-1.502 3.888a.75.75 0 0 1 .804-.691l-.227 2.991a2.25 2.25 0 0 0 2.414-2.073zm.69.804a.75.75 0 0 1-.69-.804l2.991.227a2.25 2.25 0 0 0-2.073-2.414zM8.996 8.995a4.24 4.24 0 0 1 3.329-1.233l.227-2.991a7.24 7.24 0 0 0-5.678 2.103zm0 6.01a4.25 4.25 0 0 1 0-6.01L6.873 6.874a7.25 7.25 0 0 0 0 10.253zm6.01 0a4.25 4.25 0 0 1-6.01 0l-2.122 2.122a7.25 7.25 0 0 0 10.253 0zm1.233-3.329a4.24 4.24 0 0 1-1.233 3.33l2.121 2.12a7.24 7.24 0 0 0 2.103-5.677zm.804.691a.75.75 0 0 1-.804-.69l2.991-.227a2.25 2.25 0 0 0-2.414-2.074zm.691-.804a.75.75 0 0 1-.69.804l-.228-2.99a2.25 2.25 0 0 0-2.073 2.413zm-1.667 4.503a5.74 5.74 0 0 0 1.667-4.503l-2.991.227a2.74 2.74 0 0 1-.798 2.155zm-8.132 0a5.75 5.75 0 0 0 8.132 0l-2.121-2.121a2.75 2.75 0 0 1-3.89 0zm0-8.132a5.75 5.75 0 0 0 0 8.132l2.121-2.121a2.75 2.75 0 0 1 0-3.89zm4.503-1.667a5.74 5.74 0 0 0-4.503 1.667l2.121 2.122a2.74 2.74 0 0 1 2.155-.798z",
+  mask: "url(#prefix__a)"
+}));
+export default NameTargetSizeMediumViewLinedSvg;

package/target-icon/assets/name_target_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameTargetSizeSmallViewFilledSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "M11.9 1.272a.3.3 0 0 1 .496.117l.554 1.661 1.66.554a.3.3 0 0 1 .118.497L12.68 6.149a1 1 0 0 1-1.024.241l-.74-.246L8.53 8.53a.75.75 0 1 1-1.06-1.06l2.386-2.387-.246-.74A1 1 0 0 1 9.85 3.32zm-2.77.787a.75.75 0 0 1-.797.702 5.25 5.25 0 1 0 4.906 4.906.75.75 0 1 1 1.497-.095 6.75 6.75 0 1 1-6.309-6.309.75.75 0 0 1 .702.796m-.71 2.878a.75.75 0 0 1-.665.826 2.25 2.25 0 1 0 2.481 2.481.75.75 0 1 1 1.492.163 3.75 3.75 0 1 1-4.134-4.134.75.75 0 0 1 .826.664",
+  clipRule: "evenodd"
+}));
+export default NameTargetSizeSmallViewFilledSvg;

package/target-icon/assets/name_target_size_small_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameTargetSizeSmallViewLinedSvg = 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: "#000",
+  fillRule: "evenodd",
+  d: "m12.95 3.05-.354-1.06-.01-.031-.19-.57a.3.3 0 0 0-.497-.117l-.424.424-.023.023-1.6 1.601a1 1 0 0 0-.242 1.024l.246.74L7.47 7.47a.75.75 0 1 0 1.06 1.06l2.387-2.386.74.246a1 1 0 0 0 1.023-.241l1.6-1.601.024-.023.424-.424a.3.3 0 0 0-.117-.497l-.57-.19-.03-.01zm-2.041 2.028.013.013 1.05.35 1.248-1.247L12.633 4l-.474-.158-.158-.474-.195-.587-1.248 1.247zM9.129 2.06a.75.75 0 0 1-.796.702 5.25 5.25 0 1 0 4.906 4.906.75.75 0 1 1 1.497-.095 6.75 6.75 0 1 1-6.309-6.309.75.75 0 0 1 .702.796M8.42 4.937a.75.75 0 0 1-.665.826 2.25 2.25 0 1 0 2.481 2.481.75.75 0 1 1 1.492.163 3.75 3.75 0 1 1-4.134-4.134.75.75 0 0 1 .826.664",
+  clipRule: "evenodd"
+}));
+export default NameTargetSizeSmallViewLinedSvg;

package/target-icon/index.d.ts

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

package/target-icon/index.js

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

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

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

package/target-icon/target-icon.component.js

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

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

package/target-icon/target-icon.types.js

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

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

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

package/tutorial-icon/assets/index.js

@@ -2,13 +2,16 @@
 /* eslint @typescript-eslint/comma-dangle: off */
 
 import TutorialMediumLinedIcon from "./name_tutorial_size_medium_view_lined.js";
+import TutorialMediumFilledIcon from "./name_tutorial_size_medium_view_filled.js";
+import TutorialSmallLinedIcon from "./name_tutorial_size_small_view_lined.js";
+import TutorialSmallFilledIcon from "./name_tutorial_size_small_view_filled.js";
 export const AssetMap = {
   'medium': {
-    'filled': null,
+    'filled': TutorialMediumFilledIcon,
     'lined': TutorialMediumLinedIcon
   },
   'small': {
-    'filled': null,
-    'lined': null
+    'filled': TutorialSmallFilledIcon,
+    'lined': TutorialSmallLinedIcon
   }
 };

package/tutorial-icon/assets/name_tutorial_size_medium_view_filled.js

@@ -4,5 +4,10 @@ const NameTutorialSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEl
   width: 24,
   height: 24,
   fill: "none"
-}, props));
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M21.529 10.032a.75.75 0 0 0-.2-1.206l-8.1-4.05a2.75 2.75 0 0 0-2.459 0L2.68 8.822a.75.75 0 0 0-.43.678v7a.75.75 0 0 0 1.5 0v-5.463a.2.2 0 0 1 .29-.179l1.42.71.067.03 5.914 2.957a1.25 1.25 0 0 0 1.118 0l5.606-2.803.067-.03 3.097-1.548a.8.8 0 0 0 .2-.142M17.75 13.96a.2.2 0 0 0-.29-.179l-4.23 2.116a2.75 2.75 0 0 1-2.46 0L6.54 13.78a.2.2 0 0 0-.29.18v1.91c0 1.235.77 2.253 1.806 2.927 1.043.678 2.44 1.073 3.944 1.073s2.901-.395 3.944-1.073c1.036-.674 1.806-1.692 1.806-2.927z",
+  clipRule: "evenodd"
+}));
 export default NameTutorialSizeMediumViewFilledSvg;

package/tutorial-icon/assets/name_tutorial_size_small_view_filled.js

@@ -4,5 +4,10 @@ const NameTutorialSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEle
   width: 16,
   height: 16,
   fill: "none"
-}, props));
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15.782 6.35a.75.75 0 0 0-.202-1.205L9.23 1.97a2.75 2.75 0 0 0-2.46 0L.428 5.14a.75.75 0 0 0-.43.679L0 5.835v5.624a.75.75 0 0 0 1.5 0V7.356a.2.2 0 0 1 .29-.179l1.01.506.051.023L7.441 10a1.25 1.25 0 0 0 1.118 0l4.342-2.171.051-.023 2.628-1.314a.8.8 0 0 0 .201-.144m-3.004 3.542a.2.2 0 0 0-.29-.179l-3.258 1.63a2.75 2.75 0 0 1-2.46 0l-3.259-1.63a.2.2 0 0 0-.29.18v1.059c0 1.06.661 1.921 1.522 2.48.867.564 2.02.888 3.257.888 1.236 0 2.39-.324 3.257-.888.86-.559 1.521-1.42 1.521-2.48z",
+  clipRule: "evenodd"
+}));
 export default NameTutorialSizeSmallViewFilledSvg;

package/tutorial-icon/assets/name_tutorial_size_small_view_lined.js

@@ -4,5 +4,10 @@ const NameTutorialSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElem
   width: 16,
   height: 16,
   fill: "none"
-}, props));
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15.932 6.35a.75.75 0 0 1-.355.363l-2.69 1.344a.2.2 0 0 0-.11.18v2.53l-.001.045c-.032 1.024-.681 1.855-1.52 2.4-.867.564-2.02.888-3.256.888s-2.39-.324-3.256-.888c-.84-.545-1.488-1.377-1.52-2.401l-.001-.043V8.236a.2.2 0 0 0-.11-.179l-1.323-.66a.2.2 0 0 0-.29.178v4.101a.75.75 0 0 1-1.5 0V6.05a.75.75 0 0 1 .43-.689l6.34-3.17a2.75 2.75 0 0 1 2.46 0l6.348 3.174a.75.75 0 0 1 .354.985m-11.21 4.382c0 .385.242.834.839 1.223.59.383 1.45.645 2.439.645.988 0 1.849-.262 2.439-.646.597-.388.838-.837.838-1.222V9.186a.2.2 0 0 0-.29-.179l-1.757.88a2.75 2.75 0 0 1-2.46 0l-1.758-.88a.2.2 0 0 0-.29.18zm8.492-4.873a.2.2 0 0 1 0 .358l-1.507.753-.03.016L8.56 8.545a1.25 1.25 0 0 1-1.118 0l-3.118-1.56-.03-.015-1.507-.753a.2.2 0 0 1 0-.358L7.44 3.532a1.25 1.25 0 0 1 1.118 0z",
+  clipRule: "evenodd"
+}));
 export default NameTutorialSizeSmallViewLinedSvg;