@razorpay/blade 11.19.0 → 11.20.0

package/build/lib/native/components/Card/CardSurface.native.js

@@ -5,10 +5,11 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../utils/platform/castUtils.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 import '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","elevation","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var elevation=_ref.elevation,theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?`${theme.border.width.thin}`:undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.gray.muted}`:undefined};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,elevation=_ref2.elevation,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
+var _excluded=["children","elevation","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var elevation=_ref.elevation,theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?makeBorderSize(theme.border.width.thin):undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.gray.muted}`:undefined};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,elevation=_ref2.elevation,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
 
 export { CardSurface };
 //# sourceMappingURL=CardSurface.native.js.map

package/build/lib/native/components/Card/CardSurface.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n  elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n  children,\n  elevation,\n  backgroundColor,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      elevation={elevation}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;sIAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAvB,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAI,CAAA,EAAEC,KAAK,CAACK,MAAM,CAACJ,KAAK,CAACK,IAAK,CAAA,CAAC,CAAGC,SAAS,CAC5EC,WAAW,CAAET,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGQ,SAAS,CACvDE,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAI,CAAA,EAAEC,KAAK,CAACU,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAM,CAAA,CAAC,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRjB,SAAS,CAAAgB,KAAA,CAAThB,SAAS,CACTkB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAC/B,iBAAiB,CAAAgC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjClB,SAAS,CAAEA,SAAU,CACrBsB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}
+{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType, makeBorderSize } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n  elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n  children,\n  elevation,\n  backgroundColor,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      elevation={elevation}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","makeBorderSize","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,CAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAA,IAAvBC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAGM,cAAc,CAACL,KAAK,CAACM,MAAM,CAACL,KAAK,CAACM,IAAI,CAAC,CAAGC,SAAS,CACvFC,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGS,SAAS,CACvDE,WAAW,CAAEX,SAAS,GAAK,MAAM,CAAI,CAAEC,EAAAA,KAAK,CAACW,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAM,CAAC,CAAA,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRlB,SAAS,CAAAiB,KAAA,CAATjB,SAAS,CACTmB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAChC,iBAAiB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjCnB,SAAS,CAAEA,SAAU,CACrBuB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

package/build/lib/native/components/Switch/switchTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var switchSizes={track:{desktop:{small:{width:size[28],height:'spacing.5'},medium:{width:size[36],height:'spacing.6'}},mobile:{small:{width:size[36],height:'spacing.6'},medium:{width:size[44],height:'spacing.7'}}},thumb:{desktop:{small:{width:'spacing.4',height:'spacing.4'},medium:{width:'spacing.5',height:'spacing.5'}},mobile:{small:{width:'spacing.5',height:'spacing.5'},medium:{width:'spacing.6',height:'spacing.6'}}}};var switchColors={track:{default:{background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.interactive.background.gray.faded'}},disabled:{background:{checked:'colors.interactive.background.primary.faded',unchecked:'colors.interactive.background.gray.disabled'}}},thumb:{default:{background:'colors.interactive.background.staticWhite.default'},disabled:{background:'colors.interactive.background.staticWhite.disabled'}},thumbIcon:{default:{fill:'colors.interactive.icon.staticBlack.normal'},disabled:{fill:'colors.interactive.icon.staticBlack.disabled'}}};var switchMotion={easing:{thumb:'motion.easing.standard.effective',thumbIcon:'motion.easing.standard.effective',track:'motion.easing.standard.effective'},duration:{thumb:'motion.duration.xquick',thumbIcon:'motion.duration.xquick',track:'motion.duration.xquick'}};var switchHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.fadedHighlighted'}}};
+var switchSizes={track:{desktop:{small:{width:size[28],height:'spacing.5'},medium:{width:size[36],height:'spacing.6'}},mobile:{small:{width:size[36],height:'spacing.6'},medium:{width:size[44],height:'spacing.7'}}},thumb:{desktop:{small:{width:'spacing.4',height:'spacing.4'},medium:{width:'spacing.5',height:'spacing.5'}},mobile:{small:{width:'spacing.5',height:'spacing.5'},medium:{width:'spacing.6',height:'spacing.6'}}}};var switchColors={track:{default:{background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.interactive.background.gray.default'}},disabled:{background:{checked:'colors.interactive.background.primary.faded',unchecked:'colors.interactive.background.gray.disabled'}}},thumb:{default:{background:'colors.interactive.background.staticWhite.default'},disabled:{background:'colors.interactive.background.staticWhite.disabled'}},thumbIcon:{default:{fill:'colors.interactive.icon.staticBlack.normal'},disabled:{fill:'colors.interactive.icon.staticBlack.disabled'}}};var switchMotion={easing:{thumb:'motion.easing.standard.effective',thumbIcon:'motion.easing.standard.effective',track:'motion.easing.standard.effective'},duration:{thumb:'motion.duration.xquick',thumbIcon:'motion.duration.xquick',track:'motion.duration.xquick'}};var switchHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.highlighted'}}};
 
 export { switchColors, switchHoverTokens, switchMotion, switchSizes };
 //# sourceMappingURL=switchTokens.js.map

