@mailstep/design-system 0.7.55 → 0.7.56

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.7.55",
3
+ "version": "0.7.56",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
@@ -3,7 +3,8 @@
3
3
  */
4
4
  export var palletes = {
5
5
  greenWhite: { color: 'green60', textColor: 'white' },
6
- blueBlue: { color: 'blue20', textColor: 'blue80' },
6
+ greenGreen: { color: 'green60', textColor: 'white' },
7
+ blueBlue: { color: 'green30', textColor: 'green90' },
7
8
  magentaWhite: { color: 'magenta60', textColor: 'white' },
8
9
  magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },
9
10
  tealTeal: { color: 'teal20', textColor: 'teal90' },
package/ui/index.es.js CHANGED
@@ -14030,9 +14030,13 @@ const Hse = _.div`
14030
14030
  color: "green60",
14031
14031
  textColor: "white"
14032
14032
  },
14033
+ greenGreen: {
14034
+ color: "green60",
14035
+ textColor: "white"
14036
+ },
14033
14037
  blueBlue: {
14034
- color: "blue20",
14035
- textColor: "blue80"
14038
+ color: "green30",
14039
+ textColor: "green90"
14036
14040
  },
14037
14041
  magentaWhite: {
14038
14042
  color: "magenta60",
package/ui/index.umd.js CHANGED
@@ -1386,7 +1386,7 @@ Message: ${e}`),e}}const Va=e=>typeof e=="string",zg=e=>typeof e=="function",nO=
1386
1386
  }
1387
1387
  }
1388
1388
  }
1389
- `,qA={greenWhite:{color:"green60",textColor:"white"},blueBlue:{color:"blue20",textColor:"blue80"},magentaWhite:{color:"magenta60",textColor:"white"},magentaMagenta:{color:"magenta20",textColor:"magenta80"},tealTeal:{color:"teal20",textColor:"teal90"},orangeOrange:{color:"orange20",textColor:"orange80"},grayGray:{color:"neutral20",textColor:"typoPrimary"},redWhite:{color:"red1",textColor:"white"},redRed:{color:"red30",textColor:"red1"},purplePurple:{color:"purple20",textColor:"purple80"}},Gg=({as:e="span",...t})=>p.jsx(Re.div,{as:e,...t}),Ts=({as:e="p",fontFamily:t="primary",fontSize:n="10px",variant:r,...i})=>p.jsx(Gg,{as:e,fontFamily:t,fontSize:n,fontWeight:r,...i}),Ll=({fontFamily:e="heading",mb:t=2,mt:n=2,...r})=>p.jsx(Ts,{fontFamily:e,mt:n,mb:t,...r}),qle=e=>p.jsx(Ts,{fontSize:"18px",...e}),cO=e=>p.jsx(Ts,{fontSize:"16px",...e}),_g=e=>p.jsx(Ts,{fontSize:"14px",...e}),Zg=e=>p.jsx(Ts,{fontSize:"12px",...e}),uO=e=>p.jsx(Ts,{fontSize:"10px",...e}),$le=e=>p.jsx(Ll,{fontSize:"32px",as:"h1",...e}),dO=e=>p.jsx(Ll,{fontSize:"24px",as:"h2",...e}),ece=e=>p.jsx(Ll,{fontSize:"21px",as:"h3",...e}),tce=e=>p.jsx(Ll,{fontSize:"18px",as:"h4",...e}),fO=e=>p.jsx(Ll,{fontSize:"16px",as:"h5",...e}),Dl=e=>p.jsx(Ll,{fontSize:"14px",as:"h6",...e}),AO=e=>p.jsx(Ll,{fontSize:"12px",as:"h6",...e}),nce=()=>{const[e,t]=C.useState(!1);return C.useEffect(()=>{const n=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",n),n(),()=>window.removeEventListener("resize",n)},[]),{isMobile:e}},hO=e=>{var t,n,r,i;return e&&$Z(e==null?void 0:e.title)?"props"in e.title&&((t=e.title)==null?void 0:t.props)&&Fe._({id:(r=(n=e.title)==null?void 0:n.props)==null?void 0:r.id,message:(i=e.title)==null?void 0:i.props.message}):e==null?void 0:e.title},Ug=Z.div`
1389
+ `,qA={greenWhite:{color:"green60",textColor:"white"},greenGreen:{color:"green60",textColor:"white"},blueBlue:{color:"green30",textColor:"green90"},magentaWhite:{color:"magenta60",textColor:"white"},magentaMagenta:{color:"magenta20",textColor:"magenta80"},tealTeal:{color:"teal20",textColor:"teal90"},orangeOrange:{color:"orange20",textColor:"orange80"},grayGray:{color:"neutral20",textColor:"typoPrimary"},redWhite:{color:"red1",textColor:"white"},redRed:{color:"red30",textColor:"red1"},purplePurple:{color:"purple20",textColor:"purple80"}},Gg=({as:e="span",...t})=>p.jsx(Re.div,{as:e,...t}),Ts=({as:e="p",fontFamily:t="primary",fontSize:n="10px",variant:r,...i})=>p.jsx(Gg,{as:e,fontFamily:t,fontSize:n,fontWeight:r,...i}),Ll=({fontFamily:e="heading",mb:t=2,mt:n=2,...r})=>p.jsx(Ts,{fontFamily:e,mt:n,mb:t,...r}),qle=e=>p.jsx(Ts,{fontSize:"18px",...e}),cO=e=>p.jsx(Ts,{fontSize:"16px",...e}),_g=e=>p.jsx(Ts,{fontSize:"14px",...e}),Zg=e=>p.jsx(Ts,{fontSize:"12px",...e}),uO=e=>p.jsx(Ts,{fontSize:"10px",...e}),$le=e=>p.jsx(Ll,{fontSize:"32px",as:"h1",...e}),dO=e=>p.jsx(Ll,{fontSize:"24px",as:"h2",...e}),ece=e=>p.jsx(Ll,{fontSize:"21px",as:"h3",...e}),tce=e=>p.jsx(Ll,{fontSize:"18px",as:"h4",...e}),fO=e=>p.jsx(Ll,{fontSize:"16px",as:"h5",...e}),Dl=e=>p.jsx(Ll,{fontSize:"14px",as:"h6",...e}),AO=e=>p.jsx(Ll,{fontSize:"12px",as:"h6",...e}),nce=()=>{const[e,t]=C.useState(!1);return C.useEffect(()=>{const n=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",n),n(),()=>window.removeEventListener("resize",n)},[]),{isMobile:e}},hO=e=>{var t,n,r,i;return e&&$Z(e==null?void 0:e.title)?"props"in e.title&&((t=e.title)==null?void 0:t.props)&&Fe._({id:(r=(n=e.title)==null?void 0:n.props)==null?void 0:r.id,message:(i=e.title)==null?void 0:i.props.message}):e==null?void 0:e.title},Ug=Z.div`
1390
1390
  width: ${({size:e})=>e};
1391
1391
  min-width: ${({size:e})=>e};
1392
1392
  height: ${({size:e})=>e};