@xqmsg/ui-core 0.23.1-rc.1 → 0.23.1-rc.2

package/src/components/icons/microsoft/onedrive/index.tsx

@@ -1,16 +1,16 @@
-import { Image } from '@chakra-ui/react';
-import React from 'react';
-import path from './onedrive.png';
-
-export interface MicrosoftOneDriveProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `MicrosoftOneDrive` icon component
- */
-export const MicrosoftOneDrive: React.FC<MicrosoftOneDriveProps> = ({
-  boxSize,
-}) => {
-  return <Image src={path} boxSize={boxSize} />;
-};
+import { Image } from '@chakra-ui/react';
+import React from 'react';
+import path from './onedrive.png';
+
+export interface MicrosoftOneDriveProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `MicrosoftOneDrive` icon component
+ */
+export const MicrosoftOneDrive: React.FC<MicrosoftOneDriveProps> = ({
+  boxSize,
+}) => {
+  return <Image src={path} boxSize={boxSize} />;
+};

package/src/components/icons/neutral/index.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import { ReactComponent as NeutralIcon } from './neutral.svg';
-
-export interface NeutralProps {
-  boxSize: number | string;
-  color?: string;
-}
-
-/**
- * A functional React component utilized to render the `Neutral` icon component
- */
-export const Neutral: React.FC<NeutralProps> = ({ color, boxSize }) => {
-  return <NeutralIcon boxSize={boxSize} fill={color || '#3C3C43'} />;
-};
+import React from 'react';
+import { ReactComponent as NeutralIcon } from './neutral.svg';
+
+export interface NeutralProps {
+  boxSize: number | string;
+  color?: string;
+}
+
+/**
+ * A functional React component utilized to render the `Neutral` icon component
+ */
+export const Neutral: React.FC<NeutralProps> = ({ color, boxSize }) => {
+  return <NeutralIcon boxSize={boxSize} fill={color || '#3C3C43'} />;
+};

package/src/components/icons/neutral/neutral.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7 4.5V4C6.72386 4 6.5 4.22386 6.5 4.5H7ZM7.005 4.5H7.505C7.505 4.22386 7.28114 4 7.005 4V4.5ZM7.005 4.505V5.005C7.28114 5.005 7.505 4.78114 7.505 4.505H7.005ZM7 4.505H6.5C6.5 4.78114 6.72386 5.005 7 5.005V4.505ZM6.27639 6.05279C6.0294 6.17628 5.92929 6.47662 6.05279 6.72361C6.17628 6.9706 6.47662 7.07071 6.72361 6.94721L6.27639 6.05279ZM6.52766 6.48617L6.30405 6.03896L6.52766 6.48617ZM7.23634 7.05465L7.72141 7.17592L7.23634 7.05465ZM6.76366 8.94535L6.27859 8.82408L6.76366 8.94535ZM7.47234 9.51383L7.69595 9.96104L7.69595 9.96104L7.47234 9.51383ZM7.72361 9.94721C7.9706 9.82371 8.07071 9.52337 7.94721 9.27639C7.82371 9.0294 7.52337 8.92929 7.27639 9.05279L7.72361 9.94721ZM12.5 7C12.5 10.0376 10.0376 12.5 7 12.5V13.5C10.5899 13.5 13.5 10.5899 13.5 7H12.5ZM7 12.5C3.96243 12.5 1.5 10.0376 1.5 7H0.5C0.5 10.5899 3.41015 13.5 7 13.5V12.5ZM1.5 7C1.5 3.96243 3.96243 1.5 7 1.5V0.5C3.41015 0.5 0.5 3.41015 0.5 7H1.5ZM7 1.5C10.0376 1.5 12.5 3.96243 12.5 7H13.5C13.5 3.41015 10.5899 0.5 7 0.5V1.5ZM7 5H7.005V4H7V5ZM6.505 4.5V4.505H7.505V4.5H6.505ZM7.005 4.005H7V5.005H7.005V4.005ZM7.5 4.505V4.5H6.5V4.505H7.5ZM6.72361 6.94721L6.75127 6.93338L6.30405 6.03896L6.27639 6.05279L6.72361 6.94721ZM6.75127 6.93338L6.27859 8.82408L7.24873 9.06662L7.72141 7.17592L6.75127 6.93338ZM7.69595 9.96104L7.72361 9.94721L7.27639 9.05279L7.24873 9.06662L7.69595 9.96104ZM6.27859 8.82408C6.07138 9.65293 6.93179 10.3431 7.69595 9.96104L7.24873 9.06662L6.27859 8.82408ZM6.75127 6.93338L7.72141 7.17592C7.92862 6.34708 7.06821 5.65688 6.30405 6.03896L6.75127 6.93338Z" fill="current" fill-opacity="0.6"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 4.5V4C6.72386 4 6.5 4.22386 6.5 4.5H7ZM7.005 4.5H7.505C7.505 4.22386 7.28114 4 7.005 4V4.5ZM7.005 4.505V5.005C7.28114 5.005 7.505 4.78114 7.505 4.505H7.005ZM7 4.505H6.5C6.5 4.78114 6.72386 5.005 7 5.005V4.505ZM6.27639 6.05279C6.0294 6.17628 5.92929 6.47662 6.05279 6.72361C6.17628 6.9706 6.47662 7.07071 6.72361 6.94721L6.27639 6.05279ZM6.52766 6.48617L6.30405 6.03896L6.52766 6.48617ZM7.23634 7.05465L7.72141 7.17592L7.23634 7.05465ZM6.76366 8.94535L6.27859 8.82408L6.76366 8.94535ZM7.47234 9.51383L7.69595 9.96104L7.69595 9.96104L7.47234 9.51383ZM7.72361 9.94721C7.9706 9.82371 8.07071 9.52337 7.94721 9.27639C7.82371 9.0294 7.52337 8.92929 7.27639 9.05279L7.72361 9.94721ZM12.5 7C12.5 10.0376 10.0376 12.5 7 12.5V13.5C10.5899 13.5 13.5 10.5899 13.5 7H12.5ZM7 12.5C3.96243 12.5 1.5 10.0376 1.5 7H0.5C0.5 10.5899 3.41015 13.5 7 13.5V12.5ZM1.5 7C1.5 3.96243 3.96243 1.5 7 1.5V0.5C3.41015 0.5 0.5 3.41015 0.5 7H1.5ZM7 1.5C10.0376 1.5 12.5 3.96243 12.5 7H13.5C13.5 3.41015 10.5899 0.5 7 0.5V1.5ZM7 5H7.005V4H7V5ZM6.505 4.5V4.505H7.505V4.5H6.505ZM7.005 4.005H7V5.005H7.005V4.005ZM7.5 4.505V4.5H6.5V4.505H7.5ZM6.72361 6.94721L6.75127 6.93338L6.30405 6.03896L6.27639 6.05279L6.72361 6.94721ZM6.75127 6.93338L6.27859 8.82408L7.24873 9.06662L7.72141 7.17592L6.75127 6.93338ZM7.69595 9.96104L7.72361 9.94721L7.27639 9.05279L7.24873 9.06662L7.69595 9.96104ZM6.27859 8.82408C6.07138 9.65293 6.93179 10.3431 7.69595 9.96104L7.24873 9.06662L6.27859 8.82408ZM6.75127 6.93338L7.72141 7.17592C7.92862 6.34708 7.06821 5.65688 6.30405 6.03896L6.75127 6.93338Z" fill="current" fill-opacity="0.6"/>
+</svg>

