@sequencing/design-system 1.0.20 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/documentation.json +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Atoms/TabMenu/TabMenu.d.ts +5 -1
- package/dist/esm/types/components/Atoms/TextField/TextField.d.ts +3 -3
- package/dist/index.d.ts +8 -4
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/Atoms/TabMenu/TabMenu.d.ts +5 -1
- package/dist/types/components/Atoms/TextField/TextField.d.ts +3 -3
- package/package.json +1 -1
|
@@ -4,11 +4,15 @@ interface Tab {
|
|
|
4
4
|
label: ReactNode;
|
|
5
5
|
tabId: number;
|
|
6
6
|
chip?: ReactNode;
|
|
7
|
+
customClass?: string;
|
|
7
8
|
}
|
|
8
9
|
export interface TabMenuProps {
|
|
9
10
|
/** Custom css class to customize the stylings */
|
|
10
11
|
customClass?: string;
|
|
11
|
-
/**
|
|
12
|
+
/**
|
|
13
|
+
* Custom css class to apply to all individual tabs. For full control over individual tabs' classes, set the `customClass`
|
|
14
|
+
* property individually on the `tabs` array
|
|
15
|
+
*/
|
|
12
16
|
tabCustomClass?: string;
|
|
13
17
|
/** This prop determines tab's 'value' for purposes of switching tabs */
|
|
14
18
|
tabs: Tab[];
|
|
@@ -4,11 +4,11 @@ export interface TextFieldProps {
|
|
|
4
4
|
customClass?: string;
|
|
5
5
|
/** Placeholder when there's no text in the field */
|
|
6
6
|
placeholder?: string;
|
|
7
|
-
/** If ``true``, a small button will appear
|
|
7
|
+
/** If ``true``, a small button will appear on the right side of the text field
|
|
8
8
|
* to clear its contents
|
|
9
9
|
*/
|
|
10
10
|
showClearButton?: boolean;
|
|
11
|
-
/** Text to render in the field */
|
|
11
|
+
/** Text to render in the field. You can omit it if you want to have uncontrolled input */
|
|
12
12
|
value?: string;
|
|
13
13
|
/**
|
|
14
14
|
* The look and feel of the link.
|
|
@@ -19,7 +19,7 @@ export interface TextFieldProps {
|
|
|
19
19
|
onChange?: (value: string) => void;
|
|
20
20
|
/** Callback called when the input is clicked */
|
|
21
21
|
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
22
|
-
/** Reference to the input element */
|
|
22
|
+
/** Reference to the input element. You must provide it if you want to have clear button for uncontrolled input */
|
|
23
23
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
24
24
|
/** Icon to display inside the text field */
|
|
25
25
|
icon?: string;
|