@hexure/ui 1.6.7 → 1.6.8

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/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;
 }
@@ -315,6 +324,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 +335,7 @@ interface MultiSelectProps extends AccessibleProps {
     options?: OptionProps$2[];
     selected: (string | number)[];
     showSelectAll?: boolean;
+    style?: styleProps$1;
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 
@@ -368,6 +381,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 +398,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.8",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",