@hexure/ui 1.8.17 → 1.9.1

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/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/esm/types/components/Modal/Modal.d.ts

@@ -16,8 +16,10 @@ export interface ModalProps extends AccessibleProps {
     secondaryButton?: ButtonProps;
     /** Defines a button to be displayed on the far left of the bottom button bar */
     tertiaryButton?: ButtonProps;
-    /** Overrides the default max width of the modal (90vw) */
+    /** Overrides the default max width of the modal (900px) */
     maxWidth?: string;
+    /** Ignore all width/height configuration and display the modal over the entire window with a 40px padding around the edges */
+    fullscreen?: boolean;
     /** It is used to pass child nodes, string values and number as child components. */
     children: ReactNode;
     /** It is used to give title. */

package/dist/index.d.ts

@@ -319,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 */
@@ -331,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>;
 
@@ -378,8 +382,10 @@ interface ModalProps extends AccessibleProps {
     secondaryButton?: ButtonProps;
     /** Defines a button to be displayed on the far left of the bottom button bar */
     tertiaryButton?: ButtonProps;
-    /** Overrides the default max width of the modal (90vw) */
+    /** Overrides the default max width of the modal (900px) */
     maxWidth?: string;
+    /** Ignore all width/height configuration and display the modal over the entire window with a 40px padding around the edges */
+    fullscreen?: boolean;
     /** It is used to pass child nodes, string values and number as child components. */
     children: ReactNode;
     /** It is used to give title. */

package/package.json

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