@pushwoosh/kit-icons 2.0.25 → 2.1.0

package/createIconComponent.d.ts

@@ -0,0 +1,5 @@
+import { FC, type Ref } from 'react';
+export declare function createIconComponent<P extends {
+    size: 'small' | 'medium';
+    boxRef?: Ref<HTMLDivElement>;
+}>(name: string, propNames: string[], iconMap: Record<string, any>): FC<P>;

package/createIconComponent.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconBox } from './icon.styles';
+export function createIconComponent(name, propNames, iconMap) {
+  return ({
+    boxRef,
+    ...props
+  }) => {
+    const iconKey = propNames.map(propName => props[propName]).join('-');
+    const Icon = iconMap[iconKey];
+    if (!Icon) {
+      console.error(`[${name}]: Icon not found!`);
+      return React.createElement(IconBox, {
+        ...props,
+        ref: boxRef
+      });
+    }
+    return React.createElement(IconBox, {
+      ...props,
+      ref: boxRef
+    }, React.createElement(Icon, null));
+  };
+}

package/icon.styles.d.ts

@@ -4,4 +4,8 @@ export declare const SizeInPxByIconSizeMap: {
     medium: UnitSize;
     large: UnitSize;
 };
+export type IconBoxProps = {
+    readonly size: 'small' | 'medium' | 'large';
+    readonly color: string;
+};
 export declare const IconBox: any;

package/icons/api-icon/api-icon.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ApiIconProps } from './api-icon.types';
+export declare const ApiIcon: import("react").FC<ApiIconProps>;

package/icons/api-icon/api-icon.component.js

@@ -0,0 +1,3 @@
+import { createIconComponent } from '../../createIconComponent';
+import assets from './assets';
+export const ApiIcon = createIconComponent('ApiIcon', ['size', 'view'], assets);

package/icons/api-icon/api-icon.types.d.ts

@@ -0,0 +1,5 @@
+import { CommonProps } from '../../types';
+export type ApiIconProps = CommonProps & {
+    readonly size: 'medium';
+    readonly view: 'lined';
+};

package/icons/api-icon/assets/index.d.ts

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

package/icons/api-icon/assets/index.js

@@ -0,0 +1,4 @@
+import medium_lined from "./name_api_size_medium_view_lined.js";
+export default {
+  'medium-lined': medium_lined
+};

package/icons/api-icon/assets/name_api_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameApiSizeMediumViewLinedSvg = 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: "M3 9.25a3.25 3.25 0 1 1 6.5 0v8a.75.75 0 0 1-1.5 0V14.5a.5.5 0 0 0-.5-.5H5a.5.5 0 0 0-.5.5v2.75a.75.75 0 0 1-1.5 0v-8m1.5-.098a1.75 1.75 0 1 1 3.5 0v2.95a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5zM13.8 6h-2a.5.5 0 0 0-.5.5v10.752a.748.748 0 0 0 1.496 0V14.5a.5.5 0 0 1 .5-.5h.504a4 4 0 0 0 0-8m-.682 1.402a.32.32 0 0 0-.318.319v4.563c0 .176.143.318.318.318h.582a2.6 2.6 0 0 0 0-5.2zM19.5 6.75a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0z",
+  clipRule: "evenodd"
+}));
+export default NameApiSizeMediumViewLinedSvg;

package/icons/api-icon/index.d.ts

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

package/icons/api-icon/index.js

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

package/icons/arrow-icon/arrow-icon.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowIconProps } from './arrow-icon.types';
+export declare const ArrowIcon: import("react").FC<ArrowIconProps>;

package/icons/arrow-icon/arrow-icon.component.js

@@ -0,0 +1,3 @@
+import { createIconComponent } from '../../createIconComponent';
+import assets from './assets';
+export const ArrowIcon = createIconComponent('ArrowIcon', ['direction', 'size'], assets);

package/icons/arrow-icon/arrow-icon.types.d.ts

@@ -0,0 +1,5 @@
+import { CommonProps } from '../../types';
+export type ArrowIconProps = CommonProps & {
+    readonly direction: 'down-left' | 'down-right' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'up';
+    readonly size: 'medium' | 'small';
+};

