@epilot360/icons 1.11.0 → 1.11.1

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/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/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/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/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/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/CheckCircle/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="m419.87-403.696-87.261-87.261q-11.261-11.261-27.715-11.261t-29.155 12.261q-11.261 11.827-11.261 28.218t11.826 27.652L391.521-317.87q12.083 11.827 28.194 11.827 16.111 0 28.503-11.827l232.217-232.782q12.826-12.261 12.826-28.432 0-16.172-12.826-28.873-12.261-11.261-29.216-10.761-16.954.5-28.654 11.761L419.87-403.696Zm60.208 337.827q-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/CheckCircle/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m419.87-403.696-87.261-87.261q-11.261-11.261-27.715-11.261t-29.155 12.261q-11.261 11.827-11.261 28.218t11.826 27.652L391.521-317.87q12.083 11.827 28.194 11.827 16.111 0 28.503-11.827l232.217-232.782q12.826-12.261 12.826-28.432 0-16.172-12.826-28.873-12.261-11.261-29.216-10.761-16.954.5-28.654 11.761L419.87-403.696Zm60.208 337.827q-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/CheckCircle/index.ts

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

package/src/svg/Checklist/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="m224.261-312.566 150.652-151.217q11.826-11.826 28.065-11.326 16.24.5 29.022 12.326 11.435 11.826 11.153 27.783-.283 15.957-12.109 27.783l-179 178.435q-11.826 11.826-28.066 12.109-16.239.282-28.065-11.544l-99.435-100Q84.087-340.043 84.087-356t12.391-27.783q11.826-11.826 27.783-11.326t27.783 11.326l72.217 71.217Zm0-320 150.652-151.217q11.826-11.826 28.065-11.326 16.24.5 29.022 12.326 11.435 11.826 11.153 27.783-.283 15.957-12.109 27.783l-179 178.435q-11.826 11.826-28.066 12.109-16.239.282-28.065-11.544l-99.435-100Q84.087-660.043 84.087-676t12.391-27.783q11.826-11.826 27.783-11.326t27.783 11.326l72.217 71.217ZM561.87-280.391q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h290.391q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283 0 16.782-11.451 28.108t-28.158 11.326H561.87Zm0-320q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h290.391q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283 0 16.782-11.451 28.108t-28.158 11.326H561.87Z"/></svg>

package/src/svg/Checklist/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m224.261-312.566 150.652-151.217q11.826-11.826 28.065-11.326 16.24.5 29.022 12.326 11.435 11.826 11.153 27.783-.283 15.957-12.109 27.783l-179 178.435q-11.826 11.826-28.066 12.109-16.239.282-28.065-11.544l-99.435-100Q84.087-340.043 84.087-356t12.391-27.783q11.826-11.826 27.783-11.326t27.783 11.326l72.217 71.217Zm0-320 150.652-151.217q11.826-11.826 28.065-11.326 16.24.5 29.022 12.326 11.435 11.826 11.153 27.783-.283 15.957-12.109 27.783l-179 178.435q-11.826 11.826-28.066 12.109-16.239.282-28.065-11.544l-99.435-100Q84.087-660.043 84.087-676t12.391-27.783q11.826-11.826 27.783-11.326t27.783 11.326l72.217 71.217ZM561.87-280.391q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h290.391q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283 0 16.782-11.451 28.108t-28.158 11.326H561.87Zm0-320q-16.707 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108t28.158-11.326h290.391q16.707 0 28.158 11.501 11.451 11.502 11.451 28.283 0 16.782-11.451 28.108t-28.158 11.326H561.87Z"/></svg>

package/src/svg/Checklist/index.ts

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

package/src/svg/ChevronLeft/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="m419.566-481 170.217 170.217q11.826 11.826 11.326 27.783t-12.326 27.783q-11.826 11.826-28.283 11.826t-28.283-11.826L334.782-452.652q-6.13-6.13-9.261-13.391-3.13-7.261-3.13-14.957 0-7.696 3.13-14.957 3.131-7.261 9.261-13.391l198.435-198.435q11.826-11.826 28.283-11.826t28.283 11.826q11.826 11.826 11.826 28.283t-11.826 28.283L419.566-481Z"/></svg>

