@hexure/ui 1.8.17 → 1.9.1

package/dist/cjs/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/cjs/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/cjs/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. */