package/build/lib/native/components/Switch/switchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchTokens.js","sources":["../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.faded',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard.effective',\n    thumbIcon: 'motion.easing.standard.effective',\n    track: 'motion.easing.standard.effective',\n  },\n  duration: {\n    thumb: 'motion.duration.xquick',\n    thumbIcon: 'motion.duration.xquick',\n    track: 'motion.duration.xquick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.fadedHighlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","default","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;;AAEM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,CACLC,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CACF,CAAC,CACDG,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CACF,CACF,EAEM,IAAAI,YAAY,CAAG,CACnBT,KAAK,CAAE,CACLU,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,0CACb,CACF,CAAC,CACDC,QAAQ,CAAE,CACRH,UAAU,CAAE,CACVC,OAAO,CAAE,6CAA6C,CACtDC,SAAS,CAAE,6CACb,CACF,CACF,CAAC,CACDL,KAAK,CAAE,CACLE,OAAO,CAAE,CACPC,UAAU,CAAE,mDACd,CAAC,CACDG,QAAQ,CAAE,CACRH,UAAU,CAAE,oDACd,CACF,CAAC,CACDI,SAAS,CAAE,CACTL,OAAO,CAAE,CACPM,IAAI,CAAE,4CACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,8CACR,CACF,CACF,EAEM,IAAAC,YAAY,CAAG,CACnBC,MAAM,CAAE,CACNV,KAAK,CAAE,kCAAkC,CACzCO,SAAS,CAAE,kCAAkC,CAC7Cf,KAAK,CAAE,kCACT,CAAC,CACDmB,QAAQ,CAAE,CACRX,KAAK,CAAE,wBAAwB,CAC/BO,SAAS,CAAE,wBAAwB,CACnCf,KAAK,CAAE,wBACT,CACF,EAEM,IAAAoB,iBAAiB,CAAG,CACxBV,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,qDACb,CACF,CACF;;;;"}
+{"version":3,"file":"switchTokens.js","sources":["../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard.effective',\n    thumbIcon: 'motion.easing.standard.effective',\n    track: 'motion.easing.standard.effective',\n  },\n  duration: {\n    thumb: 'motion.duration.xquick',\n    thumbIcon: 'motion.duration.xquick',\n    track: 'motion.duration.xquick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","default","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;;AAEM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,CACLC,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAE,WACV,CACF,CACF,CAAC,CACDG,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,KAAK,CAAE,CACLC,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CAAC,CACDC,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBE,MAAM,CAAE,WACV,CACF,CACF,CACF,EAEM,IAAAI,YAAY,CAAG,CACnBT,KAAK,CAAE,CACLU,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,4CACb,CACF,CAAC,CACDC,QAAQ,CAAE,CACRH,UAAU,CAAE,CACVC,OAAO,CAAE,6CAA6C,CACtDC,SAAS,CAAE,6CACb,CACF,CACF,CAAC,CACDL,KAAK,CAAE,CACLE,OAAO,CAAE,CACPC,UAAU,CAAE,mDACd,CAAC,CACDG,QAAQ,CAAE,CACRH,UAAU,CAAE,oDACd,CACF,CAAC,CACDI,SAAS,CAAE,CACTL,OAAO,CAAE,CACPM,IAAI,CAAE,4CACR,CAAC,CACDF,QAAQ,CAAE,CACRE,IAAI,CAAE,8CACR,CACF,CACF,EAEM,IAAAC,YAAY,CAAG,CACnBC,MAAM,CAAE,CACNV,KAAK,CAAE,kCAAkC,CACzCO,SAAS,CAAE,kCAAkC,CAC7Cf,KAAK,CAAE,kCACT,CAAC,CACDmB,QAAQ,CAAE,CACRX,KAAK,CAAE,wBAAwB,CAC/BO,SAAS,CAAE,wBAAwB,CACnCf,KAAK,CAAE,wBACT,CACF,EAEM,IAAAoB,iBAAiB,CAAG,CACxBV,OAAO,CAAE,CACPC,UAAU,CAAE,CACVC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,gDACb,CACF,CACF;;;;"}

package/build/lib/native/tokens/global/size.js

@@ -1,4 +1,4 @@
-var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,56:56,60:60,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
+var size={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,10:10,12:12,14:14,15:15,16:16,18:18,20:20,24:24,28:28,30:30,32:32,33:33,36:36,40:40,44:44,48:48,56:56,60:60,64:64,72:72,100:100,120:120,140:140,160:160,176:176,200:200,240:240,300:300,314:314,360:360,400:400,584:584,640:640,760:760,800:800,1024:1024,1136:1136};
 
 export { size };
 //# sourceMappingURL=size.js.map

package/build/lib/native/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAGa,IAAAA,IAAI,CAAG,CAElB,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,CAAC,CAAE,CAAC,CAEJ,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,EAAE,CAAE,EAAE,CAEN,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,GAAG,CAAE,GAAG,CAER,IAAI,CAAE,IAAI,CAEV,IAAI,CAAE,IACR;;;;"}

package/build/lib/web/development/components/Card/CardSurface.web.js

@@ -1,6 +1,8 @@
 import styled from 'styled-components';
 import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 
 var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "CardSurfaceweb__CardSurface",
@@ -13,7 +15,7 @@ var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
     display: 'flex',
     position: 'relative',
     flexDirection: 'column',
-    borderWidth: elevation === 'none' ? "".concat(theme.border.width.thin) : undefined,
+    borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,
     borderStyle: elevation === 'none' ? 'solid' : undefined,
     borderColor: elevation === 'none' ? "".concat(theme.colors.surface.border.gray.muted) : undefined,
     boxSizing: 'border-box'

package/build/lib/web/development/components/Card/CardSurface.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst CardSurface = styled(BaseBox)(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    position: 'relative',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n    boxSizing: 'border-box',\n  };\n});\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","elevation","theme","width","display","position","flexDirection","borderWidth","concat","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","boxSizing"],"mappings":";;;;AAGA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAC,IAAA,EAA0B;AAAA,EAAA,IAAvBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EACrD,OAAO;AACLC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,WAAW,EAAEN,SAAS,KAAK,MAAM,MAAAO,MAAA,CAAMN,KAAK,CAACO,MAAM,CAACN,KAAK,CAACO,IAAI,IAAKC,SAAS;AAC5EC,IAAAA,WAAW,EAAEX,SAAS,KAAK,MAAM,GAAG,OAAO,GAAGU,SAAS;AACvDE,IAAAA,WAAW,EAAEZ,SAAS,KAAK,MAAM,GAAAO,EAAAA,CAAAA,MAAA,CAAMN,KAAK,CAACY,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAK,IAAKN,SAAS;AAC3FO,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\n\nconst CardSurface = styled(BaseBox)(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    position: 'relative',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? makeBorderSize(theme.border.width.thin) : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n    boxSizing: 'border-box',\n  };\n});\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","elevation","theme","width","display","position","flexDirection","borderWidth","makeBorderSize","border","thin","undefined","borderStyle","borderColor","concat","colors","surface","gray","muted","boxSizing"],"mappings":";;;;;;AAIA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAC,IAAA,EAA0B;AAAA,EAAA,IAAvBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EACrD,OAAO;AACLC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,WAAW,EAAEN,SAAS,KAAK,MAAM,GAAGO,cAAc,CAACN,KAAK,CAACO,MAAM,CAACN,KAAK,CAACO,IAAI,CAAC,GAAGC,SAAS;AACvFC,IAAAA,WAAW,EAAEX,SAAS,KAAK,MAAM,GAAG,OAAO,GAAGU,SAAS;AACvDE,IAAAA,WAAW,EAAEZ,SAAS,KAAK,MAAM,GAAAa,EAAAA,CAAAA,MAAA,CAAMZ,KAAK,CAACa,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,KAAK,IAAKP,SAAS;AAC3FQ,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH,CAAC;;;;"}

