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

package/src/components/icons/dropdown/dropdown.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C0.89543 12 -3.91405e-08 11.1046 -8.74228e-08 10L-4.37114e-07 2C-4.85396e-07 0.895431 0.89543 -3.91405e-08 2 -8.74228e-08L10 -4.37114e-07C11.1046 -4.85396e-07 12 0.89543 12 2L12 10C12 11.1046 11.1046 12 10 12L2 12ZM6 2.5C6.13261 2.5 6.25979 2.55268 6.35355 2.64645L7.85355 4.14645C8.04881 4.34171 8.04881 4.65829 7.85355 4.85355C7.65829 5.04882 7.34171 5.04882 7.14645 4.85355L6 3.70711L4.85355 4.85355C4.65829 5.04882 4.34171 5.04882 4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645L5.64645 2.64645C5.74021 2.55268 5.86739 2.5 6 2.5ZM5.64645 9.35355C5.74021 9.44732 5.86739 9.5 6 9.5C6.13261 9.5 6.25978 9.44732 6.35355 9.35355L7.85355 7.85355C8.04882 7.65829 8.04882 7.34171 7.85355 7.14645C7.65829 6.95118 7.34171 6.95118 7.14645 7.14645L6 8.29289L4.85355 7.14645C4.65829 6.95118 4.34171 6.95118 4.14645 7.14645C3.95118 7.34171 3.95118 7.65829 4.14645 7.85355L5.64645 9.35355Z" fill="current"/>
-</svg>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C0.89543 12 -3.91405e-08 11.1046 -8.74228e-08 10L-4.37114e-07 2C-4.85396e-07 0.895431 0.89543 -3.91405e-08 2 -8.74228e-08L10 -4.37114e-07C11.1046 -4.85396e-07 12 0.89543 12 2L12 10C12 11.1046 11.1046 12 10 12L2 12ZM6 2.5C6.13261 2.5 6.25979 2.55268 6.35355 2.64645L7.85355 4.14645C8.04881 4.34171 8.04881 4.65829 7.85355 4.85355C7.65829 5.04882 7.34171 5.04882 7.14645 4.85355L6 3.70711L4.85355 4.85355C4.65829 5.04882 4.34171 5.04882 4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645L5.64645 2.64645C5.74021 2.55268 5.86739 2.5 6 2.5ZM5.64645 9.35355C5.74021 9.44732 5.86739 9.5 6 9.5C6.13261 9.5 6.25978 9.44732 6.35355 9.35355L7.85355 7.85355C8.04882 7.65829 8.04882 7.34171 7.85355 7.14645C7.65829 6.95118 7.34171 6.95118 7.14645 7.14645L6 8.29289L4.85355 7.14645C4.65829 6.95118 4.34171 6.95118 4.14645 7.14645C3.95118 7.34171 3.95118 7.65829 4.14645 7.85355L5.64645 9.35355Z" fill="current"/>
+</svg>

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

@@ -1,16 +1,16 @@
-import React from 'react';
-import { ReactComponent as DropdownIcon } from './dropdown.svg';
-
-export interface DropdownProps {
-  boxSize: number | string;
-  disabled?: boolean;
-}
-
-/**
- * A functional React component utilized to render the `Dropdown` icon component
- */
-export const Dropdown: React.FC<DropdownProps> = ({ boxSize, disabled }) => {
-  return (
-    <DropdownIcon boxSize={boxSize} fill={disabled ? '#3C3C4399' : '#0082FF'} />
-  );
-};
+import React from 'react';
+import { ReactComponent as DropdownIcon } from './dropdown.svg';
+
+export interface DropdownProps {
+  boxSize: number | string;
+  disabled?: boolean;
+}
+
+/**
+ * A functional React component utilized to render the `Dropdown` icon component
+ */
+export const Dropdown: React.FC<DropdownProps> = ({ boxSize, disabled }) => {
+  return (
+    <DropdownIcon boxSize={boxSize} fill={disabled ? '#3C3C4399' : '#0082FF'} />
+  );
+};

package/src/components/icons/error/error.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.5 5.5L8.5 8.5M8.5 5.5L5.5 8.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="#F96057" 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.5 5.5L8.5 8.5M8.5 5.5L5.5 8.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="#F96057" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

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

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