package/src/components/icons/page/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as PageIcon } from './page.svg';
-
-export interface PageProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Page` icon component
- */
-export const Page: React.FC<PageProps> = ({ boxSize }) => {
-  return <PageIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as PageIcon } from './page.svg';
+
+export interface PageProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Page` icon component
+ */
+export const Page: React.FC<PageProps> = ({ boxSize }) => {
+  return <PageIcon boxSize={boxSize} />;
+};

package/src/components/icons/page/page.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 8.5V6.75C11 5.50736 9.99264 4.5 8.75 4.5H7.75C7.33579 4.5 7 4.16421 7 3.75V2.75C7 1.50736 5.99264 0.5 4.75 0.5H3.5M5 0.5H1.75C1.33579 0.5 1 0.835786 1 1.25V12.75C1 13.1642 1.33579 13.5 1.75 13.5H10.25C10.6642 13.5 11 13.1642 11 12.75V6.5C11 3.18629 8.31371 0.5 5 0.5Z" stroke="#0082FF" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 8.5V6.75C11 5.50736 9.99264 4.5 8.75 4.5H7.75C7.33579 4.5 7 4.16421 7 3.75V2.75C7 1.50736 5.99264 0.5 4.75 0.5H3.5M5 0.5H1.75C1.33579 0.5 1 0.835786 1 1.25V12.75C1 13.1642 1.33579 13.5 1.75 13.5H10.25C10.6642 13.5 11 13.1642 11 12.75V6.5C11 3.18629 8.31371 0.5 5 0.5Z" stroke="#0082FF" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/positive/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as PositiveIcon } from './positive.svg';
-
-export interface PositiveProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Positive` icon component
- */
-export const Positive: React.FC<PositiveProps> = ({ boxSize }) => {
-  return <PositiveIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as PositiveIcon } from './positive.svg';
+
+export interface PositiveProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Positive` icon component
+ */
+export const Positive: React.FC<PositiveProps> = ({ boxSize }) => {
+  return <PositiveIcon boxSize={boxSize} />;
+};

package/src/components/icons/positive/positive.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 7.5L6.5 9L9 5.5M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7Z" stroke="#34C759" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 7.5L6.5 9L9 5.5M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7Z" stroke="#34C759" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/question/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as QuestionIcon } from './question.svg';
-
-export interface QuestionProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Question` icon component
- */
-export const Question: React.FC<QuestionProps> = ({ boxSize }) => {
-  return <QuestionIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as QuestionIcon } from './question.svg';
+
+export interface QuestionProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Question` icon component
+ */
+export const Question: React.FC<QuestionProps> = ({ boxSize }) => {
+  return <QuestionIcon boxSize={boxSize} />;
+};

package/src/components/icons/question/question.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 7C0.5 3.41015 3.41015 0.5 7 0.5C10.5899 0.5 13.5 3.41015 13.5 7C13.5 10.5899 10.5899 13.5 7 13.5C3.41015 13.5 0.5 10.5899 0.5 7ZM8.08511 4.38885C7.49258 3.87038 6.50773 3.87038 5.91519 4.38885C5.70737 4.57069 5.39149 4.54963 5.20965 4.34182C5.02781 4.134 5.04887 3.81812 5.25669 3.63627C6.22625 2.78791 7.77406 2.78791 8.74362 3.63627C9.75233 4.5189 9.75233 5.9811 8.74362 6.86373C8.57251 7.01344 8.38406 7.13608 8.18537 7.23224C7.73452 7.45043 7.50015 7.74812 7.50015 8V8.5C7.50015 8.77614 7.27629 9 7.00015 9C6.72401 9 6.50015 8.77614 6.50015 8.5V8C6.50015 7.14731 7.20634 6.5951 7.74974 6.33211C7.8715 6.27318 7.98433 6.19933 8.08511 6.11115C8.6385 5.62694 8.6385 4.87306 8.08511 4.38885ZM7 11C7.27614 11 7.5 10.7761 7.5 10.5C7.5 10.2239 7.27614 10 7 10C6.72386 10 6.5 10.2239 6.5 10.5C6.5 10.7761 6.72386 11 7 11Z" fill="#0082FF"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 7C0.5 3.41015 3.41015 0.5 7 0.5C10.5899 0.5 13.5 3.41015 13.5 7C13.5 10.5899 10.5899 13.5 7 13.5C3.41015 13.5 0.5 10.5899 0.5 7ZM8.08511 4.38885C7.49258 3.87038 6.50773 3.87038 5.91519 4.38885C5.70737 4.57069 5.39149 4.54963 5.20965 4.34182C5.02781 4.134 5.04887 3.81812 5.25669 3.63627C6.22625 2.78791 7.77406 2.78791 8.74362 3.63627C9.75233 4.5189 9.75233 5.9811 8.74362 6.86373C8.57251 7.01344 8.38406 7.13608 8.18537 7.23224C7.73452 7.45043 7.50015 7.74812 7.50015 8V8.5C7.50015 8.77614 7.27629 9 7.00015 9C6.72401 9 6.50015 8.77614 6.50015 8.5V8C6.50015 7.14731 7.20634 6.5951 7.74974 6.33211C7.8715 6.27318 7.98433 6.19933 8.08511 6.11115C8.6385 5.62694 8.6385 4.87306 8.08511 4.38885ZM7 11C7.27614 11 7.5 10.7761 7.5 10.5C7.5 10.2239 7.27614 10 7 10C6.72386 10 6.5 10.2239 6.5 10.5C6.5 10.7761 6.72386 11 7 11Z" fill="#0082FF"/>
+</svg>

package/src/components/icons/search/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as SearchIcon } from './search.svg';
-
-export interface SearchProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Search` icon component
- */
-export const Search: React.FC<SearchProps> = ({ boxSize }) => {
-  return <SearchIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as SearchIcon } from './search.svg';
+
+export interface SearchProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Search` icon component
+ */
+export const Search: React.FC<SearchProps> = ({ boxSize }) => {
+  return <SearchIcon boxSize={boxSize} />;
+};

package/src/components/icons/search/search.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.2001 1.8C3.77005 1.8 1.8001 3.76995 1.8001 6.2C1.8001 8.63005 3.77005 10.6 6.2001 10.6C7.41529 10.6 8.51447 10.1082 9.31137 9.31127C10.1083 8.51437 10.6001 7.41519 10.6001 6.2C10.6001 3.76995 8.63015 1.8 6.2001 1.8ZM0.600098 6.2C0.600098 3.10721 3.1073 0.6 6.2001 0.6C9.29289 0.6 11.8001 3.10721 11.8001 6.2C11.8001 7.53002 11.3358 8.75245 10.5615 9.71285L13.2244 12.3757C13.4587 12.6101 13.4587 12.9899 13.2244 13.2243C12.99 13.4586 12.6101 13.4586 12.3758 13.2243L9.71295 10.5614C8.75255 11.3358 7.53012 11.8 6.2001 11.8C3.1073 11.8 0.600098 9.29279 0.600098 6.2Z" fill="#3C3C4399"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.2001 1.8C3.77005 1.8 1.8001 3.76995 1.8001 6.2C1.8001 8.63005 3.77005 10.6 6.2001 10.6C7.41529 10.6 8.51447 10.1082 9.31137 9.31127C10.1083 8.51437 10.6001 7.41519 10.6001 6.2C10.6001 3.76995 8.63015 1.8 6.2001 1.8ZM0.600098 6.2C0.600098 3.10721 3.1073 0.6 6.2001 0.6C9.29289 0.6 11.8001 3.10721 11.8001 6.2C11.8001 7.53002 11.3358 8.75245 10.5615 9.71285L13.2244 12.3757C13.4587 12.6101 13.4587 12.9899 13.2244 13.2243C12.99 13.4586 12.6101 13.4586 12.3758 13.2243L9.71295 10.5614C8.75255 11.3358 7.53012 11.8 6.2001 11.8C3.1073 11.8 0.600098 9.29279 0.600098 6.2Z" fill="#3C3C4399"/>
+</svg>

