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

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

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

package/src/components/icons/image/image.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.800049 2.19999C0.800049 1.20588 1.60594 0.399994 2.60005 0.399994H13.4C14.3942 0.399994 15.2 1.20588 15.2 2.19999V9.79999C15.2 10.7941 14.3942 11.6 13.4 11.6H2.60005C1.60594 11.6 0.800049 10.7941 0.800049 9.79999V2.19999ZM2.00005 6.84852V9.79999C2.00005 10.1314 2.26868 10.4 2.60005 10.4H13.4C13.7314 10.4 14 10.1314 14 9.79999V7.64852L12.2243 5.87279C11.99 5.63847 11.6101 5.63847 11.3758 5.87279L9.84858 7.39999L10.2243 7.77573C10.4586 8.01004 10.4586 8.38994 10.2243 8.62426C9.99 8.85857 9.6101 8.85857 9.37578 8.62426L5.22431 4.47279C4.99 4.23847 4.6101 4.23847 4.37578 4.47279L2.00005 6.84852ZM9.60005 3.59999C9.60005 4.04182 9.24188 4.39999 8.80005 4.39999C8.35822 4.39999 8.00005 4.04182 8.00005 3.59999C8.00005 3.15817 8.35822 2.79999 8.80005 2.79999C9.24188 2.79999 9.60005 3.15817 9.60005 3.59999Z" fill="white"/>
-</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.800049 2.19999C0.800049 1.20588 1.60594 0.399994 2.60005 0.399994H13.4C14.3942 0.399994 15.2 1.20588 15.2 2.19999V9.79999C15.2 10.7941 14.3942 11.6 13.4 11.6H2.60005C1.60594 11.6 0.800049 10.7941 0.800049 9.79999V2.19999ZM2.00005 6.84852V9.79999C2.00005 10.1314 2.26868 10.4 2.60005 10.4H13.4C13.7314 10.4 14 10.1314 14 9.79999V7.64852L12.2243 5.87279C11.99 5.63847 11.6101 5.63847 11.3758 5.87279L9.84858 7.39999L10.2243 7.77573C10.4586 8.01004 10.4586 8.38994 10.2243 8.62426C9.99 8.85857 9.6101 8.85857 9.37578 8.62426L5.22431 4.47279C4.99 4.23847 4.6101 4.23847 4.37578 4.47279L2.00005 6.84852ZM9.60005 3.59999C9.60005 4.04182 9.24188 4.39999 8.80005 4.39999C8.35822 4.39999 8.00005 4.04182 8.00005 3.59999C8.00005 3.15817 8.35822 2.79999 8.80005 2.79999C9.24188 2.79999 9.60005 3.15817 9.60005 3.59999Z" fill="white"/>
+</svg>

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

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

package/src/components/icons/index.tsx

