chore: add changes from PR 679,683,684

Author: AbhinavMV

packages/core/src/lib/Checkbox/Checkbox.tsx

@@ -13,7 +13,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
     label,
     labelWhenChecked,
     layout = 'box',
-    name,
+    name = '',
     onChange,
     onBlur,
     validation,

packages/core/src/lib/Checkbox/types.ts

@@ -1,5 +1,3 @@
-
-
 export type ValidateCheckbox = {
     required?: boolean;
 };
@@ -43,7 +41,7 @@ export interface CheckboxProps {
     /**
      * a name attribute to group checkboxes
      */
-    name: string;
+    name?: string;
 
     /**
      * The normal onChange event

packages/core/src/lib/LinkTo/LinkTo.stories.tsx

@@ -110,6 +110,7 @@ NoIconLink.args = {
     address: '[email protected]',
     text: 'Email Us',
     type: 'email',
+    iconLayout: 'none',
 };
 
 export const InternalLink: ComponentStory<typeof LinkTo> = Template.bind({});

packages/core/src/lib/LinkTo/LinkTo.styles.ts

@@ -44,11 +44,11 @@ const SpanStyledFlex = styled.span<TStyleProps>`
     flex-direction: ${({ iconLayout }) =>
         iconLayout === 'leading' ? 'row' : 'row-reverse'};
     margin: ${(p) =>
-        p.iconLayout === 'leading' ? '0 2px 0 4px' : '0 4px 0 2px'};
+        p.iconLayout === 'leading' ? 'auto 2px auto 4px' : 'auto 4px auto 2px'};
 
     svg {
         margin: ${(p) =>
-            p.iconLayout === 'leading' ? '0 4px 0 0' : '0 0 0 4px'};
+            p.iconLayout === 'leading' ? 'auto 4px auto 0' : 'auto 0 auto 4px'};
     }
 `;
 

packages/core/src/lib/LinkTo/LinkTo.tsx

@@ -10,7 +10,7 @@ const LinkTo: React.FC<LinkToProps> = ({
     address,
     text,
     type = 'external',
-    iconLayout = 'none',
+    iconLayout = 'leading',
     ...props
 }) => {
     const renderContent = () => (
@@ -22,15 +22,15 @@ const LinkTo: React.FC<LinkToProps> = ({
                         title="mail icon"
                         titleId="linkto mail icon"
                         fill={color.blue}
-                        fontSize={24}
+                        fontSize={18}
                         style={{ marginTop: 'auto' }}
                     />
                 ) : (
                     <Link
                         title="link icon"
                         titleId="linkto link icon"
                         fill={color.blue}
-                        fontSize={24}
+                        fontSize={18}
                         style={{ marginTop: 'auto' }}
                     />
                 ))}

packages/core/src/lib/Todo/Todo.tsx

@@ -44,6 +44,7 @@ const Todo: React.FC<TodoProps> = ({
     };
 
     const addTodo = () => {
+        if (inputValue == '') return;
         setLists((prevTodo) => Array.from(new Set([...prevTodo, inputValue])));
         setInputValue('');
         const input: HTMLInputElement | null = document.querySelector(
@@ -63,7 +64,6 @@ const Todo: React.FC<TodoProps> = ({
                     size="large"
                     validation={{
                         regExp: pattern,
-                        required: true,
                     }}
                     key={key}
                     value={inputValue}