package/src/components/icons/services/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as ServicesIcon } from './services.svg';
-
-export interface ServicesProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Services` icon component
- */
-export const Services: React.FC<ServicesProps> = ({ boxSize }) => {
-  return <ServicesIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as ServicesIcon } from './services.svg';
+
+export interface ServicesProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Services` icon component
+ */
+export const Services: React.FC<ServicesProps> = ({ boxSize }) => {
+  return <ServicesIcon boxSize={boxSize} />;
+};

package/src/components/icons/services/services.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.5 3.05796C8.5 2.82119 8.62403 2.60718 8.76747 2.4188C8.91473 2.2254 9 1.996 9 1.75C9 1.05964 8.32843 0.5 7.5 0.5C6.67157 0.5 6 1.05964 6 1.75C6 1.996 6.08527 2.2254 6.23253 2.4188C6.37597 2.60718 6.5 2.82119 6.5 3.05796V3.05796C6.5 3.29881 6.30277 3.49331 6.06202 3.48638C5.12626 3.45942 4.20056 3.3923 3.2866 3.28666C3.41084 4.36184 3.48179 5.45325 3.49674 6.55818C3.50004 6.80215 3.30195 6.99997 3.05796 7V7C2.82119 7 2.60718 6.87597 2.4188 6.73253C2.2254 6.58527 1.996 6.5 1.75 6.5C1.05964 6.5 0.5 7.17157 0.5 8C0.5 8.82843 1.05964 9.5 1.75 9.5C1.996 9.5 2.2254 9.41473 2.4188 9.26747C2.60718 9.12403 2.82119 9 3.05796 9V9C3.26409 9 3.42771 9.17385 3.4126 9.37942C3.32871 10.5208 3.18495 11.6455 2.98445 12.7504C3.99638 12.8771 5.02301 12.9566 6.06204 12.9865C6.30283 12.9934 6.50008 12.7989 6.50008 12.558V12.558C6.50008 12.3212 6.37604 12.1072 6.23261 11.9188C6.08535 11.7254 6.00008 11.496 6.00008 11.25C6.00008 10.5597 6.67165 10 7.50008 10C8.3285 10 9.00008 10.5597 9.00008 11.25C9.00008 11.496 8.9148 11.7254 8.76755 11.9188C8.62411 12.1072 8.50008 12.3212 8.50008 12.558V12.558C8.50008 12.7799 8.68543 12.9571 8.90697 12.9441C10.1328 12.8721 11.3401 12.731 12.5251 12.5248C12.7047 11.4926 12.8349 10.4435 12.9131 9.37989C12.9282 9.17408 12.7644 9.00003 12.558 9.00003V9.00003C12.3213 9.00003 12.1073 9.12406 11.9189 9.2675C11.7255 9.41476 11.4961 9.50003 11.2501 9.50003C10.5597 9.50003 10.0001 8.82846 10.0001 8.00003C10.0001 7.1716 10.5597 6.50003 11.2501 6.50003C11.4961 6.50003 11.7255 6.5853 11.9189 6.73256C12.1073 6.876 12.3213 7.00003 12.558 7.00003V7.00003C12.8023 7.00003 13.0006 6.80203 12.9972 6.55783C12.9809 5.34942 12.8975 4.15715 12.7508 2.98465C11.4935 3.21277 10.2107 3.36743 8.90685 3.44404C8.68533 3.45705 8.5 3.27986 8.5 3.05796V3.05796Z" stroke="#0082FF" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 3.05796C8.5 2.82119 8.62403 2.60718 8.76747 2.4188C8.91473 2.2254 9 1.996 9 1.75C9 1.05964 8.32843 0.5 7.5 0.5C6.67157 0.5 6 1.05964 6 1.75C6 1.996 6.08527 2.2254 6.23253 2.4188C6.37597 2.60718 6.5 2.82119 6.5 3.05796V3.05796C6.5 3.29881 6.30277 3.49331 6.06202 3.48638C5.12626 3.45942 4.20056 3.3923 3.2866 3.28666C3.41084 4.36184 3.48179 5.45325 3.49674 6.55818C3.50004 6.80215 3.30195 6.99997 3.05796 7V7C2.82119 7 2.60718 6.87597 2.4188 6.73253C2.2254 6.58527 1.996 6.5 1.75 6.5C1.05964 6.5 0.5 7.17157 0.5 8C0.5 8.82843 1.05964 9.5 1.75 9.5C1.996 9.5 2.2254 9.41473 2.4188 9.26747C2.60718 9.12403 2.82119 9 3.05796 9V9C3.26409 9 3.42771 9.17385 3.4126 9.37942C3.32871 10.5208 3.18495 11.6455 2.98445 12.7504C3.99638 12.8771 5.02301 12.9566 6.06204 12.9865C6.30283 12.9934 6.50008 12.7989 6.50008 12.558V12.558C6.50008 12.3212 6.37604 12.1072 6.23261 11.9188C6.08535 11.7254 6.00008 11.496 6.00008 11.25C6.00008 10.5597 6.67165 10 7.50008 10C8.3285 10 9.00008 10.5597 9.00008 11.25C9.00008 11.496 8.9148 11.7254 8.76755 11.9188C8.62411 12.1072 8.50008 12.3212 8.50008 12.558V12.558C8.50008 12.7799 8.68543 12.9571 8.90697 12.9441C10.1328 12.8721 11.3401 12.731 12.5251 12.5248C12.7047 11.4926 12.8349 10.4435 12.9131 9.37989C12.9282 9.17408 12.7644 9.00003 12.558 9.00003V9.00003C12.3213 9.00003 12.1073 9.12406 11.9189 9.2675C11.7255 9.41476 11.4961 9.50003 11.2501 9.50003C10.5597 9.50003 10.0001 8.82846 10.0001 8.00003C10.0001 7.1716 10.5597 6.50003 11.2501 6.50003C11.4961 6.50003 11.7255 6.5853 11.9189 6.73256C12.1073 6.876 12.3213 7.00003 12.558 7.00003V7.00003C12.8023 7.00003 13.0006 6.80203 12.9972 6.55783C12.9809 5.34942 12.8975 4.15715 12.7508 2.98465C11.4935 3.21277 10.2107 3.36743 8.90685 3.44404C8.68533 3.45705 8.5 3.27986 8.5 3.05796V3.05796Z" stroke="#0082FF" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/settings/index.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import colors from '../../../theme/foundations/colors';
-import { ReactComponent as SettingsIcon } from './settings.svg';
-
-export interface SettingsProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Settings` icon component
- */
-export const Settings: React.FC<SettingsProps> = ({ boxSize }) => {
-  return <SettingsIcon boxSize={boxSize} fill={colors.fill.action} />;
-};
+import React from 'react';
+import colors from '../../../theme/foundations/colors';
+import { ReactComponent as SettingsIcon } from './settings.svg';
+
+export interface SettingsProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Settings` icon component
+ */
+export const Settings: React.FC<SettingsProps> = ({ boxSize }) => {
+  return <SettingsIcon boxSize={boxSize} fill={colors.fill.action} />;
+};