package/src/svg/ChevronLeft/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m419.566-481 170.217 170.217q11.826 11.826 11.326 27.783t-12.326 27.783q-11.826 11.826-28.283 11.826t-28.283-11.826L334.782-452.652q-6.13-6.13-9.261-13.391-3.13-7.261-3.13-14.957 0-7.696 3.13-14.957 3.131-7.261 9.261-13.391l198.435-198.435q11.826-11.826 28.283-11.826t28.283 11.826q11.826 11.826 11.826 28.283t-11.826 28.283L419.566-481Z"/></svg>

package/src/svg/ChevronLeft/index.ts

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

package/src/svg/ChevronRight/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="M516.434-481 346.217-651.217Q334.391-663.043 334.891-679t12.326-27.783q11.826-11.826 28.283-11.826t28.283 11.826l197.435 197.435q6.13 6.13 9.261 13.391 3.13 7.261 3.13 14.957 0 7.696-3.13 14.957-3.131 7.261-9.261 13.391L402.783-254.217Q390.957-242.391 375-242.891t-27.783-12.326q-11.826-11.826-11.826-28.283t11.826-28.283L516.434-481Z"/></svg>

package/src/svg/ChevronRight/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M516.434-481 346.217-651.217Q334.391-663.043 334.891-679t12.326-27.783q11.826-11.826 28.283-11.826t28.283 11.826l197.435 197.435q6.13 6.13 9.261 13.391 3.13 7.261 3.13 14.957 0 7.696-3.13 14.957-3.131 7.261-9.261 13.391L402.783-254.217Q390.957-242.391 375-242.891t-27.783-12.326q-11.826-11.826-11.826-28.283t11.826-28.283L516.434-481Z"/></svg>

package/src/svg/ChevronRight/index.ts

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

package/src/svg/Close/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="M480-424.434 276.783-221.217Q264.957-209.391 249-209.391t-27.783-11.826Q209.391-233.043 209.391-249t11.826-27.783L424.434-480 221.217-683.217Q209.391-695.043 209.391-711t11.826-27.783q11.826-11.826 27.783-11.826t27.783 11.826L480-535.566l203.217-203.217q11.826-11.826 27.783-11.826t27.783 11.826q11.826 11.826 11.826 27.783t-11.826 27.783L535.566-480l203.217 203.217q11.826 11.826 11.826 27.783t-11.826 27.783Q726.957-209.391 711-209.391t-27.783-11.826L480-424.434Z"/></svg>

package/src/svg/Close/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-424.434 276.783-221.217Q264.957-209.391 249-209.391t-27.783-11.826Q209.391-233.043 209.391-249t11.826-27.783L424.434-480 221.217-683.217Q209.391-695.043 209.391-711t11.826-27.783q11.826-11.826 27.783-11.826t27.783 11.826L480-535.566l203.217-203.217q11.826-11.826 27.783-11.826t27.783 11.826q11.826 11.826 11.826 27.783t-11.826 27.783L535.566-480l203.217 203.217q11.826 11.826 11.826 27.783t-11.826 27.783Q726.957-209.391 711-209.391t-27.783-11.826L480-424.434Z"/></svg>

package/src/svg/Close/index.ts

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

package/src/svg/Comment/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="M270-399h253q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T523-459H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-399Zm0-130h420q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T690-589H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-529Zm0-130h420q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T690-719H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-659Zm-44.131 433.131-92.043 92.043q-19.087 19.087-43.522 9.064t-24.435-36.282v-653.869q0-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.356H225.869Z"/></svg>