package/icons/arrow-icon/assets/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const _default: {
+    'down-left-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-left-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-right-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-left-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-left-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-right-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-medium': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-small': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+};
+export default _default;

package/icons/arrow-icon/assets/index.js

@@ -0,0 +1,30 @@
+import down_left_medium from "./name_arrow_direction_down_left_size_medium.js";
+import down_left_small from "./name_arrow_direction_down_left_size_small.js";
+import down_right_medium from "./name_arrow_direction_down_right_size_medium.js";
+import down_medium from "./name_arrow_direction_down_size_medium.js";
+import down_small from "./name_arrow_direction_down_size_small.js";
+import left_medium from "./name_arrow_direction_left_size_medium.js";
+import left_small from "./name_arrow_direction_left_size_small.js";
+import right_medium from "./name_arrow_direction_right_size_medium.js";
+import right_small from "./name_arrow_direction_right_size_small.js";
+import up_left_medium from "./name_arrow_direction_up_left_size_medium.js";
+import up_left_small from "./name_arrow_direction_up_left_size_small.js";
+import up_right_medium from "./name_arrow_direction_up_right_size_medium.js";
+import up_medium from "./name_arrow_direction_up_size_medium.js";
+import up_small from "./name_arrow_direction_up_size_small.js";
+export default {
+  'down-left-medium': down_left_medium,
+  'down-left-small': down_left_small,
+  'down-right-medium': down_right_medium,
+  'down-medium': down_medium,
+  'down-small': down_small,
+  'left-medium': left_medium,
+  'left-small': left_small,
+  'right-medium': right_medium,
+  'right-small': right_small,
+  'up-left-medium': up_left_medium,
+  'up-left-small': up_left_small,
+  'up-right-medium': up_right_medium,
+  'up-medium': up_medium,
+  'up-small': up_small
+};

package/icons/arrow-icon/assets/name_arrow_direction_down_left_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionDownLeftSizeMediumSvg = 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: "M13.768 15.14a.75.75 0 0 1 0 1.5H8.11a.75.75 0 0 1-.75-.75v-5.658a.75.75 0 1 1 1.5 0v3.847l6.498-6.498a.75.75 0 1 1 1.06 1.06L9.923 15.14z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionDownLeftSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_down_left_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionDownLeftSizeSmallSvg = 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: "M9.768 9.725a.75.75 0 1 1 0 1.5H5.525a.75.75 0 0 1-.75-.75V6.232a.75.75 0 0 1 1.5 0v2.432l3.67-3.67a.75.75 0 0 1 1.06 1.061l-3.67 3.67z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionDownLeftSizeSmallSvg;

package/icons/arrow-icon/assets/name_arrow_direction_down_right_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionDownRightSizeMediumSvg = 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: "M15.14 10.232a.75.75 0 0 1 1.5 0v5.657a.75.75 0 0 1-.75.75h-5.658a.75.75 0 0 1 0-1.5h3.847L7.58 8.641a.75.75 0 1 1 1.06-1.06l6.498 6.497z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionDownRightSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_down_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionDownSizeMediumSvg = 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: "M15.47 12.97a.75.75 0 0 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V6.5a.75.75 0 0 1 1.5 0v9.19z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionDownSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_down_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionDownSizeSmallSvg = 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: "M10.47 7.97a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 1.06-1.06l1.72 1.72V4.5a.75.75 0 0 1 1.5 0v5.19z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionDownSizeSmallSvg;

package/icons/arrow-icon/assets/name_arrow_direction_left_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionLeftSizeMediumSvg = 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: "M11.03 15.47a.75.75 0 0 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06l-2.72 2.72h9.19a.75.75 0 0 1 0 1.5H8.31z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionLeftSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_left_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionLeftSizeSmallSvg = 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: "M8.03 10.47a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 1.06L6.31 7.25h5.19a.75.75 0 0 1 0 1.5H6.31z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionLeftSizeSmallSvg;

package/icons/arrow-icon/assets/name_arrow_direction_right_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionRightSizeMediumSvg = 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: "M12.97 8.53a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72H6.5a.75.75 0 0 1 0-1.5h9.19z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionRightSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_right_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionRightSizeSmallSvg = 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: "M7.97 5.53a.75.75 0 0 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l1.72-1.72H4.5a.75.75 0 0 1 0-1.5h5.19z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionRightSizeSmallSvg;

package/icons/arrow-icon/assets/name_arrow_direction_up_left_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionUpLeftSizeMediumSvg = 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: "M8.861 13.768a.75.75 0 0 1-1.5 0V8.11a.75.75 0 0 1 .75-.75h5.657a.75.75 0 0 1 0 1.5H9.922l6.497 6.498a.75.75 0 0 1-1.06 1.06L8.86 9.923z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionUpLeftSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_up_left_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionUpLeftSizeSmallSvg = 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: "M6.275 9.768a.75.75 0 1 1-1.5 0V5.525a.75.75 0 0 1 .75-.75h4.243a.75.75 0 1 1 0 1.5H7.336l3.67 3.67a.75.75 0 1 1-1.061 1.06l-3.67-3.67z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionUpLeftSizeSmallSvg;

package/icons/arrow-icon/assets/name_arrow_direction_up_right_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionUpRightSizeMediumSvg = 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: "M10.232 8.86a.75.75 0 0 1 0-1.5h5.657a.75.75 0 0 1 .75.75v5.658a.75.75 0 1 1-1.5 0V9.922l-6.498 6.497a.75.75 0 1 1-1.06-1.06l6.498-6.498z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionUpRightSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_up_size_medium.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionUpSizeMediumSvg = 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: "M8.53 11.03a.75.75 0 1 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06l-2.72-2.72v9.19a.75.75 0 0 1-1.5 0V8.31z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionUpSizeMediumSvg;

package/icons/arrow-icon/assets/name_arrow_direction_up_size_small.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowDirectionUpSizeSmallSvg = 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: "M5.53 8.03a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L8.75 6.31v5.19a.75.75 0 0 1-1.5 0V6.31z",
+  clipRule: "evenodd"
+}));
+export default NameArrowDirectionUpSizeSmallSvg;