package/src/components/icons/settings/settings.svg

@@ -1,6 +1,6 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="#0082ff" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4194 7.39998C10.7956 7.39998 11.081 7.05374 10.9292 6.70955C10.433 5.58495 9.30821 4.79999 8.00005 4.79999C7.88306 4.79999 7.76754 4.80627 7.6538 4.8185C7.27948 4.85878 7.12204 5.27922 7.31028 5.60526L8.17326 7.09998C8.28044 7.28562 8.47851 7.39998 8.69287 7.39998L10.4194 7.39998Z" fill="#0082ff"/>
-<path d="M6.27163 6.20627C6.08334 5.88013 5.64026 5.80621 5.4176 6.10992C5.02933 6.63952 4.80005 7.29298 4.80005 7.99999C4.80005 8.70702 5.02935 9.36049 5.41763 9.8901C5.6403 10.1938 6.08337 10.1199 6.27166 9.79375L7.13406 8.30003C7.24124 8.11439 7.24124 7.88567 7.13406 7.70003L6.27163 6.20627Z" fill="#0082ff"/>
-<path d="M7.31033 10.3947C7.12209 10.7208 7.27954 11.1412 7.65386 11.1815C7.76758 11.1937 7.88308 11.2 8.00005 11.2C9.30822 11.2 10.433 10.415 10.9292 9.29041C11.0811 8.94622 10.7956 8.59998 10.4194 8.59998H8.69293C8.47857 8.59998 8.2805 8.71434 8.17332 8.89998L7.31033 10.3947Z" fill="#0082ff"/>
-<path stroke="#0082ff" fill="#0082ff" fill-rule="evenodd" clip-rule="evenodd" d="M11.3037 3.47778L11.8196 2.58421C11.9853 2.29723 11.8869 1.93028 11.6 1.76459C11.313 1.59891 10.946 1.69723 10.7803 1.98421L10.2649 2.87691C9.74658 2.6474 9.18685 2.49426 8.60005 2.43175V1.39999C8.60005 1.06862 8.33142 0.799988 8.00005 0.799988C7.66868 0.799988 7.40005 1.06862 7.40005 1.39999V2.43175C6.81324 2.49426 6.25351 2.6474 5.73514 2.87691L5.21975 1.98423C5.05406 1.69725 4.68711 1.59893 4.40013 1.76461C4.11316 1.9303 4.01483 2.29725 4.18052 2.58423L4.69641 3.47779C4.23032 3.81887 3.81892 4.23026 3.47785 4.69636L2.58412 4.18036C2.29714 4.01468 1.93019 4.113 1.7645 4.39998C1.59882 4.68695 1.69714 5.05391 1.98412 5.21959L2.87697 5.73508C2.64746 6.25346 2.49432 6.81318 2.43181 7.39999H1.40005C1.06868 7.39999 0.800049 7.66862 0.800049 7.99999C0.800049 8.33136 1.06868 8.59999 1.40005 8.59999H2.43181C2.49432 9.18679 2.64746 9.74651 2.87696 10.2649L1.98412 10.7804C1.69714 10.946 1.59882 11.313 1.7645 11.6C1.93019 11.887 2.29714 11.9853 2.58412 11.8196L3.47783 11.3036C3.81889 11.7697 4.23025 12.181 4.6963 12.5221L4.18035 13.4157C4.01466 13.7027 4.11299 14.0697 4.39996 14.2354C4.68694 14.401 5.05389 14.3027 5.21958 14.0157L5.73501 13.123C6.25342 13.3525 6.81319 13.5057 7.40005 13.5682V14.6C7.40005 14.9314 7.66868 15.2 8.00005 15.2C8.33142 15.2 8.60005 14.9314 8.60005 14.6V13.5682C9.1869 13.5057 9.74667 13.3525 10.2651 13.123L10.7805 14.0158C10.9462 14.3027 11.3132 14.4011 11.6001 14.2354C11.8871 14.0697 11.9854 13.7027 11.8197 13.4158L11.3038 12.5221C11.7698 12.1811 12.1812 11.7697 12.5222 11.3037L13.4159 11.8196C13.7028 11.9853 14.0698 11.887 14.2355 11.6C14.4012 11.313 14.3028 10.946 14.0159 10.7804L13.1231 10.2649C13.3526 9.74655 13.5058 9.18681 13.5683 8.59999H14.6C14.9314 8.59999 15.2 8.33136 15.2 7.99999C15.2 7.66862 14.9314 7.39999 14.6 7.39999H13.5683C13.5058 6.81316 13.3526 6.25341 13.1231 5.73502L14.0159 5.21959C14.3028 5.05391 14.4012 4.68695 14.2355 4.39998C14.0698 4.113 13.7028 4.01468 13.4159 4.18036L12.5222 4.6963C12.1811 4.23023 11.7698 3.81885 11.3037 3.47778ZM8.00005 3.59999C7.20901 3.59999 6.46672 3.80874 5.82527 4.17415C5.81706 4.17944 5.80868 4.18455 5.80013 4.18948C5.79187 4.19425 5.78355 4.1988 5.77516 4.20314C5.12539 4.58471 4.58225 5.12831 4.20124 5.77844C4.19744 5.78567 4.19349 5.79285 4.18937 5.79998C4.18509 5.80739 4.18067 5.81469 4.17613 5.82185C3.80953 6.46407 3.60005 7.20756 3.60005 7.99999C3.60005 8.79233 3.80948 9.53575 4.17601 10.1779C4.1806 10.1851 4.18505 10.1925 4.18937 10.2C4.19353 10.2072 4.19752 10.2144 4.20134 10.2217C4.5826 10.8722 5.12617 11.416 5.77644 11.7976C5.78434 11.8017 5.79218 11.806 5.79996 11.8105C5.80805 11.8152 5.81598 11.82 5.82377 11.825C6.46556 12.1909 7.20839 12.4 8.00005 12.4C8.79182 12.4 9.53475 12.1909 10.1766 11.8248C10.1843 11.8199 10.1921 11.8151 10.2001 11.8105C10.2078 11.8061 10.2156 11.8018 10.2234 11.7977C10.8731 11.4165 11.4163 10.8734 11.7976 10.2237C11.8017 10.2157 11.8061 10.2078 11.8106 10.2C11.8153 10.1918 11.8202 10.1838 11.8252 10.176C12.191 9.53427 12.4 8.79154 12.4 7.99999C12.4 7.20836 12.191 6.46555 11.8251 5.82378C11.8201 5.81599 11.8153 5.80806 11.8106 5.79998C11.8061 5.79219 11.8018 5.78434 11.7977 5.77644C11.4167 5.12711 10.8739 4.58418 10.2247 4.20299C10.2164 4.19869 10.2081 4.19419 10.2 4.18947C10.1915 4.18458 10.1832 4.17952 10.1751 4.17429C9.53356 3.80879 8.79119 3.59999 8.00005 3.59999Z" fill="white"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="#0082ff" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4194 7.39998C10.7956 7.39998 11.081 7.05374 10.9292 6.70955C10.433 5.58495 9.30821 4.79999 8.00005 4.79999C7.88306 4.79999 7.76754 4.80627 7.6538 4.8185C7.27948 4.85878 7.12204 5.27922 7.31028 5.60526L8.17326 7.09998C8.28044 7.28562 8.47851 7.39998 8.69287 7.39998L10.4194 7.39998Z" fill="#0082ff"/>
+<path d="M6.27163 6.20627C6.08334 5.88013 5.64026 5.80621 5.4176 6.10992C5.02933 6.63952 4.80005 7.29298 4.80005 7.99999C4.80005 8.70702 5.02935 9.36049 5.41763 9.8901C5.6403 10.1938 6.08337 10.1199 6.27166 9.79375L7.13406 8.30003C7.24124 8.11439 7.24124 7.88567 7.13406 7.70003L6.27163 6.20627Z" fill="#0082ff"/>
+<path d="M7.31033 10.3947C7.12209 10.7208 7.27954 11.1412 7.65386 11.1815C7.76758 11.1937 7.88308 11.2 8.00005 11.2C9.30822 11.2 10.433 10.415 10.9292 9.29041C11.0811 8.94622 10.7956 8.59998 10.4194 8.59998H8.69293C8.47857 8.59998 8.2805 8.71434 8.17332 8.89998L7.31033 10.3947Z" fill="#0082ff"/>
+<path stroke="#0082ff" fill="#0082ff" fill-rule="evenodd" clip-rule="evenodd" d="M11.3037 3.47778L11.8196 2.58421C11.9853 2.29723 11.8869 1.93028 11.6 1.76459C11.313 1.59891 10.946 1.69723 10.7803 1.98421L10.2649 2.87691C9.74658 2.6474 9.18685 2.49426 8.60005 2.43175V1.39999C8.60005 1.06862 8.33142 0.799988 8.00005 0.799988C7.66868 0.799988 7.40005 1.06862 7.40005 1.39999V2.43175C6.81324 2.49426 6.25351 2.6474 5.73514 2.87691L5.21975 1.98423C5.05406 1.69725 4.68711 1.59893 4.40013 1.76461C4.11316 1.9303 4.01483 2.29725 4.18052 2.58423L4.69641 3.47779C4.23032 3.81887 3.81892 4.23026 3.47785 4.69636L2.58412 4.18036C2.29714 4.01468 1.93019 4.113 1.7645 4.39998C1.59882 4.68695 1.69714 5.05391 1.98412 5.21959L2.87697 5.73508C2.64746 6.25346 2.49432 6.81318 2.43181 7.39999H1.40005C1.06868 7.39999 0.800049 7.66862 0.800049 7.99999C0.800049 8.33136 1.06868 8.59999 1.40005 8.59999H2.43181C2.49432 9.18679 2.64746 9.74651 2.87696 10.2649L1.98412 10.7804C1.69714 10.946 1.59882 11.313 1.7645 11.6C1.93019 11.887 2.29714 11.9853 2.58412 11.8196L3.47783 11.3036C3.81889 11.7697 4.23025 12.181 4.6963 12.5221L4.18035 13.4157C4.01466 13.7027 4.11299 14.0697 4.39996 14.2354C4.68694 14.401 5.05389 14.3027 5.21958 14.0157L5.73501 13.123C6.25342 13.3525 6.81319 13.5057 7.40005 13.5682V14.6C7.40005 14.9314 7.66868 15.2 8.00005 15.2C8.33142 15.2 8.60005 14.9314 8.60005 14.6V13.5682C9.1869 13.5057 9.74667 13.3525 10.2651 13.123L10.7805 14.0158C10.9462 14.3027 11.3132 14.4011 11.6001 14.2354C11.8871 14.0697 11.9854 13.7027 11.8197 13.4158L11.3038 12.5221C11.7698 12.1811 12.1812 11.7697 12.5222 11.3037L13.4159 11.8196C13.7028 11.9853 14.0698 11.887 14.2355 11.6C14.4012 11.313 14.3028 10.946 14.0159 10.7804L13.1231 10.2649C13.3526 9.74655 13.5058 9.18681 13.5683 8.59999H14.6C14.9314 8.59999 15.2 8.33136 15.2 7.99999C15.2 7.66862 14.9314 7.39999 14.6 7.39999H13.5683C13.5058 6.81316 13.3526 6.25341 13.1231 5.73502L14.0159 5.21959C14.3028 5.05391 14.4012 4.68695 14.2355 4.39998C14.0698 4.113 13.7028 4.01468 13.4159 4.18036L12.5222 4.6963C12.1811 4.23023 11.7698 3.81885 11.3037 3.47778ZM8.00005 3.59999C7.20901 3.59999 6.46672 3.80874 5.82527 4.17415C5.81706 4.17944 5.80868 4.18455 5.80013 4.18948C5.79187 4.19425 5.78355 4.1988 5.77516 4.20314C5.12539 4.58471 4.58225 5.12831 4.20124 5.77844C4.19744 5.78567 4.19349 5.79285 4.18937 5.79998C4.18509 5.80739 4.18067 5.81469 4.17613 5.82185C3.80953 6.46407 3.60005 7.20756 3.60005 7.99999C3.60005 8.79233 3.80948 9.53575 4.17601 10.1779C4.1806 10.1851 4.18505 10.1925 4.18937 10.2C4.19353 10.2072 4.19752 10.2144 4.20134 10.2217C4.5826 10.8722 5.12617 11.416 5.77644 11.7976C5.78434 11.8017 5.79218 11.806 5.79996 11.8105C5.80805 11.8152 5.81598 11.82 5.82377 11.825C6.46556 12.1909 7.20839 12.4 8.00005 12.4C8.79182 12.4 9.53475 12.1909 10.1766 11.8248C10.1843 11.8199 10.1921 11.8151 10.2001 11.8105C10.2078 11.8061 10.2156 11.8018 10.2234 11.7977C10.8731 11.4165 11.4163 10.8734 11.7976 10.2237C11.8017 10.2157 11.8061 10.2078 11.8106 10.2C11.8153 10.1918 11.8202 10.1838 11.8252 10.176C12.191 9.53427 12.4 8.79154 12.4 7.99999C12.4 7.20836 12.191 6.46555 11.8251 5.82378C11.8201 5.81599 11.8153 5.80806 11.8106 5.79998C11.8061 5.79219 11.8018 5.78434 11.7977 5.77644C11.4167 5.12711 10.8739 4.58418 10.2247 4.20299C10.2164 4.19869 10.2081 4.19419 10.2 4.18947C10.1915 4.18458 10.1832 4.17952 10.1751 4.17429C9.53356 3.80879 8.79119 3.59999 8.00005 3.59999Z" fill="white"/>
+</svg>

