@razorpay/blade 11.19.0 → 11.19.1

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/DateInput.web.js

@@ -7,6 +7,7 @@ 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 +17,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 +57,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 +71,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 +149,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 +159,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,

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext, getFormattedDate } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[16],\n  large: sizeTokens[24],\n} as const;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const isLabelPositionLeft = labelPosition === 'left';\n  const hasLabel = Boolean(label);\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput value={dateValue} name={name} />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-end\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1}>\n          <HiddenInput value={startValue} name={name?.start} />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && !isLabelPositionLeft\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput value={endValue} name={name?.end} />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={isLabelPositionLeft ? undefined : label?.end}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","_objectWithoutProperties","_excluded","format","isLarge","isLabelPositionLeft","hasLabel","Boolean","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","startValue","endValue","display","flexDirection","gap","alignItems","flex","start","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","end","undefined","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext, getFormattedDate } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const isLabelPositionLeft = labelPosition === 'left';\n  const hasLabel = Boolean(label);\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput value={dateValue} name={name} />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-end\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1}>\n          <HiddenInput value={startValue} name={name?.start} />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              (hasLabel && !isLabelPositionLeft) || isMobile\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput value={endValue} name={name?.end} />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={isLabelPositionLeft ? undefined : label?.end}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","isLabelPositionLeft","hasLabel","Boolean","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","startValue","endValue","display","flexDirection","gap","alignItems","flex","start","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","end","undefined","DatePickerInput"],"mappings":"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"}

package/build/lib/web/development/components/Switch/switchTokens.js

@@ -52,7 +52,7 @@ var switchColors = {
     "default": {
       background: {
         checked: 'colors.interactive.background.primary.default',
-        unchecked: 'colors.interactive.background.gray.faded'
+        unchecked: 'colors.interactive.background.gray.default'
       }
     },
     disabled: {
@@ -95,7 +95,7 @@ var switchHoverTokens = {
   "default": {
     background: {
       checked: 'colors.interactive.background.primary.highlighted',
-      unchecked: 'colors.interactive.background.gray.fadedHighlighted'
+      unchecked: 'colors.interactive.background.gray.highlighted'
     }
   }
 };

package/build/lib/web/development/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","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,0CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,kCAAkC;AACzCM,IAAAA,SAAS,EAAE,kCAAkC;AAC7Cd,IAAAA,KAAK,EAAE,kCAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,qDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}
+{"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","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,kCAAkC;AACzCM,IAAAA,SAAS,EAAE,kCAAkC;AAC7Cd,IAAAA,KAAK,EAAE,kCAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/tokens/global/size.js

@@ -24,6 +24,8 @@ var size = {
   10: 10,
   /** 12 px */
   12: 12,
+  /** 14 px */
+  14: 14,
   /** 15 px */
   15: 15,
   /** 16 px */

package/build/lib/web/development/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":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
+{"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":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}

package/build/lib/web/production/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/production/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/production/components/DatePicker/DateInput.web.js

@@ -7,6 +7,7 @@ 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 +17,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 +57,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 +71,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 +149,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 +159,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,

package/build/lib/web/production/components/DatePicker/DateInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext, getFormattedDate } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[16],\n  large: sizeTokens[24],\n} as const;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const isLabelPositionLeft = labelPosition === 'left';\n  const hasLabel = Boolean(label);\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput value={dateValue} name={name} />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-end\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1}>\n          <HiddenInput value={startValue} name={name?.start} />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && !isLabelPositionLeft\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput value={endValue} name={name?.end} />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={isLabelPositionLeft ? undefined : label?.end}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","_objectWithoutProperties","_excluded","format","isLarge","isLabelPositionLeft","hasLabel","Boolean","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","startValue","endValue","display","flexDirection","gap","alignItems","flex","start","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","end","undefined","DatePickerInput"],"mappings":"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"}
+{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext, getFormattedDate } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[14],\n  large: sizeTokens[24],\n} as const;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const isLabelPositionLeft = labelPosition === 'left';\n  const hasLabel = Boolean(label);\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput value={dateValue} name={name} />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-end\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1}>\n          <HiddenInput value={startValue} name={name?.start} />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            necessityIndicator={necessityIndicator}\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              (hasLabel && !isLabelPositionLeft) || isMobile\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput value={endValue} name={name?.end} />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={isLabelPositionLeft ? undefined : label?.end}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","isLabelPositionLeft","hasLabel","Boolean","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","startValue","endValue","display","flexDirection","gap","alignItems","flex","start","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","end","undefined","DatePickerInput"],"mappings":"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"}

package/build/lib/web/production/components/Switch/switchTokens.js

@@ -52,7 +52,7 @@ var switchColors = {
     "default": {
       background: {
         checked: 'colors.interactive.background.primary.default',
-        unchecked: 'colors.interactive.background.gray.faded'
+        unchecked: 'colors.interactive.background.gray.default'
       }
     },
     disabled: {
@@ -95,7 +95,7 @@ var switchHoverTokens = {
   "default": {
     background: {
       checked: 'colors.interactive.background.primary.highlighted',
-      unchecked: 'colors.interactive.background.gray.fadedHighlighted'
+      unchecked: 'colors.interactive.background.gray.highlighted'
     }
   }
 };

package/build/lib/web/production/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","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,0CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,kCAAkC;AACzCM,IAAAA,SAAS,EAAE,kCAAkC;AAC7Cd,IAAAA,KAAK,EAAE,kCAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,qDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}
+{"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","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,kCAAkC;AACzCM,IAAAA,SAAS,EAAE,kCAAkC;AAC7Cd,IAAAA,KAAK,EAAE,kCAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/production/tokens/global/size.js

@@ -24,6 +24,8 @@ var size = {
   10: 10,
   /** 12 px */
   12: 12,
+  /** 14 px */
+  14: 14,
   /** 15 px */
   15: 15,
   /** 16 px */

package/build/lib/web/production/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":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
+{"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":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}

package/build/types/tokens/index.d.ts

@@ -748,6 +748,8 @@ declare const size: {
     readonly 10: 10;
     /** 12 px */
     readonly 12: 12;
+    /** 14 px */
+    readonly 14: 14;
     /** 15 px */
     readonly 15: 15;
     /** 16 px */

package/build/types/tokens/index.native.d.ts

@@ -748,6 +748,8 @@ declare const size: {
     readonly 10: 10;
     /** 12 px */
     readonly 12: 12;
+    /** 14 px */
+    readonly 14: 14;
     /** 15 px */
     readonly 15: 15;
     /** 16 px */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "11.19.0",
+  "version": "11.19.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"