@verifiedinc-public/shared-ui-elements 3.1.2 → 3.1.3

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.
Files changed (11) hide show
  1. package/dist/components/index.mjs +1 -1
  2. package/dist/components/typographies/PageHeader.d.ts +8 -0
  3. package/dist/components/typographies/PageSectionHeader.d.ts +8 -0
  4. package/dist/components/typographies/index.d.ts +2 -0
  5. package/dist/index.mjs +1 -1
  6. package/dist/shared/{index-C1hKUlH-.mjs → index-f0sOpo6B.mjs} +18 -18
  7. package/dist/shared/shadows-Dhd7FrwF.mjs +1 -0
  8. package/dist/styles/index.mjs +1 -1
  9. package/dist/styles/typography.d.ts +27 -30
  10. package/package.json +1 -1
  11. package/dist/shared/shadows-CNjkm81P.mjs +0 -1
package/dist/shared/shadows-Dhd7FrwF.mjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";import{colors as t,createTheme as C}from"@mui/material";const i="rgba(0,0,0,0.26)",r="#ffffff",n="#000000",o="#0dbc3d",a="#5ef06d",l="#008a01",s="#164fd6",g="#657bff",d="#0028a3",h="#eb0d28",f="#ff5952",m="#b00000",u="#F5D328",p="#5ef06d",y="#bea008",b="#625410",c="#09225E",x="#F9F9FB",W="#bdbdbd",z="#797979",S=t.grey[400],k=t.grey[500],w=t.grey[600],e={textDisabled:i,white:r,black:n,green:o,lightGreen:a,darkGreen:l,blue:s,lightBlue:g,darkBlue:d,red:h,lightRed:f,darkRed:m,yellow:u,lightYellow:p,darkYellow:y,warningContrast:b,infoContrast:c,lightGrey:x,grey:W,darkGrey:z,lightGreyContrast:S,greyContrast:k,darkGreyContrast:w},M={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})=>C({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:v.style.fontFamily,...M},palette:{text:{disabled:e.textDisabled},primary:{main:e.green,light:e.lightGreen,dark:e.darkGreen,contrastText:e.white},secondary:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.white},error:{main:e.red,light:e.lightRed,dark:e.darkRed,contrastText:e.white},warning:{main:e.yellow,light:e.yellow,dark:e.darkYellow,contrastText:e.white},success:{main:e.green,light:e.green,dark:e.darkGreen,contrastText:e.white},info:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.infoContrast},neutral:{main:e.grey,light:e.lightGrey,dark:e.darkGrey},neutralContrast:{main:e.greyContrast,light:e.lightGreyContrast,dark:e.darkGreyContrast},warningContrast:{main:e.warningContrast},infoContrast:{main:e.infoContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...M.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:`${e.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium"}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium"}},MuiAutocomplete:{defaultProps:{size:"medium"}}}}),H="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)",B={bottomSheet:H};export{s as a,n as b,g as c,l as d,d as e,f,o as g,m as h,p as i,y as j,b as k,a as l,c as m,x as n,W as o,z as p,S as q,h as r,k as s,i as t,w as u,e as v,r as w,T as x,u as y,B as z};
package/dist/styles/index.mjs CHANGED
@@ -1 +1 @@
1
- "use strict";import{b as a,a as s,v as e,e as r,d as t,p as l,u as o,h as d,j as i,g as n,o as g,s as h,m as k,c as y,l as w,n as G,q as C,f as b,i as m,r as u,z as c,t as f,x as p,k as x,w as B,y as R}from"../shared/shadows-CNjkm81P.mjs";export{a as black,s as blue,e as colors,r as darkBlue,t as darkGreen,l as darkGrey,o as darkGreyContrast,d as darkRed,i as darkYellow,n as green,g as grey,h as greyContrast,k as infoContrast,y as lightBlue,w as lightGreen,G as lightGrey,C as lightGreyContrast,b as lightRed,m as lightYellow,u as red,c as shadows,f as textDisabled,p as theme,x as warningContrast,B as white,R as yellow};
1
+ "use strict";import{b as a,a as s,v as e,e as r,d as t,p as l,u as o,h as d,j as i,g as n,o as g,s as h,m as k,c as y,l as w,n as G,q as C,f as b,i as m,r as u,z as c,t as f,x as p,k as x,w as B,y as R}from"../shared/shadows-Dhd7FrwF.mjs";export{a as black,s as blue,e as colors,r as darkBlue,t as darkGreen,l as darkGrey,o as darkGreyContrast,d as darkRed,i as darkYellow,n as green,g as grey,h as greyContrast,k as infoContrast,y as lightBlue,w as lightGreen,G as lightGrey,C as lightGreyContrast,b as lightRed,m as lightYellow,u as red,c as shadows,f as textDisabled,p as theme,x as warningContrast,B as white,R as yellow};
package/dist/styles/typography.d.ts CHANGED
@@ -1,85 +1,82 @@
1
1
  export declare const typography: {
2
+ htmlFontSize: number;
3
+ fontSize: number;
4
+ fontWeightLight: number;
5
+ fontWeightRegular: number;
6
+ fontWeightMedium: number;
7
+ fontWeightBold: number;
2
8
  h1: {
3
- fontSize: string;
4
9
  fontWeight: number;
5
- letterSpacing: number;
10
+ fontSize: string;
6
11
  lineHeight: number;
7
12
  };
8
13
  h2: {
9
- fontSize: string;
10
14
  fontWeight: number;
11
- letterSpacing: number;
15
+ fontSize: string;
12
16
  lineHeight: number;
13
17
  };
14
18
  h3: {
15
- fontSize: string;
16
19
  fontWeight: number;
17
- letterSpacing: number;
20
+ fontSize: string;
18
21
  lineHeight: number;
19
22
  };
20
23
  h4: {
21
- fontSize: string;
22
24
  fontWeight: number;
23
- letterSpacing: number;
25
+ fontSize: string;
24
26
  lineHeight: number;
25
27
  };
26
28
  h5: {
27
- fontSize: string;
28
29
  fontWeight: number;
29
- letterSpacing: number;
30
+ fontSize: string;
30
31
  lineHeight: number;
31
32
  };
32
33
  h6: {
33
- fontSize: string;
34
34
  fontWeight: number;
35
- letterSpacing: string;
35
+ fontSize: string;
36
+ lineHeight: number;
36
37
  };
37
38
  subtitle1: {
38
- fontSize: string;
39
39
  fontWeight: number;
40
- letterSpacing: number;
40
+ fontSize: string;
41
41
  lineHeight: number;
42
42
  };
43
43
  subtitle2: {
44
- fontSize: string;
45
44
  fontWeight: number;
46
- letterSpacing: number;
45
+ fontSize: string;
47
46
  lineHeight: number;
48
47
  };
49
48
  body1: {
50
- fontSize: string;
51
49
  fontWeight: number;
52
- letterSpacing: number;
50
+ fontSize: string;
53
51
  lineHeight: number;
54
52
  };
55
53
  body2: {
56
- fontSize: string;
57
54
  fontWeight: number;
58
- letterSpacing: number;
55
+ fontSize: string;
59
56
  lineHeight: number;
60
57
  };
61
58
  button: {
62
59
  fontWeight: number;
63
- letterSpacing: number;
60
+ fontSize: string;
64
61
  lineHeight: number;
65
- textTransform: "uppercase";
62
+ textTransform: any;
66
63
  };
67
64
  caption: {
68
- fontSize: string;
69
65
  fontWeight: number;
70
- letterSpacing: number;
66
+ fontSize: string;
71
67
  lineHeight: number;
72
68
  };
73
69
  overline: {
74
- fontSize: string;
75
70
  fontWeight: number;
76
- letterSpacing: number;
71
+ fontSize: string;
77
72
  lineHeight: number;
73
+ textTransform: any;
78
74
  };
79
- label: {
75
+ inherit: {
76
+ fontFamily: string;
77
+ fontWeight: string;
80
78
  fontSize: string;
81
- fontWeight: number;
82
- letterSpacing: number;
83
- textTransform: "uppercase";
79
+ lineHeight: string;
80
+ letterSpacing: string;
84
81
  };
85
82
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@verifiedinc-public/shared-ui-elements",
3
- "version": "3.1.2",
3
+ "version": "3.1.3",
4
4
  "description": "A set of UI components, utilities that is shareable with the core apps.",
5
5
  "private": false,
6
6
  "keywords": [],
package/dist/shared/shadows-CNjkm81P.mjs DELETED
@@ -1 +0,0 @@
1
- "use strict";import{colors as t,createTheme as C}from"@mui/material";const i="rgba(0,0,0,0.26)",r="#ffffff",a="#000000",n="#0dbc3d",o="#5ef06d",l="#008a01",g="#164fd6",s="#657bff",d="#0028a3",h="#eb0d28",f="#ff5952",p="#b00000",m="#F5D328",u="#5ef06d",y="#bea008",c="#625410",b="#09225E",x="#F9F9FB",S="#bdbdbd",k="#797979",W=t.grey[400],w=t.grey[500],z=t.grey[600],e={textDisabled:i,white:r,black:a,green:n,lightGreen:o,darkGreen:l,blue:g,lightBlue:s,darkBlue:d,red:h,lightRed:f,darkRed:p,yellow:m,lightYellow:u,darkYellow:y,warningContrast:c,infoContrast:b,lightGrey:x,grey:S,darkGrey:k,lightGreyContrast:W,greyContrast:w,darkGreyContrast:z},M={h1:{fontSize:"2.125rem",fontWeight:700,letterSpacing:0,lineHeight:1.35},h2:{fontSize:"1.5rem",fontWeight:700,letterSpacing:0,lineHeight:1.33},h3:{fontSize:"1.25rem",fontWeight:700,letterSpacing:0,lineHeight:1.35},h4:{fontSize:"1.25rem",fontWeight:700,letterSpacing:0,lineHeight:1.2},h5:{fontSize:"1rem",fontWeight:700,letterSpacing:0,lineHeight:1.1875},h6:{fontSize:"1rem",fontWeight:700,letterSpacing:"0.15px"},subtitle1:{fontSize:"1rem",fontWeight:700,letterSpacing:0,lineHeight:1.1875},subtitle2:{fontSize:"0.875rem",fontWeight:700,letterSpacing:.1,lineHeight:1.5},body1:{fontSize:"1.25rem",fontWeight:300,letterSpacing:0,lineHeight:1.2},body2:{fontSize:"1rem",fontWeight:400,letterSpacing:0,lineHeight:1.1875},button:{fontWeight:900,letterSpacing:0,lineHeight:1.2,textTransform:"uppercase"},caption:{fontSize:"0.75rem",fontWeight:400,letterSpacing:0,lineHeight:1.25},overline:{fontSize:"0.75rem",fontWeight:400,letterSpacing:0,lineHeight:1.25},label:{fontSize:"0.75rem",fontWeight:700,letterSpacing:1,textTransform:"uppercase"}},T=({primaryFontFace:v})=>C({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:v.style.fontFamily,...M},palette:{text:{disabled:e.textDisabled},primary:{main:e.green,light:e.lightGreen,dark:e.darkGreen,contrastText:e.white},secondary:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.white},error:{main:e.red,light:e.lightRed,dark:e.darkRed,contrastText:e.white},warning:{main:e.yellow,light:e.yellow,dark:e.darkYellow,contrastText:e.white},success:{main:e.green,light:e.green,dark:e.darkGreen,contrastText:e.white},info:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.infoContrast},neutral:{main:e.grey,light:e.lightGrey,dark:e.darkGrey},neutralContrast:{main:e.greyContrast,light:e.lightGreyContrast,dark:e.darkGreyContrast},warningContrast:{main:e.warningContrast},infoContrast:{main:e.infoContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...M.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:`${e.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"small"}}}}),H="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)",B={bottomSheet:H};export{g as a,a as b,s as c,l as d,d as e,f,n as g,p as h,u as i,y as j,c as k,o as l,b as m,x as n,S as o,k as p,W as q,h as r,w as s,i as t,z as u,e as v,r as w,T as x,m as y,B as z};