package/src/components/icons/table/fill/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as TableFillIcon } from './table-fill.svg';
-
-export interface TableFillProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `TableFill` icon component
- */
-export const TableFill: React.FC<TableFillProps> = ({ boxSize }) => {
-  return <TableFillIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as TableFillIcon } from './table-fill.svg';
+
+export interface TableFillProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `TableFill` icon component
+ */
+export const TableFill: React.FC<TableFillProps> = ({ boxSize }) => {
+  return <TableFillIcon boxSize={boxSize} />;
+};

package/src/components/icons/table/fill/table-fill.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.791992 2.19199C0.791992 1.19788 1.60589 0.400002 2.6 0.400002H13.4C14.3941 0.400002 15.2 1.20589 15.2 2.2L15.208 9.8C15.208 10.7941 14.4021 11.6 13.408 11.6C10.3413 11.6 5.67467 11.6 2.60801 11.6C1.6139 11.6 0.8 10.7861 0.8 9.79199L0.791992 2.19199ZM7.4 9.80801V9.30801C7.4 8.97664 7.13137 8.70801 6.8 8.70801H2.6C2.26863 8.70801 2 8.97664 2 9.30801V9.8C2 10.1314 2.26863 10.4 2.6 10.4H6.89827C7.18289 10.3531 7.4 10.1059 7.4 9.80801ZM8.6 9.80801C8.6 10.1059 8.81711 10.3531 9.10173 10.4H13.4C13.7314 10.4 14 10.1314 14 9.8V9.30801C14 8.97664 13.7314 8.70801 13.4 8.70801H9.2C8.86863 8.70801 8.6 8.97664 8.6 9.30801V9.80801ZM14 6.90401V6.40401C14 6.07264 13.7314 5.80401 13.4 5.80401H9.2C8.86863 5.80401 8.6 6.07264 8.6 6.40401V6.90401C8.6 7.23538 8.86863 7.50401 9.2 7.50401H13.4C13.7314 7.50401 14 7.23538 14 6.90401ZM7.4 6.90401V6.40401C7.4 6.07264 7.13137 5.80401 6.8 5.80401H2.6C2.26863 5.80401 2 6.07264 2 6.40401V6.90401C2 7.23538 2.26863 7.50401 2.6 7.50401H6.8C7.13137 7.50401 7.4 7.23538 7.4 6.90401ZM14 4V3.5C14 3.16863 13.7314 2.9 13.4 2.9H9.2C8.86863 2.9 8.6 3.16863 8.6 3.5V4C8.6 4.33137 8.86863 4.6 9.2 4.6H13.4C13.7314 4.6 14 4.33137 14 4ZM7.4 4V3.5C7.4 3.16863 7.13137 2.9 6.8 2.9H2.6C2.26863 2.9 2 3.16863 2 3.5V4C2 4.33137 2.26863 4.6 2.6 4.6H6.8C7.13137 4.6 7.4 4.33137 7.4 4Z" fill="#3C3C432E"/>
-</svg>
+<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.791992 2.19199C0.791992 1.19788 1.60589 0.400002 2.6 0.400002H13.4C14.3941 0.400002 15.2 1.20589 15.2 2.2L15.208 9.8C15.208 10.7941 14.4021 11.6 13.408 11.6C10.3413 11.6 5.67467 11.6 2.60801 11.6C1.6139 11.6 0.8 10.7861 0.8 9.79199L0.791992 2.19199ZM7.4 9.80801V9.30801C7.4 8.97664 7.13137 8.70801 6.8 8.70801H2.6C2.26863 8.70801 2 8.97664 2 9.30801V9.8C2 10.1314 2.26863 10.4 2.6 10.4H6.89827C7.18289 10.3531 7.4 10.1059 7.4 9.80801ZM8.6 9.80801C8.6 10.1059 8.81711 10.3531 9.10173 10.4H13.4C13.7314 10.4 14 10.1314 14 9.8V9.30801C14 8.97664 13.7314 8.70801 13.4 8.70801H9.2C8.86863 8.70801 8.6 8.97664 8.6 9.30801V9.80801ZM14 6.90401V6.40401C14 6.07264 13.7314 5.80401 13.4 5.80401H9.2C8.86863 5.80401 8.6 6.07264 8.6 6.40401V6.90401C8.6 7.23538 8.86863 7.50401 9.2 7.50401H13.4C13.7314 7.50401 14 7.23538 14 6.90401ZM7.4 6.90401V6.40401C7.4 6.07264 7.13137 5.80401 6.8 5.80401H2.6C2.26863 5.80401 2 6.07264 2 6.40401V6.90401C2 7.23538 2.26863 7.50401 2.6 7.50401H6.8C7.13137 7.50401 7.4 7.23538 7.4 6.90401ZM14 4V3.5C14 3.16863 13.7314 2.9 13.4 2.9H9.2C8.86863 2.9 8.6 3.16863 8.6 3.5V4C8.6 4.33137 8.86863 4.6 9.2 4.6H13.4C13.7314 4.6 14 4.33137 14 4ZM7.4 4V3.5C7.4 3.16863 7.13137 2.9 6.8 2.9H2.6C2.26863 2.9 2 3.16863 2 3.5V4C2 4.33137 2.26863 4.6 2.6 4.6H6.8C7.13137 4.6 7.4 4.33137 7.4 4Z" fill="#3C3C432E"/>
+</svg>