@@ -1,101 +1,101 @@
-import { Checkmark } from './checkmark';
-import { ChevronDown } from './chevron/down';
-import { ChevronRight } from './chevron/right';
-import { Clock } from './clock';
-import { Close } from './close';
-import { Dropdown } from './dropdown';
-import { Error } from './error';
-import { FileFill } from './file/fill';
-import { FileOutline } from './file/outline';
-import { FolderFill } from './folder/fill';
-import { FolderOutline } from './folder/outline';
-import { FolderAddFill } from './folder/add/fill';
-import { FolderAddOutline } from './folder/add/outline';
-import { Google } from './google';
-import { GoogleDrive } from './google/drive';
-import { Group } from './group';
-import { Home } from './home';
-import { Image } from './image';
-import { Link } from './link';
-import { Menu } from './menu';
-import { Microsoft } from './microsoft';
-import { MicrosoftOneDrive } from './microsoft/onedrive';
-import { Neutral } from './neutral';
-import { Positive } from './positive';
-import { Search } from './search';
-import { Settings } from './settings';
-import { TableFill } from './table/fill';
-import { TableOutline } from './table/outline';
-import { Trash } from './trash';
-import { Warning } from './warning';
-import { Services } from './services';
-import { Vault } from './vault';
-import { Question } from './question';
-import { Video } from './video';
-import { Page } from './page';
-import { Workspace } from './workspace';
-import { Task } from './task';
-import GearIcon from './gear/GearIcon';
-import { BoxProps } from '@chakra-ui/react';
-
-export interface IconProps {
-  boxSize: string;
-}
-export interface JSXIconProps
-  extends Pick<
-    BoxProps,
-    | 'p'
-    | 'padding'
-    | 'pr'
-    | 'paddingRight'
-    | 'pl'
-    | 'paddingLeft'
-    | 'pt'
-    | 'paddingTop'
-    | 'pb'
-    | 'paddingBottom'
-  > {
-  color?: string;
-  boxSize?: string;
-}
-
-export {
-  Checkmark,
-  ChevronDown,
-  ChevronRight,
-  Clock,
-  Close,
-  Dropdown,
-  Error,
-  FileFill,
-  FileOutline,
-  FolderFill,
-  FolderOutline,
-  FolderAddFill,
-  FolderAddOutline,
-  GearIcon,
-  Google,
-  GoogleDrive,
-  Group,
-  Home,
-  Image,
-  Link,
-  Menu,
-  Microsoft,
-  MicrosoftOneDrive,
-  Neutral,
-  Page,
-  Positive,
-  Question,
-  Search,
-  Services,
-  Settings,
-  TableFill,
-  TableOutline,
-  Trash,
-  Vault,
-  Video,
-  Warning,
-  Workspace,
-  Task,
-};
+import { Checkmark } from './checkmark';
+import { ChevronDown } from './chevron/down';
+import { ChevronRight } from './chevron/right';
+import { Clock } from './clock';
+import { Close } from './close';
+import { Dropdown } from './dropdown';
+import { Error } from './error';
+import { FileFill } from './file/fill';
+import { FileOutline } from './file/outline';
+import { FolderFill } from './folder/fill';
+import { FolderOutline } from './folder/outline';
+import { FolderAddFill } from './folder/add/fill';
+import { FolderAddOutline } from './folder/add/outline';
+import { Google } from './google';
+import { GoogleDrive } from './google/drive';
+import { Group } from './group';
+import { Home } from './home';
+import { Image } from './image';
+import { Link } from './link';
+import { Menu } from './menu';
+import { Microsoft } from './microsoft';
+import { MicrosoftOneDrive } from './microsoft/onedrive';
+import { Neutral } from './neutral';
+import { Positive } from './positive';
+import { Search } from './search';
+import { Settings } from './settings';
+import { TableFill } from './table/fill';
+import { TableOutline } from './table/outline';
+import { Trash } from './trash';
+import { Warning } from './warning';
+import { Services } from './services';
+import { Vault } from './vault';
+import { Question } from './question';
+import { Video } from './video';
+import { Page } from './page';
+import { Workspace } from './workspace';
+import { Task } from './task';
+import GearIcon from './gear/GearIcon';
+import { BoxProps } from '@chakra-ui/react';
+
+export interface IconProps {
+  boxSize: string;
+}
+export interface JSXIconProps
+  extends Pick<
+    BoxProps,
+    | 'p'
+    | 'padding'
+    | 'pr'
+    | 'paddingRight'
+    | 'pl'
+    | 'paddingLeft'
+    | 'pt'
+    | 'paddingTop'
+    | 'pb'
+    | 'paddingBottom'
+  > {
+  color?: string;
+  boxSize?: string;
+}
+
+export {
+  Checkmark,
+  ChevronDown,
+  ChevronRight,
+  Clock,
+  Close,
+  Dropdown,
+  Error,
+  FileFill,
+  FileOutline,
+  FolderFill,
+  FolderOutline,
+  FolderAddFill,
+  FolderAddOutline,
+  GearIcon,
+  Google,
+  GoogleDrive,
+  Group,
+  Home,
+  Image,
+  Link,
+  Menu,
+  Microsoft,
+  MicrosoftOneDrive,
+  Neutral,
+  Page,
+  Positive,
+  Question,
+  Search,
+  Services,
+  Settings,
+  TableFill,
+  TableOutline,
+  Trash,
+  Vault,
+  Video,
+  Warning,
+  Workspace,
+  Task,
+};

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

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

package/src/components/icons/link/link.svg

