@sequencing/design-system 1.0.13 → 1.0.15

package/dist/types/components/Atoms/Button/Button.d.ts

@@ -17,7 +17,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     loading?: boolean;
     /** Controls the look and feel of the button. Default: ``primary`` */
-    variant?: "fancy" | "primary" | "secondary" | "outlined" | "outlinedSecondary" | "outlinedDanger" | "outlinedWarning" | "outlinedWhite" | "danger" | "warning" | "white" | "text" | "textSecondary";
+    variant?: "fancy" | "primary" | "secondary" | "outlined" | "outlinedSecondary" | "outlinedDanger" | "outlinedWarning" | "outlinedWhite" | "danger" | "warning" | "white" | "text" | "textSecondary" | "success" | "outlinedSuccess";
     /** Controls the size of the button. Default: ``medium`` */
     size?: "small" | "medium" | "large";
     /** If present, display an icon in the button label. */

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

@@ -6,21 +6,23 @@ export interface TextFieldProps {
     placeholder?: string;
     /** If ``true``, a small button will appear at the right side of the text field
      * to clear its contents
-    */
+     */
     showClearButton?: boolean;
     /** Text to render in the field */
     value?: string;
     /**
      * The look and feel of the link.
      * Default: ``primary``
-    */
+     */
     variant?: "primary";
     /** Callback called when the text is updated */
     onChange?: (value: string) => void;
+    /** Callback called when the text is clicked */
+    onClick?: (value: string) => void;
 }
 /**
  * The Text Field component renders a simple input field with SDS stylings applied.
  *
-*/
-declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
+ */
+declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, onClick, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
 export default TextField;

package/dist/types/components/Molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "react-datepicker/dist/react-datepicker-cssmodules.css";
+export interface DatePickerProps {
+    /** Custom css class to customize the styling */
+    className?: string;
+    /** Format of the date to be displayed. Default: ``MMMM d, yyyy`` */
+    dateFormat?: string;
+    /** Callback called when the date is updated. Return standard JS Date object */
+    onDateChange?: (date: Date | null) => void;
+}
+declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
+export default DatePicker;

package/dist/types/components/Molecules/index.d.ts

@@ -1,4 +1,6 @@
 export { default as Modal } from "./Modal/Modal";
 export { default as AppBar } from "./AppBar/AppBar";
+export { default as DatePicker } from "./DatePicker/DatePicker";
 export type { AppBarProps } from "./AppBar/AppBar";
 export type { ModalProps } from "./Modal/Modal";
+export type { DatePickerProps } from "./DatePicker/DatePicker";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sequencing/design-system",
-	"version": "1.0.13",
+	"version": "1.0.15",
 	"description": "Sequencing Design System",
 	"scripts": {
 		"test": "echo \"Error: no test specified\"",
@@ -61,6 +61,7 @@
 	],
 	"types": "index",
 	"dependencies": {
+		"react-datepicker": "^7.4.0",
 		"react-instantsearch-dom": "^6.40.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4"
 	},