package/src/svg/Comment/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M270-399h253q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T523-459H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-399Zm0-130h420q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T690-589H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-529Zm0-130h420q12.75 0 21.375-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T690-719H270q-12.75 0-21.375 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325T270-659Zm-44.131 433.131-92.043 92.043q-19.087 19.087-43.522 8.958t-24.435-36.176v-653.869q0-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.356H225.869Zm-26-79.218h615.044v-509.826H145.087v570.607l54.782-60.781Zm-54.782 0v-509.826 509.826Z"/></svg>

package/src/svg/Comment/index.ts

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

package/src/svg/Contact/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="M479.885-488.348q-72.333 0-118.174-45.842-45.842-45.842-45.842-118.174 0-72.333 45.842-118.29 45.841-45.957 118.174-45.957t118.572 45.957q46.239 45.957 46.239 118.29 0 72.332-46.239 118.174-46.239 45.842-118.572 45.842ZM145.869-217.739v-30.043q0-41.392 21.053-72.019 21.054-30.627 54.86-46.417 68.131-30.565 131.327-45.848 63.195-15.282 126.739-15.282 64.674 0 127.239 15.782 62.565 15.783 130.131 45.348 34.956 15.131 56.217 45.805 21.261 30.674 21.261 72.631v30.043q0 32.913-23.021 56.066-23.022 23.152-56.762 23.152H225.087q-33.507 0-56.362-23.152-22.856-23.153-22.856-56.066Z"/></svg>

package/src/svg/Contact/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.885-488.348q-72.333 0-118.174-45.842-45.842-45.842-45.842-118.174 0-72.333 45.842-118.29 45.841-45.957 118.174-45.957t118.572 45.957q46.239 45.957 46.239 118.29 0 72.332-46.239 118.174-46.239 45.842-118.572 45.842ZM145.869-217.739v-30.043q0-41.562 21.164-72.075 21.164-30.512 54.749-46.361 68.131-30.565 131.303-45.848 63.173-15.282 126.763-15.282 64.674 0 127.239 15.782 62.565 15.783 130.051 45.542 35.038 15.234 56.298 45.759 21.26 30.526 21.26 72.483v30.043q0 32.663-23.146 55.941-23.147 23.277-56.637 23.277H225.087q-33.257 0-56.237-23.277-22.981-23.278-22.981-55.941Zm79.218 0h509.826v-27.782q0-15.635-9.5-29.835-9.5-14.201-23.5-21.035-61.739-29.304-113.324-40.239-51.584-10.935-108.869-10.935-56.155 0-109.307 10.935t-113.084 40.151q-14.242 6.839-23.242 21.065-9 14.227-9 29.893v27.782Zm254.798-349.828q36.854 0 60.941-23.999 24.087-24 24.087-60.893 0-37.127-23.972-61.03t-60.826-23.903q-36.854 0-60.941 23.929-24.087 23.929-24.087 60.723 0 37.028 23.972 61.101 23.972 24.072 60.826 24.072Zm.115-84.912Zm0 434.74Z"/></svg>

package/src/svg/Contact/index.ts

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

package/src/svg/ContentCopy/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="M314.696-195.478q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-549.826q0-32.74 23.356-56.262 23.355-23.522 55.862-23.522h429.826q32.74 0 56.262 23.522t23.522 56.262v549.826q0 32.507-23.522 55.862-23.522 23.356-56.262 23.356H314.696ZM175.478-55.694q-32.74 0-56.262-23.522t-23.522-56.262v-589.435q0-16.957 11.327-28.283 11.326-11.326 28.565-11.326 17.24 0 28.566 11.326t11.326 28.283v589.435h469.435q16.957 0 28.283 11.326t11.326 28.566q0 17.24-11.326 28.565-11.326 11.327-28.283 11.327H175.478Z"/></svg>

