Add tabindex and aria props to Checkbox component

Author: Kubit

src/components/checkbox/checkboxStandAlone.tsx

@@ -139,6 +139,7 @@ const CheckboxStandAloneComponent = (
               screenReaderText,
               screenReaderId,
             })}
+            aria-hidden={props['aria-hidden']}
             aria-invalid={hasError}
             aria-label={props['aria-label']}
             aria-labelledby={props['aria-labelledby']}
@@ -149,6 +150,7 @@ const CheckboxStandAloneComponent = (
             name={name}
             required={required}
             styles={styles}
+            tabIndex={props.tabIndex}
             type="checkbox"
             value={value}
             onBlur={onBlur}

src/components/checkbox/stories/argtypes.ts

@@ -194,6 +194,50 @@ export const argtypes = (variants: IThemeObjectVariants, themeSelected: string):
         category: CATEGORY_CONTROL.ACCESIBILITY,
       },
     },
+    tabIndex: {
+      description: 'Tab index',
+      control: { type: 'number' },
+      type: { name: 'number' },
+      table: {
+        type: {
+          summary: 'number',
+        },
+        category: CATEGORY_CONTROL.MODIFIERS,
+      },
+    },
+    ['aria-label']: {
+      description: 'Input aria-label',
+      control: { type: 'text' },
+      type: { name: 'string' },
+      table: {
+        type: {
+          summary: 'string',
+        },
+        category: CATEGORY_CONTROL.ACCESIBILITY,
+      },
+    },
+    ['aria-labelledby']: {
+      description: 'Input aria-labelledby',
+      control: { type: 'text' },
+      type: { name: 'string' },
+      table: {
+        type: {
+          summary: 'string',
+        },
+        category: CATEGORY_CONTROL.ACCESIBILITY,
+      },
+    },
+    ['aria-hidden']: {
+      description: 'Hide element from screen readers',
+      control: { type: 'boolean' },
+      type: { name: 'boolean' },
+      table: {
+        type: {
+          summary: 'boolean',
+        },
+        category: CATEGORY_CONTROL.ACCESIBILITY,
+      },
+    },
     dataTestId: {
       description: 'String used for testing',
       control: { type: 'text' },

src/components/checkbox/types/checkbox.ts

@@ -34,7 +34,10 @@ export interface ICheckboxErrorStandAlone {
   errorMessage?: CheckboxHelperAndErrorTextType;
 }
 
-type CheckboxAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+type CheckboxAriaAttributes = Pick<
+  React.AriaAttributes,
+  'aria-label' | 'aria-labelledby' | 'aria-hidden'
+>;
 
 /**
  * @description
@@ -56,6 +59,7 @@ export interface ICheckboxStandAlone extends IInputComponent, CheckboxAriaAttrib
   helperText?: CheckboxHelperAndErrorTextType;
   extraAriaDescribedBy?: string;
   screenReaderText?: string;
+  tabIndex?: number;
 }
 
 /**