package/icons/arrow-round-icon/arrow-round-icon.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowRoundIconProps } from './arrow-round-icon.types';
+export declare const ArrowRoundIcon: import("react").FC<ArrowRoundIconProps>;

package/icons/arrow-round-icon/arrow-round-icon.component.js

@@ -0,0 +1,3 @@
+import { createIconComponent } from '../../createIconComponent';
+import assets from './assets';
+export const ArrowRoundIcon = createIconComponent('ArrowRoundIcon', ['direction', 'size', 'view'], assets);

package/icons/arrow-round-icon/arrow-round-icon.types.d.ts

@@ -0,0 +1,6 @@
+import { CommonProps } from '../../types';
+export type ArrowRoundIconProps = CommonProps & {
+    readonly direction: 'down' | 'left' | 'right' | 'up';
+    readonly size: 'medium' | 'small';
+    readonly view: 'filled' | 'lined';
+};

package/icons/arrow-round-icon/assets/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare const _default: {
+    'down-medium-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-medium-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-small-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'down-small-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-medium-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-medium-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-small-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'left-small-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-medium-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-medium-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-small-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'right-small-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-medium-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-medium-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-small-filled': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'up-small-lined': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+};
+export default _default;

package/icons/arrow-round-icon/assets/index.js

@@ -0,0 +1,34 @@
+import down_medium_filled from "./name_arrow_round_direction_down_size_medium_view_filled.js";
+import down_medium_lined from "./name_arrow_round_direction_down_size_medium_view_lined.js";
+import down_small_filled from "./name_arrow_round_direction_down_size_small_view_filled.js";
+import down_small_lined from "./name_arrow_round_direction_down_size_small_view_lined.js";
+import left_medium_filled from "./name_arrow_round_direction_left_size_medium_view_filled.js";
+import left_medium_lined from "./name_arrow_round_direction_left_size_medium_view_lined.js";
+import left_small_filled from "./name_arrow_round_direction_left_size_small_view_filled.js";
+import left_small_lined from "./name_arrow_round_direction_left_size_small_view_lined.js";
+import right_medium_filled from "./name_arrow_round_direction_right_size_medium_view_filled.js";
+import right_medium_lined from "./name_arrow_round_direction_right_size_medium_view_lined.js";
+import right_small_filled from "./name_arrow_round_direction_right_size_small_view_filled.js";
+import right_small_lined from "./name_arrow_round_direction_right_size_small_view_lined.js";
+import up_medium_filled from "./name_arrow_round_direction_up_size_medium_view_filled.js";
+import up_medium_lined from "./name_arrow_round_direction_up_size_medium_view_lined.js";
+import up_small_filled from "./name_arrow_round_direction_up_size_small_view_filled.js";
+import up_small_lined from "./name_arrow_round_direction_up_size_small_view_lined.js";
+export default {
+  'down-medium-filled': down_medium_filled,
+  'down-medium-lined': down_medium_lined,
+  'down-small-filled': down_small_filled,
+  'down-small-lined': down_small_lined,
+  'left-medium-filled': left_medium_filled,
+  'left-medium-lined': left_medium_lined,
+  'left-small-filled': left_small_filled,
+  'left-small-lined': left_small_lined,
+  'right-medium-filled': right_medium_filled,
+  'right-medium-lined': right_medium_lined,
+  'right-small-filled': right_small_filled,
+  'right-small-lined': right_small_lined,
+  'up-medium-filled': up_medium_filled,
+  'up-medium-lined': up_medium_lined,
+  'up-small-filled': up_small_filled,
+  'up-small-lined': up_small_lined
+};

package/icons/arrow-round-icon/assets/name_arrow_round_direction_down_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionDownSizeMediumViewFilledSvg = 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: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M8.293 13.707l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V8a1 1 0 1 0-2 0v5.586l-1.293-1.293a1 1 0 0 0-1.414 1.414",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionDownSizeMediumViewFilledSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_down_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionDownSizeMediumViewLinedSvg = 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: "M12 4.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15m9 7.5a9 9 0 1 0-18 0 9 9 0 0 0 18 0m-8.47 4.53 3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8a.75.75 0 0 0-1.5 0v6.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionDownSizeMediumViewLinedSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_down_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionDownSizeSmallViewFilledSvg = 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: "M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8m10.03.22a.75.75 0 0 0-1.06 0L8.75 9.44V4.75a.75.75 0 0 0-1.5 0v4.69L6.03 8.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 0 0 0-1.06",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionDownSizeSmallViewFilledSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_down_size_small_view_lined.js

@@ -0,0 +1,16 @@
+import React from 'react';
+const NameArrowRoundDirectionDownSizeSmallViewLinedSvg = 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",
+  d: "M7.465 10.859 5.136 8.53a.75.75 0 1 1 1.061-1.06L7.25 8.523V5.667a.75.75 0 1 1 1.5 0v2.856L9.803 7.47a.75.75 0 1 1 1.06 1.06L8.53 10.864a.75.75 0 0 1-.523.22H8a.75.75 0 0 1-.535-.225"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M14.583 8A6.583 6.583 0 1 1 1.417 8a6.583 6.583 0 0 1 13.166 0M8 13.083A5.083 5.083 0 1 0 8 2.917a5.083 5.083 0 0 0 0 10.166",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionDownSizeSmallViewLinedSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_left_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionLeftSizeMediumViewFilledSvg = 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: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m-1.707 12.707-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 1 1 1.414 1.414L10.414 11H16a1 1 0 0 1 0 2h-5.586l1.293 1.293a1 1 0 0 1-1.414 1.414",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionLeftSizeMediumViewFilledSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_left_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionLeftSizeMediumViewLinedSvg = 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: "M19.5 12a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m-4.53 8.47 3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 0 1.5H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionLeftSizeMediumViewLinedSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_left_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionLeftSizeSmallViewFilledSvg = 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: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14M7.78 4.97a.75.75 0 0 1 0 1.06L6.56 7.25h4.69a.75.75 0 0 1 0 1.5H6.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionLeftSizeSmallViewFilledSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_left_size_small_view_lined.js

@@ -0,0 +1,16 @@
+import React from 'react';
+const NameArrowRoundDirectionLeftSizeSmallViewLinedSvg = 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",
+  d: "M5.141 7.465 7.47 5.136a.75.75 0 1 1 1.06 1.061L7.477 7.25h2.856a.75.75 0 0 1 0 1.5H7.477L8.53 9.803a.75.75 0 0 1-1.06 1.06L5.136 8.53a.747.747 0 0 1 .005-1.065"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M8 14.583A6.583 6.583 0 1 1 8 1.417a6.583 6.583 0 0 1 0 13.166M2.917 8a5.083 5.083 0 1 0 10.166 0A5.083 5.083 0 0 0 2.917 8",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionLeftSizeSmallViewLinedSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_right_size_medium_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionRightSizeMediumViewFilledSvg = 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: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m1.707-12.707 3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 1 1-1.414-1.414L13.586 13H8a1 1 0 1 1 0-2h5.586l-1.293-1.293a1 1 0 0 1 1.414-1.414",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionRightSizeMediumViewFilledSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_right_size_medium_view_lined.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionRightSizeMediumViewLinedSvg = 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.5 12a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m4.53 8.47-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8a.75.75 0 0 0 0 1.5h6.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionRightSizeMediumViewLinedSvg;

package/icons/arrow-round-icon/assets/name_arrow_round_direction_right_size_small_view_filled.js

@@ -0,0 +1,13 @@
+import React from 'react';
+const NameArrowRoundDirectionRightSizeSmallViewFilledSvg = 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: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m.22-10.03a.75.75 0 0 0 0 1.06l1.22 1.22H4.75a.75.75 0 0 0 0 1.5h4.69L8.22 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0",
+  clipRule: "evenodd"
+}));
+export default NameArrowRoundDirectionRightSizeSmallViewFilledSvg;