@lifesg/react-design-system 1.1.1 → 1.1.2

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 (51) hide show
  1. package/accordion/index.js +6 -6
  2. package/accordion/index.js.map +1 -1
  3. package/calendar/index.js +2 -2
  4. package/calendar/index.js.map +1 -1
  5. package/cjs/index.js +12 -12
  6. package/cjs/index.js.map +1 -1
  7. package/date-input/index.js +2 -2
  8. package/date-input/index.js.map +1 -1
  9. package/feedback-rating/index.js +6 -6
  10. package/feedback-rating/index.js.map +1 -1
  11. package/filter/index.js +3 -3
  12. package/filter/index.js.map +1 -1
  13. package/form/index.js +4 -4
  14. package/form/index.js.map +1 -1
  15. package/icon-button/index.js +2 -2
  16. package/icon-button/index.js.map +1 -1
  17. package/image-button/index.js +1 -1
  18. package/image-button/index.js.map +1 -1
  19. package/index.js +12 -12
  20. package/index.js.map +1 -1
  21. package/input/index.js +1 -1
  22. package/input/index.js.map +1 -1
  23. package/input-group/index.js +3 -3
  24. package/input-group/index.js.map +1 -1
  25. package/input-select/index.js +2 -2
  26. package/input-select/index.js.map +1 -1
  27. package/modal/index.js +1 -1
  28. package/modal/index.js.map +1 -1
  29. package/navbar/index.js +2 -2
  30. package/navbar/index.js.map +1 -1
  31. package/notification-banner/index.js +1 -1
  32. package/notification-banner/index.js.map +1 -1
  33. package/otp-input/index.js +3 -3
  34. package/otp-input/index.js.map +1 -1
  35. package/package.json +1 -1
  36. package/phone-number-input/index.js +3 -3
  37. package/phone-number-input/index.js.map +1 -1
  38. package/popover/index.js +1 -1
  39. package/popover/index.js.map +1 -1
  40. package/smart-app-banner/index.js +7 -7
  41. package/smart-app-banner/index.js.map +1 -1
  42. package/time-range-picker/index.js +1 -1
  43. package/time-range-picker/index.js.map +1 -1
  44. package/time-slot-bar/index.js +1 -1
  45. package/time-slot-bar/index.js.map +1 -1
  46. package/timepicker/index.js +1 -1
  47. package/timepicker/index.js.map +1 -1
  48. package/toast/index.js +1 -1
  49. package/toast/index.js.map +1 -1
  50. package/unit-number/index.js +1 -1
  51. package/unit-number/index.js.map +1 -1
