widenarrow-ui 1.1.49 → 1.1.51

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -1,8 +1,9 @@
 import { ChangeEvent, MouseEvent } from 'react';
 export interface CheckboxProps {
     label: string;
-    name?: string;
+    id?: string | number;
     value?: string;
+    name?: string;
     onChange?: (val: string, event: ChangeEvent<HTMLInputElement>) => void;
     onChangeFake?: (val: string, event: MouseEvent<HTMLDivElement>) => void;
     className?: string;

package/lib/components/Grid/Grid.types.d.ts

@@ -4,27 +4,27 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
     /**
      * Number of columns on viewports < 576px
      */
-    xs?: number | undefined;
+    xs?: number;
     /**
      * Number of columns on viewports < 768px
      */
-    sm?: number | undefined;
+    sm?: number;
     /**
      * Number of columns on viewports < 1024px
      */
-    md?: number | undefined;
+    md?: number;
     /**
      * Number of columns on viewports < 1200px
      */
-    lg?: number | undefined;
+    lg?: number;
     /**
      * Number of columns on viewports < 1646px
      */
-    xl?: number | undefined;
+    xl?: number;
     /**
      * Number of columns on viewports < 2000px
      */
-    xxl?: number | undefined;
+    xxl?: number;
     /**
      * Optionally provide the number of columns in the grid.
      * @default 12
@@ -40,12 +40,13 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
      * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
      * @default '4'
      */
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
-    className?: string | undefined;
-    children?: ReactNode | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
+    className?: string;
+    children?: ReactNode;
+    role?: string;
 }
 export interface GridContextInterface {
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
 }

package/lib/components/Input/Input.types.d.ts

@@ -9,14 +9,15 @@ export interface IconInterface {
     onClickCallback: () => void;
 }
 export interface InputProps {
-    name?: string;
     value: string | number;
     autoComplete?: string;
     autoFocus?: boolean;
     className?: string;
+    name?: string;
     disabled?: boolean;
     readOnly?: boolean;
     error?: string;
+    id?: string | number;
     iconClassName?: string;
     inputClassName?: string;
     label?: string;

package/lib/components/RadioButton/RadioButton.types.d.ts

@@ -1,6 +1,7 @@
 export interface RadioButtonProps {
     className?: string;
     name?: string;
+    id?: string | number;
     label: string;
     withLabel?: boolean;
     ariaLabel?: string;

package/lib/components/SortableTable/SortableTable.types.d.ts

@@ -31,6 +31,7 @@ export interface SortableTableProps {
     className?: string;
     rowClassName?: string;
     headerClassName?: string;
+    caption?: string;
     loading?: boolean;
     skeletonRows?: number;
     withStickyHeader?: boolean;

package/lib/components/SwitchButton/SwitchButton.types.d.ts

@@ -1,7 +1,8 @@
 export interface SwitchButtonProps {
     checked: boolean;
-    name?: string;
+    id?: string | number;
     label?: string;
+    name?: string;
     withLabel?: boolean;
     withInlineLabel?: boolean;
     ariaLabel?: string;

package/lib/components/TextAreaInput/TextAreaInput.types.d.ts

@@ -7,8 +7,9 @@ export interface TextAreaInputProps {
     onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
     rows?: number;
     placeholder: string;
-    name?: string;
+    id?: number | string;
     label?: string;
+    name?: string;
     ariaLabel?: string;
     value: string;
     error?: string;