@verifiedinc-public/shared-ui-elements 5.12.2-beta.2 → 5.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{A as a,c as s,m as e,B as r,o as t,n as o,C as i,D as n,f as m,E as l,k as u,F as p,I as c,b as d,L as h,O as S,h as C,j as g,e as f,P as k,Q as P,R as b,S as y,d as B,l as
|
1
|
+
"use strict";import{A as a,c as s,m as e,B as r,o as t,n as o,C as i,D as n,f as m,E as l,k as u,F as p,I as c,b as d,L as h,O as S,h as C,j as g,e as f,P as k,Q as P,R as b,S as y,d as B,l as D,T,g as O,a as v,V as I,i as R,t as w,u as N}from"./shared/index-2IvAoCXB.mjs";import{a as L,b as M,P as E,S as Y}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{B as A,C as F,i as z,E as V,L as W,j as x,M as G,g as j,O as U,P as H,R as Q,e as q,d as J,S as K,a as X,b as Z,k as _,c as $,f as aa,W as sa,h as ea,m as ra,u as ta}from"./shared/SignupBigNumbers-BnOY44Mh.mjs";import{b as oa,k as ia,a as na,i as ma,u as la,j as ua,d as pa,c as ca,e as da,f as ha,g as Sa,h as Ca}from"./shared/useDebounceCallback-CO7X29ng.mjs";import{u as ga,a as fa}from"./shared/usePrevious-DG_IMu2h.mjs";import{a as ka,b as Pa,u as ba}from"./shared/useOnClickOutside-DgJxDzLx.mjs";import{u as ya}from"./shared/useCounter-BV32zXDQ.mjs";import{u as Ba}from"./shared/useResizeObserver-D434c1uN.mjs";import{b as Da,a as Ta,x as Oa,m as va,e as Ia,d as Ra,q as wa,v as Na,h as La,j as Ma,g as Ea,p as Ya,u as Aa,n as Fa,c as za,l as Va,o as Wa,s as xa,f as Ga,i as ja,r as Ua,A as Ha,t as Qa,z as qa,k as Ja,w as Ka,y as Xa}from"./shared/shadows-DLu0KeAU.mjs";import{wrapPromise as Za}from"./utils/wrapPromise/index.mjs";import{f as _a,b as $a,a as as,c as ss,u as es}from"./shared/uuidColor-LRbEKYAZ.mjs";import{c as rs,g as ts,a as os,p as is,s as ns,v as ms}from"./shared/phone-eqP--V9t.mjs";import{masks as ls}from"./utils/masks/index.mjs";import{o as us}from"./shared/omitProperty-DZYdN2vK.mjs";import{s as ps}from"./shared/ssn-CTUJ2_Vl.mjs";import{toCapitalize as cs,toSentenceCase as ds}from"./utils/string/index.mjs";import{k as hs}from"./shared/formatKebabToPretty-Du43TgPC.mjs";import{M as Ss,S as Cs,U as gs,d as fs,e as ks,f as Ps,g as bs,a as ys,s as Bs}from"./shared/unix.schema-CMYTtXco.mjs";import{p as Ds}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Ts}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,A as BigNumber,t as BrandFilterInput,o as Button,i as CredentialRequestsEditor,F as CustomAlertComponent,n as DateInput,m as DateRangeInput,l as EmailInput,z as EmptyChartSection,V as ErrorCodesChart,u as ExactBirthdayBanner,p as FullWidthAlert,c as Image,d as LegalLink,h as LinkButton,W as LoadingChartSection,Ss as MaskedAndUnmaskedSSNSchema,x as MetricLastUpdated,G as MonthlySignupsOverviewTable,S as OTPInput,C as OneClickForm,j as OneClickOverTimeChart,U as OneClickPercentageChart,g as OneClickPoweredByVerified,L as PageHeader,M as PageSectionHeader,E as Paragraph,f as PhoneInput,H as PieChart,k as PrivacyPolicyNotice,P as QRCodeDisplay,Q as ReasonCodesChart,b as ResendPhoneBanner,q as RiskScoreBarChart,J as RiskScorePieChart,y as SSNInput,Cs as SSNSchema,Y as SectionHeader,B as SelectInput,K as SeriesChart,X as SeriesChartLegend,Z as SeriesPercentageChart,_ as SignupBigNumbers,$ as SimpleBarChart,aa as SimpleLegend,Ts as SnackbarProvider,D as TestPhoneNumbersBanner,T as TextButton,O as TimezoneInput,v as Typography,gs as USDateSchema,I as VerifiedImage,R as VerifiedIncLogo,sa as When,Da as black,Ta as blue,Oa as colors,rs as countries,va as dangerContrast,Ia as darkBlue,Ra as darkGreen,wa as darkGrey,Na as darkGreyContrast,La as darkRed,Ma as darkYellow,fs as descriptionSchema,ks as emailSchema,Ps as fieldSchema,_a as formatDateMMDDYYYY,$a as formatDateMMYY,as as formatDateToTimestamp,ss as formatExtendedDate,bs as getDateSchemaWithPastValidation,ts as getPhoneData,os as getPhoneDataByFieldName,ys as getUnixSchema,Ea as green,Ya as grey,Aa as greyContrast,Fa as infoContrast,hs as kebabCaseToPretty,za as lightBlue,Va as lightGreen,Wa as lightGrey,xa as lightGreyContrast,Ga as lightRed,ja as lightYellow,ea as mapMonthlySignupsOverviewTableData,ra as mapTimeSeriesData,ls as masks,us as omitProperties,is as parseToPhoneNational,Ds as phoneSchema,Ua as red,Ha as shadows,ns as sortByCountryName,ps as ssnFormatter,Bs as stateSchema,Qa as textDisabled,qa as theme,cs as toCapitalize,w as toOption,ds as toSentenceCase,N as useBrandFilterInput,oa as useCallbackRef,ga as useCopyToClipboard,ya as useCounter,ia as useDebounceCallback,ka as useDebounceValue,na as useDisclosure,ma as useIntersectionObserver,la as useLocalStorage,ua as useNavigatorOnline,Pa as useOnClickOutside,fa as usePrevious,ba as useQRCode,Ba as useResizeObserver,pa as useScript,ca as useSearchParams,ta as useSnackbar,da as useThrottle,ha as useToggle,Sa as useWindowScroll,Ca as useWindowSize,es as uuidToHashedColor,ms as validatePhone,Ja as warningContrast,Ka as white,Za as wrapPromise,Xa as yellow};
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";import{colors as e,createTheme as C}from"@mui/material";const i="rgba(0,0,0,0.26)",n="#ffffff",r="#000000",a="#0dbc3d",o="#5ef06d",l="#008a01",s="#164fd6",g="#657bff",d="#0028a3",h="#eb0d28",u="#ff5952",p="#b00000",f="#F5D328",m="#5ef06d",y="#bea008",c="#625410",x="#4b1113",b="#09225E",M="#F9F9FB",S="#bdbdbd",z="#797979",W=e.grey[400],k=e.grey[500],B=e.grey[600],t={textDisabled:i,white:n,black:r,green:a,lightGreen:o,darkGreen:l,blue:s,lightBlue:g,darkBlue:d,red:h,lightRed:u,darkRed:p,yellow:f,lightYellow:m,darkYellow:y,warningContrast:c,dangerContrast:x,infoContrast:b,lightGrey:M,grey:S,darkGrey:z,lightGreyContrast:W,greyContrast:k,darkGreyContrast:B},v={htmlFontSize:16,fontSize:14,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:700,h1:{fontWeight:300,fontSize:"6rem",lineHeight:1.167},h2:{fontWeight:300,fontSize:"3.75rem",lineHeight:1.2},h3:{fontWeight:400,fontSize:"3rem",lineHeight:1.167},h4:{fontWeight:400,fontSize:"2.125rem",lineHeight:1.235},h5:{fontWeight:400,fontSize:"1.5rem",lineHeight:1.334},h6:{fontWeight:500,fontSize:"1.25rem",lineHeight:1.6},subtitle1:{fontWeight:400,fontSize:"1rem",lineHeight:1.75},subtitle2:{fontWeight:500,fontSize:"0.875rem",lineHeight:1.57},body1:{fontWeight:400,fontSize:"1rem",lineHeight:1.5},body2:{fontWeight:400,fontSize:"0.875rem",lineHeight:1.43},button:{fontWeight:500,fontSize:"0.875rem",lineHeight:1.75,textTransform:"uppercase"},caption:{fontWeight:400,fontSize:"0.75rem",lineHeight:1.66},overline:{fontWeight:400,fontSize:"0.75rem",lineHeight:2.66,textTransform:"uppercase"},inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},T=({primaryFontFace:w})=>C({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:w.style.fontFamily,...v},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...v.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiButton:{styleOverrides:{root:{fontWeight:800}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium"},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}}},MuiAutocomplete:{defaultProps:{size:"medium"}}}}),I="0px -2px 4px -1px rgba(0,0,0,0.2), 0px -4px 5px 0px rgba(0,0,0,0.14), 0px -1px 10px 0px rgba(0,0,0,0.12)",H={bottomSheet:I};export{H as A,s as a,r as b,g as c,l as d,d as e,u as f,a as g,p as h,m as i,y as j,c as k,o as l,x as m,b as n,M as o,S as p,z as q,h as r,W as s,i as t,k as u,B as v,n as w,t as x,f as y,T as z};
|
package/dist/styles/colors.d.ts
CHANGED
@@ -14,6 +14,7 @@ export declare const yellow = "#F5D328";
|
|
14
14
|
export declare const lightYellow = "#5ef06d";
|
15
15
|
export declare const darkYellow = "#bea008";
|
16
16
|
export declare const warningContrast = "#625410";
|
17
|
+
export declare const dangerContrast = "#4b1113";
|
17
18
|
export declare const infoContrast = "#09225E";
|
18
19
|
export declare const lightGrey = "#F9F9FB";
|
19
20
|
export declare const grey = "#bdbdbd";
|
@@ -38,6 +39,7 @@ export declare const colors: {
|
|
38
39
|
lightYellow: string;
|
39
40
|
darkYellow: string;
|
40
41
|
warningContrast: string;
|
42
|
+
dangerContrast: string;
|
41
43
|
infoContrast: string;
|
42
44
|
lightGrey: string;
|
43
45
|
grey: string;
|
package/dist/styles/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{b as a,a as s,
|
1
|
+
"use strict";import{b as a,a as s,x as e,m as r,e as t,d as l,q as o,v as n,h as d,j as g,g as i,p as h,u as k,n as y,c as w,l as C,o as G,s as b,f as m,i as u,r as c,A as p,t as x,z as f,k as B,w as R,y as Y}from"../shared/shadows-DLu0KeAU.mjs";export{a as black,s as blue,e as colors,r as dangerContrast,t as darkBlue,l as darkGreen,o as darkGrey,n as darkGreyContrast,d as darkRed,g as darkYellow,i as green,h as grey,k as greyContrast,y as infoContrast,w as lightBlue,C as lightGreen,G as lightGrey,b as lightGreyContrast,m as lightRed,u as lightYellow,c as red,p as shadows,x as textDisabled,f as theme,B as warningContrast,R as white,Y as yellow};
|
package/dist/styles/theme.d.ts
CHANGED
@@ -3,6 +3,7 @@ declare module '@mui/material/Button' {
|
|
3
3
|
neutralContrast: true;
|
4
4
|
warningContrast: true;
|
5
5
|
infoContrast: true;
|
6
|
+
dangerContrast: true;
|
6
7
|
}
|
7
8
|
}
|
8
9
|
declare module '@mui/material/styles' {
|
@@ -11,12 +12,14 @@ declare module '@mui/material/styles' {
|
|
11
12
|
neutralContrast: Palette['primary'];
|
12
13
|
warningContrast: Palette['primary'];
|
13
14
|
infoContrast: Palette['primary'];
|
15
|
+
dangerContrast: Palette['primary'];
|
14
16
|
}
|
15
17
|
interface PaletteOptions {
|
16
18
|
neutral: PaletteOptions['primary'];
|
17
19
|
neutralContrast: PaletteOptions['primary'];
|
18
20
|
warningContrast: PaletteOptions['primary'];
|
19
21
|
infoContrast: PaletteOptions['primary'];
|
22
|
+
dangerContrast: PaletteOptions['primary'];
|
20
23
|
}
|
21
24
|
}
|
22
25
|
declare module '@mui/material' {
|
@@ -24,11 +27,13 @@ declare module '@mui/material' {
|
|
24
27
|
neutral: true;
|
25
28
|
neutralContrast: true;
|
26
29
|
warningContrast: true;
|
30
|
+
dangerContrast: true;
|
27
31
|
}
|
28
32
|
interface SvgIconPropsColorOverrides {
|
29
33
|
neutral: true;
|
30
34
|
neutralContrast: true;
|
31
35
|
warningContrast: true;
|
36
|
+
dangerContrast: true;
|
32
37
|
}
|
33
38
|
}
|
34
39
|
interface ThemeOptions {
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";import{colors as e,createTheme as w}from"@mui/material";const i="rgba(0,0,0,0.26)",n="#ffffff",r="#000000",a="#0dbc3d",o="#5ef06d",l="#008a01",s="#164fd6",g="#657bff",d="#0028a3",h="#eb0d28",u="#ff5952",p="#b00000",f="#F5D328",m="#5ef06d",y="#bea008",c="#625410",x="#09225E",b="#F9F9FB",M="#bdbdbd",S="#797979",z=e.grey[400],W=e.grey[500],k=e.grey[600],t={textDisabled:i,white:n,black:r,green:a,lightGreen:o,darkGreen:l,blue:s,lightBlue:g,darkBlue:d,red:h,lightRed:u,darkRed:p,yellow:f,lightYellow:m,darkYellow:y,warningContrast:c,infoContrast:x,lightGrey:b,grey:M,darkGrey:S,lightGreyContrast:z,greyContrast:W,darkGreyContrast:k},B={htmlFontSize:16,fontSize:14,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:700,h1:{fontWeight:300,fontSize:"6rem",lineHeight:1.167},h2:{fontWeight:300,fontSize:"3.75rem",lineHeight:1.2},h3:{fontWeight:400,fontSize:"3rem",lineHeight:1.167},h4:{fontWeight:400,fontSize:"2.125rem",lineHeight:1.235},h5:{fontWeight:400,fontSize:"1.5rem",lineHeight:1.334},h6:{fontWeight:500,fontSize:"1.25rem",lineHeight:1.6},subtitle1:{fontWeight:400,fontSize:"1rem",lineHeight:1.75},subtitle2:{fontWeight:500,fontSize:"0.875rem",lineHeight:1.57},body1:{fontWeight:400,fontSize:"1rem",lineHeight:1.5},body2:{fontWeight:400,fontSize:"0.875rem",lineHeight:1.43},button:{fontWeight:500,fontSize:"0.875rem",lineHeight:1.75,textTransform:"uppercase"},caption:{fontWeight:400,fontSize:"0.75rem",lineHeight:1.66},overline:{fontWeight:400,fontSize:"0.75rem",lineHeight:2.66,textTransform:"uppercase"},inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},T=({primaryFontFace:v})=>w({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:v.style.fontFamily,...B},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...B.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiButton:{styleOverrides:{root:{fontWeight:800}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium"},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}}},MuiAutocomplete:{defaultProps:{size:"medium"}}}}),C="0px -2px 4px -1px rgba(0,0,0,0.2), 0px -4px 5px 0px rgba(0,0,0,0.14), 0px -1px 10px 0px rgba(0,0,0,0.12)",H={bottomSheet:C};export{s as a,r as b,g as c,l as d,d as e,u as f,a as g,p as h,m as i,y as j,c as k,o as l,x as m,b as n,M as o,S as p,z as q,h as r,W as s,i as t,k as u,t as v,n as w,T as x,f as y,H as z};
|