@@ -1,4 +1,4 @@
-<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.75 0C1.05964 0 0.5 0.559644 0.5 1.25V12.75C0.5 13.4404 1.05964 14 1.75 14H10.25C10.9404 14 11.5 13.4404 11.5 12.75V7.5C11.5 6.11929 10.3807 5 9 5H7.75C7.05964 5 6.5 4.44036 6.5 3.75V2.5C6.5 1.11929 5.38071 0 4 0H1.75Z" fill="white"/>
-<path d="M6.64746 0.210603C7.17864 0.824319 7.5 1.62463 7.5 2.5V3.75C7.5 3.88807 7.61193 4 7.75 4H9C9.87537 4 10.6757 4.32136 11.2894 4.85254C10.6975 2.58658 8.91342 0.802516 6.64746 0.210603Z" fill="white"/>
-</svg>
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.75 0C1.05964 0 0.5 0.559644 0.5 1.25V12.75C0.5 13.4404 1.05964 14 1.75 14H10.25C10.9404 14 11.5 13.4404 11.5 12.75V7.5C11.5 6.11929 10.3807 5 9 5H7.75C7.05964 5 6.5 4.44036 6.5 3.75V2.5C6.5 1.11929 5.38071 0 4 0H1.75Z" fill="white"/>
+<path d="M6.64746 0.210603C7.17864 0.824319 7.5 1.62463 7.5 2.5V3.75C7.5 3.88807 7.61193 4 7.75 4H9C9.87537 4 10.6757 4.32136 11.2894 4.85254C10.6975 2.58658 8.91342 0.802516 6.64746 0.210603Z" fill="white"/>
+</svg>

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

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

package/src/components/icons/file/outline/file-outline.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.0461 8.47693V6.75385C11.0461 5.53033 10.0542 4.53847 8.83072 4.53847H7.84611C7.43826 4.53847 7.10764 4.20785 7.10764 3.80001V2.81539C7.10764 1.59187 6.11578 0.600006 4.89226 0.600006H3.66149M5.13841 0.600006H1.93841C1.53057 0.600006 1.19995 0.930626 1.19995 1.33847V12.6615C1.19995 13.0694 1.53057 13.4 1.93841 13.4H10.3076C10.7155 13.4 11.0461 13.0694 11.0461 12.6615V6.5077C11.0461 3.24497 8.40114 0.600006 5.13841 0.600006Z" stroke="white" 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.0461 8.47693V6.75385C11.0461 5.53033 10.0542 4.53847 8.83072 4.53847H7.84611C7.43826 4.53847 7.10764 4.20785 7.10764 3.80001V2.81539C7.10764 1.59187 6.11578 0.600006 4.89226 0.600006H3.66149M5.13841 0.600006H1.93841C1.53057 0.600006 1.19995 0.930626 1.19995 1.33847V12.6615C1.19995 13.0694 1.53057 13.4 1.93841 13.4H10.3076C10.7155 13.4 11.0461 13.0694 11.0461 12.6615V6.5077C11.0461 3.24497 8.40114 0.600006 5.13841 0.600006Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

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

package/src/components/icons/folder/add/fill/folder-add-fill.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 7V11M10 9H6M8.70711 4.20711L7.29289 2.79289C7.10536 2.60536 6.851 2.5 6.58579 2.5H3C2.17157 2.5 1.5 3.17157 1.5 4V12C1.5 12.8284 2.17157 13.5 3 13.5H13C13.8284 13.5 14.5 12.8284 14.5 12V6C14.5 5.17157 13.8284 4.5 13 4.5H9.41421C9.149 4.5 8.89464 4.39464 8.70711 4.20711Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 7V11M10 9H6M8.70711 4.20711L7.29289 2.79289C7.10536 2.60536 6.851 2.5 6.58579 2.5H3C2.17157 2.5 1.5 3.17157 1.5 4V12C1.5 12.8284 2.17157 13.5 3 13.5H13C13.8284 13.5 14.5 12.8284 14.5 12V6C14.5 5.17157 13.8284 4.5 13 4.5H9.41421C9.149 4.5 8.89464 4.39464 8.70711 4.20711Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/folder/add/fill/index.tsx

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