package/build/lib/web/development/components/DatePicker/Calendar.web.js

@@ -3,11 +3,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import dayjs from 'dayjs';
 import 'react';
-import { useDatesContext, shiftTimezone, DatePicker } from '@mantine/dates';
+import { useDatesContext, DatePicker } from '@mantine/dates';
 import { CalendarHeader } from './CalendarHeader.web.js';
 import { CalendarStyles, CalendarGradientStyles } from './CalendarStyles.web.js';
 import { useUncontrolledDates } from './useControlledDates.js';
 import { pickerToLevel, levelToPicker, classes } from './constants.js';
+import { shiftTimezone } from './shiftTimezone.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import '../../utils/logger/index.js';
@@ -66,7 +67,7 @@ var Calendar = function Calendar(_ref) {
     setDate = _useUncontrolledDates2[1];
   var dateContext = useDatesContext();
   var isMobile = useIsMobile();
-  var currentDate = _date !== null && _date !== void 0 ? _date : shiftTimezone('add', new Date(), dateContext.getTimezone());
+  var currentDate = _date !== null && _date !== void 0 ? _date : shiftTimezone('add', new Date());
   var numberOfColumns = isMobile || !isRange ? 1 : 2;
   var columnsToScroll = numberOfColumns;
   var handleNextMonth = function handleNextMonth() {
@@ -162,10 +163,13 @@ var Calendar = function Calendar(_ref) {
         ,
         allowSingleDateInRange: allowSingleDateInRange,
         classNames: {
-          levelsGroup: classes.levelsGroup,
+          monthLevelGroup: classes.levelsGroup,
+          yearLevelGroup: classes.levelsGroup,
+          decadeLevelGroup: classes.levelsGroup,
           day: classes.dayCell,
-          monthsListControl: classes.monthsListControl,
-          yearsListControl: classes.yearsListControl,
+          monthsListCell: classes.yearsListControl,
+          yearsListCell: classes.monthsListControl,
+          monthCell: classes.dayCell,
           calendarHeader: classes.calendarHeader,
           monthRow: classes.row,
           yearsListRow: classes.row,

package/build/lib/web/development/components/DatePicker/Calendar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel } from '@mantine/dates';\nimport { shiftTimezone, useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n  firstDayOfWeek = 0,\n  selectionType,\n  allowSingleDateInRange,\n  defaultPicker = 'day',\n  picker,\n  onPickerChange,\n  date,\n  defaultDate,\n  onDateChange,\n  onNext,\n  onPrevious,\n  presets,\n  ...props\n}: CalendarProps<Type> & {\n  date?: Date;\n  defaultDate?: Date;\n  onDateChange?: (date: DateValue) => void;\n}): React.ReactElement => {\n  const isRange = selectionType === 'range';\n\n  const [level, setLevel] = useControllableState<CalendarLevel>({\n    defaultValue: pickerToLevel[defaultPicker],\n    value: pickerToLevel[picker!],\n    onChange: (level) => {\n      onPickerChange?.(levelToPicker[level]);\n    },\n  });\n\n  if (__DEV__) {\n    if (isRange && level !== 'month') {\n      throwBladeError({\n        message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n        moduleName: 'DatePicker',\n      });\n    }\n  }\n\n  const [_date, setDate] = useUncontrolledDates({\n    type: 'default',\n    value: date,\n    defaultValue: defaultDate,\n    onChange: onDateChange,\n  });\n\n  const dateContext = useDatesContext();\n  const isMobile = useIsMobile();\n  const currentDate = _date ?? shiftTimezone('add', new Date(), dateContext.getTimezone());\n  const numberOfColumns = isMobile || !isRange ? 1 : 2;\n  const columnsToScroll = numberOfColumns;\n\n  const handleNextMonth = () => {\n    const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n    onNext?.({ date: nextDate, type: 'month' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousMonth = () => {\n    const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n    onPrevious?.({ date: nextDate, type: 'month' });\n    setDate(nextDate);\n  };\n\n  const handleNextYear = () => {\n    const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n    onNext?.({ date: nextDate, type: 'year' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousYear = () => {\n    const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n    onPrevious?.({ date: nextDate, type: 'year' });\n    setDate(nextDate);\n  };\n\n  const handleNextDecade = () => {\n    const nextDate = dayjs(currentDate)\n      .add(10 * columnsToScroll, 'year')\n      .toDate();\n    onNext?.({ date: nextDate, type: 'decade' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousDecade = () => {\n    const nextDate = dayjs(currentDate)\n      .subtract(10 * columnsToScroll, 'year')\n      .toDate();\n    onPrevious?.({ date: nextDate, type: 'decade' });\n    setDate(nextDate);\n  };\n\n  return (\n    <CalendarStyles\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.7\"\n      pickerType={levelToPicker[level]}\n      {...metaAttribute({ name: MetaConstants.Calendar })}\n    >\n      <CalendarHeader\n        isRange={isRange}\n        date={currentDate}\n        onLevelChange={(level) => setLevel(() => level)}\n        pickerType={levelToPicker[level] as PickerType}\n        onNextMonth={handleNextMonth}\n        onPreviousMonth={handlePreviousMonth}\n        onNextDecade={handleNextDecade}\n        onPreviousDecade={handlePreviousDecade}\n        onNextYear={handleNextYear}\n        onPreviousYear={handlePreviousYear}\n      />\n      <CalendarGradientStyles isRange={isRange} date={currentDate}>\n        <DatePicker\n          withCellSpacing={false}\n          type={isRange ? 'range' : 'default'}\n          date={_date}\n          locale={dateContext.locale}\n          level={level}\n          onDateChange={setDate}\n          onLevelChange={(level) => setLevel(() => level)}\n          numberOfColumns={numberOfColumns}\n          weekdayFormat=\"ddd\"\n          firstDayOfWeek={firstDayOfWeek}\n          // @ts-expect-error unable to narrow props based on `type`\n          allowSingleDateInRange={allowSingleDateInRange}\n          classNames={{\n            levelsGroup: classes.levelsGroup,\n            day: classes.dayCell,\n            monthsListControl: classes.monthsListControl,\n            yearsListControl: classes.yearsListControl,\n            calendarHeader: classes.calendarHeader,\n            monthRow: classes.row,\n            yearsListRow: classes.row,\n            monthsListRow: classes.row,\n            weekdaysRow: classes.row,\n            weekday: classes.weekday,\n          }}\n          {...props}\n        />\n      </CalendarGradientStyles>\n    </CalendarStyles>\n  );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","shiftTimezone","Date","getTimezone","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","levelsGroup","classes","day","dayCell","monthsListControl","yearsListControl","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":"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"}
+{"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel } from '@mantine/dates';\nimport { useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { shiftTimezone } from './shiftTimezone';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n  firstDayOfWeek = 0,\n  selectionType,\n  allowSingleDateInRange,\n  defaultPicker = 'day',\n  picker,\n  onPickerChange,\n  date,\n  defaultDate,\n  onDateChange,\n  onNext,\n  onPrevious,\n  presets,\n  ...props\n}: CalendarProps<Type> & {\n  date?: Date;\n  defaultDate?: Date;\n  onDateChange?: (date: DateValue) => void;\n}): React.ReactElement => {\n  const isRange = selectionType === 'range';\n\n  const [level, setLevel] = useControllableState<CalendarLevel>({\n    defaultValue: pickerToLevel[defaultPicker],\n    value: pickerToLevel[picker!],\n    onChange: (level) => {\n      onPickerChange?.(levelToPicker[level]);\n    },\n  });\n\n  if (__DEV__) {\n    if (isRange && level !== 'month') {\n      throwBladeError({\n        message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n        moduleName: 'DatePicker',\n      });\n    }\n  }\n\n  const [_date, setDate] = useUncontrolledDates({\n    type: 'default',\n    value: date,\n    defaultValue: defaultDate,\n    onChange: onDateChange,\n  });\n\n  const dateContext = useDatesContext();\n  const isMobile = useIsMobile();\n  const currentDate = _date ?? shiftTimezone('add', new Date());\n  const numberOfColumns = isMobile || !isRange ? 1 : 2;\n  const columnsToScroll = numberOfColumns;\n\n  const handleNextMonth = () => {\n    const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n    onNext?.({ date: nextDate, type: 'month' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousMonth = () => {\n    const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n    onPrevious?.({ date: nextDate, type: 'month' });\n    setDate(nextDate);\n  };\n\n  const handleNextYear = () => {\n    const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n    onNext?.({ date: nextDate, type: 'year' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousYear = () => {\n    const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n    onPrevious?.({ date: nextDate, type: 'year' });\n    setDate(nextDate);\n  };\n\n  const handleNextDecade = () => {\n    const nextDate = dayjs(currentDate)\n      .add(10 * columnsToScroll, 'year')\n      .toDate();\n    onNext?.({ date: nextDate, type: 'decade' });\n    setDate(nextDate);\n  };\n\n  const handlePreviousDecade = () => {\n    const nextDate = dayjs(currentDate)\n      .subtract(10 * columnsToScroll, 'year')\n      .toDate();\n    onPrevious?.({ date: nextDate, type: 'decade' });\n    setDate(nextDate);\n  };\n\n  return (\n    <CalendarStyles\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.7\"\n      pickerType={levelToPicker[level]}\n      {...metaAttribute({ name: MetaConstants.Calendar })}\n    >\n      <CalendarHeader\n        isRange={isRange}\n        date={currentDate}\n        onLevelChange={(level) => setLevel(() => level)}\n        pickerType={levelToPicker[level] as PickerType}\n        onNextMonth={handleNextMonth}\n        onPreviousMonth={handlePreviousMonth}\n        onNextDecade={handleNextDecade}\n        onPreviousDecade={handlePreviousDecade}\n        onNextYear={handleNextYear}\n        onPreviousYear={handlePreviousYear}\n      />\n      <CalendarGradientStyles isRange={isRange} date={currentDate}>\n        <DatePicker\n          withCellSpacing={false}\n          type={isRange ? 'range' : 'default'}\n          date={_date}\n          locale={dateContext.locale}\n          level={level}\n          onDateChange={setDate}\n          onLevelChange={(level) => setLevel(() => level)}\n          numberOfColumns={numberOfColumns}\n          weekdayFormat=\"ddd\"\n          firstDayOfWeek={firstDayOfWeek}\n          // @ts-expect-error unable to narrow props based on `type`\n          allowSingleDateInRange={allowSingleDateInRange}\n          classNames={{\n            monthLevelGroup: classes.levelsGroup,\n            yearLevelGroup: classes.levelsGroup,\n            decadeLevelGroup: classes.levelsGroup,\n            day: classes.dayCell,\n            monthsListCell: classes.yearsListControl,\n            yearsListCell: classes.monthsListControl,\n            monthCell: classes.dayCell,\n            calendarHeader: classes.calendarHeader,\n            monthRow: classes.row,\n            yearsListRow: classes.row,\n            monthsListRow: classes.row,\n            weekdaysRow: classes.row,\n            weekday: classes.weekday,\n          }}\n          {...props}\n        />\n      </CalendarGradientStyles>\n    </CalendarStyles>\n  );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","shiftTimezone","Date","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","monthLevelGroup","classes","levelsGroup","yearLevelGroup","decadeLevelGroup","day","dayCell","monthsListCell","yearsListControl","yearsListCell","monthsListControl","monthCell","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js

@@ -244,9 +244,10 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
     gap: makeSpace(theme.spacing[8]),
     table: {
       borderCollapse: 'collapse',
-      width: '100%'
+      width: !isDayPicker || isMobile ? '100%' : undefined
     },
     '> div': {
+      margin: 0,
       width: isMobile || !isDayPicker ? '100%' : undefined
     },
     th: {
@@ -271,39 +272,45 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
     color: 'surface.text.gray.muted'
   })), {}, {
     paddingBottom: makeSpace(theme.spacing[4])
-  })), ".".concat(classes.dayCell), _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    cursor: 'pointer',
-    width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),
-    height: isDayPicker && isMobile ? undefined : makeSpace(cell.size[device]),
-    aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,
-    borderRadius: theme.border.radius.medium,
-    backgroundColor: getIn(theme.colors, cell.background["default"]),
-    border: 'none'
-  }, getTextStyles({
-    theme: theme,
-    variant: 'body',
-    size: 'medium',
-    weight: 'regular'
-  })), {}, {
-    '&:hover': {
-      backgroundColor: getIn(theme.colors, cell.background.hover)
-    },
-    '&:focus-visible': getFocusRingStyles({
+  })), ".".concat(classes.dayCell), {
+    button: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      all: 'unset',
+      cursor: 'pointer',
+      width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),
+      height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),
+      aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,
+      borderRadius: theme.border.radius.medium,
+      backgroundColor: getIn(theme.colors, cell.background["default"]),
+      border: 'none'
+    }, getTextStyles({
       theme: theme,
-      isImportant: true
-    }),
-    '&[data-disabled]': {
-      color: getIn(theme.colors, cell.text.disabled),
-      backgroundColor: getIn(theme.colors, cell.background.disabled),
-      cursor: 'not-allowed'
-    },
-    '&[data-outside]': {
-      color: theme.colors.interactive.text.gray.muted
-    },
-    '&[data-outside]:hover': {
-      color: getIn(theme.colors, cell.text["default"])
-    }
-  }, ranges), today), selected));
+      variant: 'body',
+      size: 'medium',
+      weight: 'regular'
+    })), {}, {
+      '&:hover': {
+        backgroundColor: getIn(theme.colors, cell.background.hover)
+      },
+      '&:focus-visible': getFocusRingStyles({
+        theme: theme,
+        isImportant: true
+      }),
+      '&[data-disabled]': {
+        color: getIn(theme.colors, cell.text.disabled),
+        backgroundColor: getIn(theme.colors, cell.background.disabled),
+        cursor: 'not-allowed'
+      },
+      '&[data-hidden]': {
+        display: 'none'
+      },
+      '&[data-outside]': {
+        color: theme.colors.interactive.text.gray.muted
+      },
+      '&[data-outside]:hover': {
+        color: getIn(theme.colors, cell.text["default"])
+      }
+    }, ranges), today), selected)
+  });
 });
 
 export { CalendarGradientStyles, CalendarStyles };

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'transparent',\n      hover: 'interactive.background.primary.faded',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.primary.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: 'transparent',\n        outlineStyle: 'solid',\n        outlineWidth: makeBorderSize(theme.border.width.thin),\n        outlineOffset: makeSpace(-theme.border.width.thin),\n        outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: '100%',\n      },\n      '> div': { width: isMobile || !isDayPicker ? '100%' : undefined },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      cursor: 'pointer',\n      width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n      height: isDayPicker && isMobile ? undefined : makeSpace(cell.size[device]),\n      aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n      borderRadius: theme.border.radius.medium,\n      backgroundColor: getIn(theme.colors, cell.background.default),\n      border: 'none',\n      ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n      '&:hover': {\n        backgroundColor: getIn(theme.colors, cell.background.hover),\n      },\n      '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n      '&[data-disabled]': {\n        color: getIn(theme.colors, cell.text.disabled),\n        backgroundColor: getIn(theme.colors, cell.background.disabled),\n        cursor: 'not-allowed',\n      },\n      '&[data-outside]': {\n        color: theme.colors.interactive.text.gray.muted,\n      },\n      '&[data-outside]:hover': {\n        color: getIn(theme.colors, cell.text.default),\n      },\n      ...ranges,\n      ...today,\n      ...selected,\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
+{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'transparent',\n      hover: 'interactive.background.primary.faded',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.primary.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: 'transparent',\n        outlineStyle: 'solid',\n        outlineWidth: makeBorderSize(theme.border.width.thin),\n        outlineOffset: makeSpace(-theme.border.width.thin),\n        outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: !isDayPicker || isMobile ? '100%' : undefined,\n      },\n      '> div': {\n        margin: 0,\n        width: isMobile || !isDayPicker ? '100%' : undefined,\n      },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      button: {\n        all: 'unset',\n        cursor: 'pointer',\n        width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n        height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n        aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n        borderRadius: theme.border.radius.medium,\n        backgroundColor: getIn(theme.colors, cell.background.default),\n        border: 'none',\n        ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, cell.background.hover),\n        },\n        '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n        '&[data-disabled]': {\n          color: getIn(theme.colors, cell.text.disabled),\n          backgroundColor: getIn(theme.colors, cell.background.disabled),\n          cursor: 'not-allowed',\n        },\n        '&[data-hidden]': {\n          display: 'none',\n        },\n        '&[data-outside]': {\n          color: theme.colors.interactive.text.gray.muted,\n        },\n        '&[data-outside]:hover': {\n          color: getIn(theme.colors, cell.text.default),\n        },\n        ...ranges,\n        ...today,\n        ...selected,\n      },\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/DateInput.web.js

