@epilot360/icons 1.12.1 → 1.12.3

package/src/stories/SearchComponent.tsx

@@ -0,0 +1,89 @@
+/* eslint-disable import/no-unresolved */
+import YAML from 'js-yaml';
+import uniqBy from 'lodash/uniqBy';
+import { SnackbarProvider, enqueueSnackbar } from 'notistack';
+import React, { FC, useMemo } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import iconConfigYaml from '../../icons.config.yaml?raw';
+import * as reactIcons from '../react';
+import { IconProps } from '../types';
+import './SearchComponent.css';
+
+// eslint-disable-next-line prettier/prettier
+const iconLib = reactIcons as unknown as { [key: string]: FC<IconProps> & { iconName: string } };
+
+interface IconConfig {
+  [Icon: string]: {
+    name: string;
+    tags: string[];
+    aliases: string[];
+  };
+}
+const iconConfig = YAML.load(iconConfigYaml) as IconConfig;
+
+export const SearchComponent = () => {
+  const [searchTerm, setSearchTerm] = React.useState('');
+
+  const icons = useMemo(() => {
+    const iconComponents = Object.keys(iconConfig)
+      .filter((iconName) => {
+        if (searchTerm) {
+          return iconConfig[iconName].aliases.some((alias) => alias.toLowerCase().includes(searchTerm.toLowerCase()));
+        }
+
+        return true;
+      })
+      .filter((iconName) => iconLib[iconName] !== undefined)
+      .map((iconName) => ({ Component: iconLib[iconName], ...iconConfig[iconName] }));
+
+    // exact match
+    const exactMatch = iconComponents.find(({ name }) => name.toLowerCase() === searchTerm.toLowerCase());
+    if (searchTerm && exactMatch) {
+      iconComponents.unshift(exactMatch);
+    }
+
+    return uniqBy(iconComponents, 'name');
+  }, [searchTerm]);
+
+  const copyNameToClipboard = (name: string) => {
+    navigator.clipboard.writeText(name);
+    enqueueSnackbar(`Copied "${name}" to clipboard`, {
+      variant: 'success',
+      anchorOrigin: { vertical: 'top', horizontal: 'center' },
+    });
+  };
+
+  return (
+    <div className="search-component">
+      <SnackbarProvider />
+
+      <div className="search-component__input">
+        <input
+          type="text"
+          placeholder="Search by name..."
+          value={searchTerm}
+          onChange={(e) => setSearchTerm(e.target.value)}
+        />
+        <span className="search-component__search_icon">
+          <reactIcons.Search fill="#888" />
+        </span>
+      </div>
+
+      <div className="search-component__count">{icons.length} icons</div>
+
+      <div className="search-component__icons">
+        {icons.map(({ Component: IconComponent, name }) => (
+          <div className="search-component__icon" title={name} key={name} onClick={() => copyNameToClipboard(name)}>
+            <div className="search-component__icon_icon">
+              <IconComponent width={24} height={24} />
+            </div>
+
+            <div className="search-component__icon_title">{name}</div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};

package/src/stories/util.ts

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FC } from 'react';
+
+import { IconProps } from '../types';
+
+type IconComponent = FC<IconProps>;
+
+export const generateStory = (component: FC<IconProps>) => {
+  const meta: Meta<IconComponent> = {
+    title: `Icons/${component.displayName}`,
+    component: component,
+    parameters: {
+      layout: 'centered',
+      docs: {
+        canvas: {
+          sourceState: 'shown',
+        },
+      },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+      fill: { control: 'color' },
+      width: { control: 'number' },
+      height: { control: 'number' },
+      size: { control: 'number' },
+      variant: { control: 'radio', options: ['filled', 'outlined'] },
+    },
+  };
+
+  const story: StoryObj<IconComponent> = {
+    args: {
+      variant: 'filled',
+    },
+  };
+
+  return { meta, story };
+};

package/src/svg/Account/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M67-180v-586.999q0-32.664 23.277-55.941 23.277-23.278 55.941-23.278h257.564q32.664 0 55.941 23.278 23.278 23.277 23.278 55.941v85.781h330.781q32.664 0 55.941 23.278 23.278 23.277 23.278 55.941V-180q0 33.257-23.278 56.238-23.277 22.98-55.941 22.98H146.218q-32.664 0-55.941-22.98Q66.999-146.743 66.999-180Zm73 6.218h105v-105H140v105Zm0-165h105v-105H140v105Zm0-165h105v-105H140v105Zm0-165h105v-105H140v105Zm165 495h105v-105H305v105Zm0-165h105v-105H305v105Zm0-165h105v-105H305v105Zm0-165h105v-105H305v105Zm165 495h350v-435H470v105h80v60h-80v105h80v60h-80v105Zm185-270v-60h60v60h-60Zm0 165v-60h60v60h-60Z"/></svg>

package/src/svg/Account/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M67-180v-586.999q0-32.664 23.277-55.941 23.277-23.278 55.941-23.278h257.564q32.664 0 55.941 23.278 23.278 23.277 23.278 55.941v85.781h330.781q32.664 0 55.941 23.278 23.278 23.277 23.278 55.941V-180q0 33.257-23.278 56.238-23.277 22.98-55.941 22.98H146.218q-32.664 0-55.941-22.98Q66.999-146.743 66.999-180Zm73 6.218h105v-105H140v105Zm0-165h105v-105H140v105Zm0-165h105v-105H140v105Zm0-165h105v-105H140v105Zm165 495h105v-105H305v105Zm0-165h105v-105H305v105Zm0-165h105v-105H305v105Zm0-165h105v-105H305v105Zm165 495h350v-435H470v105h80v60h-80v105h80v60h-80v105Zm185-270v-60h60v60h-60Zm0 165v-60h60v60h-60Z"/></svg>

package/src/svg/Account/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AccountSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AccountSVG;

package/src/svg/Action/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M145.087-145.869q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-509.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521h669.826q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v509.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H145.087ZM289-279.087h383q22 0 37-15.5t15-37.5q0-22-15-37t-37-15H288q-22 0-37 15t-15 37q0 22 15.5 37.5t37.5 15.5Z"/></svg>

package/src/svg/Action/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M145.087-145.869q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-509.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521h669.826q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v509.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H145.087Zm0-79.218h669.826v-509.826H145.087v509.826Zm0 0v-509.826 509.826Zm143.913-54h383q21.667 0 36.833-15.441Q724-309.97 724-332.028q0-22.059-15.167-37.059-15.166-15-36.833-15H288q-21.667 0-36.833 15.235-15.167 15.235-15.167 37t15.458 37.265q15.459 15.5 37.542 15.5Z"/></svg>

package/src/svg/Action/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const ActionSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default ActionSVG;

package/src/svg/Add/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M440.391-440.391H225.478q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h214.913v-214.913q0-16.636 11.501-28.405 11.502-11.769 28.283-11.769 16.782 0 28.108 11.769t11.326 28.405v214.913h214.913q16.636 0 28.405 11.501 11.769 11.502 11.769 28.283 0 16.782-11.769 28.108t-28.405 11.326H519.609v214.913q0 16.707-11.501 28.158-11.502 11.451-28.283 11.451-16.782 0-28.108-11.451t-11.326-28.158v-214.913Z"/></svg>

package/src/svg/Add/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M440.391-440.391H225.478q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h214.913v-214.913q0-16.636 11.501-28.405 11.502-11.769 28.283-11.769 16.782 0 28.108 11.769t11.326 28.405v214.913h214.913q16.636 0 28.405 11.501 11.769 11.502 11.769 28.283 0 16.782-11.769 28.108t-28.405 11.326H519.609v214.913q0 16.707-11.501 28.158-11.502 11.451-28.283 11.451-16.782 0-28.108-11.451t-11.326-28.158v-214.913Z"/></svg>

package/src/svg/Add/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AddSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AddSVG;

package/src/svg/AddCircle/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M449.609-442.609V-310q0 14.191 9.41 23.791t24.156 9.6q14.747 0 23.982-9.359 9.234-9.36 9.234-24.172v-132.469H650q14.191 0 23.791-9.41t9.6-24.156q0-14.747-9.359-23.982-9.36-9.234-24.172-9.234H516.391V-650q0-14.191-9.41-23.791t-24.156-9.6q-14.747 0-23.982 9.359-9.234 9.36-9.234 24.172v140.469H310q-14.191 0-23.791 9.41t-9.6 24.156q0 14.747 9.359 23.982 9.36 9.234 24.172 9.234h139.469Zm30.735 376.74q-86.203 0-161.506-32.395-75.302-32.395-131.741-88.833-56.438-56.439-88.833-131.738-32.395-75.299-32.395-161.587 0-86.288 32.395-161.665t88.745-131.345q56.349-55.968 131.69-88.616 75.34-32.648 161.676-32.648 86.335 0 161.779 32.604t131.37 88.497q55.926 55.893 88.549 131.452 32.623 75.559 32.623 161.877 0 86.281-32.648 161.575-32.648 75.293-88.616 131.478-55.968 56.186-131.426 88.765-75.459 32.58-161.662 32.58Z"/></svg>

package/src/svg/AddCircle/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M449.609-442.609V-310q0 14.191 9.41 23.791t24.156 9.6q14.747 0 23.982-9.359 9.234-9.36 9.234-24.172v-132.469H650q14.191 0 23.791-9.41t9.6-24.156q0-14.747-9.359-23.982-9.36-9.234-24.172-9.234H516.391V-650q0-14.191-9.41-23.791t-24.156-9.6q-14.747 0-23.982 9.359-9.234 9.36-9.234 24.172v140.469H310q-14.191 0-23.791 9.41t-9.6 24.156q0 14.747 9.359 23.982 9.36 9.234 24.172 9.234h139.469Zm30.735 376.74q-86.203 0-161.506-32.395-75.302-32.395-131.741-88.833-56.438-56.439-88.833-131.738-32.395-75.299-32.395-161.587 0-86.288 32.395-161.665t88.745-131.345q56.349-55.968 131.69-88.616 75.34-32.648 161.676-32.648 86.335 0 161.779 32.604t131.37 88.497q55.926 55.893 88.549 131.452 32.623 75.559 32.623 161.877 0 86.281-32.648 161.575-32.648 75.293-88.616 131.478-55.968 56.186-131.426 88.765-75.459 32.58-161.662 32.58Zm.156-79.218q139.239 0 236.826-97.732 97.587-97.732 97.587-237.681 0-139.239-97.4-236.826-97.399-97.587-237.796-97.587-139.021 0-236.826 97.4-97.804 97.399-97.804 237.796 0 139.021 97.732 236.826 97.732 97.804 237.681 97.804ZM480-480Z"/></svg>

package/src/svg/AddCircle/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AddCircleSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AddCircleSVG;

package/src/svg/Address/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M372.261-446.218h63.957v-105.869h87.564v105.869h63.957v-178.217L480-695.739l-107.739 71.304v178.217ZM479.865-88.13q-11.995 0-24.242-4.065-12.246-4.065-21.275-12.631-45.392-39.13-96.088-89.195-50.695-50.066-93.543-107.913-42.848-57.848-70.848-121.827-28-63.978-28-129.935 0-155.494 100.882-248.247Q347.634-894.696 480-894.696q132.366 0 233.531 92.753 101.165 92.753 101.165 248.247 0 65.957-28.282 129.935-28.283 63.979-71.131 121.827-42.848 57.847-93.543 107.913-50.696 50.065-95.522 89.195-9.671 8.566-22.014 12.63-12.343 4.066-24.339 4.066Z"/></svg>

package/src/svg/Address/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M372.261-446.218h63.957v-105.869h87.564v105.869h63.957v-178.217L480-695.739l-107.739 71.304v178.217ZM480-170.305q130.174-117.608 192.543-210.739 62.37-93.13 62.37-172.652 0-115.155-74.107-188.186T479.98-814.913q-106.719 0-180.806 73.031-74.087 73.031-74.087 188.186 0 79.522 63.87 172.37Q352.826-288.479 480-170.305Zm-.135 82.175q-11.995 0-24.242-4.065-12.246-4.065-21.275-12.631-45.392-39.13-96.088-89.195-50.695-50.066-93.543-107.913-42.848-57.848-70.848-121.827-28-63.978-28-129.935 0-155.494 100.882-248.247Q347.634-894.696 480-894.696q132.366 0 233.531 92.753 101.165 92.753 101.165 248.247 0 65.957-28.282 129.935-28.283 63.979-71.131 121.827-42.848 57.847-93.543 107.913-50.696 50.065-95.522 89.195-9.671 8.566-22.014 12.63-12.343 4.066-24.339 4.066ZM480-560Z"/></svg>

package/src/svg/Address/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AddressSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AddressSVG;

package/src/svg/Alarm/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M515.391-451.13v-155.479q0-14.215-9.347-23.803Q496.696-640 482-640t-24.044 9.348q-9.347 9.348-9.347 24.153v167.934q0 8.433 2.847 15.042 2.848 6.61 8.979 12.175l112.913 112.913q10.281 10.696 23.619 10.413 13.337-.282 23.468-10.607 10.695-10.324 10.695-23.729t-10.695-23.729L515.391-451.13ZM479-67.869q-76.826 0-144.87-29.13-68.043-29.131-118.804-79.827-50.761-50.695-80.109-118.651Q105.869-363.432 105.869-441q0-76.826 29.348-144.87 29.348-68.043 80.109-119.022 50.761-50.978 118.804-80.391 68.044-29.413 144.87-29.413 76.826 0 144.87 29.413 68.043 29.413 119.022 80.391 50.978 50.979 80.391 119.022 29.413 68.044 29.413 144.87 0 77.826-29.413 145.652-29.413 67.827-80.391 118.522-50.979 50.696-119.022 79.827Q555.826-67.87 479-67.87ZM55.367-691.957q-10.324-10.281-9.542-23.336.783-13.055 10.913-23.751l127.783-123.783q10.131-9.13 23.761-8.63 13.631.5 22.761 9.824 10.696 10.325 10.196 23.447t-11.196 23.446L102.26-690.957q-10.324 9.696-23.946 9.196-13.622-.5-22.947-10.196Zm847.266 0q-9.325 9.696-22.947 10.196t-23.946-9.196L727.957-814.74q-10.696-9.324-11.196-22.946-.5-13.622 10.196-23.947 9.13-9.324 22.761-9.824 13.63-.5 24.127 8.996l127.982 123.982q10.13 9.42 10.63 22.906.5 13.486-9.824 23.616Z"/></svg>

package/src/svg/Alarm/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M515.391-451.13v-155.479q0-13.965-9.523-23.678Q496.345-640 481.825-640q-14.521 0-23.869 9.473-9.347 9.473-9.347 24.028v167.934q0 7.998 2.847 14.825 2.848 6.827 8.979 12.392l112.913 112.913q10.281 10.696 23.619 10.413 13.337-.282 23.468-10.607 10.695-10.324 10.695-23.729t-10.695-23.729L515.391-451.13ZM479-67.869q-76.826 0-144.87-29.13-68.043-29.131-118.804-79.609-50.761-50.479-80.109-118.522-29.348-68.044-29.348-145.603 0-77.559 29.348-145.37 29.348-67.81 80.109-118.789 50.761-50.978 118.804-80.391 68.044-29.413 144.87-29.413 76.826 0 144.87 29.413 68.043 29.413 119.022 80.391 50.978 50.979 80.391 118.789 29.413 67.811 29.413 145.37T823.283-295.13q-29.413 68.043-80.397 118.658-50.985 50.614-119.022 79.609Q555.826-67.87 479-67.87ZM479-439ZM55.367-691.957q-10.324-10.281-9.542-23.336.783-13.055 10.913-23.751l127.783-123.783q10.131-9.13 23.761-8.63 13.631.5 22.761 9.824 10.696 10.325 10.196 23.447t-11.196 23.446L102.26-690.957q-10.324 9.696-23.946 9.196-13.622-.5-22.947-10.196Zm847.266 0q-9.325 9.696-22.947 10.196t-23.946-9.196L727.957-814.74q-10.696-9.324-11.196-22.946-.5-13.622 10.196-23.947 9.13-9.324 22.761-9.824 13.63-.5 24.127 8.996l127.982 123.982q10.13 9.42 10.63 22.906.5 13.486-9.824 23.616Zm-423.691 544.87q122.797 0 208.384-85.529 85.587-85.528 85.587-208.326 0-122.797-85.529-208.384-85.528-85.587-208.326-85.587-122.797 0-208.384 85.529-85.587 85.528-85.587 208.326 0 122.797 85.529 208.384 85.528 85.587 208.326 85.587Z"/></svg>

package/src/svg/Alarm/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AlarmSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AlarmSVG;

package/src/svg/ArrowCircleLeft/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M468.349-440.391h135.042q16.957 0 28.283-11.326 11.327-11.326 11.327-28.283t-11.327-28.283q-11.326-11.326-28.283-11.326H468.349l42.825-42.826q11.827-11.826 11.827-27.783 0-15.956-11.827-28.065-11.826-12.109-27.783-12.109-15.956 0-28.348 12.391L345.391-508.348q-11.826 12.237-11.826 28.554 0 16.316 11.826 28.142l110.218 110.218q11.826 11.826 27.782 11.826 15.957 0 27.783-12.109 11.827-12.109 11.827-28.065 0-15.957-11.827-27.783l-42.825-42.826Zm11.729 374.522q-85.469 0-161.006-32.395-75.536-32.395-131.975-88.833-56.438-56.439-88.833-131.897-32.395-75.459-32.395-160.928 0-86.469 32.395-162.006 32.395-75.536 88.745-131.504 56.349-55.968 131.849-88.616 75.5-32.648 161.017-32.648 86.516 0 162.12 32.604 75.603 32.604 131.529 88.497t88.549 131.452Q894.696-566.584 894.696-480q0 85.547-32.648 161.075-32.648 75.527-88.616 131.896-55.968 56.37-131.426 88.765-75.459 32.395-161.928 32.395Z"/></svg>

package/src/svg/ArrowCircleLeft/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M468.349-440.391h135.042q16.957 0 28.283-11.326 11.327-11.326 11.327-28.283t-11.327-28.283q-11.326-11.326-28.283-11.326H468.349l42.825-42.826q11.827-11.826 11.827-27.783 0-15.956-11.827-28.065-11.826-12.109-27.783-12.109-15.956 0-28.348 12.391L345.391-508.348q-11.826 12.237-11.826 28.554 0 16.316 11.826 28.142l110.218 110.218q11.826 11.826 27.782 11.826 15.957 0 27.783-12.109 11.827-12.109 11.827-28.065 0-15.957-11.827-27.783l-42.825-42.826Zm11.729 374.522q-85.469 0-161.006-32.395-75.536-32.395-131.975-88.833-56.438-56.439-88.833-131.897-32.395-75.459-32.395-160.928 0-86.469 32.395-162.006 32.395-75.536 88.745-131.504 56.349-55.968 131.849-88.616 75.5-32.648 161.017-32.648 86.516 0 162.12 32.604 75.603 32.604 131.529 88.497t88.549 131.452Q894.696-566.584 894.696-480q0 85.547-32.648 161.075-32.648 75.527-88.616 131.896-55.968 56.37-131.426 88.765-75.459 32.395-161.928 32.395ZM480-145.087q139.739 0 237.326-97.732Q814.913-340.551 814.913-480q0-139.739-97.587-237.326-97.587-97.587-237.609-97.587-139.021 0-236.826 97.587-97.804 97.587-97.804 237.609 0 139.021 97.732 236.826Q340.551-145.087 480-145.087ZM480-480Z"/></svg>

package/src/svg/ArrowCircleLeft/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const ArrowCircleLeftSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default ArrowCircleLeftSVG;

package/src/svg/ArrowLeft/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m299.871-440.391 131.173 131.173q11.261 11.827 11.044 28.066-.218 16.239-12.044 27.5-11.826 11.826-27.783 11.544-15.957-.283-27.218-11.544l-198.565-198Q164.652-463.478 164.652-480t11.826-28.348l199.565-199q11.261-11.261 27.218-11.544 15.957-.282 27.783 10.979 11.826 11.826 11.544 28.565-.283 16.739-11.544 28L299.871-519.609h473.39q16.957 0 28.283 11.326T812.87-480q0 16.957-11.326 28.283t-28.283 11.326h-473.39Z"/></svg>

package/src/svg/ArrowLeft/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m299.871-440.391 131.173 131.173q11.261 11.827 11.044 28.066-.218 16.239-12.044 27.5-11.826 11.826-27.783 11.544-15.957-.283-27.218-11.544l-198.565-198Q164.652-463.478 164.652-480t11.826-28.348l199.565-199q11.261-11.261 27.218-11.544 15.957-.282 27.783 10.979 11.826 11.826 11.544 28.565-.283 16.739-11.544 28L299.871-519.609h473.39q16.957 0 28.283 11.326T812.87-480q0 16.957-11.326 28.283t-28.283 11.326h-473.39Z"/></svg>

package/src/svg/ArrowLeft/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const ArrowLeftSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default ArrowLeftSVG;

package/src/svg/ArrowRight/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M662.955-442.391H185.478q-16.957 0-28.283-11.326T145.869-482q0-16.957 11.326-28.283t28.283-11.326h477.477L530.782-654.348q-11.826-11.261-11.326-27.5t12.326-28.065q11.261-11.261 27.218-10.979 15.957.283 27.783 11.544l199.565 199q6.131 6.13 9.261 13.391 3.131 7.261 3.131 14.957 0 7.696-3.131 14.957-3.13 7.261-9.261 13.391l-198.565 198Q575.957-244.391 560-244.108q-15.957.282-27.218-11.544-11.826-11.261-11.826-28t11.826-28.566l130.173-130.173Z"/></svg>

package/src/svg/ArrowRight/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M662.955-442.391H185.478q-16.957 0-28.283-11.326T145.869-482q0-16.957 11.326-28.283t28.283-11.326h477.477L530.782-654.348q-11.826-11.261-11.326-27.5t12.326-28.065q11.261-11.261 27.218-10.979 15.957.283 27.783 11.544l199.565 199q6.131 6.13 9.261 13.391 3.131 7.261 3.131 14.957 0 7.696-3.131 14.957-3.13 7.261-9.261 13.391l-198.565 198Q575.957-244.391 560-244.108q-15.957.282-27.218-11.544-11.826-11.261-11.826-28t11.826-28.566l130.173-130.173Z"/></svg>

package/src/svg/ArrowRight/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const ArrowRightSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default ArrowRightSVG;

package/src/svg/AttributeEdit/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M185.478-378.911q-16.707 0-28.158-11.502t-11.451-28.283q0-16.781 11.451-28.108 11.451-11.326 28.158-11.326h246.218q16.706 0 28.158 11.502 11.451 11.502 11.451 28.283t-11.451 28.107q-11.452 11.327-28.158 11.327H185.478Zm0-178.001q-16.707 0-28.158-11.502-11.451-11.501-11.451-28.283 0-16.781 11.451-28.107t28.158-11.326h410q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283t-11.451 28.108q-11.451 11.326-28.158 11.326h-410Zm0-178.001q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.391 11.451-11.608 28.158-11.608h410q16.707 0 28.158 11.784t11.451 28.565q0 16.782-11.451 28.108t-28.158 11.326h-410Zm332.261 549.435v-79.304q0-7.261 2.848-14.174 2.848-6.914 8.978-13.044l211.047-210.773q10.243-10.251 22.794-15.152t25.812-4.901q13.13 0 25.826 5.348T837.87-502l37 37q10.131 10.13 14.979 22.544 4.847 12.413 4.847 25.108 0 13.261-5.347 26.175-5.348 12.913-15.562 23.168L663.87-157.13q-6.13 6.131-13.043 8.696-6.914 2.565-14.175 2.565h-79.304q-16.707 0-28.158-11.451t-11.451-28.158Zm275.435-196.826 33.044-35.044-37-37-34.044 34.044 38 38ZM586.218-214.348h38l119.304-120.304-18-19-19-18-120.304 119.304v38Zm0 0v-38l120.304-119.304 37 37-119.304 120.304h-38Z"/></svg>

package/src/svg/AttributeEdit/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M185.478-378.911q-16.707 0-28.158-11.502t-11.451-28.283q0-16.781 11.451-28.108 11.451-11.326 28.158-11.326h246.218q16.706 0 28.158 11.502 11.451 11.502 11.451 28.283t-11.451 28.107q-11.452 11.327-28.158 11.327H185.478Zm0-178.001q-16.707 0-28.158-11.502-11.451-11.501-11.451-28.283 0-16.781 11.451-28.107t28.158-11.326h410q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283t-11.451 28.108q-11.451 11.326-28.158 11.326h-410Zm0-178.001q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.391 11.451-11.608 28.158-11.608h410q16.707 0 28.158 11.784t11.451 28.565q0 16.782-11.451 28.108t-28.158 11.326h-410Zm332.261 549.435v-79.304q0-7.261 2.848-14.174 2.848-6.914 8.978-13.044l211.047-210.773q10.243-10.251 22.794-15.152t25.812-4.901q13.13 0 25.826 5.348T837.87-502l37 37q10.131 10.13 14.979 22.544 4.847 12.413 4.847 25.108 0 13.261-5.347 26.175-5.348 12.913-15.562 23.168L663.87-157.13q-6.13 6.131-13.043 8.696-6.914 2.565-14.175 2.565h-79.304q-16.707 0-28.158-11.451t-11.451-28.158Zm308.479-231.87-37-37 37 37Zm-240 203h38l119.304-120.304-18-19-19-18-120.304 119.304v38Zm139.304-139.304-19-18 37 37-18-19Z"/></svg>

package/src/svg/AttributeEdit/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AttributeEditSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AttributeEditSVG;

package/src/svg/Attributes/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M185.087-506.609q-32.507 0-55.862-23.521-23.356-23.522-23.356-56.262v-196.999q0-32.741 23.356-56.262 23.355-23.522 55.862-23.522h589.826q32.74 0 56.262 23.522 23.521 23.521 23.521 56.262v196.999q0 32.74-23.521 56.262-23.522 23.521-56.262 23.521H185.087Zm0 409.219q-32.507 0-55.862-23.356-23.356-23.356-23.356-55.863v-197.564q0-31.914 23.356-55.566 23.355-23.652 55.862-23.652h589.826q32.74 0 56.262 23.652 23.521 23.652 23.521 55.566v197.564q0 32.507-23.521 55.863-23.522 23.356-56.262 23.356H185.087Z"/></svg>

package/src/svg/Attributes/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M185.087-506.609q-32.507 0-55.862-23.521-23.356-23.522-23.356-56.262v-196.999q0-32.741 23.356-56.262 23.355-23.522 55.862-23.522h589.826q32.74 0 56.262 23.522 23.521 23.521 23.521 56.262v196.999q0 32.74-23.521 56.262-23.522 23.521-56.262 23.521H185.087Zm0-79.783h589.826v-196.999H185.087v196.999Zm0 489.002q-32.507 0-55.862-23.356-23.356-23.356-23.356-55.863v-197.564q0-31.914 23.356-55.566 23.355-23.652 55.862-23.652h589.826q32.74 0 56.262 23.652 23.521 23.652 23.521 55.566v197.564q0 32.507-23.521 55.863-23.522 23.356-56.262 23.356H185.087Zm0-79.219h589.826v-197.564H185.087v197.564Zm0-606.782v196.999-196.999Zm0 409.218v197.564-197.564Z"/></svg>

package/src/svg/Attributes/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AttributesSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AttributesSVG;

package/src/svg/Automation/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M347.565-344.173H214.739q-24.218 0-35.544-21.087-11.326-21.088 3.065-41.175l359.48-518.523q9.13-12.696 22.826-16.978 13.696-4.283 27.391 1.282 13.696 5 21.827 17.979 8.13 12.978 6.13 27.674l-40.13 318.609h166.39q25.218 0 35.762 22.652 10.543 22.653-4.848 42.175L384.043-38.868q-9.13 11.696-23.326 14.978-14.196 3.283-27.457-2.848-12.695-5.565-19.761-17.978-7.065-12.413-5.065-27.674l39.131-271.783Z"/></svg>

package/src/svg/Automation/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M399.218-174.044 670.304-501.13H494.826l34.304-273.565-246.217 355.26h151.174l-34.869 245.391Zm-51.653-170.129H214.739q-24.09 0-35.48-21.087-11.39-21.088 3.001-41.175l359.48-518.523q9.13-12.696 22.826-16.978 13.696-4.283 27.391 1.282 13.696 5 21.827 18.149 8.13 13.148 6.13 27.504l-40.13 318.609h166.39q25.58 0 35.943 22.652 10.362 22.653-5.029 42.175L384.043-38.868q-9.572 11.6-23.547 14.93-13.975 3.33-27.236-3.05-12.695-5.815-19.761-18.103-7.065-12.288-5.065-27.3l39.131-271.782Zm128.261-129.131Z"/></svg>

package/src/svg/Automation/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AutomationSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AutomationSVG;

package/src/svg/Availability/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M572.001-74q-18.522 3.696-32.196-7.912-13.675-11.61-13.675-32.262 0-13.261 8.979-23.804 8.978-10.544 22.804-14.24 27.478-6.434 53.739-17.239 26.261-10.804 50.304-26.978 12.392-7.695 26.783-5.848 14.391 1.848 23.087 11.544 13.957 14.391 12.957 32.761-1 18.37-16.522 28.066-31.739 21.304-65.695 34.891-33.957 13.587-70.565 21.022Zm200.39-177.739q-10.261-8.696-11.826-23.37-1.565-14.674 5.565-27.631 15.74-23.043 26.261-48.521 10.522-25.478 17.391-54.391 3.131-13.826 15.24-23.087Q837.13-438 851.522-438q18.522 0 30.348 13.391 11.826 13.392 7.696 31.349-7.435 38.173-22.304 72.63-14.87 34.456-34.609 64.76-9.696 15.522-27.783 16.805-18.087 1.283-32.479-12.674ZM850.957-522q-13.827 0-25.935-9.261-12.109-9.261-15.805-23.652-6.869-27.913-17.108-53.109-10.239-25.195-25.979-49.238-6.565-12.957-4.5-27.631 2.066-14.674 12.327-24.935 14.391-13.392 31.413-11.609 17.022 1.783 26.718 16.739 20.739 33.305 34.608 66.261 13.87 32.956 22.305 71.13 4.695 17.957-6.913 31.631Q870.479-522 850.957-522ZM395.26-73.434Q254.13-102.565 161.999-215.74 69.869-328.913 69.869-480q0-148.826 92.13-261.435Q254.13-854.044 395.26-884.87q18.522-4.696 32.196 7.13 13.674 11.827 13.674 31.479 0 13.261-9.26 24.587-9.261 11.326-23.088 15.022Q295.87-779.956 222.761-688.5q-73.109 91.457-73.109 208.5t73.109 208.5q73.109 91.456 186.021 118.152 13.261 3.696 22.805 15.304 9.543 11.609 9.543 24.87 0 19.653-13.956 32.044-13.957 12.392-31.914 7.696Zm267.131-689.131q-24.478-14.609-49.956-25.413t-51.391-17.674q-13.826-3.696-23.087-15.522t-9.261-26.217q0-19.088 12.891-30.697 12.892-11.608 30.848-6.913 35.174 7.435 69.913 20.805 34.739 13.369 66.478 34.673 14.957 9.696 16.74 27.783 1.782 18.088-12.175 32.479-9.261 10.261-23.652 11.826-14.391 1.565-27.348-5.13ZM484.13-270.999q-8.565 0-16.63-3t-14.065-8.566q-73.392-66.261-109.587-124.087-36.196-57.826-36.196-108.087 0-77.391 50.543-128.935 50.544-51.544 125.935-51.544 74.827 0 125.088 51.544 50.261 51.544 50.261 128.935 0 50.826-35.913 108.37-35.914 57.543-109.305 123.804-6.565 5.566-14.065 8.566-7.5 3-16.066 3Zm0-205.175q19.566 0 33.414-14.348Q531.391-504.87 531.391-525q0-20.13-13.847-33.978-13.848-13.848-33.414-13.848-20.695 0-34.543 13.848Q435.739-545.13 435.739-525q0 20.13 13.848 34.478 13.848 14.348 34.543 14.348Z"/></svg>

package/src/svg/Availability/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M572.001-74q-18.522 3.696-32.196-7.912-13.675-11.61-13.675-32.262 0-13.261 8.979-23.804 8.978-10.544 22.804-14.24 27.478-6.434 53.739-17.239 26.261-10.804 50.304-26.978 12.392-7.695 26.783-5.848 14.391 1.848 23.087 11.544 13.957 14.391 12.957 32.761-1 18.37-16.522 28.066-31.739 21.304-65.695 34.891-33.957 13.587-70.565 21.022Zm200.39-177.739q-10.261-8.696-11.826-23.37-1.565-14.674 5.565-27.631 15.74-23.043 26.261-48.521 10.522-25.478 17.391-54.391 3.131-13.826 15.24-23.087Q837.13-438 851.522-438q18.522 0 30.348 13.391 11.826 13.392 7.696 31.349-7.435 38.173-22.304 72.63-14.87 34.456-34.609 64.76-9.696 15.522-27.783 16.805-18.087 1.283-32.479-12.674ZM850.957-522q-13.827 0-25.935-9.261-12.109-9.261-15.805-23.652-6.869-27.913-17.108-53.109-10.239-25.195-25.979-49.238-6.565-12.957-4.5-27.631 2.066-14.674 12.327-24.935 14.391-13.392 31.413-11.609 17.022 1.783 26.718 16.739 20.739 33.305 34.608 66.261 13.87 32.956 22.305 71.13 4.695 17.957-6.913 31.631Q870.479-522 850.957-522ZM395.26-73.434Q254.13-102.565 161.999-215.74 69.869-328.913 69.869-480q0-148.826 92.13-261.435Q254.13-854.044 395.26-884.87q18.522-4.696 32.196 7.13 13.674 11.827 13.674 31.479 0 13.261-9.26 24.587-9.261 11.326-23.088 15.022Q295.87-779.956 222.761-688.5q-73.109 91.457-73.109 208.5t73.109 208.5q73.109 91.456 186.021 118.152 13.261 3.696 22.805 15.304 9.543 11.609 9.543 24.87 0 19.653-13.956 32.044-13.957 12.392-31.914 7.696Zm267.131-689.131q-24.478-14.609-49.956-25.413t-51.391-17.674q-13.826-3.696-23.087-15.522t-9.261-26.217q0-19.088 12.891-30.697 12.892-11.608 30.848-6.913 35.174 7.435 69.913 20.805 34.739 13.369 66.478 34.673 14.957 9.696 16.74 27.783 1.782 18.088-12.175 32.479-9.261 10.261-23.652 11.826-14.391 1.565-27.348-5.13ZM484.13-270.999q-8.565 0-16.63-3t-14.065-8.566q-73.392-66.261-109.587-124.087-36.196-57.826-36.196-108.087 0-77.391 50.543-128.935 50.544-51.544 125.935-51.544 74.827 0 125.088 51.544 50.261 51.544 50.261 128.935 0 50.826-35.913 108.37-35.914 57.543-109.305 123.804-6.565 5.566-14.065 8.566-7.5 3-16.066 3Zm0-205.175q19.566 0 33.414-14.348Q531.391-504.87 531.391-525q0-20.13-13.847-33.978-13.848-13.848-33.414-13.848-20.695 0-34.543 13.848Q435.739-545.13 435.739-525q0 20.13 13.848 34.478 13.848 14.348 34.543 14.348Z"/></svg>

package/src/svg/Availability/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AvailabilitySVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AvailabilitySVG;

package/src/svg/AvgTime/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M383.217-860q-14.826 0-25.522-10.478-10.696-10.479-10.696-26.305t10.479-26.022q10.478-10.196 26.304-10.196h193.001q15.826 0 26.022 10.196 10.196 10.196 10.196 26.022 0 15.826-10.196 26.305Q592.609-860 576.783-860H383.217ZM400-356.044l-43.956-88.912q-5.131-8.565-13.478-13.696-8.348-5.13-18.044-5.13H107.434q13.261-143.957 119.37-242.001Q332.913-803.826 480-803.826q68.13 0 128.044 22 59.913 22 106.478 62.565l30.565-30.565q11.261-11.261 26.305-10.979 15.043.283 26.304 10.979 11.261 11.826 11.261 26.87 0 15.043-11.261 26.304l-30 30q31.435 36 55.935 85.718 24.5 49.717 29.5 117.152H658.435L588.13-604.956q-9.695-19.261-32.087-19.261-22.391 0-32.087 19.261L400-356.044Zm80 301.045q-147.087 0-252.979-96.978-105.891-96.978-119.587-240.5H302.13l70.305 140.608q9.695 20.392 31.804 19.826 22.109-.565 31.805-19.826L560-500.216l43.956 87.347q5.131 9.131 13.478 14.761 8.348 5.631 18.609 5.631h217.088q-14.261 143.522-120.435 240.5Q626.522-54.999 480-54.999Z"/></svg>

package/src/svg/AvgTime/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M187.218-463.782h137.304q9.659 0 18.025 5.13 8.366 5.131 13.497 13.696L400-356.044l123.956-248.912q9.751-19.261 31.832-19.261 22.082 0 32.342 19.261l70.305 141.174h114.913q-13.261-111.044-96.108-185.652-82.847-74.609-197.24-74.609-114.393 0-197.24 74.609-82.847 74.608-95.542 185.652Zm292.782 329q114.393 0 196.74-74.109 82.347-74.108 95.608-183.586h-136.25q-10.316 0-18.664-5.131-8.347-5.13-13.478-14.261L560-500.216 436.044-251.869q-9.696 19.261-31.805 20.109-22.109.848-31.804-20.109L302.13-392.477H188.218q12.695 109.478 95.042 183.586 82.347 74.109 196.74 74.109Zm0 79.783q-77.556 0-145.592-29.601-68.036-29.601-118.94-80.326-50.903-50.725-80.251-118.714-29.348-67.988-29.348-145.49h79.218q0 123.304 85.707 208.826 85.708 85.522 209.109 85.522 123.401 0 209.206-85.453 85.804-85.453 85.804-208.895h79.783q0 77.392-29.555 145.506-29.555 68.115-80.483 118.795-50.928 50.68-118.997 80.255Q557.592-54.999 480-54.999ZM105.869-429.13q0-77.391 29.348-145.435t80.251-119.051q50.904-51.008 118.94-80.609Q402.444-803.826 480-803.826q68.13 0 128.544 22.5 60.413 22.5 106.978 63.065l30.565-30.565q11.261-11.261 25.805-11.261 14.543 0 25.804 11.543 11.261 11.544 11.261 26.088 0 14.543-11.261 25.804l-30 30q36.566 41.131 61.783 99.261 25.217 58.131 25.217 138.261h-79.783q0-123.304-85.707-209.108-85.708-85.805-209.109-85.805-123.401 0-209.206 85.736-85.804 85.736-85.804 209.177h-79.218ZM383.287-860q-15.896 0-26.092-10.478-10.196-10.479-10.196-26.305t10.479-26.022q10.478-10.196 26.374-10.196h192.861q15.896 0 26.092 10.196 10.196 10.196 10.196 26.022 0 15.826-10.196 26.305Q592.609-860 576.713-860H383.287Zm96.81 725.218q-123.401 0-209.206-85.425-85.804-85.424-85.804-208.826 0-123.401 85.707-209.205 85.708-85.805 209.109-85.805 123.401 0 209.206 85.708 85.804 85.707 85.804 209.108 0 123.401-85.707 208.923-85.708 85.522-209.109 85.522ZM480-428.13Z"/></svg>

package/src/svg/AvgTime/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const AvgTimeSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default AvgTimeSVG;

package/src/svg/Cable/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M190-113.782q-15.643 0-25.93-10.288-10.288-10.287-10.288-25.93v-43.782h-10q-15.826 4.522-22.913-5.957-7.087-10.478-7.087-23.777V-350q0-15.643 10.288-25.93 10.287-10.288 25.93-10.288h43.782V-690q0-67.024 48.556-111.621 48.556-44.597 117.522-44.597 65.966 0 111.162 45.097Q516.218-756.024 516.218-690v420q0 35.068 24.379 59.425t59.478 24.357q38.099 0 65.903-23.673 27.804-23.674 27.804-60.109v-303.782H650q-15.643 0-25.93-10.288-10.288-10.287-10.288-25.93v-126.484q0-13.299 7.087-23.777 7.087-10.479 22.913-5.957h10V-810q0-15.643 10.288-25.93 10.287-10.288 25.93-10.288h80q15.643 0 25.93 10.288 10.288 10.287 10.288 25.93v43.782h10q15.826-4.522 22.913 5.957 7.087 10.478 7.087 23.777V-610q0 15.643-10.288 25.93-10.287 10.288-25.93 10.288h-43.782V-270q0 67.024-48.556 111.621-48.556 44.597-117.522 44.597-65.966 0-111.162-45.097Q443.782-203.976 443.782-270v-420q0-35.068-24.379-59.425t-59.478-24.357q-38.099 0-65.903 23.673-27.804 23.674-27.804 60.109v303.782H310q15.643 0 25.93 10.288 10.288 10.287 10.288 25.93v126.484q0 13.299-7.087 23.777-7.087 10.479-22.913 5.957h-10V-150q0 15.643-10.288 25.93-10.287 10.288-25.93 10.288h-80Z"/></svg>

package/src/svg/Cable/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M190-113.782q-15.643 0-25.93-10.288-10.288-10.287-10.288-25.93v-43.782h-10q-15.826 4.522-22.913-5.957-7.087-10.478-7.087-23.777V-350q0-15.643 10.288-25.93 10.287-10.288 25.93-10.288h43.782V-690q0-67.024 48.556-111.621 48.556-44.597 117.522-44.597 65.966 0 111.162 45.097Q516.218-756.024 516.218-690v420q0 35.068 24.379 59.425t59.478 24.357q38.099 0 65.903-23.673 27.804-23.674 27.804-60.109v-303.782H650q-15.643 0-25.93-10.288-10.288-10.287-10.288-25.93v-126.484q0-13.299 7.087-23.777 7.087-10.479 22.913-5.957h10V-810q0-15.643 10.288-25.93 10.287-10.288 25.93-10.288h80q15.643 0 25.93 10.288 10.288 10.287 10.288 25.93v43.782h10q15.826-4.522 22.913 5.957 7.087 10.478 7.087 23.777V-610q0 15.643-10.288 25.93-10.287 10.288-25.93 10.288h-43.782V-270q0 67.024-48.556 111.621-48.556 44.597-117.522 44.597-65.966 0-111.162-45.097Q443.782-203.976 443.782-270v-420q0-35.068-24.379-59.425t-59.478-24.357q-38.099 0-65.903 23.673-27.804 23.674-27.804 60.109v303.782H310q15.643 0 25.93 10.288 10.288 10.287 10.288 25.93v126.484q0 13.299-7.087 23.777-7.087 10.479-22.913 5.957h-10V-150q0 15.643-10.288 25.93-10.287 10.288-25.93 10.288h-80Z"/></svg>

package/src/svg/Cable/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CableSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CableSVG;

package/src/svg/Calculator/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M316.826-318.826v63q0 10.833 7.117 17.916 7.116 7.084 18 7.084 10.318 0 17.601-7.084 7.282-7.083 7.282-17.916v-63h63q10.268 0 17.634-7.117 7.366-7.116 7.366-18 0-10.318-7.366-17.601-7.366-7.282-17.634-7.282h-63v-63q0-10.268-7.399-17.634t-18-7.366q-10.601 0-17.601 7.366-7 7.366-7 17.634v63h-63q-10.833 0-17.916 7.399-7.084 7.399-7.084 18 0 10.601 7.084 17.601 7.083 7 17.916 7h63Zm234.913 53h152q9.835 0 16.917-7.117 7.083-7.116 7.083-18 0-10.318-6.783-17.101-6.782-6.782-17.217-6.782h-153q-10.4 0-17.2 6.782-6.8 6.783-6.8 17.384 0 10.601 7.083 17.717 7.084 7.117 17.917 7.117Zm0-107h151q10.268 0 17.634-7.117 7.366-7.116 7.366-18 0-10.318-7.366-17.601-7.366-7.282-17.634-7.282h-151q-10.833 0-17.917 7.399-7.083 7.399-7.083 18 0 10.601 7.083 17.601 7.084 7 17.917 7Zm73-218.913 43 43q7.071 8 17.459 8 10.387 0 18.541-8 7.435-7.435 7.435-17.643 0-10.207-7.435-18.357l-43-43 43-43q7.435-7.071 7.435-17.459 0-10.387-7.435-18.541-8.154-7.435-18.541-7.435-10.388 0-17.459 7.435l-43 43-43-43q-7.636-7.435-18.101-7.435-10.464 0-17.899 7.435-8 8.154-8 18.541 0 10.388 8 17.459l43 43-43 43q-8 7.714-8 18.283 0 10.568 8 17.717 7.071 8 17.459 8 10.387 0 18.541-8l43-43ZM268.826-605h146q10.268 0 17.634-7.116 7.366-7.117 7.366-18 0-10.884-7.366-17.884t-17.634-7h-146q-10.833 0-17.916 7.116-7.084 7.117-7.084 18 0 10.884 7.084 17.884 7.083 7 17.916 7Zm-83.739 499.131q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-589.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521h589.826q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v589.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H185.087Z"/></svg>

package/src/svg/Calculator/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M316.826-318.826v63q0 10.833 7.117 17.916 7.116 7.084 18 7.084 10.318 0 17.601-7.084 7.282-7.083 7.282-17.916v-63h63q10.268 0 17.634-7.117 7.366-7.116 7.366-18 0-10.318-7.366-17.601-7.366-7.282-17.634-7.282h-63v-63q0-10.268-7.399-17.634t-18-7.366q-10.601 0-17.601 7.366-7 7.366-7 17.634v63h-63q-10.833 0-17.916 7.399-7.084 7.399-7.084 18 0 10.601 7.084 17.601 7.083 7 17.916 7h63Zm234.913 53h152q9.835 0 16.917-7.117 7.083-7.116 7.083-18 0-10.318-6.783-17.101-6.782-6.782-17.217-6.782h-153q-10.4 0-17.2 6.782-6.8 6.783-6.8 17.384 0 10.601 7.083 17.717 7.084 7.117 17.917 7.117Zm0-107h151q10.268 0 17.634-7.117 7.366-7.116 7.366-18 0-10.318-7.366-17.601-7.366-7.282-17.634-7.282h-151q-10.833 0-17.917 7.399-7.083 7.399-7.083 18 0 10.601 7.083 17.601 7.084 7 17.917 7Zm73-218.913 43 43q7.071 8 17.459 8 10.387 0 18.541-8 7.435-7.435 7.435-17.643 0-10.207-7.435-18.357l-43-43 43-43q7.435-7.071 7.435-17.459 0-10.387-7.435-18.541-8.154-7.435-18.541-7.435-10.388 0-17.459 7.435l-43 43-43-43q-7.636-7.435-18.101-7.435-10.464 0-17.899 7.435-8 8.154-8 18.541 0 10.388 8 17.459l43 43-43 43q-8 7.714-8 18.283 0 10.568 8 17.717 7.071 8 17.459 8 10.387 0 18.541-8l43-43ZM268.826-605h146q10.268 0 17.634-7.116 7.366-7.117 7.366-18 0-10.884-7.366-17.884t-17.634-7h-146q-10.833 0-17.916 7.116-7.084 7.117-7.084 18 0 10.884 7.084 17.884 7.083 7 17.916 7Zm-83.739 499.131q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-589.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521h589.826q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v589.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H185.087Zm0-79.218h589.826v-589.826H185.087v589.826Zm0-589.826v589.826-589.826Z"/></svg>

package/src/svg/Calculator/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CalculatorSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CalculatorSVG;

package/src/svg/Calendar/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M596.817-220Q556-220 528-248.183q-28-28.183-28-69T528.183-386q28.183-28 69-28T666-385.817q28 28.183 28 69T665.817-248q-28.183 28-69 28ZM185.087-65.869q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-609.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521H245v-22.913q0-15.381 11.005-26.234 11.005-10.853 26.191-10.853 15.612 0 26.513 10.853 10.9 10.853 10.9 26.234v22.913h320.782v-22.913q0-15.381 11.005-26.234 11.004-10.853 26.191-10.853 15.612 0 26.512 10.853Q715-872.99 715-857.609v22.913h59.913q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v609.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H185.087Zm0-79.218h589.826V-570H185.087v424.913Z"/></svg>

package/src/svg/Calendar/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M596.817-220Q556-220 528-248.183q-28-28.183-28-69T528.183-386q28.183-28 69-28T666-385.817q28 28.183 28 69T665.817-248q-28.183 28-69 28ZM185.087-65.869q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-609.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521H245v-22.913q0-15.381 11.005-26.234 11.005-10.853 26.191-10.853 15.612 0 26.513 10.853 10.9 10.853 10.9 26.234v22.913h320.782v-22.913q0-15.381 11.005-26.234 11.004-10.853 26.191-10.853 15.612 0 26.512 10.853Q715-872.99 715-857.609v22.913h59.913q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v609.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H185.087Zm0-79.218h589.826V-570H185.087v424.913Zm0-484.913h589.826v-124.913H185.087V-630Zm0 0v-124.913V-630Z"/></svg>

package/src/svg/Calendar/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CalendarSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CalendarSVG;

package/src/svg/Call/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M796.13-105.869q-119.391 0-242.435-57.13-123.043-57.131-227.739-161.827-105.261-105.261-162.674-228.587-57.413-123.326-57.413-242.152 0-24.653 16.957-41.892 16.956-17.239 41.609-17.239h140q23.609 0 38.979 13.674 15.37 13.674 21.065 37.718l27 116.956q3.131 20.783-1.065 37.087-4.196 16.305-16.718 27.696l-102.261 97.609q23.739 39.478 50.478 74.086 26.739 34.609 60.044 66.348 34.739 36.304 71.499 64.695 36.761 28.392 76.109 49l97.826-99.696q13.957-14.956 31.479-20.087 17.521-5.13 36.739-.869l107.695 24.304q24.044 6.826 37.718 23.348 13.674 16.522 13.674 40.001v138.391q0 24.653-17.239 41.609-17.239 16.957-41.327 16.957Z"/></svg>

package/src/svg/Call/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M796.13-105.869q-119.446 0-242.462-57.13-123.016-57.131-227.995-162.109Q220.695-430.087 163.282-553.39q-57.413-123.303-57.413-242.175 0-25.019 16.894-42.075 16.895-17.056 41.672-17.056h140q23.609 0 38.979 13.674 15.37 13.674 21.065 37.718l26.929 116.597q3.202 21.142-.994 37.446-4.196 16.305-16.946 27.923l-102.033 97.382q23.739 39.478 50.478 74.086 26.739 34.609 60.044 66.348 34.739 36.304 71.499 64.695 36.761 28.392 76.109 49l97.826-99.696q13.957-14.956 31.63-20.087 17.673-5.13 36.588-.869l107.695 24.304q24.044 6.826 37.718 23.392 13.674 16.566 13.674 39.957v138.391q0 25.1-17.096 41.833-17.097 16.733-41.47 16.733ZM231.826-594.783l80.435-78.043-22.435-102.087H186.218q1.434 38.609 11.78 82.249 10.345 43.641 33.828 97.881Zm370.696 365.261q38.174 17.87 83.63 29.304 45.457 11.435 88.761 14v-104.638l-94.522-19.97-77.869 81.304ZM231.826-594.783Zm370.696 365.261Z"/></svg>

package/src/svg/Call/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CallSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CallSVG;

package/src/svg/Category/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m273.173-571.435 174.348-280q6.131-9.261 14.674-13.892 8.544-4.63 18.805-4.63t18.805 4.63q8.543 4.631 14.674 13.892l174.913 280q6.131 10.826 5.631 21.37t-5.631 19.805q-4.565 9.261-13.709 14.674-9.143 5.413-20.77 5.413H307.087q-11.741 0-20.97-5.538-9.23-5.538-13.509-14.549-5.131-9.261-5.631-19.805t6.196-21.37ZM717.87-53.999q-78.718 0-133.424-54.706-54.707-54.707-54.707-133.425 0-78.718 54.707-133.707 54.706-54.989 133.424-54.989t133.425 54.989q54.706 54.989 54.706 133.707 0 78.718-54.706 133.425-54.707 54.706-133.425 54.706ZM87.216-119.173v-252.479q0-16.707 11.45-28.44 11.452-11.734 28.724-11.734h253.044q16.707 0 28.158 11.734 11.451 11.733 11.451 28.44v252.479q0 17.272-11.451 28.723t-28.158 11.451H127.39q-17.272 0-28.723-11.45-11.451-11.452-11.451-28.724Z"/></svg>

package/src/svg/Category/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m273.173-571.435 174.348-280q6.131-9.261 14.645-13.892 8.514-4.63 18.804-4.63 10.291 0 18.835 4.63 8.543 4.631 14.674 13.892l174.913 280q6.131 10.473 5.631 21.193-.5 10.721-5.348 19.982t-14.048 14.674q-9.2 5.413-20.714 5.413H307.087q-11.66 0-20.97-5.425-9.31-5.425-13.792-14.662-4.848-9.225-5.348-19.857-.5-10.633 6.196-21.318ZM717.671-53.999q-79.653 0-133.792-54.339-54.14-54.339-54.14-133.892 0-79.552 54.073-134.074 54.073-54.522 133.892-54.522 79.819 0 134.058 54.455 54.239 54.456 54.239 134.175 0 79.719-54.339 133.958-54.339 54.24-133.991 54.24ZM87.216-119.173v-252.479q0-16.636 11.45-28.405 11.452-11.769 28.724-11.769h253.044q16.707 0 28.158 11.769t11.451 28.405v252.479q0 17.272-11.451 28.723t-28.158 11.451H127.39q-17.272 0-28.723-11.45-11.451-11.452-11.451-28.724Zm630.739-14.609q45.654 0 76.958-31.389 31.305-31.389 31.305-77.043 0-45.655-31.389-77.242-31.389-31.587-77.043-31.587-45.655 0-77.242 31.672-31.587 31.671-31.587 77.326 0 45.654 31.672 76.958 31.671 31.305 77.326 31.305Zm-550.956-25h173.826v-173.261H166.999v173.261Zm211.61-431.175h204.782L481-756.26 378.609-589.957Zm102.391 0ZM340.825-332.043ZM717.87-242.13Z"/></svg>

package/src/svg/Category/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CategorySVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CategorySVG;

package/src/svg/Check/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m378-346.696 355.652-355.087q11.968-11.826 28.354-11.826 16.385 0 28.212 11.879 11.826 11.879 11.826 28.452 0 16.574-11.826 28.626l-383.87 383.87q-12.032 11.826-28.451 11.826t-28.245-11.826l-180.87-180.87q-11.826-12.119-11.609-28.712.218-16.593 12.097-28.419t28.452-11.826q16.574 0 28.626 11.826L378-346.696Z"/></svg>

package/src/svg/Check/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m378-346.696 355.652-355.087q11.968-11.826 28.354-11.826 16.385 0 28.212 11.879 11.826 11.879 11.826 28.452 0 16.574-11.826 28.626l-383.87 383.87q-12.032 11.826-28.451 11.826t-28.245-11.826l-180.87-180.87q-11.826-12.119-11.609-28.712.218-16.593 12.097-28.419t28.452-11.826q16.574 0 28.626 11.826L378-346.696Z"/></svg>

package/src/svg/Check/index.ts

@@ -0,0 +1,12 @@
+import type { IconProps } from '../../types';
+
+import FilledSVG from './icon-fill.svg';
+import OutlinedSVG from './icon.svg';
+
+export const CheckSVG = (opts?: IconProps): string => {
+  const variant = opts?.variant ?? 'filled';
+
+  return variant === 'outlined' ? OutlinedSVG : FilledSVG;
+};
+
+export default CheckSVG;

package/src/svg/CheckBox/icon-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m417.87-420.001-87.261-87.26q-11.826-11.261-26.935-11.261-15.109 0-26.652 11.826-11.544 11.826-11.544 27.153 0 15.326 11.261 26.587l112.782 114.347q11.878 11.827 28.092 11.827 16.213 0 28.605-11.827l240.217-242.347q11.826-11.261 11.543-26.433-.282-15.171-11.543-26.872-11.701-11.261-27.09-11.261t-27.215 11.261l-214.26 214.26ZM185.087-105.869q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-589.826q0-32.74 23.356-56.262 23.355-23.521 55.862-23.521h589.826q32.74 0 56.262 23.521 23.521 23.522 23.521 56.262v589.826q0 32.507-23.521 55.862-23.522 23.356-56.262 23.356H185.087Z"/></svg>