package/src/components/icons/folder/add/outline/folder-add-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="M7 5V9M9 7H5M7.70711 2.20711L6.29289 0.792893C6.10536 0.605357 5.851 0.5 5.58579 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V10C0.5 10.8284 1.17157 11.5 2 11.5H12C12.8284 11.5 13.5 10.8284 13.5 10V4C13.5 3.17157 12.8284 2.5 12 2.5H8.41421C8.149 2.5 7.89464 2.39464 7.70711 2.20711Z" 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="M7 5V9M9 7H5M7.70711 2.20711L6.29289 0.792893C6.10536 0.605357 5.851 0.5 5.58579 0.5H2C1.17157 0.5 0.5 1.17157 0.5 2V10C0.5 10.8284 1.17157 11.5 2 11.5H12C12.8284 11.5 13.5 10.8284 13.5 10V4C13.5 3.17157 12.8284 2.5 12 2.5H8.41421C8.149 2.5 7.89464 2.39464 7.70711 2.20711Z" stroke="#3C3C4399" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icons/folder/add/outline/index.tsx

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

package/src/components/icons/folder/fill/folder-fill-gradient.svg

@@ -1,34 +1,34 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 102.4 89.6">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: url(#linear-gradient-2);
-      }
-
-      .cls-1, .cls-2 {
-        fill-opacity: .8;
-      }
-
-      .cls-3 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        fill: url(#linear-gradient);
-      }
-    </style>
-    <linearGradient id="linear-gradient" x1="67.42" y1="97.14" x2="14.33" y2="13.53" gradientTransform="translate(0 91.6) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#ff81e2"/>
-      <stop offset="1" stop-color="#0082ff"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-2" x1="87.33" y1="84.5" x2="34.24" y2=".89" gradientTransform="translate(0 91.6) scale(1 -1)" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#ff81e2"/>
-      <stop offset="1" stop-color="#0082ff"/>
-    </linearGradient>
-  </defs>
-  <path class="cls-3" d="m11.2,0C5.01,0,0,5.01,0,11.2v20.87c3.23-2.07,7.08-3.27,11.2-3.27h80c4.12,0,7.97,1.2,11.2,3.27v-8.07c0-6.19-5.01-11.2-11.2-11.2h-30.95c-.42,0-.83-.17-1.13-.47l-9.05-9.05c-2.1-2.1-4.95-3.28-7.92-3.28H11.2Z"/>
-  <path class="cls-2" d="m11.2,0C5.01,0,0,5.01,0,11.2v20.87c3.23-2.07,7.08-3.27,11.2-3.27h80c4.12,0,7.97,1.2,11.2,3.27v-8.07c0-6.19-5.01-11.2-11.2-11.2h-30.95c-.42,0-.83-.17-1.13-.47l-9.05-9.05c-2.1-2.1-4.95-3.28-7.92-3.28H11.2Z"/>
-  <path class="cls-3" d="m11.2,38.4c-6.19,0-11.2,5.01-11.2,11.2v28.8c0,6.19,5.01,11.2,11.2,11.2h80c6.19,0,11.2-5.01,11.2-11.2v-28.8c0-6.19-5.01-11.2-11.2-11.2H11.2Z"/>
-  <path class="cls-1" d="m11.2,38.4c-6.19,0-11.2,5.01-11.2,11.2v28.8c0,6.19,5.01,11.2,11.2,11.2h80c6.19,0,11.2-5.01,11.2-11.2v-28.8c0-6.19-5.01-11.2-11.2-11.2H11.2Z"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 102.4 89.6">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-1, .cls-2 {
+        fill-opacity: .8;
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: url(#linear-gradient);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="67.42" y1="97.14" x2="14.33" y2="13.53" gradientTransform="translate(0 91.6) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff81e2"/>
+      <stop offset="1" stop-color="#0082ff"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="87.33" y1="84.5" x2="34.24" y2=".89" gradientTransform="translate(0 91.6) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff81e2"/>
+      <stop offset="1" stop-color="#0082ff"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-3" d="m11.2,0C5.01,0,0,5.01,0,11.2v20.87c3.23-2.07,7.08-3.27,11.2-3.27h80c4.12,0,7.97,1.2,11.2,3.27v-8.07c0-6.19-5.01-11.2-11.2-11.2h-30.95c-.42,0-.83-.17-1.13-.47l-9.05-9.05c-2.1-2.1-4.95-3.28-7.92-3.28H11.2Z"/>
+  <path class="cls-2" d="m11.2,0C5.01,0,0,5.01,0,11.2v20.87c3.23-2.07,7.08-3.27,11.2-3.27h80c4.12,0,7.97,1.2,11.2,3.27v-8.07c0-6.19-5.01-11.2-11.2-11.2h-30.95c-.42,0-.83-.17-1.13-.47l-9.05-9.05c-2.1-2.1-4.95-3.28-7.92-3.28H11.2Z"/>
+  <path class="cls-3" d="m11.2,38.4c-6.19,0-11.2,5.01-11.2,11.2v28.8c0,6.19,5.01,11.2,11.2,11.2h80c6.19,0,11.2-5.01,11.2-11.2v-28.8c0-6.19-5.01-11.2-11.2-11.2H11.2Z"/>
+  <path class="cls-1" d="m11.2,38.4c-6.19,0-11.2,5.01-11.2,11.2v28.8c0,6.19,5.01,11.2,11.2,11.2h80c6.19,0,11.2-5.01,11.2-11.2v-28.8c0-6.19-5.01-11.2-11.2-11.2H11.2Z"/>
 </svg>

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

@@ -1,4 +1,4 @@
-<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.0001 0.399994C1.2269 0.399994 0.600098 1.02679 0.600098 1.79999V4.40872C1.00422 4.14999 1.48464 3.99999 2.0001 3.99999H12.0001C12.5156 3.99999 12.996 4.14999 13.4001 4.40872V3.39999C13.4001 2.6268 12.7733 1.99999 12.0001 1.99999H8.13147C8.07842 1.99999 8.02755 1.97892 7.99005 1.94142L6.85868 0.810044C6.59613 0.547493 6.24003 0.399994 5.86873 0.399994H2.0001Z" fill="#0082ff"/>
-<path d="M2.0001 5.19999C1.2269 5.19999 0.600098 5.8268 0.600098 6.59999V10.2C0.600098 10.9732 1.2269 11.6 2.0001 11.6H12.0001C12.7733 11.6 13.4001 10.9732 13.4001 10.2V6.59999C13.4001 5.8268 12.7733 5.19999 12.0001 5.19999H2.0001Z" fill="#0082ff"/>
-</svg>
+<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.0001 0.399994C1.2269 0.399994 0.600098 1.02679 0.600098 1.79999V4.40872C1.00422 4.14999 1.48464 3.99999 2.0001 3.99999H12.0001C12.5156 3.99999 12.996 4.14999 13.4001 4.40872V3.39999C13.4001 2.6268 12.7733 1.99999 12.0001 1.99999H8.13147C8.07842 1.99999 8.02755 1.97892 7.99005 1.94142L6.85868 0.810044C6.59613 0.547493 6.24003 0.399994 5.86873 0.399994H2.0001Z" fill="#0082ff"/>
+<path d="M2.0001 5.19999C1.2269 5.19999 0.600098 5.8268 0.600098 6.59999V10.2C0.600098 10.9732 1.2269 11.6 2.0001 11.6H12.0001C12.7733 11.6 13.4001 10.9732 13.4001 10.2V6.59999C13.4001 5.8268 12.7733 5.19999 12.0001 5.19999H2.0001Z" fill="#0082ff"/>
+</svg>

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import { ReactComponent as FolderFillIcon } from './folder-fill.svg';
-import { ReactComponent as FolderFillGradientIcon } from './folder-fill-gradient.svg';
-
-export interface FolderFillProps {
-  boxSize: number | string;
-  gradient?: boolean;
-}
-
-/**
- * A functional React component utilized to render the `FolderFill` icon component
- */
-export const FolderFill: React.FC<FolderFillProps> = ({
-  boxSize,
-  gradient = false,
-}) => {
-  if (gradient) {
-    return <FolderFillGradientIcon width={boxSize} height={boxSize} />;
-  }
-  return <FolderFillIcon width={boxSize} height={boxSize} />;
-};
+import React from 'react';
+import { ReactComponent as FolderFillIcon } from './folder-fill.svg';
+import { ReactComponent as FolderFillGradientIcon } from './folder-fill-gradient.svg';
+
+export interface FolderFillProps {
+  boxSize: number | string;
+  gradient?: boolean;
+}
+
+/**
+ * A functional React component utilized to render the `FolderFill` icon component
+ */
+export const FolderFill: React.FC<FolderFillProps> = ({
+  boxSize,
+  gradient = false,
+}) => {
+  if (gradient) {
+    return <FolderFillGradientIcon width={boxSize} height={boxSize} />;
+  }
+  return <FolderFillIcon width={boxSize} height={boxSize} />;
+};

package/src/components/icons/folder/outline/folder-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 6.53846V6.07692C1 5.31222 1.61991 4.69231 2.38462 4.69231H11.6154C12.3801 4.69231 13 5.31222 13 6.07692V6.53846M7.65271 2.57579L6.34729 1.27036C6.17418 1.09725 5.93939 1 5.69457 1H2.38462C1.61991 1 1 1.61991 1 2.38462V9.76923C1 10.5339 1.61991 11.1538 2.38462 11.1538H11.6154C12.3801 11.1538 13 10.5339 13 9.76923V4.23077C13 3.46607 12.3801 2.84615 11.6154 2.84615H8.30543C8.06061 2.84615 7.82582 2.7489 7.65271 2.57579Z" stroke="#0082ff" 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 6.53846V6.07692C1 5.31222 1.61991 4.69231 2.38462 4.69231H11.6154C12.3801 4.69231 13 5.31222 13 6.07692V6.53846M7.65271 2.57579L6.34729 1.27036C6.17418 1.09725 5.93939 1 5.69457 1H2.38462C1.61991 1 1 1.61991 1 2.38462V9.76923C1 10.5339 1.61991 11.1538 2.38462 11.1538H11.6154C12.3801 11.1538 13 10.5339 13 9.76923V4.23077C13 3.46607 12.3801 2.84615 11.6154 2.84615H8.30543C8.06061 2.84615 7.82582 2.7489 7.65271 2.57579Z" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

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

package/src/components/icons/gear/GearIcon.tsx

@@ -1,36 +1,36 @@
-import React from 'react';
-import { JSXIconProps } from '..';
-import { colors } from '../../../theme/foundations/colors';
-import { Box } from '@chakra-ui/react';
-
-export const GearIcon: React.FC<JSXIconProps> = ({
-  boxSize,
-  color,
-  ...props
-}) => {
-  return (
-    <Box {...props}>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width={boxSize ?? 16}
-        height={boxSize ?? 17}
-        fill="none"
-        viewBox="0 0 16 17"
-        {...props}
-      >
-        <path
-          fill={color ?? colors.white}
-          d="M10.42 7.9c.376 0 .661-.346.51-.69a3.2 3.2 0 00-3.276-1.892c-.375.04-.532.461-.344.787L8.173 7.6a.6.6 0 00.52.3h1.726zM6.272 6.706c-.189-.326-.632-.4-.854-.096A3.186 3.186 0 004.8 8.5c0 .707.23 1.36.618 1.89.222.304.665.23.854-.096L7.134 8.8a.6.6 0 000-.6l-.862-1.494zM7.31 10.895c-.188.326-.03.746.344.786a3.2 3.2 0 003.275-1.891c.152-.344-.133-.69-.51-.69H8.693a.6.6 0 00-.52.3l-.863 1.495z"
-        ></path>
-        <path
-          fill={color ?? colors.white}
-          fillRule="evenodd"
-          d="M11.304 3.978l.516-.894a.6.6 0 00-1.04-.6l-.515.893A5.563 5.563 0 008.6 2.932V1.9a.6.6 0 00-1.2 0v1.032a5.564 5.564 0 00-1.665.445l-.515-.893a.6.6 0 00-1.04.6l.516.894a5.632 5.632 0 00-1.218 1.218l-.894-.516a.6.6 0 10-.6 1.04l.893.515A5.564 5.564 0 002.432 7.9H1.4a.6.6 0 000 1.2h1.032c.062.587.215 1.146.445 1.665l-.893.515a.6.6 0 10.6 1.04l.894-.517a5.63 5.63 0 001.218 1.219l-.516.894a.6.6 0 001.04.6l.515-.893c.518.23 1.078.383 1.665.445V15.1a.6.6 0 101.2 0v-1.032a5.562 5.562 0 001.665-.445l.515.893a.6.6 0 101.04-.6l-.516-.894a5.632 5.632 0 001.218-1.219l.894.516a.6.6 0 10.6-1.039l-.893-.515c.23-.519.383-1.078.445-1.665H14.6a.6.6 0 100-1.2h-1.032a5.564 5.564 0 00-.445-1.665l.893-.516a.6.6 0 00-.6-1.039l-.894.516a5.633 5.633 0 00-1.218-1.218zM8 4.1a4.38 4.38 0 00-2.225.603 4.422 4.422 0 00-1.599 1.619A4.38 4.38 0 003.6 8.5a4.38 4.38 0 00.601 2.222 4.422 4.422 0 001.623 1.603A4.38 4.38 0 008 12.9a4.38 4.38 0 002.223-.602 4.423 4.423 0 001.602-1.622A4.38 4.38 0 0012.4 8.5a4.38 4.38 0 00-.602-2.224 4.422 4.422 0 00-1.623-1.602A4.38 4.38 0 008 4.1z"
-          clipRule="evenodd"
-        ></path>
-      </svg>
-    </Box>
-  );
-};
-
-export default GearIcon;
+import React from 'react';
+import { JSXIconProps } from '..';
+import { colors } from '../../../theme/foundations/colors';
+import { Box } from '@chakra-ui/react';
+
+export const GearIcon: React.FC<JSXIconProps> = ({
+  boxSize,
+  color,
+  ...props
+}) => {
+  return (
+    <Box {...props}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={boxSize ?? 16}
+        height={boxSize ?? 17}
+        fill="none"
+        viewBox="0 0 16 17"
+        {...props}
+      >
+        <path
+          fill={color ?? colors.white}
+          d="M10.42 7.9c.376 0 .661-.346.51-.69a3.2 3.2 0 00-3.276-1.892c-.375.04-.532.461-.344.787L8.173 7.6a.6.6 0 00.52.3h1.726zM6.272 6.706c-.189-.326-.632-.4-.854-.096A3.186 3.186 0 004.8 8.5c0 .707.23 1.36.618 1.89.222.304.665.23.854-.096L7.134 8.8a.6.6 0 000-.6l-.862-1.494zM7.31 10.895c-.188.326-.03.746.344.786a3.2 3.2 0 003.275-1.891c.152-.344-.133-.69-.51-.69H8.693a.6.6 0 00-.52.3l-.863 1.495z"
+        ></path>
+        <path
+          fill={color ?? colors.white}
+          fillRule="evenodd"
+          d="M11.304 3.978l.516-.894a.6.6 0 00-1.04-.6l-.515.893A5.563 5.563 0 008.6 2.932V1.9a.6.6 0 00-1.2 0v1.032a5.564 5.564 0 00-1.665.445l-.515-.893a.6.6 0 00-1.04.6l.516.894a5.632 5.632 0 00-1.218 1.218l-.894-.516a.6.6 0 10-.6 1.04l.893.515A5.564 5.564 0 002.432 7.9H1.4a.6.6 0 000 1.2h1.032c.062.587.215 1.146.445 1.665l-.893.515a.6.6 0 10.6 1.04l.894-.517a5.63 5.63 0 001.218 1.219l-.516.894a.6.6 0 001.04.6l.515-.893c.518.23 1.078.383 1.665.445V15.1a.6.6 0 101.2 0v-1.032a5.562 5.562 0 001.665-.445l.515.893a.6.6 0 101.04-.6l-.516-.894a5.632 5.632 0 001.218-1.219l.894.516a.6.6 0 10.6-1.039l-.893-.515c.23-.519.383-1.078.445-1.665H14.6a.6.6 0 100-1.2h-1.032a5.564 5.564 0 00-.445-1.665l.893-.516a.6.6 0 00-.6-1.039l-.894.516a5.633 5.633 0 00-1.218-1.218zM8 4.1a4.38 4.38 0 00-2.225.603 4.422 4.422 0 00-1.599 1.619A4.38 4.38 0 003.6 8.5a4.38 4.38 0 00.601 2.222 4.422 4.422 0 001.623 1.603A4.38 4.38 0 008 12.9a4.38 4.38 0 002.223-.602 4.423 4.423 0 001.602-1.622A4.38 4.38 0 0012.4 8.5a4.38 4.38 0 00-.602-2.224 4.422 4.422 0 00-1.623-1.602A4.38 4.38 0 008 4.1z"
+          clipRule="evenodd"
+        ></path>
+      </svg>
+    </Box>
+  );
+};
+
+export default GearIcon;

package/src/components/icons/google/drive/index.tsx

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

package/src/components/icons/google/google.svg

@@ -1,13 +1,13 @@
-<svg viewBox="0 0 533.5 544.3" xmlns="http://www.w3.org/2000/svg"><path
-    d="M533.5 278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1 33.8-25.7 63.7-54.4 82.7v68h87.7c51.5-47.4 81.1-117.4 81.1-200.2z"
-    fill="#4285f4"
-  /><path
-    d="M272.1 544.3c73.4 0 135.3-24.1 180.4-65.7l-87.7-68c-24.4 16.6-55.9 26-92.6 26-71 0-131.2-47.9-152.8-112.3H28.9v70.1c46.2 91.9 140.3 149.9 243.2 149.9z"
-    fill="#34a853"
-  /><path
-    d="M119.3 324.3c-11.4-33.8-11.4-70.4 0-104.2V150H28.9c-38.6 76.9-38.6 167.5 0 244.4l90.4-70.1z"
-    fill="#fbbc04"
-  /><path
-    d="M272.1 107.7c38.8-.6 76.3 14 104.4 40.8l77.7-77.7C405 24.6 339.7-.8 272.1 0 169.2 0 75.1 58 28.9 150l90.4 70.1c21.5-64.5 81.8-112.4 152.8-112.4z"
-    fill="#ea4335"
-  /></svg>
+<svg viewBox="0 0 533.5 544.3" xmlns="http://www.w3.org/2000/svg"><path
+    d="M533.5 278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1 33.8-25.7 63.7-54.4 82.7v68h87.7c51.5-47.4 81.1-117.4 81.1-200.2z"
+    fill="#4285f4"
+  /><path
+    d="M272.1 544.3c73.4 0 135.3-24.1 180.4-65.7l-87.7-68c-24.4 16.6-55.9 26-92.6 26-71 0-131.2-47.9-152.8-112.3H28.9v70.1c46.2 91.9 140.3 149.9 243.2 149.9z"
+    fill="#34a853"
+  /><path
+    d="M119.3 324.3c-11.4-33.8-11.4-70.4 0-104.2V150H28.9c-38.6 76.9-38.6 167.5 0 244.4l90.4-70.1z"
+    fill="#fbbc04"
+  /><path
+    d="M272.1 107.7c38.8-.6 76.3 14 104.4 40.8l77.7-77.7C405 24.6 339.7-.8 272.1 0 169.2 0 75.1 58 28.9 150l90.4 70.1c21.5-64.5 81.8-112.4 152.8-112.4z"
+    fill="#ea4335"
+  /></svg>

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

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

package/src/components/icons/group/group.svg

@@ -1,3 +1,3 @@
-<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.35643 11.6759C9.92846 11.8425 10.5334 11.9317 11.1592 11.9317C12.1747 11.9317 13.1354 11.6966 13.9897 11.2778C13.9913 11.2384 13.9921 11.1989 13.9921 11.1591C13.9921 9.59453 12.7238 8.32618 11.1592 8.32618C10.1853 8.32618 9.32622 8.81758 8.81633 9.56595M9.35643 11.6759V11.6742C9.35643 10.9099 9.16058 10.1913 8.81633 9.56595M9.35643 11.6759C9.35642 11.7004 9.3562 11.7249 9.35579 11.7493C8.07722 12.5191 6.57945 12.9619 4.97826 12.9619C3.37707 12.9619 1.87931 12.5191 0.60073 11.7493C0.60031 11.7243 0.600098 11.6993 0.600098 11.6742C0.600098 9.25619 2.56027 7.29602 4.97826 7.29602C6.63195 7.29602 8.0715 8.21286 8.81633 9.56595M7.29611 2.91786C7.29611 4.19797 6.25838 5.23571 4.97826 5.23571C3.69815 5.23571 2.66041 4.19797 2.66041 2.91786C2.66041 1.63774 3.69815 0.600006 4.97826 0.600006C6.25838 0.600006 7.29611 1.63774 7.29611 2.91786ZM12.962 4.46309C12.962 5.45874 12.1548 6.26587 11.1592 6.26587C10.1636 6.26587 9.35643 5.45874 9.35643 4.46309C9.35643 3.46745 10.1636 2.66032 11.1592 2.66032C12.1548 2.66032 12.962 3.46745 12.962 4.46309Z" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.35643 11.6759C9.92846 11.8425 10.5334 11.9317 11.1592 11.9317C12.1747 11.9317 13.1354 11.6966 13.9897 11.2778C13.9913 11.2384 13.9921 11.1989 13.9921 11.1591C13.9921 9.59453 12.7238 8.32618 11.1592 8.32618C10.1853 8.32618 9.32622 8.81758 8.81633 9.56595M9.35643 11.6759V11.6742C9.35643 10.9099 9.16058 10.1913 8.81633 9.56595M9.35643 11.6759C9.35642 11.7004 9.3562 11.7249 9.35579 11.7493C8.07722 12.5191 6.57945 12.9619 4.97826 12.9619C3.37707 12.9619 1.87931 12.5191 0.60073 11.7493C0.60031 11.7243 0.600098 11.6993 0.600098 11.6742C0.600098 9.25619 2.56027 7.29602 4.97826 7.29602C6.63195 7.29602 8.0715 8.21286 8.81633 9.56595M7.29611 2.91786C7.29611 4.19797 6.25838 5.23571 4.97826 5.23571C3.69815 5.23571 2.66041 4.19797 2.66041 2.91786C2.66041 1.63774 3.69815 0.600006 4.97826 0.600006C6.25838 0.600006 7.29611 1.63774 7.29611 2.91786ZM12.962 4.46309C12.962 5.45874 12.1548 6.26587 11.1592 6.26587C10.1636 6.26587 9.35643 5.45874 9.35643 4.46309C9.35643 3.46745 10.1636 2.66032 11.1592 2.66032C12.1548 2.66032 12.962 3.46745 12.962 4.46309Z" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

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

package/src/components/icons/home/home.svg

@@ -1,3 +1,3 @@
-<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path stroke="#0082ff" d="M0.800049 7.26691L6.67788 1.38908C6.96626 1.10069 7.43383 1.10069 7.72222 1.38908L13.6 7.26691M2.27697 5.78999V12.4361C2.27697 12.844 2.60759 13.1746 3.01543 13.1746H5.72313V9.9746C5.72313 9.56676 6.05375 9.23614 6.46159 9.23614H7.93851C8.34635 9.23614 8.67697 9.56676 8.67697 9.9746V13.1746H11.3847C11.7925 13.1746 12.1231 12.844 12.1231 12.4361V5.78999M4.73851 13.1746H10.1539"  stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path stroke="#0082ff" d="M0.800049 7.26691L6.67788 1.38908C6.96626 1.10069 7.43383 1.10069 7.72222 1.38908L13.6 7.26691M2.27697 5.78999V12.4361C2.27697 12.844 2.60759 13.1746 3.01543 13.1746H5.72313V9.9746C5.72313 9.56676 6.05375 9.23614 6.46159 9.23614H7.93851C8.34635 9.23614 8.67697 9.56676 8.67697 9.9746V13.1746H11.3847C11.7925 13.1746 12.1231 12.844 12.1231 12.4361V5.78999M4.73851 13.1746H10.1539"  stroke-linecap="round" stroke-linejoin="round"/>
+</svg>