@hexure/ui 1.6.7 → 1.6.9

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

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
+export interface styleProps {
+    width?: number | string;
+}
 export interface DateProps extends AccessibleProps {
     /** If it's value is true then select is disabled. */
     readOnly?: boolean;
@@ -13,6 +16,8 @@ export interface DateProps extends AccessibleProps {
     date?: string;
     /** It is used to get selected value */
     onChange: (e: any) => void;
+    /** Override default styles */
+    style?: styleProps;
 }
 declare const DatePicker: FC<DateProps>;
 export default DatePicker;

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

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
+export interface styleProps {
+    width?: number | string;
+}
 export interface InputProps extends AccessibleProps {
     format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
     height?: string;
@@ -14,6 +17,7 @@ export interface InputProps extends AccessibleProps {
     placeholder?: string;
     readOnly?: boolean;
     step?: number;
+    style?: styleProps;
     type?: 'date' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea';
     value?: string;
 }

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

@@ -1,12 +1,17 @@
 import { FC, ReactNode } from 'react';
 import { AccessibleProps } from '../../utils/Accessibility';
 interface ButtonProps {
-    disabled: boolean;
+    disabled?: boolean;
     children: string;
     icon?: string;
     onClick: (e?: any) => void;
     tabIndex?: number;
 }
+interface StepProps {
+    label: string;
+    complete?: boolean;
+    active?: boolean;
+}
 export interface ModalProps extends AccessibleProps {
     /** Defines a button to be displayed on the far right of the bottom button bar */
     primaryButton?: ButtonProps;
@@ -22,6 +27,8 @@ export interface ModalProps extends AccessibleProps {
     title: string;
     /**  It is used to close modal. */
     onClose: (e?: any) => void;
+    /** Display steps at the top of the modal */
+    steps?: StepProps[];
 }
 declare const Modal: FC<ModalProps>;
 export default Modal;

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

@@ -4,6 +4,9 @@ export interface OptionProps {
     label?: string;
     value: string | number;
 }
+export interface styleProps {
+    width?: number | string;
+}
 export interface MultiSelectProps extends AccessibleProps {
     readOnly?: boolean;
     displayCount?: number;
@@ -12,6 +15,7 @@ export interface MultiSelectProps extends AccessibleProps {
     options?: OptionProps[];
     selected: (string | number)[];
     showSelectAll?: boolean;
+    style?: styleProps;
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 export default MultiSelect;

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

@@ -13,6 +13,7 @@ export interface OptionGroupProps {
 export interface styleProps {
     borderRadius?: string;
     flexGrow?: number;
+    width?: number | string;
 }
 export interface SelectProps extends AccessibleProps {
     /** It is used to give options from which value is selected. */
@@ -26,10 +27,7 @@ export interface SelectProps extends AccessibleProps {
     /** It is used to read value for selected option. */
     value: string;
     /** It is used to read value for border rasius & flex grow */
-    style?: {
-        borderRadius?: string;
-        flexGrow?: number;
-    };
+    style?: styleProps;
     /** It is used to change value when an option is clicked. */
     onChange: (e: any) => void;
 }

package/dist/index.d.ts

@@ -140,6 +140,9 @@ interface CopyProps extends AccessibleProps {
 }
 declare const Copy: FC<CopyProps>;
 
+interface styleProps$3 {
+    width?: number | string;
+}
 interface DateProps extends AccessibleProps {
     /** If it's value is true then select is disabled. */
     readOnly?: boolean;
@@ -153,6 +156,8 @@ interface DateProps extends AccessibleProps {
     date?: string;
     /** It is used to get selected value */
     onChange: (e: any) => void;
+    /** Override default styles */
+    style?: styleProps$3;
 }
 declare const DatePicker: FC<DateProps>;
 
@@ -240,6 +245,9 @@ interface HeadingProps extends AccessibleProps {
 }
 declare const Heading: FC<HeadingProps>;
 
+interface styleProps$2 {
+    width?: number | string;
+}
 interface InputProps extends AccessibleProps {
     format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
     height?: string;
@@ -254,6 +262,7 @@ interface InputProps extends AccessibleProps {
     placeholder?: string;
     readOnly?: boolean;
     step?: number;
+    style?: styleProps$2;
     type?: 'date' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea';
     value?: string;
 }
@@ -276,12 +285,17 @@ interface LogoProps extends AccessibleProps {
 declare const Logo: FC<LogoProps>;
 
 interface ButtonProps {
-    disabled: boolean;
+    disabled?: boolean;
     children: string;
     icon?: string;
     onClick: (e?: any) => void;
     tabIndex?: number;
 }
+interface StepProps {
+    label: string;
+    complete?: boolean;
+    active?: boolean;
+}
 interface ModalProps extends AccessibleProps {
     /** Defines a button to be displayed on the far right of the bottom button bar */
     primaryButton?: ButtonProps;
@@ -297,6 +311,8 @@ interface ModalProps extends AccessibleProps {
     title: string;
     /**  It is used to close modal. */
     onClose: (e?: any) => void;
+    /** Display steps at the top of the modal */
+    steps?: StepProps[];
 }
 declare const Modal: FC<ModalProps>;
 
@@ -315,6 +331,9 @@ interface OptionProps$2 {
     label?: string;
     value: string | number;
 }
+interface styleProps$1 {
+    width?: number | string;
+}
 interface MultiSelectProps extends AccessibleProps {
     readOnly?: boolean;
     displayCount?: number;
@@ -323,6 +342,7 @@ interface MultiSelectProps extends AccessibleProps {
     options?: OptionProps$2[];
     selected: (string | number)[];
     showSelectAll?: boolean;
+    style?: styleProps$1;
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 
@@ -368,6 +388,11 @@ interface OptionGroupProps {
     options: OptionProps[];
     label: string;
 }
+interface styleProps {
+    borderRadius?: string;
+    flexGrow?: number;
+    width?: number | string;
+}
 interface SelectProps extends AccessibleProps {
     /** It is used to give options from which value is selected. */
     options?: OptionProps[];
@@ -380,10 +405,7 @@ interface SelectProps extends AccessibleProps {
     /** It is used to read value for selected option. */
     value: string;
     /** It is used to read value for border rasius & flex grow */
-    style?: {
-        borderRadius?: string;
-        flexGrow?: number;
-    };
+    style?: styleProps;
     /** It is used to change value when an option is clicked. */
     onChange: (e: any) => void;
 }

package/package.json

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