@xqmsg/ui-core 0.17.0 → 0.17.2

package/package.json

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

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

@@ -10,5 +10,12 @@ export interface CloseProps {
  * A functional React component utilized to render the `Close` icon component
  */
 export const Close: React.FC<CloseProps> = ({ boxSize, onClick }) => {
-  return <CloseIcon boxSize={boxSize} onClick={onClick} cursor="pointer" />;
+  return (
+    <CloseIcon
+      width={boxSize}
+      height={boxSize}
+      onClick={onClick}
+      cursor="pointer"
+    />
+  );
 };

package/src/components/input/StackedPilledInput/index.tsx

@@ -64,10 +64,11 @@ const StackedPilledInput = React.forwardRef<
 
   const onHandleKeyDown = (e: React.KeyboardEvent) => {
     if (
-      e.key === ' ' ||
-      e.key === 'Enter' ||
-      e.key === ',' ||
-      e.key === 'Tab'
+      (e.key === ' ' ||
+        e.key === 'Enter' ||
+        e.key === ',' ||
+        e.key === 'Tab') &&
+      localValue.trim().length
     ) {
       if (
         e.key === 'Enter' &&

package/src/components/input/components/token/Token.stories.tsx

@@ -1,5 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
+import { Box } from '@chakra-ui/react';
 import Token, { TokenProps } from '.';
 
 const meta: Meta<TokenProps> = {
@@ -12,8 +13,10 @@ const meta: Meta<TokenProps> = {
 };
 
 export default meta;
-const Template: Story<TokenProps> = (args) => (
-  <Token {...args} onDelete={() => null} />
+const Template: Story<TokenProps> = args => (
+  <Box width="fit-content">
+    <Token {...args} onDelete={() => null} />
+  </Box>
 );
 
 export const Default = Template.bind({});

package/src/components/input/components/token/index.tsx

@@ -1,7 +1,7 @@
 import { Flex, Text } from '@chakra-ui/react';
 import { truncate } from 'lodash';
 import React from 'react';
-import { Close } from 'src/components/icons/close';
+import { Close } from '../../../icons/close';
 import colors from '../../../../../src/theme/foundations/colors';
 
 export interface TokenProps {

package/src/components/input/index.tsx

@@ -243,11 +243,8 @@ export function Input<T extends FieldValues>({
           id={name}
           isInvalid={isInvalid}
           position="relative"
-          py={
-            (label || helperText || isInvalid) && inputType !== 'checkbox'
-              ? 6
-              : 0
-          }
+          py={label || helperText || isInvalid ? 6 : 0}
+          pb={inputType === 'checkbox' ? 6 : 0}
         >
           {label && inputType !== 'checkbox' && (
             <Label

package/src/components/navigation/components/header/index.tsx

@@ -9,6 +9,7 @@ export interface NavigationMenuHeaderProps {
 /**
  * A functional React component utilized to render the `NavigationMenuHeader` component
  */
+
 export const NavigationMenuHeader: React.FC<NavigationMenuHeaderProps> = ({
   label,
 }) => {

package/src/components/navigation/components/items/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Box, Flex, Link } from '@chakra-ui/react';
-import colors from 'src/theme/foundations/colors';
+import colors from '../../../../theme/foundations/colors';
 
 export interface NavigationMenuItemProps {
   leftIcon: JSX.Element;