@@ -1,12 +1,14 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
-import { useDatesContext, getFormattedDate } from '@mantine/dates';
+import { useDatesContext } from '@mantine/dates';
+import { getFormattedDate } from './utils.js';
 import '../Box/BaseBox/index.js';
 import '../Icons/index.js';
 import '../Input/BaseInput/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/index.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { BaseInput } from '../Input/BaseInput/BaseInput.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
@@ -16,7 +18,7 @@ import CalendarIcon from '../Icons/CalendarIcon/CalendarIcon.js';
 import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 
-var _excluded = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size"];
+var _excluded = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size", "necessityIndicator"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DateInput = function _DateInput(props, ref) {
@@ -56,7 +58,7 @@ var HiddenInput = function HiddenInput(_ref2) {
   });
 };
 var iconVerticalMargin = {
-  medium: size[16],
+  medium: size[14],
   large: size[24]
 };
 var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
@@ -70,7 +72,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
     name = _ref3.name,
     _ref3$size = _ref3.size,
     size$1 = _ref3$size === void 0 ? 'medium' : _ref3$size,
+    necessityIndicator = _ref3.necessityIndicator,
     props = _objectWithoutProperties(_ref3, _excluded);
+  var isMobile = useIsMobile();
   var format = 'DD/MM/YYYY';
   var isLarge = size$1 === 'large';
   var isLabelPositionLeft = labelPosition === 'left';
@@ -146,7 +150,8 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           size: size$1,
           autoFocus: autoFocus,
           value: startValue,
-          componentName: "DatePickerInputStart"
+          componentName: "DatePickerInputStart",
+          necessityIndicator: necessityIndicator
         }, props), referenceProps))]
       }), /*#__PURE__*/jsx(BaseBox, {
         flexShrink: 0,
@@ -155,7 +160,7 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
           size: "medium",
           marginTop:
           // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.
-          hasLabel && !isLabelPositionLeft ? "calc(".concat(makeSize(iconVerticalMargin[size$1]), " + ").concat(makeSize(isLarge ? size[20] : size[15]), ")") : makeSize(iconVerticalMargin[size$1])
+          hasLabel && !isLabelPositionLeft || isMobile ? "calc(".concat(makeSize(iconVerticalMargin[size$1]), " + ").concat(makeSize(isLarge ? size[20] : size[15]), ")") : makeSize(iconVerticalMargin[size$1])
         })
       }), /*#__PURE__*/jsxs(BaseBox, {
         flex: 1,