@hexure/ui 1.13.52 → 1.13.53

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { CSSProperties } from 'styled-components';
 import { AccessibleProps } from '../../utils/Accessibility';
 export interface styleProps {
     width?: number | string;
@@ -22,7 +23,7 @@ export interface InputProps extends AccessibleProps {
     readOnly?: boolean;
     showCharCount?: boolean;
     step?: number;
-    style?: styleProps;
+    style?: CSSProperties;
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
     value?: string;
     suggestedValues?: string[];
@@ -31,6 +32,7 @@ export interface InputProps extends AccessibleProps {
     isAutoComplete?: boolean;
     /** Optional ID for automation purposes */
     dataItemid?: string;
+    mask?: string;
 }
 declare const Input: FC<InputProps>;
 export default Input;

package/dist/esm/types/utils/Form.d.ts

@@ -12,3 +12,4 @@ export declare const validateEmail: (email: string) => boolean;
 export declare const validatePhone: (phone: string) => boolean;
 export declare const formatAsPhone: (number: string) => string;
 export declare const formatAsSsn: (number: string) => string;
+export declare const formatAsMask: (number: string, mask: string) => string;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode } from 'react';
+import { CSSProperties } from 'styled-components';
 
 interface AccessibleProps {
     /** Set the css data-itemid for the main wrapping html element */
@@ -252,7 +253,7 @@ interface CopyProps extends AccessibleProps {
 }
 declare const Copy: FC<CopyProps>;
 
-interface styleProps$3 {
+interface styleProps$2 {
     width?: number | string;
 }
 interface localeProps {
@@ -267,7 +268,7 @@ interface DateProps extends AccessibleProps {
     minDate?: string;
     date?: string;
     onChange?: (e: any) => void;
-    style?: styleProps$3;
+    style?: styleProps$2;
     /** Optional ID for automation purposes */
     dataItemid?: string;
     locale?: localeProps;
@@ -387,9 +388,6 @@ 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;
@@ -409,7 +407,7 @@ interface InputProps extends AccessibleProps {
     readOnly?: boolean;
     showCharCount?: boolean;
     step?: number;
-    style?: styleProps$2;
+    style?: CSSProperties;
     type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
     value?: string;
     suggestedValues?: string[];
@@ -418,6 +416,7 @@ interface InputProps extends AccessibleProps {
     isAutoComplete?: boolean;
     /** Optional ID for automation purposes */
     dataItemid?: string;
+    mask?: string;
 }
 declare const Input: FC<InputProps>;
 
@@ -726,7 +725,8 @@ declare const getYears: () => {
 declare const validateEmail: (email: string) => boolean;
 declare const validatePhone: (phone: string) => boolean;
 declare const formatAsPhone: (number: string) => string;
-declare const formatAsSsn: (number: string) => string;
+declare const formatAsSsn: (number: string) => string;
+declare const formatAsMask: (number: string, mask: string) => string;
 
 declare const Colors: {
     PRIMARY: {
@@ -781,4 +781,4 @@ declare const EditableTheme: {
     };
 };
 
-export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
+export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsMask, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };

package/package.json

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