package/src/components/icons/table/outline/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as TableOutlineIcon } from './table-outline.svg';
-
-export interface TableOutlineProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `TableOutline` icon component
- */
-export const TableOutline: React.FC<TableOutlineProps> = ({ boxSize }) => {
-  return <TableOutlineIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as TableOutlineIcon } from './table-outline.svg';
+
+export interface TableOutlineProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `TableOutline` icon component
+ */
+export const TableOutline: React.FC<TableOutlineProps> = ({ boxSize }) => {
+  return <TableOutlineIcon boxSize={boxSize} />;
+};

package/src/components/icons/table/outline/table-outline.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.25 11H12.75M1.25 11C0.835786 11 0.5 10.6642 0.5 10.25M1.25 11H6.25C6.66421 11 7 10.6642 7 10.25M0.5 10.25V1.75M0.5 10.25V9.25C0.5 8.83579 0.835787 8.5 1.25 8.5M13.5 10.25V1.75M13.5 10.25C13.5 10.6642 13.1642 11 12.75 11M13.5 10.25V9.25C13.5 8.83579 13.1642 8.5 12.75 8.5M12.75 11H7.75C7.33579 11 7 10.6642 7 10.25M13.5 1.75C13.5 1.33579 13.1642 1 12.75 1H1.25C0.835786 1 0.5 1.33579 0.5 1.75M13.5 1.75V2.75C13.5 3.16421 13.1642 3.5 12.75 3.5M0.5 1.75V2.75C0.5 3.16421 0.835786 3.5 1.25 3.5M1.25 3.5H12.75M1.25 3.5H6.25C6.66421 3.5 7 3.83579 7 4.25M1.25 3.5C0.835786 3.5 0.5 3.83579 0.5 4.25V5.25C0.5 5.66421 0.835787 6 1.25 6M12.75 3.5H7.75C7.33579 3.5 7 3.83579 7 4.25M12.75 3.5C13.1642 3.5 13.5 3.83579 13.5 4.25V5.25C13.5 5.66421 13.1642 6 12.75 6M1.25 6H6.25M1.25 6C0.835787 6 0.5 6.33579 0.5 6.75V7.75C0.5 8.16421 0.835787 8.5 1.25 8.5M7 5.25V4.25M7 5.25C7 5.66421 6.66421 6 6.25 6M7 5.25C7 5.66421 7.33579 6 7.75 6M6.25 6C6.66421 6 7 6.33579 7 6.75M7.75 6H12.75M7.75 6C7.33579 6 7 6.33579 7 6.75M12.75 6C13.1642 6 13.5 6.33579 13.5 6.75V7.75C13.5 8.16421 13.1642 8.5 12.75 8.5M1.25 8.5H6.25M7 7.75V6.75M7 7.75C7 8.16421 6.66421 8.5 6.25 8.5M7 7.75C7 8.16421 7.33579 8.5 7.75 8.5M6.25 8.5C6.66421 8.5 7 8.83579 7 9.25M7 10.25V9.25M7 9.25C7 8.83579 7.33579 8.5 7.75 8.5M7.75 8.5H12.75" stroke="#3C3C4399" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.25 11H12.75M1.25 11C0.835786 11 0.5 10.6642 0.5 10.25M1.25 11H6.25C6.66421 11 7 10.6642 7 10.25M0.5 10.25V1.75M0.5 10.25V9.25C0.5 8.83579 0.835787 8.5 1.25 8.5M13.5 10.25V1.75M13.5 10.25C13.5 10.6642 13.1642 11 12.75 11M13.5 10.25V9.25C13.5 8.83579 13.1642 8.5 12.75 8.5M12.75 11H7.75C7.33579 11 7 10.6642 7 10.25M13.5 1.75C13.5 1.33579 13.1642 1 12.75 1H1.25C0.835786 1 0.5 1.33579 0.5 1.75M13.5 1.75V2.75C13.5 3.16421 13.1642 3.5 12.75 3.5M0.5 1.75V2.75C0.5 3.16421 0.835786 3.5 1.25 3.5M1.25 3.5H12.75M1.25 3.5H6.25C6.66421 3.5 7 3.83579 7 4.25M1.25 3.5C0.835786 3.5 0.5 3.83579 0.5 4.25V5.25C0.5 5.66421 0.835787 6 1.25 6M12.75 3.5H7.75C7.33579 3.5 7 3.83579 7 4.25M12.75 3.5C13.1642 3.5 13.5 3.83579 13.5 4.25V5.25C13.5 5.66421 13.1642 6 12.75 6M1.25 6H6.25M1.25 6C0.835787 6 0.5 6.33579 0.5 6.75V7.75C0.5 8.16421 0.835787 8.5 1.25 8.5M7 5.25V4.25M7 5.25C7 5.66421 6.66421 6 6.25 6M7 5.25C7 5.66421 7.33579 6 7.75 6M6.25 6C6.66421 6 7 6.33579 7 6.75M7.75 6H12.75M7.75 6C7.33579 6 7 6.33579 7 6.75M12.75 6C13.1642 6 13.5 6.33579 13.5 6.75V7.75C13.5 8.16421 13.1642 8.5 12.75 8.5M1.25 8.5H6.25M7 7.75V6.75M7 7.75C7 8.16421 6.66421 8.5 6.25 8.5M7 7.75C7 8.16421 7.33579 8.5 7.75 8.5M6.25 8.5C6.66421 8.5 7 8.83579 7 9.25M7 10.25V9.25M7 9.25C7 8.83579 7.33579 8.5 7.75 8.5M7.75 8.5H12.75" stroke="#3C3C4399" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/task/index.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ReactComponent as TaskIcon } from './task.svg';
-import { IconProps } from '..';
-
-/**
- * A functional React component utilized to render the `Task` icon component
- */
-export const Task: React.FC<IconProps> = ({ boxSize }) => {
-  return <TaskIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as TaskIcon } from './task.svg';
+import { IconProps } from '..';
+
+/**
+ * A functional React component utilized to render the `Task` icon component
+ */
+export const Task: React.FC<IconProps> = ({ boxSize }) => {
+  return <TaskIcon boxSize={boxSize} />;
+};