package/src/svg/ContentCopy/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M314.696-195.478q-32.507 0-55.862-23.356-23.356-23.355-23.356-55.862v-549.826q0-32.74 23.356-56.262 23.355-23.522 55.862-23.522h429.826q32.74 0 56.262 23.522t23.522 56.262v549.826q0 32.507-23.522 55.862-23.522 23.356-56.262 23.356H314.696Zm0-79.218h429.826v-549.826H314.696v549.826ZM175.478-55.694q-32.74 0-56.262-23.522t-23.522-56.262v-589.435q0-16.707 11.502-28.158t28.566-11.451q17.064 0 28.39 11.451t11.326 28.158v589.435h469.435q16.707 0 28.158 11.502 11.451 11.501 11.451 28.565t-11.451 28.39q-11.451 11.327-28.158 11.327H175.478Zm139.218-219.002v-549.826 549.826Z"/></svg>

package/src/svg/ContentCopy/index.ts

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

package/src/svg/Contract/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-105.869q-32.677 0-55.948-23.27-23.27-23.271-23.27-55.948v-589.826q0-32.91 23.27-56.347 23.271-23.436 55.948-23.436h190.869q8.392-35 37.087-57.5 28.696-22.5 66.957-22.5 38.261 0 66.957 22.5 28.695 22.5 37.087 57.5h190.869q32.91 0 56.347 23.436 23.436 23.437 23.436 56.347v589.826q0 32.677-23.436 55.948-23.437 23.27-56.347 23.27H185.087Zm130.164-179.218h206.454q12.915 0 21.54-8.676 8.625-8.675 8.625-21.5 0-12.824-8.625-21.324-8.625-8.5-21.54-8.5H315.251q-12.914 0-21.539 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325t21.539 8.5ZM315.25-450h329.5q12.913 0 21.538-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T644.75-510h-329.5q-12.913 0-21.538 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325t21.538 8.5Zm0-164.913h329.5q12.913 0 21.538-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325t-21.538-8.5h-329.5q-12.913 0-21.538 8.676-8.625 8.675-8.625 21.5 0 12.824 8.625 21.324 8.625 8.5 21.538 8.5ZM480-793.609q15.96 0 27.176-11.215Q518.391-816.04 518.391-832q0-15.96-11.215-27.176Q495.96-870.391 480-870.391q-15.96 0-27.176 11.215Q441.609-847.96 441.609-832q0 15.96 11.215 27.176Q464.04-793.609 480-793.609Z"/></svg>

package/src/svg/Contract/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-105.869q-32.677 0-55.948-23.27-23.27-23.271-23.27-55.948v-589.826q0-32.91 23.27-56.347 23.271-23.436 55.948-23.436h190.869q8.392-35 37.087-57.5 28.696-22.5 66.957-22.5 38.261 0 66.957 22.5 28.695 22.5 37.087 57.5h190.869q32.91 0 56.347 23.436 23.436 23.437 23.436 56.347v589.826q0 32.677-23.436 55.948-23.437 23.27-56.347 23.27H185.087Zm0-79.218h589.826v-589.826H185.087v589.826Zm130.164-100h206.454q12.915 0 21.54-8.676 8.625-8.675 8.625-21.5 0-12.824-8.625-21.324-8.625-8.5-21.54-8.5H315.251q-12.914 0-21.539 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325t21.539 8.5ZM315.25-450h329.5q12.913 0 21.538-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325T644.75-510h-329.5q-12.913 0-21.538 8.675-8.625 8.676-8.625 21.5 0 12.825 8.625 21.325t21.538 8.5Zm0-164.913h329.5q12.913 0 21.538-8.675 8.625-8.676 8.625-21.5 0-12.825-8.625-21.325t-21.538-8.5h-329.5q-12.913 0-21.538 8.676-8.625 8.675-8.625 21.5 0 12.824 8.625 21.324 8.625 8.5 21.538 8.5ZM480-793.609q15.96 0 27.176-11.215Q518.391-816.04 518.391-832q0-15.96-11.215-27.176Q495.96-870.391 480-870.391q-15.96 0-27.176 11.215Q441.609-847.96 441.609-832q0 15.96 11.215 27.176Q464.04-793.609 480-793.609ZM185.087-185.087v-589.826 589.826Z"/></svg>