@xqmsg/ui-core 0.21.4 → 0.21.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.21.4",
+  "version": "0.21.6",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/banner/Banner.stories.tsx

@@ -96,5 +96,5 @@ const Template: Story<BannerProps> = args => (
 
 export const Default = Template.bind({});
 Default.args = {
-  buttonText: 'Action',
+  // buttonText: 'Action',
 };

package/src/components/banner/index.tsx

@@ -47,6 +47,7 @@ export const Banner: React.FC<BannerProps> = ({
         <Flex
           flexDirection={type === 'condensed' ? 'row' : 'column'}
           alignItems={type === 'condensed' ? 'center' : ''}
+          minHeight="26px"
         >
           <Box pr="8px">{Icon}</Box>
           <Box pt={type === 'condensed' ? 0 : '8px'}> {message}</Box>

package/src/components/icons/index.tsx

@@ -33,6 +33,7 @@ import { Vault } from './vault';
 import { Question } from './question';
 import { Video } from './video';
 import { Page } from './page';
+import { Workspace } from './workspace';
 
 export {
   Checkmark,
@@ -70,4 +71,5 @@ export {
   Vault,
   Video,
   Warning,
+  Workspace,
 };

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

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

package/src/components/link/index.tsx

@@ -24,7 +24,7 @@ export const Link: React.FC<LinkProps> = ({ variant, text, onClick }) => {
   }, [variant]);
 
   return (
-    <Flex alignItems="center" cursor="pointer" onClick={onClick}>
+    <Flex alignItems="flex-start" cursor="pointer" onClick={onClick}>
       {getIcon}
       <Text variant="description-large" pl="2px" color={colors.fill.action}>
         {text}

package/src/components/navigation/index.tsx

@@ -74,9 +74,8 @@ export const NavigationMenu: React.FC<NavigationMenuProps> = ({
         <NavigationMenuItem
           {...bottomMenuItem}
           key={bottomMenuItem.label}
-          isSelected={_selectedMenuItem === bottomMenuItem.label}
+          isSelected
           onClick={() => {
-            setSelectedMenuItem(bottomMenuItem.label);
             if (bottomMenuItem.onClick) {
               bottomMenuItem.onClick();
             }