@hexure/ui 1.8.16 → 1.9.0

package/dist/esm/types/Theme.d.ts

@@ -44,3 +44,9 @@ export declare const FontSizes: {
     DEFAULT: string;
     SMALL: string;
 };
+export declare const EditableTheme: {
+    PRIMARY_COLOR: {
+        Hex: string;
+        Rgb: string;
+    };
+};

package/dist/esm/types/components/Alert/Alert.d.ts

@@ -7,7 +7,7 @@ export interface ActionProps extends AccessibleProps {
 export interface AlertProps extends AccessibleProps {
     type?: 'info' | 'error' | 'warning' | 'success';
     /** It is used to add title to alert. */
-    title: string;
+    title?: string;
     /** It is used to add description to alert. */
     description: string;
     /** Display a link to display below the description */

package/dist/esm/types/components/BulkActionBar/BulkActionBar.d.ts

@@ -3,7 +3,7 @@ import { AccessibleProps } from '../../utils/Accessibility';
 interface ButtonProps {
     children: string;
     onClick: (e?: any) => void;
-    type?: 'primary' | 'secondary';
+    format?: 'primary' | 'secondary';
     icon?: string;
 }
 export interface BulkActionBarProps extends AccessibleProps {

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

@@ -9,9 +9,9 @@ export interface DateProps extends AccessibleProps {
     /** It is used to show error messages when it's value is false. */
     invalid?: boolean;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
-    maxDate?: number;
+    maxDate?: string;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
-    minDate?: number;
+    minDate?: string;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
     date?: string;
     /** It is used to get selected value */

package/dist/esm/types/components/Drawer/Drawer.d.ts

@@ -6,6 +6,7 @@ export interface ButtonProps extends AccessibleProps {
     icon?: string;
     onClick: (e?: any) => void;
     tabIndex?: number;
+    loading?: boolean;
 }
 export interface DrawerProps extends AccessibleProps {
     primaryButton?: ButtonProps;

package/dist/esm/types/components/Input/Input.d.ts

@@ -24,6 +24,8 @@ export interface InputProps extends AccessibleProps {
     onChange?: (e?: any) => void;
     /** A method to be called when the use presses a key */
     onKeyDown?: (e?: any) => void;
+    /** A method to be called when a suggested value is selected */
+    onSuggestedSelect?: (e?: any) => void;
     /** Display placeholder text in the input */
     placeholder?: string;
     /** Display the input as read only, preventing the user from inteacting with it */
@@ -36,6 +38,8 @@ export interface InputProps extends AccessibleProps {
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
     /** Set the value of the input. This should be used by the parent component to control the input's value. */
     value?: string;
+    /** Display a list of suggested values to pick from. This should be used with the onChange or onKeyDown event handlers. Doesn't work with textarea inputs. */
+    suggestedValues?: string[];
 }
 declare const Input: FC<InputProps>;
 export default Input;

package/dist/index.d.ts

@@ -55,7 +55,7 @@ interface ActionProps$1 extends AccessibleProps {
 interface AlertProps extends AccessibleProps {
     type?: 'info' | 'error' | 'warning' | 'success';
     /** It is used to add title to alert. */
-    title: string;
+    title?: string;
     /** It is used to add description to alert. */
     description: string;
     /** Display a link to display below the description */
@@ -68,7 +68,7 @@ declare const Alert: FC<AlertProps>;
 interface ButtonProps$3 {
     children: string;
     onClick: (e?: any) => void;
-    type?: 'primary' | 'secondary';
+    format?: 'primary' | 'secondary';
     icon?: string;
 }
 interface BulkActionBarProps extends AccessibleProps {
@@ -175,9 +175,9 @@ interface DateProps extends AccessibleProps {
     /** It is used to show error messages when it's value is false. */
     invalid?: boolean;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
-    maxDate?: number;
+    maxDate?: string;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
-    minDate?: number;
+    minDate?: string;
     /** Pass in the date in ISO 8601 string format (YYYY-MM-DD) */
     date?: string;
     /** It is used to get selected value */
@@ -193,6 +193,7 @@ interface ButtonProps$1 extends AccessibleProps {
     icon?: string;
     onClick: (e?: any) => void;
     tabIndex?: number;
+    loading?: boolean;
 }
 interface DrawerProps extends AccessibleProps {
     primaryButton?: ButtonProps$1;
@@ -318,6 +319,8 @@ interface InputProps extends AccessibleProps {
     onChange?: (e?: any) => void;
     /** A method to be called when the use presses a key */
     onKeyDown?: (e?: any) => void;
+    /** A method to be called when a suggested value is selected */
+    onSuggestedSelect?: (e?: any) => void;
     /** Display placeholder text in the input */
     placeholder?: string;
     /** Display the input as read only, preventing the user from inteacting with it */
@@ -330,6 +333,8 @@ interface InputProps extends AccessibleProps {
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
     /** Set the value of the input. This should be used by the parent component to control the input's value. */
     value?: string;
+    /** Display a list of suggested values to pick from. This should be used with the onChange or onKeyDown event handlers. Doesn't work with textarea inputs. */
+    suggestedValues?: string[];
 }
 declare const Input: FC<InputProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexure/ui",
-  "version": "1.8.16",
+  "version": "1.9.0",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",