package/time-slot-bar/index.js CHANGED
@@ -20,7 +20,7 @@ import t,{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import*as i f
20
20
  background-color: ${Xn.Neutral[7]};
21
21
  `}
22
22
  }
23
- `,Gn=o.forwardRef((({children:t,focusHighlight:n=!0,focusOutline:r="none",...i},o)=>e(Un,{ref:o,$outline:r,$highlight:n,...i,children:t}))),Jn={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},qn={collections:{base:{D1:{fontFamily:Jn.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Jn.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Jn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Jn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Jn.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Jn.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Jn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Jn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Jn.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Jn.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Jn.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Jn.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Jn.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Jn.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Qn=t=>e=>{const n=e.theme,r=In(qn,n[Pn.textStyleScheme]);return n.options&&n.options.textStyle?Rn(r,t,n.options.textStyle):Rn(r,t)},Kn={D1:{fontFamily:Qn("D1.fontFamily"),fontSize:Qn("D1.fontSize"),fontWeight:Qn("D1.fontWeight"),lineHeight:Qn("D1.lineHeight"),letterSpacing:Qn("D1.letterSpacing")},D2:{fontFamily:Qn("D2.fontFamily"),fontSize:Qn("D2.fontSize"),fontWeight:Qn("D2.fontWeight"),lineHeight:Qn("D2.lineHeight"),letterSpacing:Qn("D2.letterSpacing")},D3:{fontFamily:Qn("D3.fontFamily"),fontSize:Qn("D3.fontSize"),fontWeight:Qn("D3.fontWeight"),lineHeight:Qn("D3.lineHeight"),letterSpacing:Qn("D3.letterSpacing")},D4:{fontFamily:Qn("D4.fontFamily"),fontSize:Qn("D4.fontSize"),fontWeight:Qn("D4.fontWeight"),lineHeight:Qn("D4.lineHeight"),letterSpacing:Qn("D4.letterSpacing")},DBody:{fontFamily:Qn("DBody.fontFamily"),fontSize:Qn("DBody.fontSize"),fontWeight:Qn("DBody.fontWeight"),lineHeight:Qn("DBody.lineHeight"),letterSpacing:Qn("DBody.letterSpacing")},H1:{fontFamily:Qn("H1.fontFamily"),fontSize:Qn("H1.fontSize"),fontWeight:Qn("H1.fontWeight"),lineHeight:Qn("H1.lineHeight"),letterSpacing:Qn("H1.letterSpacing")},H2:{fontFamily:Qn("H2.fontFamily"),fontSize:Qn("H2.fontSize"),fontWeight:Qn("H2.fontWeight"),lineHeight:Qn("H2.lineHeight"),letterSpacing:Qn("H2.letterSpacing")},H3:{fontFamily:Qn("H3.fontFamily"),fontSize:Qn("H3.fontSize"),fontWeight:Qn("H3.fontWeight"),lineHeight:Qn("H3.lineHeight"),letterSpacing:Qn("H3.letterSpacing")},H4:{fontFamily:Qn("H4.fontFamily"),fontSize:Qn("H4.fontSize"),fontWeight:Qn("H4.fontWeight"),lineHeight:Qn("H4.lineHeight"),letterSpacing:Qn("H4.letterSpacing")},H5:{fontFamily:Qn("H5.fontFamily"),fontSize:Qn("H5.fontSize"),fontWeight:Qn("H5.fontWeight"),lineHeight:Qn("H5.lineHeight"),letterSpacing:Qn("H5.letterSpacing")},H6:{fontFamily:Qn("H6.fontFamily"),fontSize:Qn("H6.fontSize"),fontWeight:Qn("H6.fontWeight"),lineHeight:Qn("H6.lineHeight"),letterSpacing:Qn("H6.letterSpacing")},Body:{fontFamily:Qn("Body.fontFamily"),fontSize:Qn("Body.fontSize"),fontWeight:Qn("Body.fontWeight"),lineHeight:Qn("Body.lineHeight"),letterSpacing:Qn("Body.letterSpacing")},BodySmall:{fontFamily:Qn("BodySmall.fontFamily"),fontSize:Qn("BodySmall.fontSize"),fontWeight:Qn("BodySmall.fontWeight"),lineHeight:Qn("BodySmall.lineHeight"),letterSpacing:Qn("BodySmall.letterSpacing")},XSmall:{fontFamily:Qn("XSmall.fontFamily"),fontSize:Qn("XSmall.fontSize"),fontWeight:Qn("XSmall.fontWeight"),lineHeight:Qn("XSmall.lineHeight"),letterSpacing:Qn("XSmall.letterSpacing")}},tr=t=>{switch(t){case 700:case"bold":return Jn.Bold;case 600:case"semibold":return Jn.Semibold;case 300:case"light":return Jn.Light;case 400:case"regular":return Jn.Regular;default:return""}},er=(t,e)=>n=>{const r=Kn[t].fontFamily(n),i=Kn[t].fontWeight(n);return Object.values(Jn).includes(r)?m`
23
+ `,Gn=o.forwardRef((({children:t,focusHighlight:n=!0,focusOutline:r="none",type:i="button",...o},a)=>e(Un,{ref:a,$outline:r,$highlight:n,type:i,...o,children:t}))),Jn={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},qn={collections:{base:{D1:{fontFamily:Jn.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Jn.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Jn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Jn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Jn.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Jn.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Jn.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Jn.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Jn.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Jn.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Jn.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Jn.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Jn.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Jn.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Qn=t=>e=>{const n=e.theme,r=In(qn,n[Pn.textStyleScheme]);return n.options&&n.options.textStyle?Rn(r,t,n.options.textStyle):Rn(r,t)},Kn={D1:{fontFamily:Qn("D1.fontFamily"),fontSize:Qn("D1.fontSize"),fontWeight:Qn("D1.fontWeight"),lineHeight:Qn("D1.lineHeight"),letterSpacing:Qn("D1.letterSpacing")},D2:{fontFamily:Qn("D2.fontFamily"),fontSize:Qn("D2.fontSize"),fontWeight:Qn("D2.fontWeight"),lineHeight:Qn("D2.lineHeight"),letterSpacing:Qn("D2.letterSpacing")},D3:{fontFamily:Qn("D3.fontFamily"),fontSize:Qn("D3.fontSize"),fontWeight:Qn("D3.fontWeight"),lineHeight:Qn("D3.lineHeight"),letterSpacing:Qn("D3.letterSpacing")},D4:{fontFamily:Qn("D4.fontFamily"),fontSize:Qn("D4.fontSize"),fontWeight:Qn("D4.fontWeight"),lineHeight:Qn("D4.lineHeight"),letterSpacing:Qn("D4.letterSpacing")},DBody:{fontFamily:Qn("DBody.fontFamily"),fontSize:Qn("DBody.fontSize"),fontWeight:Qn("DBody.fontWeight"),lineHeight:Qn("DBody.lineHeight"),letterSpacing:Qn("DBody.letterSpacing")},H1:{fontFamily:Qn("H1.fontFamily"),fontSize:Qn("H1.fontSize"),fontWeight:Qn("H1.fontWeight"),lineHeight:Qn("H1.lineHeight"),letterSpacing:Qn("H1.letterSpacing")},H2:{fontFamily:Qn("H2.fontFamily"),fontSize:Qn("H2.fontSize"),fontWeight:Qn("H2.fontWeight"),lineHeight:Qn("H2.lineHeight"),letterSpacing:Qn("H2.letterSpacing")},H3:{fontFamily:Qn("H3.fontFamily"),fontSize:Qn("H3.fontSize"),fontWeight:Qn("H3.fontWeight"),lineHeight:Qn("H3.lineHeight"),letterSpacing:Qn("H3.letterSpacing")},H4:{fontFamily:Qn("H4.fontFamily"),fontSize:Qn("H4.fontSize"),fontWeight:Qn("H4.fontWeight"),lineHeight:Qn("H4.lineHeight"),letterSpacing:Qn("H4.letterSpacing")},H5:{fontFamily:Qn("H5.fontFamily"),fontSize:Qn("H5.fontSize"),fontWeight:Qn("H5.fontWeight"),lineHeight:Qn("H5.lineHeight"),letterSpacing:Qn("H5.letterSpacing")},H6:{fontFamily:Qn("H6.fontFamily"),fontSize:Qn("H6.fontSize"),fontWeight:Qn("H6.fontWeight"),lineHeight:Qn("H6.lineHeight"),letterSpacing:Qn("H6.letterSpacing")},Body:{fontFamily:Qn("Body.fontFamily"),fontSize:Qn("Body.fontSize"),fontWeight:Qn("Body.fontWeight"),lineHeight:Qn("Body.lineHeight"),letterSpacing:Qn("Body.letterSpacing")},BodySmall:{fontFamily:Qn("BodySmall.fontFamily"),fontSize:Qn("BodySmall.fontSize"),fontWeight:Qn("BodySmall.fontWeight"),lineHeight:Qn("BodySmall.lineHeight"),letterSpacing:Qn("BodySmall.letterSpacing")},XSmall:{fontFamily:Qn("XSmall.fontFamily"),fontSize:Qn("XSmall.fontSize"),fontWeight:Qn("XSmall.fontWeight"),lineHeight:Qn("XSmall.lineHeight"),letterSpacing:Qn("XSmall.letterSpacing")}},tr=t=>{switch(t){case 700:case"bold":return Jn.Bold;case 600:case"semibold":return Jn.Semibold;case 300:case"light":return Jn.Light;case 400:case"regular":return Jn.Regular;default:return""}},er=(t,e)=>n=>{const r=Kn[t].fontFamily(n),i=Kn[t].fontWeight(n);return Object.values(Jn).includes(r)?m`
24
24
  font-family: ${tr(e)||tr(i)||r};
25
25
  font-weight: normal !important;
26
26
  `:m`