@sequencing/design-system 1.0.20 → 1.0.22

package/dist/esm/types/components/Atoms/TabMenu/TabMenu.d.ts

@@ -4,11 +4,15 @@ interface Tab {
     label: ReactNode;
     tabId: number;
     chip?: ReactNode;
+    customClass?: string;
 }
 export interface TabMenuProps {
     /** Custom css class to customize the stylings */
     customClass?: string;
-    /** Custom css class to apply to individual tabs */
+    /**
+     * Custom css class to apply to all individual tabs. For full control over individual tabs' classes, set the `customClass`
+     * property individually on the `tabs` array
+     */
     tabCustomClass?: string;
     /** This prop determines tab's 'value' for purposes of switching tabs */
     tabs: Tab[];

package/dist/esm/types/components/Atoms/TextField/TextField.d.ts

@@ -4,11 +4,11 @@ export interface TextFieldProps {
     customClass?: string;
     /** Placeholder when there's no text in the field */
     placeholder?: string;
-    /** If ``true``, a small button will appear at the right side of the text field
+    /** If ``true``, a small button will appear on the right side of the text field
      * to clear its contents
      */
     showClearButton?: boolean;
-    /** Text to render in the field */
+    /** Text to render in the field. You can omit it if you want to have uncontrolled input */
     value?: string;
     /**
      * The look and feel of the link.
@@ -19,7 +19,7 @@ export interface TextFieldProps {
     onChange?: (value: string) => void;
     /** Callback called when the input is clicked */
     onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
-    /** Reference to the input element */
+    /** Reference to the input element. You must provide it if you want to have clear button for uncontrolled input */
     inputRef?: React.RefObject<HTMLInputElement>;
     /** Icon to display inside the text field */
     icon?: string;

package/dist/index.d.ts

@@ -140,11 +140,11 @@ interface TextFieldProps {
     customClass?: string;
     /** Placeholder when there's no text in the field */
     placeholder?: string;
-    /** If ``true``, a small button will appear at the right side of the text field
+    /** If ``true``, a small button will appear on the right side of the text field
      * to clear its contents
      */
     showClearButton?: boolean;
-    /** Text to render in the field */
+    /** Text to render in the field. You can omit it if you want to have uncontrolled input */
     value?: string;
     /**
      * The look and feel of the link.
@@ -155,7 +155,7 @@ interface TextFieldProps {
     onChange?: (value: string) => void;
     /** Callback called when the input is clicked */
     onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
-    /** Reference to the input element */
+    /** Reference to the input element. You must provide it if you want to have clear button for uncontrolled input */
     inputRef?: React.RefObject<HTMLInputElement>;
     /** Icon to display inside the text field */
     icon?: string;
@@ -209,11 +209,15 @@ interface Tab {
     label: ReactNode;
     tabId: number;
     chip?: ReactNode;
+    customClass?: string;
 }
 interface TabMenuProps {
     /** Custom css class to customize the stylings */
     customClass?: string;
-    /** Custom css class to apply to individual tabs */
+    /**
+     * Custom css class to apply to all individual tabs. For full control over individual tabs' classes, set the `customClass`
+     * property individually on the `tabs` array
+     */
     tabCustomClass?: string;
     /** This prop determines tab's 'value' for purposes of switching tabs */
     tabs: Tab[];