@@ -1,4 +1,4 @@
-<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.4001 3.4C2.06873 3.4 1.8001 3.66863 1.8001 4V10.8C1.8001 11.1314 2.06873 11.4 2.4001 11.4H9.2001C9.53147 11.4 9.8001 11.1314 9.8001 10.8V7.6C9.8001 7.26863 10.0687 7 10.4001 7C10.7315 7 11.0001 7.26863 11.0001 7.6V10.8C11.0001 11.7941 10.1942 12.6 9.2001 12.6H2.4001C1.40599 12.6 0.600098 11.7941 0.600098 10.8V4C0.600098 3.00589 1.40598 2.2 2.4001 2.2H6.4001C6.73147 2.2 7.0001 2.46863 7.0001 2.8C7.0001 3.13137 6.73147 3.4 6.4001 3.4H2.4001Z" fill="#3C3C434D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.95518 9.20255C4.1775 9.44827 4.55692 9.46724 4.80265 9.24492L12.2001 2.55199V4.8C12.2001 5.13137 12.4687 5.4 12.8001 5.4C13.1315 5.4 13.4001 5.13137 13.4001 4.8V1.2C13.4001 0.86863 13.1315 0.6 12.8001 0.6H9.2001C8.86873 0.6 8.6001 0.86863 8.6001 1.2C8.6001 1.53137 8.86873 1.8 9.2001 1.8H11.2426L3.99755 8.35508C3.75183 8.5774 3.73285 8.95683 3.95518 9.20255Z" fill="#3C3C434D"/>
-</svg>
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.4001 3.4C2.06873 3.4 1.8001 3.66863 1.8001 4V10.8C1.8001 11.1314 2.06873 11.4 2.4001 11.4H9.2001C9.53147 11.4 9.8001 11.1314 9.8001 10.8V7.6C9.8001 7.26863 10.0687 7 10.4001 7C10.7315 7 11.0001 7.26863 11.0001 7.6V10.8C11.0001 11.7941 10.1942 12.6 9.2001 12.6H2.4001C1.40599 12.6 0.600098 11.7941 0.600098 10.8V4C0.600098 3.00589 1.40598 2.2 2.4001 2.2H6.4001C6.73147 2.2 7.0001 2.46863 7.0001 2.8C7.0001 3.13137 6.73147 3.4 6.4001 3.4H2.4001Z" fill="#3C3C434D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.95518 9.20255C4.1775 9.44827 4.55692 9.46724 4.80265 9.24492L12.2001 2.55199V4.8C12.2001 5.13137 12.4687 5.4 12.8001 5.4C13.1315 5.4 13.4001 5.13137 13.4001 4.8V1.2C13.4001 0.86863 13.1315 0.6 12.8001 0.6H9.2001C8.86873 0.6 8.6001 0.86863 8.6001 1.2C8.6001 1.53137 8.86873 1.8 9.2001 1.8H11.2426L3.99755 8.35508C3.75183 8.5774 3.73285 8.95683 3.95518 9.20255Z" fill="#3C3C434D"/>
+</svg>

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

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

package/src/components/icons/menu/menu.svg

@@ -1,3 +1,3 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.8C0 0.468629 0.268629 0.2 0.6 0.2H9C9.33137 0.2 9.6 0.468629 9.6 0.8C9.6 1.13137 9.33137 1.4 9 1.4H0.6C0.268629 1.4 0 1.13137 0 0.8ZM0 5C0 4.66863 0.268629 4.4 0.6 4.4H9C9.33137 4.4 9.6 4.66863 9.6 5C9.6 5.33137 9.33137 5.6 9 5.6H0.6C0.268629 5.6 0 5.33137 0 5ZM0 9.2C0 8.86863 0.268629 8.6 0.6 8.6H9C9.33137 8.6 9.6 8.86863 9.6 9.2C9.6 9.53137 9.33137 9.8 9 9.8H0.6C0.268629 9.8 0 9.53137 0 9.2Z" fill="white"/>
-</svg>
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.8C0 0.468629 0.268629 0.2 0.6 0.2H9C9.33137 0.2 9.6 0.468629 9.6 0.8C9.6 1.13137 9.33137 1.4 9 1.4H0.6C0.268629 1.4 0 1.13137 0 0.8ZM0 5C0 4.66863 0.268629 4.4 0.6 4.4H9C9.33137 4.4 9.6 4.66863 9.6 5C9.6 5.33137 9.33137 5.6 9 5.6H0.6C0.268629 5.6 0 5.33137 0 5ZM0 9.2C0 8.86863 0.268629 8.6 0.6 8.6H9C9.33137 8.6 9.6 8.86863 9.6 9.2C9.6 9.53137 9.33137 9.8 9 9.8H0.6C0.268629 9.8 0 9.53137 0 9.2Z" fill="white"/>
+</svg>

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

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