package/src/components/icons/task/task.svg

@@ -1,11 +1,11 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="16" rx="8" fill="#FFB300"/>
-<rect width="16" height="16" rx="8" fill="url(#paint0_linear_2027_23020)" fill-opacity="0.16"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8421 9.59139C12.412 9.28926 12.8002 8.68997 12.8002 8.00001C12.8002 7.31005 12.412 6.71077 11.8421 6.40864C12.0315 5.79203 11.8822 5.09376 11.3943 4.60589C10.9064 4.11801 10.2082 3.96874 9.59156 4.15809C9.28944 3.5882 8.69015 3.20001 8.0002 3.20001C7.31024 3.20001 6.71094 3.58821 6.40882 4.1581C5.79221 3.96877 5.09396 4.11803 4.60608 4.60591C4.11821 5.09378 3.96894 5.79203 4.15828 6.40864C3.58839 6.71077 3.2002 7.31006 3.2002 8.00001C3.2002 8.68997 3.58839 9.28926 4.15828 9.59138C3.96894 10.208 4.1182 10.9063 4.60608 11.3941C5.09396 11.882 5.79221 12.0313 6.40882 11.8419C6.71095 12.4118 7.31024 12.8 8.0002 12.8C8.69016 12.8 9.28945 12.4118 9.59157 11.8419C10.2082 12.0313 10.9064 11.882 11.3943 11.3941C11.8822 10.9062 12.0314 10.208 11.8421 9.59139ZM10.3141 6.91469C10.4603 6.7137 10.4159 6.43226 10.2149 6.28608C10.0139 6.1399 9.73244 6.18434 9.58626 6.38534L7.49601 9.25943L6.36839 8.13181C6.19266 7.95608 5.90773 7.95608 5.732 8.13181C5.55626 8.30755 5.55626 8.59247 5.732 8.76821L7.232 10.2682C7.32506 10.3613 7.45419 10.4089 7.5854 10.3986C7.7166 10.3883 7.83672 10.3211 7.91413 10.2147L10.3141 6.91469Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_2027_23020" x1="8" y1="0" x2="8" y2="16" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="8" fill="#FFB300"/>
+<rect width="16" height="16" rx="8" fill="url(#paint0_linear_2027_23020)" fill-opacity="0.16"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8421 9.59139C12.412 9.28926 12.8002 8.68997 12.8002 8.00001C12.8002 7.31005 12.412 6.71077 11.8421 6.40864C12.0315 5.79203 11.8822 5.09376 11.3943 4.60589C10.9064 4.11801 10.2082 3.96874 9.59156 4.15809C9.28944 3.5882 8.69015 3.20001 8.0002 3.20001C7.31024 3.20001 6.71094 3.58821 6.40882 4.1581C5.79221 3.96877 5.09396 4.11803 4.60608 4.60591C4.11821 5.09378 3.96894 5.79203 4.15828 6.40864C3.58839 6.71077 3.2002 7.31006 3.2002 8.00001C3.2002 8.68997 3.58839 9.28926 4.15828 9.59138C3.96894 10.208 4.1182 10.9063 4.60608 11.3941C5.09396 11.882 5.79221 12.0313 6.40882 11.8419C6.71095 12.4118 7.31024 12.8 8.0002 12.8C8.69016 12.8 9.28945 12.4118 9.59157 11.8419C10.2082 12.0313 10.9064 11.882 11.3943 11.3941C11.8822 10.9062 12.0314 10.208 11.8421 9.59139ZM10.3141 6.91469C10.4603 6.7137 10.4159 6.43226 10.2149 6.28608C10.0139 6.1399 9.73244 6.18434 9.58626 6.38534L7.49601 9.25943L6.36839 8.13181C6.19266 7.95608 5.90773 7.95608 5.732 8.13181C5.55626 8.30755 5.55626 8.59247 5.732 8.76821L7.232 10.2682C7.32506 10.3613 7.45419 10.4089 7.5854 10.3986C7.7166 10.3883 7.83672 10.3211 7.91413 10.2147L10.3141 6.91469Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2027_23020" x1="8" y1="0" x2="8" y2="16" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/src/components/icons/trash/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as TrashIcon } from './trash.svg';
-
-export interface TrashProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Trash` icon component
- */
-export const Trash: React.FC<TrashProps> = ({ boxSize }) => {
-  return <TrashIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as TrashIcon } from './trash.svg';
+
+export interface TrashProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Trash` icon component
+ */
+export const Trash: React.FC<TrashProps> = ({ boxSize }) => {
+  return <TrashIcon boxSize={boxSize} />;
+};

package/src/components/icons/trash/trash.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.76331 5.15385L7.5503 10.6923M4.60355 10.6923L4.39053 5.15385M10.5247 3.17881C10.7352 3.21059 10.9449 3.2446 11.1538 3.28079M10.5247 3.17881L9.86757 11.7216C9.81208 12.443 9.21055 13 8.48703 13H3.66681C2.9433 13 2.34177 12.443 2.28628 11.7216L1.62914 3.17881M10.5247 3.17881C9.81921 3.07227 9.10554 2.99068 8.38461 2.93497M1 3.28079C1.20897 3.2446 1.41869 3.21059 1.62914 3.17881M1.62914 3.17881C2.33463 3.07227 3.0483 2.99068 3.76923 2.93497M8.38461 2.93497V2.37119C8.38461 1.64543 7.82421 1.03953 7.09882 1.01632C6.75952 1.00547 6.41886 1 6.07692 1C5.73498 1 5.39432 1.00547 5.05502 1.01632C4.32963 1.03953 3.76923 1.64543 3.76923 2.37119V2.93497M8.38461 2.93497C7.62311 2.87612 6.85352 2.84615 6.07692 2.84615C5.30033 2.84615 4.53073 2.87612 3.76923 2.93497" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.76331 5.15385L7.5503 10.6923M4.60355 10.6923L4.39053 5.15385M10.5247 3.17881C10.7352 3.21059 10.9449 3.2446 11.1538 3.28079M10.5247 3.17881L9.86757 11.7216C9.81208 12.443 9.21055 13 8.48703 13H3.66681C2.9433 13 2.34177 12.443 2.28628 11.7216L1.62914 3.17881M10.5247 3.17881C9.81921 3.07227 9.10554 2.99068 8.38461 2.93497M1 3.28079C1.20897 3.2446 1.41869 3.21059 1.62914 3.17881M1.62914 3.17881C2.33463 3.07227 3.0483 2.99068 3.76923 2.93497M8.38461 2.93497V2.37119C8.38461 1.64543 7.82421 1.03953 7.09882 1.01632C6.75952 1.00547 6.41886 1 6.07692 1C5.73498 1 5.39432 1.00547 5.05502 1.01632C4.32963 1.03953 3.76923 1.64543 3.76923 2.37119V2.93497M8.38461 2.93497C7.62311 2.87612 6.85352 2.84615 6.07692 2.84615C5.30033 2.84615 4.53073 2.87612 3.76923 2.93497" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/vault/index.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Image } from '@chakra-ui/react';
-import path from './vault.png';
-
-export interface VaultProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Vault` icon component
- */
-export const Vault: React.FC<VaultProps> = ({ boxSize }) => {
-  return <Image src={path} boxSize={boxSize} />;
-};
+import React from 'react';
+import { Image } from '@chakra-ui/react';
+import path from './vault.png';
+
+export interface VaultProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Vault` icon component
+ */
+export const Vault: React.FC<VaultProps> = ({ boxSize }) => {
+  return <Image src={path} boxSize={boxSize} />;
+};

package/src/components/icons/video/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as VideoIcon } from './video.svg';
-
-export interface VideoProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Video` icon component
- */
-export const Video: React.FC<VideoProps> = ({ boxSize }) => {
-  return <VideoIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as VideoIcon } from './video.svg';
+
+export interface VideoProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Video` icon component
+ */
+export const Video: React.FC<VideoProps> = ({ boxSize }) => {
+  return <VideoIcon boxSize={boxSize} />;
+};

package/src/components/icons/video/video.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.600098 7.00001C0.600098 3.46538 3.46548 0.600006 7.0001 0.600006C10.5347 0.600006 13.4001 3.46538 13.4001 7.00001C13.4001 10.5346 10.5347 13.4 7.0001 13.4C3.46548 13.4 0.600098 10.5346 0.600098 7.00001ZM5.71258 4.67338C5.90523 4.5682 6.13993 4.57661 6.32455 4.6953L9.12455 6.4953C9.29629 6.6057 9.4001 6.79585 9.4001 7.00001C9.4001 7.20416 9.29629 7.39431 9.12455 7.50471L6.32455 9.30471C6.13993 9.4234 5.90523 9.43181 5.71258 9.32663C5.51994 9.22146 5.4001 9.01949 5.4001 8.80001V5.20001C5.4001 4.98052 5.51994 4.77855 5.71258 4.67338Z" fill="#0082FF"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.600098 7.00001C0.600098 3.46538 3.46548 0.600006 7.0001 0.600006C10.5347 0.600006 13.4001 3.46538 13.4001 7.00001C13.4001 10.5346 10.5347 13.4 7.0001 13.4C3.46548 13.4 0.600098 10.5346 0.600098 7.00001ZM5.71258 4.67338C5.90523 4.5682 6.13993 4.57661 6.32455 4.6953L9.12455 6.4953C9.29629 6.6057 9.4001 6.79585 9.4001 7.00001C9.4001 7.20416 9.29629 7.39431 9.12455 7.50471L6.32455 9.30471C6.13993 9.4234 5.90523 9.43181 5.71258 9.32663C5.51994 9.22146 5.4001 9.01949 5.4001 8.80001V5.20001C5.4001 4.98052 5.51994 4.77855 5.71258 4.67338Z" fill="#0082FF"/>
+</svg>

package/src/components/icons/warning/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { ReactComponent as WarningIcon } from './warning.svg';
-
-export interface WarningProps {
-  boxSize: number | string;
-}
-
-/**
- * A functional React component utilized to render the `Warning` icon component
- */
-export const Warning: React.FC<WarningProps> = ({ boxSize }) => {
-  return <WarningIcon boxSize={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as WarningIcon } from './warning.svg';
+
+export interface WarningProps {
+  boxSize: number | string;
+}
+
+/**
+ * A functional React component utilized to render the `Warning` icon component
+ */
+export const Warning: React.FC<WarningProps> = ({ boxSize }) => {
+  return <WarningIcon boxSize={boxSize} />;
+};

package/src/components/icons/warning/warning.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7 5V7.5M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM7 9.5H7.005V9.505H7V9.5Z" stroke="#F8CE52" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 5V7.5M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM7 9.5H7.005V9.505H7V9.5Z" stroke="#F8CE52" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>