@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/native/components/Carousel/NavigationButton/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sources":["../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'action.icon.tertiary.default',\n      stroked: 'surface.action.icon.active.highContrast',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={onClick}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","Object","assign","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAwE,KAAlEC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAChD,IAAAC,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAMC,QAAQ,CAAGD,QAAQ,GAAK,UAAU,CACxC,IAAME,QAAQ,CAAGD,QAAQ,CAAG,OAAO,CAAG,QAAQ,CAG9C,IAAME,YAAY,CAAG,SAAfA,YAAYA,EAAS,CACzB,GAAI,CAACC,aAAa,EAAE,CAAE,CACpB,OAAO,cAAc,CACvB,CAGA,IAAMC,SAAS,CAAG,CAChBC,MAAM,CAAE,8BAA8B,CACtCC,OAAO,CAAE,yCACX,CAAU,CAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAC3B,CAAC,CAED,OACEY,GAAA,CAACC,sBAAsB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACrBd,OAAO,CAAEA,OAAQ,CACjBD,OAAO,CAAEA,OAAQ,EACbgB,aAAa,CAAC,CAAEC,IAAI,CAAE,kBAAmB,CAAC,CAAC,CAC3CC,cAAc,CAAC,CAAEC,KAAK,CAAEpB,IAAI,GAAK,UAAU,CAAG,gBAAgB,CAAG,YAAa,CAAC,CAAC,CAAAqB,CAAAA,QAAA,CAEnFrB,IAAI,GAAK,MAAM,CACda,GAAA,CAACS,gBAAgB,CAAA,CAACC,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAAC,CAE3DK,GAAA,CAACY,eAAe,CAACF,CAAAA,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAC1D,CAAA,CACqB,CAAC,CAE7B;;;;"}
+{"version":3,"file":"NavigationButton.js","sources":["../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'interactive.icon.staticBlack.muted',\n      stroked: 'interactive.icon.gray.normal',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={onClick}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","Object","assign","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAAwE,KAAlEC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAChD,IAAAC,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAMC,QAAQ,CAAGD,QAAQ,GAAK,UAAU,CACxC,IAAME,QAAQ,CAAGD,QAAQ,CAAG,OAAO,CAAG,QAAQ,CAG9C,IAAME,YAAY,CAAG,SAAfA,YAAYA,EAAS,CACzB,GAAI,CAACC,aAAa,EAAE,CAAE,CACpB,OAAO,cAAc,CACvB,CAGA,IAAMC,SAAS,CAAG,CAChBC,MAAM,CAAE,oCAAoC,CAC5CC,OAAO,CAAE,8BACX,CAAU,CAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAC3B,CAAC,CAED,OACEY,GAAA,CAACC,sBAAsB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACrBd,OAAO,CAAEA,OAAQ,CACjBD,OAAO,CAAEA,OAAQ,EACbgB,aAAa,CAAC,CAAEC,IAAI,CAAE,kBAAmB,CAAC,CAAC,CAC3CC,cAAc,CAAC,CAAEC,KAAK,CAAEpB,IAAI,GAAK,UAAU,CAAG,gBAAgB,CAAG,YAAa,CAAC,CAAC,CAAAqB,CAAAA,QAAA,CAEnFrB,IAAI,GAAK,MAAM,CACda,GAAA,CAACS,gBAAgB,CAAA,CAACC,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAAC,CAE3DK,GAAA,CAACY,eAAe,CAACF,CAAAA,IAAI,CAAEhB,QAAS,CAACiB,KAAK,CAAEhB,YAAY,EAAG,CAAE,CAC1D,CAAA,CACqB,CAAC,CAE7B;;;;"}

package/build/lib/native/components/Carousel/NavigationButton/StyledNavigationButton.native.js

@@ -3,9 +3,15 @@ import styled from 'styled-components/native';
 import React__default from 'react';
 import { getNavigationButtonStyles } from './getNavigationButtonStyles.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import useTheme from '../../BladeProvider/useTheme.js';
+import 'react-native';
+import { castNativeType } from '../../../utils/platform/castUtils.js';
+import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledPressable=styled.Pressable(function(props){return getNavigationButtonStyles(props);});var StyledNavigationButton=function StyledNavigationButton(_ref){var children=_ref.children,onClick=_ref.onClick,variant=_ref.variant,accessibilityLabel=_ref.accessibilityLabel;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];return jsx(StyledPressable,Object.assign({isPressed:isPressed,variant:variant,onPress:onClick,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);}},makeAccessible({role:'button',label:accessibilityLabel}),{children:children}));};
+var StyledPressable=styled.Pressable(function(props){return getNavigationButtonStyles(props);});var StyledNavigationButton=function StyledNavigationButton(_ref){var children=_ref.children,onClick=_ref.onClick,variant=_ref.variant,accessibilityLabel=_ref.accessibilityLabel;var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];return jsx(StyledPressable,Object.assign({isPressed:isPressed,variant:variant,onPress:onClick,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},style:castNativeType(theme.elevation.lowRaised)},makeAccessible({role:'button',label:accessibilityLabel}),{children:children}));};
 
 export { StyledNavigationButton };
 //# sourceMappingURL=StyledNavigationButton.native.js.map

package/build/lib/native/components/Carousel/NavigationButton/StyledNavigationButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledNavigationButton.native.js","sources":["../../../../../../src/components/Carousel/NavigationButton/StyledNavigationButton.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { getNavigationButtonStyles } from './getNavigationButtonStyles';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst StyledPressable = styled.Pressable<\n  Pick<NavigationButtonProps, 'variant'> & { isPressed: boolean }\n>((props) => {\n  return getNavigationButtonStyles(props);\n});\n\nconst StyledNavigationButton = ({\n  children,\n  onClick,\n  variant,\n  accessibilityLabel,\n}: Pick<NavigationButtonProps, 'variant' | 'onClick'> & {\n  children: React.ReactNode;\n  accessibilityLabel?: string;\n}): React.ReactElement => {\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledPressable\n      isPressed={isPressed}\n      variant={variant}\n      onPress={onClick}\n      onPressIn={() => setIsPressed(true)}\n      onPressOut={() => setIsPressed(false)}\n      {...makeAccessible({ role: 'button', label: accessibilityLabel })}\n    >\n      {children}\n    </StyledPressable>\n  );\n};\n\nexport { StyledNavigationButton };\n"],"names":["StyledPressable","styled","Pressable","props","getNavigationButtonStyles","StyledNavigationButton","_ref","children","onClick","variant","accessibilityLabel","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_jsx","Object","assign","onPress","onPressIn","onPressOut","makeAccessible","role","label"],"mappings":";;;;;;;AAMA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAEtC,SAACC,KAAK,CAAK,CACX,OAAOC,yBAAyB,CAACD,KAAK,CAAC,CACzC,CAAC,CAAC,CAEI,IAAAE,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAQF,CAAA,IAPxBC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAKlB,IAAAC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAhDK,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,IAAEG,YAAY,CAAAH,gBAAA,CAE9B,CAAA,CAAA,CAAA,OACEI,GAAA,CAAClB,eAAe,CAAAmB,MAAA,CAAAC,MAAA,EACdJ,SAAS,CAAEA,SAAU,CACrBP,OAAO,CAAEA,OAAQ,CACjBY,OAAO,CAAEb,OAAQ,CACjBc,SAAS,CAAE,SAAAA,SAAAA,EAAM,CAAA,OAAAL,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA,CACpCM,UAAU,CAAE,SAAAA,UAAA,EAAA,CAAA,OAAMN,YAAY,CAAC,KAAK,CAAC,CAAA,CAAC,EAClCO,cAAc,CAAC,CAAEC,IAAI,CAAE,QAAQ,CAAEC,KAAK,CAAEhB,kBAAmB,CAAC,CAAC,CAAA,CAAAH,QAAA,CAEhEA,QAAQ,CACM,CAAA,CAAC,CAEtB;;;;"}
+{"version":3,"file":"StyledNavigationButton.native.js","sources":["../../../../../../src/components/Carousel/NavigationButton/StyledNavigationButton.native.tsx"],"sourcesContent":["import styled from 'styled-components/native';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { getNavigationButtonStyles } from './getNavigationButtonStyles';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled.Pressable<\n  Pick<NavigationButtonProps, 'variant'> & { isPressed: boolean }\n>((props) => {\n  return getNavigationButtonStyles(props);\n});\n\nconst StyledNavigationButton = ({\n  children,\n  onClick,\n  variant,\n  accessibilityLabel,\n}: Pick<NavigationButtonProps, 'variant' | 'onClick'> & {\n  children: React.ReactNode;\n  accessibilityLabel?: string;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledPressable\n      isPressed={isPressed}\n      variant={variant}\n      onPress={onClick}\n      onPressIn={() => setIsPressed(true)}\n      onPressOut={() => setIsPressed(false)}\n      style={castNativeType(theme.elevation.lowRaised)}\n      {...makeAccessible({ role: 'button', label: accessibilityLabel })}\n    >\n      {children}\n    </StyledPressable>\n  );\n};\n\nexport { StyledNavigationButton };\n"],"names":["StyledPressable","styled","Pressable","props","getNavigationButtonStyles","StyledNavigationButton","_ref","children","onClick","variant","accessibilityLabel","_useTheme","useTheme","theme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_jsx","Object","assign","onPress","onPressIn","onPressOut","style","castNativeType","elevation","lowRaised","makeAccessible","role","label"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAEtC,SAACC,KAAK,CAAK,CACX,OAAOC,yBAAyB,CAACD,KAAK,CAAC,CACzC,CAAC,CAAC,CAEI,IAAAE,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAQF,CAPxB,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAKlB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAhDK,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,gBAAA,CAE9B,CAAA,CAAA,CAAA,OACEI,GAAA,CAACrB,eAAe,CAAAsB,MAAA,CAAAC,MAAA,EACdJ,SAAS,CAAEA,SAAU,CACrBV,OAAO,CAAEA,OAAQ,CACjBe,OAAO,CAAEhB,OAAQ,CACjBiB,SAAS,CAAE,SAAAA,SAAA,EAAA,CAAA,OAAML,YAAY,CAAC,IAAI,CAAC,EAAC,CACpCM,UAAU,CAAE,SAAAA,UAAAA,EAAM,CAAA,OAAAN,YAAY,CAAC,KAAK,CAAC,CAAA,CAAC,CACtCO,KAAK,CAAEC,cAAc,CAACf,KAAK,CAACgB,SAAS,CAACC,SAAS,CAAE,CAC7CC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,QAAQ,CAAEC,KAAK,CAAEvB,kBAAmB,CAAC,CAAC,CAAAH,CAAAA,QAAA,CAEhEA,QAAQ,CAAA,CACM,CAAC,CAEtB;;;;"}

package/build/lib/native/components/Carousel/NavigationButton/getNavigationButtonStyles.js

@@ -6,8 +6,9 @@ import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import '../../BladeProvider/useTheme.js';
+import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 
-var getNavigationButtonStyles=function getNavigationButtonStyles(props){var theme=props.theme,_props$isPressed=props.isPressed,isPressed=_props$isPressed===void 0?false:_props$isPressed,_props$variant=props.variant,variant=_props$variant===void 0?'filled':_props$variant;var motionToken=theme.motion;var iconColor={filled:{default:theme.colors.white.action.icon.primary.default,hover:theme.colors.white.action.icon.primary.hover,focus:theme.colors.white.action.icon.primary.focus,active:theme.colors.white.action.icon.primary.active},stroked:{default:theme.colors.surface.action.icon.active.highContrast,hover:theme.colors.surface.action.icon.hover.highContrast,focus:theme.colors.surface.action.icon.focus.highContrast,active:theme.colors.surface.action.icon.active.highContrast}};var backgroundColor={filled:{default:theme.colors.white.action.background.primary.default,hover:theme.colors.white.action.background.primary.hover,focus:theme.colors.white.action.background.primary.focus,active:theme.colors.white.action.background.primary.active},stroked:{default:theme.colors.action.background.tertiary.default,hover:theme.colors.action.background.tertiary.hover,focus:theme.colors.action.background.tertiary.focus,active:theme.colors.action.background.tertiary.active}};var borderColors={filled:theme.colors.surface.border.normal.lowContrast,stroked:theme.colors.brand.gray[400].lowContrast};var borderColor=borderColors[variant];var borderWidth=theme.border.width.thin;var borderRadius=theme.border.radius.max;var state=isPressed?'active':'default';return Object.assign({cursor:'pointer',background:'transparent',border:'none',borderStyle:'solid',borderWidth:borderWidth,borderRadius:borderRadius,borderColor:borderColor,backgroundColor:backgroundColor[variant][state],color:iconColor[variant][state],padding:makeSpace(theme.spacing[3]),display:'flex',alignItems:'center',justifyContent:'center',alignSelf:'center'},isReactNative()?{}:{transitionProperty:'color, box-shadow',transitionDuration:castWebType(makeMotionTime(motionToken.duration.xquick)),transitionTimingFunction:castWebType(motionToken.easing.standard.effective),boxShadow:variant==='filled'?castWebType(theme.elevation.midRaised):undefined,'&:hover':{color:iconColor[variant].hover,backgroundColor:backgroundColor[variant].hover},'&:focus-visible':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,color:iconColor[variant].focus,backgroundColor:backgroundColor[variant].focus},'&:active':{color:iconColor[variant].active,backgroundColor:backgroundColor[variant].active}});};
+var getNavigationButtonStyles=function getNavigationButtonStyles(props){var theme=props.theme,_props$isPressed=props.isPressed,isPressed=_props$isPressed===void 0?false:_props$isPressed,_props$variant=props.variant,variant=_props$variant===void 0?'filled':_props$variant;var motionToken=theme.motion;var iconColor={filled:{default:theme.colors.interactive.icon.staticBlack.muted,highlighted:theme.colors.interactive.icon.staticBlack.muted},stroked:{default:theme.colors.interactive.icon.gray.normal,highlighted:theme.colors.interactive.icon.gray.normal}};var backgroundColor={filled:{default:theme.colors.interactive.background.staticWhite.default,highlighted:theme.colors.interactive.background.staticWhite.highlighted},stroked:{default:theme.colors.interactive.background.staticWhite.faded,highlighted:theme.colors.interactive.background.staticWhite.fadedHighlighted}};var borderColors={filled:theme.colors.transparent,stroked:theme.colors.interactive.border.gray.faded};var borderColor=borderColors[variant];var borderWidth=theme.border.width.thin;var borderRadius=theme.border.radius.max;var state=isPressed?'highlighted':'default';return Object.assign({cursor:'pointer',background:'transparent',border:'none',borderStyle:'solid',borderWidth:borderWidth,borderRadius:borderRadius,borderColor:borderColor,backgroundColor:backgroundColor[variant][state],color:iconColor[variant][state],padding:makeSpace(theme.spacing[3]),display:'flex',alignItems:'center',justifyContent:'center',alignSelf:'center'},isReactNative()?{}:{transitionProperty:'color, box-shadow',transitionDuration:castWebType(makeMotionTime(motionToken.duration.xquick)),transitionTimingFunction:castWebType(motionToken.easing.standard.effective),boxShadow:variant==='filled'?castWebType(theme.elevation.midRaised):undefined,'&:hover':{color:iconColor[variant].highlighted,backgroundColor:backgroundColor[variant].highlighted},'&:focus-visible':Object.assign({},getFocusRingStyles(),{color:iconColor[variant].highlighted,backgroundColor:backgroundColor[variant].highlighted}),'&:active':{color:iconColor[variant].highlighted,backgroundColor:backgroundColor[variant].highlighted}});};
 
 export { getNavigationButtonStyles };
 //# sourceMappingURL=getNavigationButtonStyles.js.map

package/build/lib/native/components/Carousel/NavigationButton/getNavigationButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNavigationButtonStyles.js","sources":["../../../../../../src/components/Carousel/NavigationButton/getNavigationButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { NavigationButtonProps } from './types';\nimport { castWebType, isReactNative, makeMotionTime, makeSpace } from '~utils';\n\nconst getNavigationButtonStyles = (props: {\n  theme: DefaultTheme;\n  isPressed?: boolean;\n  variant: NavigationButtonProps['variant'];\n}): CSSObject => {\n  const { theme, isPressed = false, variant = 'filled' } = props;\n  const motionToken = theme.motion;\n\n  const iconColor = {\n    filled: {\n      default: theme.colors.white.action.icon.primary.default,\n      hover: theme.colors.white.action.icon.primary.hover,\n      focus: theme.colors.white.action.icon.primary.focus,\n      active: theme.colors.white.action.icon.primary.active,\n    },\n    stroked: {\n      default: theme.colors.surface.action.icon.active.highContrast,\n      hover: theme.colors.surface.action.icon.hover.highContrast,\n      focus: theme.colors.surface.action.icon.focus.highContrast,\n      active: theme.colors.surface.action.icon.active.highContrast,\n    },\n  };\n\n  const backgroundColor = {\n    filled: {\n      default: theme.colors.white.action.background.primary.default,\n      hover: theme.colors.white.action.background.primary.hover,\n      focus: theme.colors.white.action.background.primary.focus,\n      active: theme.colors.white.action.background.primary.active,\n    },\n    stroked: {\n      default: theme.colors.action.background.tertiary.default,\n      hover: theme.colors.action.background.tertiary.hover,\n      focus: theme.colors.action.background.tertiary.focus,\n      active: theme.colors.action.background.tertiary.active,\n    },\n  };\n\n  const borderColors = {\n    filled: theme.colors.surface.border.normal.lowContrast,\n    stroked: theme.colors.brand.gray[400].lowContrast,\n  } as const;\n\n  const borderColor = borderColors[variant];\n  const borderWidth = theme.border.width.thin;\n  const borderRadius = theme.border.radius.max;\n  // on react-native isPressed will be passed\n  const state = isPressed ? 'active' : 'default';\n\n  return {\n    cursor: 'pointer',\n    background: 'transparent',\n    border: 'none',\n    borderStyle: 'solid',\n    borderWidth,\n    borderRadius,\n    borderColor,\n    backgroundColor: backgroundColor[variant][state],\n    color: iconColor[variant][state],\n\n    padding: makeSpace(theme.spacing[3]),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'center',\n\n    ...(isReactNative()\n      ? {}\n      : {\n          transitionProperty: 'color, box-shadow',\n          transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n          transitionTimingFunction: castWebType(motionToken.easing.standard.effective),\n          boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,\n\n          '&:hover': {\n            color: iconColor[variant].hover,\n            backgroundColor: backgroundColor[variant].hover,\n          },\n\n          '&:focus-visible': {\n            // TODO: refactor to use focus ring token\n            outline: 'none',\n            boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,\n            color: iconColor[variant].focus,\n            backgroundColor: backgroundColor[variant].focus,\n          },\n\n          '&:active': {\n            color: iconColor[variant].active,\n            backgroundColor: backgroundColor[variant].active,\n          },\n        }),\n  };\n};\n\nexport { getNavigationButtonStyles };\n"],"names":["getNavigationButtonStyles","props","theme","_props$isPressed","isPressed","_props$variant","variant","motionToken","motion","iconColor","filled","default","colors","white","action","icon","primary","hover","focus","active","stroked","surface","highContrast","backgroundColor","background","tertiary","borderColors","border","normal","lowContrast","brand","gray","borderColor","borderWidth","width","thin","borderRadius","radius","max","state","Object","assign","cursor","borderStyle","color","padding","makeSpace","spacing","display","alignItems","justifyContent","alignSelf","isReactNative","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","effective","boxShadow","elevation","midRaised","undefined","outline"],"mappings":"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"}
+{"version":3,"file":"getNavigationButtonStyles.js","sources":["../../../../../../src/components/Carousel/NavigationButton/getNavigationButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { NavigationButtonProps } from './types';\nimport { castWebType, isReactNative, makeMotionTime, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getNavigationButtonStyles = (props: {\n  theme: DefaultTheme;\n  isPressed?: boolean;\n  variant: NavigationButtonProps['variant'];\n}): CSSObject => {\n  const { theme, isPressed = false, variant = 'filled' } = props;\n  const motionToken = theme.motion;\n\n  const iconColor = {\n    filled: {\n      default: theme.colors.interactive.icon.staticBlack.muted,\n      highlighted: theme.colors.interactive.icon.staticBlack.muted,\n    },\n    stroked: {\n      default: theme.colors.interactive.icon.gray.normal,\n      highlighted: theme.colors.interactive.icon.gray.normal,\n    },\n  };\n\n  const backgroundColor = {\n    filled: {\n      default: theme.colors.interactive.background.staticWhite.default,\n      highlighted: theme.colors.interactive.background.staticWhite.highlighted,\n    },\n    stroked: {\n      default: theme.colors.interactive.background.staticWhite.faded,\n      highlighted: theme.colors.interactive.background.staticWhite.fadedHighlighted,\n    },\n  };\n\n  const borderColors = {\n    filled: theme.colors.transparent,\n    stroked: theme.colors.interactive.border.gray.faded,\n  } as const;\n\n  const borderColor = borderColors[variant];\n  const borderWidth = theme.border.width.thin;\n  const borderRadius = theme.border.radius.max;\n  // on react-native isPressed will be passed\n  const state = isPressed ? 'highlighted' : 'default';\n\n  return {\n    cursor: 'pointer',\n    background: 'transparent',\n    border: 'none',\n    borderStyle: 'solid',\n    borderWidth,\n    borderRadius,\n    borderColor,\n    backgroundColor: backgroundColor[variant][state],\n    color: iconColor[variant][state],\n\n    padding: makeSpace(theme.spacing[3]),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'center',\n\n    ...(isReactNative()\n      ? {}\n      : {\n          transitionProperty: 'color, box-shadow',\n          transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n          transitionTimingFunction: castWebType(motionToken.easing.standard.effective),\n          boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,\n\n          '&:hover': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:focus-visible': {\n            ...getFocusRingStyles({ theme }),\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:active': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n        }),\n  };\n};\n\nexport { getNavigationButtonStyles };\n"],"names":["getNavigationButtonStyles","props","theme","_props$isPressed","isPressed","_props$variant","variant","motionToken","motion","iconColor","filled","default","colors","interactive","icon","staticBlack","muted","highlighted","stroked","gray","normal","backgroundColor","background","staticWhite","faded","fadedHighlighted","borderColors","transparent","border","borderColor","borderWidth","width","thin","borderRadius","radius","max","state","Object","assign","cursor","borderStyle","color","padding","makeSpace","spacing","display","alignItems","justifyContent","alignSelf","isReactNative","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","effective","boxShadow","elevation","midRaised","undefined","getFocusRingStyles"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIcon.js

@@ -19,7 +19,7 @@ import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
 
-var svgSize={small:{width:size[8],height:size[8]},medium:{width:size[12],height:size[12]}};var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var IndeterminateIcon=function IndeterminateIcon(_ref2){var color=_ref2.color,size=_ref2.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var CheckboxIcon=function CheckboxIcon(_ref3){var isChecked=_ref3.isChecked,isIndeterminate=_ref3.isIndeterminate,isDisabled=_ref3.isDisabled,isNegative=_ref3.isNegative,size=_ref3.size;var _useTheme=useTheme(),theme=_useTheme.theme;var defaultIconColor=getIn(theme,'colors.brand.gray.200.lowContrast');var disabledIconColor=getIn(theme,'colors.brand.gray.500.lowContrast');var iconColor=isDisabled?disabledIconColor:defaultIconColor;return jsxs(CheckboxIconWrapper,Object.assign({size:size,isIndeterminate:isIndeterminate,isDisabled:isDisabled,isNegative:isNegative,isChecked:!!(isChecked||isIndeterminate)},metaAttribute({name:'checkbox-icon-wrapper'}),{children:[jsx(Fade,{show:isIndeterminate,styles:{position:'absolute',display:'flex'},children:jsx(IndeterminateIcon,{size:size,color:iconColor})}),jsx(Fade,{show:Boolean(isChecked)&&!isIndeterminate,styles:{position:'absolute',display:'flex'},children:isChecked?jsx(CheckedIcon,{size:size,color:iconColor}):null})]}));};
+var svgSize={small:{width:size[8],height:size[8]},medium:{width:size[12],height:size[12]}};var CheckedIcon=function CheckedIcon(_ref){var color=_ref.color,size=_ref.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var IndeterminateIcon=function IndeterminateIcon(_ref2){var color=_ref2.color,size=_ref2.size;var width=makeSpace(svgSize[size].width);var height=makeSpace(svgSize[size].height);return jsx(Svg,{width:width,height:height,viewBox:"0 0 8 8",fill:"none",children:jsx(Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z",fill:color,stroke:color,strokeWidth:"0.5",strokeLinecap:"round",strokeLinejoin:"round"})});};var CheckboxIcon=function CheckboxIcon(_ref3){var isChecked=_ref3.isChecked,isIndeterminate=_ref3.isIndeterminate,isDisabled=_ref3.isDisabled,isNegative=_ref3.isNegative,size=_ref3.size;var _useTheme=useTheme(),theme=_useTheme.theme;var iconColor=getIn(theme,'colors.interactive.icon.onPrimary.normal');return jsxs(CheckboxIconWrapper,Object.assign({size:size,isIndeterminate:isIndeterminate,isDisabled:isDisabled,isNegative:isNegative,isChecked:!!(isChecked||isIndeterminate)},metaAttribute({name:'checkbox-icon-wrapper'}),{children:[jsx(Fade,{show:isIndeterminate,styles:{position:'absolute',display:'flex'},children:jsx(IndeterminateIcon,{size:size,color:iconColor})}),jsx(Fade,{show:Boolean(isChecked)&&!isIndeterminate,styles:{position:'absolute',display:'flex'},children:isChecked?jsx(CheckedIcon,{size:size,color:iconColor}):null})]}));};
 
 export { CheckboxIcon };
 //# sourceMappingURL=CheckboxIcon.js.map

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n  small: {\n    width: size[8],\n    height: size[8],\n  },\n  medium: {\n    width: size[12],\n    height: size[12],\n  },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' | 'medium' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nconst IndeterminateIcon = ({ color, size }: { color: string; size: 'small' | 'medium' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nexport type CheckboxIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n  isIndeterminate?: boolean;\n  size: 'small' | 'medium';\n};\n\nconst CheckboxIcon = ({\n  isChecked,\n  isIndeterminate,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxIconProps) => {\n  const { theme } = useTheme();\n  const defaultIconColor = getIn(theme, 'colors.brand.gray.200.lowContrast');\n  const disabledIconColor = getIn(theme, 'colors.brand.gray.500.lowContrast');\n  const iconColor = isDisabled ? disabledIconColor : defaultIconColor;\n\n  return (\n    <CheckboxIconWrapper\n      size={size}\n      isIndeterminate={isIndeterminate}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={!!(isChecked || isIndeterminate)}\n      {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n    >\n      <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n        <IndeterminateIcon size={size} color={iconColor} />\n      </Fade>\n      <Fade\n        show={Boolean(isChecked) && !isIndeterminate}\n        styles={{ position: 'absolute', display: 'flex' }}\n      >\n        {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n      </Fade>\n    </CheckboxIconWrapper>\n  );\n};\n\nexport { CheckboxIcon };\n"],"names":["svgSize","small","width","size","height","medium","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","defaultIconColor","getIn","disabledIconColor","iconColor","_jsxs","CheckboxIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":"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"}
+{"version":3,"file":"CheckboxIcon.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIcon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport { CheckboxIconWrapper } from './CheckboxIconWrapper';\nimport { Fade } from './Fade';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst svgSize = {\n  small: {\n    width: size[8],\n    height: size[8],\n  },\n  medium: {\n    width: size[12],\n    height: size[12],\n  },\n};\n\nconst CheckedIcon = ({ color, size }: { color: string; size: 'small' | 'medium' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.90237 1.76413C7.03254 1.89431 7.03254 2.10536 6.90237 2.23554L3.2357 5.90221C3.10553 6.03238 2.89447 6.03238 2.7643 5.90221L1.09763 4.23554C0.967456 4.10536 0.967456 3.89431 1.09763 3.76414C1.22781 3.63396 1.43886 3.63396 1.56904 3.76414L3 5.1951L6.43096 1.76413C6.56114 1.63396 6.77219 1.63396 6.90237 1.76413Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nconst IndeterminateIcon = ({ color, size }: { color: string; size: 'small' | 'medium' }) => {\n  const width = makeSpace(svgSize[size].width);\n  const height = makeSpace(svgSize[size].height);\n\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 8 8\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.3335 3.99984C1.3335 3.81574 1.48273 3.6665 1.66683 3.6665H6.3335C6.51759 3.6665 6.66683 3.81574 6.66683 3.99984C6.66683 4.18393 6.51759 4.33317 6.3335 4.33317H1.66683C1.48273 4.33317 1.3335 4.18393 1.3335 3.99984Z\"\n        fill={color}\n        stroke={color}\n        strokeWidth=\"0.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </Svg>\n  );\n};\n\nexport type CheckboxIconProps = {\n  isDisabled?: boolean;\n  isNegative?: boolean;\n  isChecked?: boolean;\n  isIndeterminate?: boolean;\n  size: 'small' | 'medium';\n};\n\nconst CheckboxIcon = ({\n  isChecked,\n  isIndeterminate,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxIconProps) => {\n  const { theme } = useTheme();\n  const iconColor = getIn(theme, 'colors.interactive.icon.onPrimary.normal');\n  return (\n    <CheckboxIconWrapper\n      size={size}\n      isIndeterminate={isIndeterminate}\n      isDisabled={isDisabled}\n      isNegative={isNegative}\n      isChecked={!!(isChecked || isIndeterminate)}\n      {...metaAttribute({ name: 'checkbox-icon-wrapper' })}\n    >\n      <Fade show={isIndeterminate} styles={{ position: 'absolute', display: 'flex' }}>\n        <IndeterminateIcon size={size} color={iconColor} />\n      </Fade>\n      <Fade\n        show={Boolean(isChecked) && !isIndeterminate}\n        styles={{ position: 'absolute', display: 'flex' }}\n      >\n        {isChecked ? <CheckedIcon size={size} color={iconColor} /> : null}\n      </Fade>\n    </CheckboxIconWrapper>\n  );\n};\n\nexport { CheckboxIcon };\n"],"names":["svgSize","small","width","size","height","medium","CheckedIcon","_ref","color","makeSpace","_jsx","Svg","viewBox","fill","children","Path","fillRule","clipRule","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","IndeterminateIcon","_ref2","CheckboxIcon","_ref3","isChecked","isIndeterminate","isDisabled","isNegative","_useTheme","useTheme","theme","iconColor","getIn","_jsxs","CheckboxIconWrapper","Object","assign","metaAttribute","name","Fade","show","styles","position","display","Boolean"],"mappings":"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"}

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js

@@ -4,7 +4,7 @@ import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 
-var getCheckboxIconWrapperStyles=function getCheckboxIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,size=_ref.size;var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var checked=isChecked?'checked':'unchecked';var background=checkboxIconColors.variants[variant].background[checked];var border=checkboxIconColors.variants[variant].border[checked];var backgroundColor=background==='transparent'?background:getIn(theme,background);var borderColor=border==='transparent'?border:getIn(theme,border);return {position:'relative',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:makeSpace(checkboxSizes.icon[size].width),height:makeSpace(checkboxSizes.icon[size].height),borderWidth:makeBorderSize(theme.border.width.thick),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),borderRadius:makeSize(theme.border.radius.small),backgroundColor:backgroundColor,borderColor:borderColor};};
+var getCheckboxIconWrapperStyles=function getCheckboxIconWrapperStyles(_ref){var theme=_ref.theme,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,isNegative=_ref.isNegative,size=_ref.size;var variant='default';if(isDisabled)variant='disabled';if(isNegative)variant='negative';var checked=isChecked?'checked':'unchecked';var background=checkboxIconColors.variants[variant].background[checked];var border=checkboxIconColors.variants[variant].border[checked];var backgroundColor=getIn(theme,background);var borderColor=getIn(theme,border);return {position:'relative',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:makeSpace(checkboxSizes.icon[size].width),height:makeSpace(checkboxSizes.icon[size].height),borderWidth:makeBorderSize(theme.border.width.thick),borderStyle:'solid',margin:makeSpace(theme.spacing[1]),borderRadius:makeSize(theme.border.radius.small),backgroundColor:backgroundColor,borderColor:borderColor};};
 
 export { getCheckboxIconWrapperStyles };
 //# sourceMappingURL=CheckboxIconWrapperStyles.js.map

package/build/lib/native/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n  isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = checkboxIconColors.variants[variant].background[checked];\n  const border = checkboxIconColors.variants[variant].border[checked];\n  const backgroundColor = background === 'transparent' ? background : getIn(theme, background);\n  const borderColor = border === 'transparent' ? border : getIn(theme, border);\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    width: makeSpace(checkboxSizes.icon[size].width),\n    height: makeSpace(checkboxSizes.icon[size].height),\n    borderWidth: makeBorderSize(theme.border.width.thick),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.small),\n    backgroundColor,\n    borderColor,\n  };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","position","display","alignItems","justifyContent","flexShrink","width","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","small"],"mappings":";;;;;;AAaM,IAAAA,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAMqB,CAAA,IALrDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAEJ,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIH,UAAU,CAAEG,OAAO,CAAG,UAAU,CACpC,GAAIF,UAAU,CAAEE,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGL,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMM,UAAU,CAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAC3E,IAAMI,MAAM,CAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CACnE,IAAMK,eAAe,CAAGJ,UAAU,GAAK,aAAa,CAAGA,UAAU,CAAGK,KAAK,CAACZ,KAAK,CAAEO,UAAU,CAAC,CAC5F,IAAMM,WAAW,CAAGH,MAAM,GAAK,aAAa,CAAGA,MAAM,CAAGE,KAAK,CAACZ,KAAK,CAAEU,MAAM,CAAC,CAE5E,OAAO,CACLI,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,CAAC,CACbC,KAAK,CAAEC,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACe,KAAK,CAAC,CAChDI,MAAM,CAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACmB,MAAM,CAAC,CAClDC,WAAW,CAAEC,cAAc,CAACzB,KAAK,CAACU,MAAM,CAACS,KAAK,CAACO,KAAK,CAAC,CACrDC,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAER,SAAS,CAACpB,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAAC/B,KAAK,CAACU,MAAM,CAACsB,MAAM,CAACC,KAAK,CAAC,CACjDtB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WACF,CAAC,CACH;;;;"}
+{"version":3,"file":"CheckboxIconWrapperStyles.js","sources":["../../../../../../src/components/Checkbox/CheckboxIcon/CheckboxIconWrapperStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { checkboxIconColors, checkboxSizes } from '../checkboxTokens';\nimport type { CheckboxIconProps } from './CheckboxIcon';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nexport type CheckboxRectProps = Omit<CheckboxIconProps, 'state'> & {\n  isChecked: boolean;\n};\n\nconst getCheckboxIconWrapperStyles = ({\n  theme,\n  isChecked,\n  isDisabled,\n  isNegative,\n  size,\n}: CheckboxRectProps & { theme: Theme }): CSSObject => {\n  let variant: 'default' | 'disabled' | 'negative' = 'default';\n  if (isDisabled) variant = 'disabled';\n  if (isNegative) variant = 'negative';\n  const checked = isChecked ? 'checked' : 'unchecked';\n  const background = checkboxIconColors.variants[variant].background[checked];\n  const border = checkboxIconColors.variants[variant].border[checked];\n  const backgroundColor = getIn(theme, background);\n  const borderColor = getIn(theme, border);\n\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    width: makeSpace(checkboxSizes.icon[size].width),\n    height: makeSpace(checkboxSizes.icon[size].height),\n    borderWidth: makeBorderSize(theme.border.width.thick),\n    borderStyle: 'solid',\n    margin: makeSpace(theme.spacing[1]),\n    borderRadius: makeSize(theme.border.radius.small),\n    backgroundColor,\n    borderColor,\n  };\n};\n\nexport { getCheckboxIconWrapperStyles };\n"],"names":["getCheckboxIconWrapperStyles","_ref","theme","isChecked","isDisabled","isNegative","size","variant","checked","background","checkboxIconColors","variants","border","backgroundColor","getIn","borderColor","position","display","alignItems","justifyContent","flexShrink","width","makeSpace","checkboxSizes","icon","height","borderWidth","makeBorderSize","thick","borderStyle","margin","spacing","borderRadius","makeSize","radius","small"],"mappings":";;;;;;AAaM,IAAAA,4BAA4B,CAAG,SAA/BA,4BAA4BA,CAAAC,IAAA,CAMqB,CALrD,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAEJ,IAAIC,OAA4C,CAAG,SAAS,CAC5D,GAAIH,UAAU,CAAEG,OAAO,CAAG,UAAU,CACpC,GAAIF,UAAU,CAAEE,OAAO,CAAG,UAAU,CACpC,IAAMC,OAAO,CAAGL,SAAS,CAAG,SAAS,CAAG,WAAW,CACnD,IAAMM,UAAU,CAAGC,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACE,UAAU,CAACD,OAAO,CAAC,CAC3E,IAAMI,MAAM,CAAGF,kBAAkB,CAACC,QAAQ,CAACJ,OAAO,CAAC,CAACK,MAAM,CAACJ,OAAO,CAAC,CACnE,IAAMK,eAAe,CAAGC,KAAK,CAACZ,KAAK,CAAEO,UAAU,CAAC,CAChD,IAAMM,WAAW,CAAGD,KAAK,CAACZ,KAAK,CAAEU,MAAM,CAAC,CAExC,OAAO,CACLI,QAAQ,CAAE,UAAU,CACpBC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,CAAC,CACbC,KAAK,CAAEC,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACe,KAAK,CAAC,CAChDI,MAAM,CAAEH,SAAS,CAACC,aAAa,CAACC,IAAI,CAAClB,IAAI,CAAC,CAACmB,MAAM,CAAC,CAClDC,WAAW,CAAEC,cAAc,CAACzB,KAAK,CAACU,MAAM,CAACS,KAAK,CAACO,KAAK,CAAC,CACrDC,WAAW,CAAE,OAAO,CACpBC,MAAM,CAAER,SAAS,CAACpB,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,CAAC,CACnCC,YAAY,CAAEC,QAAQ,CAAC/B,KAAK,CAACU,MAAM,CAACsB,MAAM,CAACC,KAAK,CAAC,CACjDtB,eAAe,CAAfA,eAAe,CACfE,WAAW,CAAXA,WACF,CAAC,CACH;;;;"}

package/build/lib/native/components/Checkbox/checkboxTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var checkboxSizes={group:{gap:{small:{mobile:'spacing.2',desktop:'spacing.0'},medium:{mobile:'spacing.3',desktop:'spacing.2'}}},icon:{small:{width:size[12],height:size[12]},medium:{width:size[16],height:size[16]}}};var checkboxIconColors={variants:{default:{border:{checked:'colors.brand.primary.500',unchecked:'colors.brand.gray.500.lowContrast'},background:{checked:'colors.brand.primary.500',unchecked:'transparent'}},disabled:{border:{checked:'transparent',unchecked:'colors.brand.gray.a100.lowContrast'},background:{checked:'colors.brand.gray.a100.lowContrast',unchecked:'transparent'}},negative:{border:{checked:'colors.feedback.border.negative.highContrast',unchecked:'colors.feedback.border.negative.highContrast'},background:{checked:'colors.feedback.background.negative.highContrast',unchecked:'colors.feedback.background.negative.lowContrast'}}}};var checkboxHoverTokens={default:{background:{checked:'colors.brand.primary.600',unchecked:'colors.brand.gray.a50.lowContrast'},border:{checked:'colors.brand.primary.600',unchecked:'colors.brand.gray.500.lowContrast'}}};
+var checkboxSizes={group:{gap:{small:{mobile:'spacing.2',desktop:'spacing.0'},medium:{mobile:'spacing.3',desktop:'spacing.2'}}},icon:{small:{width:size[12],height:size[12]},medium:{width:size[16],height:size[16]}}};var checkboxIconColors={variants:{default:{border:{checked:'colors.interactive.border.primary.default',unchecked:'colors.interactive.border.gray.default'},background:{checked:'colors.interactive.background.primary.default',unchecked:'colors.transparent'}},disabled:{border:{checked:'colors.interactive.border.primary.disabled',unchecked:'colors.interactive.border.gray.disabled'},background:{checked:'colors.interactive.background.primary.disabled',unchecked:'colors.transparent'}},negative:{border:{checked:'colors.interactive.border.negative.default',unchecked:'colors.interactive.border.negative.default'},background:{checked:'colors.interactive.background.negative.default',unchecked:'colors.transparent'}}}};var checkboxHoverTokens={default:{background:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.background.gray.faded'},border:{checked:'colors.interactive.background.primary.highlighted',unchecked:'colors.interactive.border.gray.default'}}};
 
 export { checkboxHoverTokens, checkboxIconColors, checkboxSizes };
 //# sourceMappingURL=checkboxTokens.js.map

package/build/lib/native/components/Checkbox/checkboxTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxTokens.js","sources":["../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport type { DotNotationColorStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.0',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.2',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationColorStringToken<Theme['colors']>}` | 'transparent';\ntype Variant = {\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype CheckboxIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n  variants: {\n    default: {\n      border: {\n        checked: 'colors.brand.primary.500',\n        unchecked: 'colors.brand.gray.500.lowContrast',\n      },\n      background: {\n        checked: 'colors.brand.primary.500',\n        unchecked: 'transparent',\n      },\n    },\n    disabled: {\n      border: {\n        checked: 'transparent',\n        unchecked: 'colors.brand.gray.a100.lowContrast',\n      },\n      background: {\n        checked: 'colors.brand.gray.a100.lowContrast',\n        unchecked: 'transparent',\n      },\n    },\n    negative: {\n      border: {\n        checked: 'colors.feedback.border.negative.highContrast',\n        unchecked: 'colors.feedback.border.negative.highContrast',\n      },\n      background: {\n        checked: 'colors.feedback.background.negative.highContrast',\n        unchecked: 'colors.feedback.background.negative.lowContrast',\n      },\n    },\n  },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.brand.primary.600',\n      unchecked: 'colors.brand.gray.a50.lowContrast',\n    },\n    border: {\n      checked: 'colors.brand.primary.600',\n      unchecked: 'colors.brand.gray.500.lowContrast',\n    },\n  },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","icon","width","size","height","checkboxIconColors","variants","default","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;;AAKM,IAAAA,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDE,IAAI,CAAE,CACJJ,KAAK,CAAE,CACLK,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDH,MAAM,CAAE,CACNE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CACF,EAsBM,IAAAE,kBAAsC,CAAG,CAC7CC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,MAAM,CAAE,CACNC,OAAO,CAAE,0BAA0B,CACnCC,SAAS,CAAE,mCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,0BAA0B,CACnCC,SAAS,CAAE,aACb,CACF,CAAC,CACDE,QAAQ,CAAE,CACRJ,MAAM,CAAE,CACNC,OAAO,CAAE,aAAa,CACtBC,SAAS,CAAE,oCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,oCAAoC,CAC7CC,SAAS,CAAE,aACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,MAAM,CAAE,CACNC,OAAO,CAAE,8CAA8C,CACvDC,SAAS,CAAE,8CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,kDAAkD,CAC3DC,SAAS,CAAE,iDACb,CACF,CACF,CACF,EAEM,IAAAI,mBAA6C,CAAG,CACpDP,OAAO,CAAE,CACPI,UAAU,CAAE,CACVF,OAAO,CAAE,0BAA0B,CACnCC,SAAS,CAAE,mCACb,CAAC,CACDF,MAAM,CAAE,CACNC,OAAO,CAAE,0BAA0B,CACnCC,SAAS,CAAE,mCACb,CACF,CACF;;;;"}
+{"version":3,"file":"checkboxTokens.js","sources":["../../../../../src/components/Checkbox/checkboxTokens.ts"],"sourcesContent":["import type { DotNotationToken } from '../../utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\n\nconst checkboxSizes = {\n  group: {\n    gap: {\n      small: {\n        mobile: 'spacing.2',\n        desktop: 'spacing.0',\n      },\n      medium: {\n        mobile: 'spacing.3',\n        desktop: 'spacing.2',\n      },\n    },\n  },\n  icon: {\n    small: {\n      width: size[12],\n      height: size[12],\n    },\n    medium: {\n      width: size[16],\n      height: size[16],\n    },\n  },\n} as const;\n\ntype ColorTokens = `colors.${DotNotationToken<Theme['colors']>}`;\ntype Variant = {\n  border: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n  background: {\n    checked: ColorTokens;\n    unchecked: ColorTokens;\n  };\n};\n\ntype CheckboxIconColors = {\n  variants: {\n    default: Variant;\n    disabled: Variant;\n    negative: Variant;\n  };\n};\n\nconst checkboxIconColors: CheckboxIconColors = {\n  variants: {\n    default: {\n      border: {\n        checked: 'colors.interactive.border.primary.default',\n        unchecked: 'colors.interactive.border.gray.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n    disabled: {\n      border: {\n        checked: 'colors.interactive.border.primary.disabled',\n        unchecked: 'colors.interactive.border.gray.disabled',\n      },\n      background: {\n        checked: 'colors.interactive.background.primary.disabled',\n        unchecked: 'colors.transparent',\n      },\n    },\n    negative: {\n      border: {\n        checked: 'colors.interactive.border.negative.default',\n        unchecked: 'colors.interactive.border.negative.default',\n      },\n      background: {\n        checked: 'colors.interactive.background.negative.default',\n        unchecked: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst checkboxHoverTokens: SelectorInputHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.faded',\n    },\n    border: {\n      checked: 'colors.interactive.background.primary.highlighted', // Intentionally not using border tokens here since we want to match the background color\n      unchecked: 'colors.interactive.border.gray.default',\n    },\n  },\n};\n\nexport { checkboxSizes, checkboxIconColors, checkboxHoverTokens };\n"],"names":["checkboxSizes","group","gap","small","mobile","desktop","medium","icon","width","size","height","checkboxIconColors","variants","default","border","checked","unchecked","background","disabled","negative","checkboxHoverTokens"],"mappings":";;;;AAKM,IAAAA,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,GAAG,CAAE,CACHC,KAAK,CAAE,CACLC,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CAAC,CACDC,MAAM,CAAE,CACNF,MAAM,CAAE,WAAW,CACnBC,OAAO,CAAE,WACX,CACF,CACF,CAAC,CACDE,IAAI,CAAE,CACJJ,KAAK,CAAE,CACLK,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CAAC,CACDH,MAAM,CAAE,CACNE,KAAK,CAAEC,IAAI,CAAC,EAAE,CAAC,CACfC,MAAM,CAAED,IAAI,CAAC,EAAE,CACjB,CACF,CACF,EAsBM,IAAAE,kBAAsC,CAAG,CAC7CC,QAAQ,CAAE,CACRC,OAAO,CAAE,CACPC,MAAM,CAAE,CACNC,OAAO,CAAE,2CAA2C,CACpDC,SAAS,CAAE,wCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,+CAA+C,CACxDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDE,QAAQ,CAAE,CACRJ,MAAM,CAAE,CACNC,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,yCACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CAAC,CACDG,QAAQ,CAAE,CACRL,MAAM,CAAE,CACNC,OAAO,CAAE,4CAA4C,CACrDC,SAAS,CAAE,4CACb,CAAC,CACDC,UAAU,CAAE,CACVF,OAAO,CAAE,gDAAgD,CACzDC,SAAS,CAAE,oBACb,CACF,CACF,CACF,EAEM,IAAAI,mBAA6C,CAAG,CACpDP,OAAO,CAAE,CACPI,UAAU,CAAE,CACVF,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,0CACb,CAAC,CACDF,MAAM,CAAE,CACNC,OAAO,CAAE,mDAAmD,CAC5DC,SAAS,CAAE,wCACb,CACF,CACF;;;;"}

package/build/lib/native/components/Chip/AnimatedChip.native.js

@@ -12,7 +12,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import '../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledAnimatedChip=styled(Animated.View)(function(props){return Object.assign({},getAnimatedChipStyles(props),{alignSelf:'center'});});var AnimatedChip=function AnimatedChip(_ref){var borderColor=_ref.borderColor,children=_ref.children,isPressed=_ref.isPressed,isDisabled=_ref.isDisabled;var _useTheme=useTheme(),theme=_useTheme.theme;var easing=getIn(theme,chipMotionTokens.easing);var duration=getIn(theme,chipMotionTokens.duration);var chipAnimation=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.92:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(StyledAnimatedChip,{borderColor:borderColor,isDisabled:isDisabled,style:chipAnimation,children:children});};
+var StyledAnimatedChip=styled(Animated.View)(function(props){return Object.assign({},getAnimatedChipStyles(props),{alignSelf:'center'});});var AnimatedChip=function AnimatedChip(_ref){var borderColor=_ref.borderColor,children=_ref.children,isPressed=_ref.isPressed,isDisabled=_ref.isDisabled;var _useTheme=useTheme(),theme=_useTheme.theme;var easing=getIn(theme.motion,chipMotionTokens.easing);var duration=getIn(theme.motion,chipMotionTokens.duration);var chipAnimation=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.92:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(StyledAnimatedChip,{borderColor:borderColor,isDisabled:isDisabled,style:chipAnimation,children:children});};
 
 export { AnimatedChip };
 //# sourceMappingURL=AnimatedChip.native.js.map

package/build/lib/native/components/Chip/AnimatedChip.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedChip.native.js","sources":["../../../../../src/components/Chip/AnimatedChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedChip = styled(Animated.View)<AnimatedChipProps>((props) => {\n  return {\n    ...getAnimatedChipStyles(props),\n    alignSelf: 'center',\n  };\n});\n\nconst AnimatedChip = ({\n  borderColor,\n  children,\n  isPressed,\n  isDisabled,\n}: Omit<AnimatedChipProps, 'theme'>): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const easing = getIn(theme, chipMotionTokens.easing);\n  const duration = getIn(theme, chipMotionTokens.duration);\n\n  const chipAnimation = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.92 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return (\n    <StyledAnimatedChip borderColor={borderColor} isDisabled={isDisabled} style={chipAnimation}>\n      {children}\n    </StyledAnimatedChip>\n  );\n};\n\nexport { AnimatedChip };\n"],"names":["StyledAnimatedChip","styled","Animated","View","props","Object","assign","getAnimatedChipStyles","alignSelf","AnimatedChip","_ref","borderColor","children","isPressed","isDisabled","_useTheme","useTheme","theme","easing","getIn","chipMotionTokens","duration","chipAnimation","useAnimatedStyle","transform","scale","withTiming","_jsx","style"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAoB,SAACC,KAAK,CAAK,CAC7E,OAAAC,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,qBAAqB,CAACH,KAAK,CAAC,CAC/BI,CAAAA,SAAS,CAAE,QAAQ,GAEvB,CAAC,CAAC,CAEI,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAK0C,KAJ1DC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,SAAS,CAAAH,IAAA,CAATG,SAAS,CACTC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAEV,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,MAAM,CAAGC,KAAK,CAACF,KAAK,CAAEG,gBAAgB,CAACF,MAAM,CAAC,CACpD,IAAMG,QAAQ,CAAGF,KAAK,CAACF,KAAK,CAAEG,gBAAgB,CAACC,QAAQ,CAAC,CAExD,IAAMC,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACb,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCQ,QAAQ,CAARA,QAAQ,CACRH,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACL,SAAS,CAAC,CAAC,CAEf,OACEc,GAAA,CAAC3B,kBAAkB,CAAA,CAACW,WAAW,CAAEA,WAAY,CAACG,UAAU,CAAEA,UAAW,CAACc,KAAK,CAAEN,aAAc,CAAAV,QAAA,CACxFA,QAAQ,CACS,CAAC,CAEzB;;;;"}
+{"version":3,"file":"AnimatedChip.native.js","sources":["../../../../../src/components/Chip/AnimatedChip.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getAnimatedChipStyles } from './getAnimatedChipStyles';\nimport type { AnimatedChipProps } from './types';\nimport { chipMotionTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedChip = styled(Animated.View)<AnimatedChipProps>((props) => {\n  return {\n    ...getAnimatedChipStyles(props),\n    alignSelf: 'center',\n  };\n});\n\nconst AnimatedChip = ({\n  borderColor,\n  children,\n  isPressed,\n  isDisabled,\n}: Omit<AnimatedChipProps, 'theme'>): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const easing = getIn(theme.motion, chipMotionTokens.easing);\n  const duration = getIn(theme.motion, chipMotionTokens.duration);\n\n  const chipAnimation = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.92 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return (\n    <StyledAnimatedChip borderColor={borderColor} isDisabled={isDisabled} style={chipAnimation}>\n      {children}\n    </StyledAnimatedChip>\n  );\n};\n\nexport { AnimatedChip };\n"],"names":["StyledAnimatedChip","styled","Animated","View","props","Object","assign","getAnimatedChipStyles","alignSelf","AnimatedChip","_ref","borderColor","children","isPressed","isDisabled","_useTheme","useTheme","theme","easing","getIn","motion","chipMotionTokens","duration","chipAnimation","useAnimatedStyle","transform","scale","withTiming","_jsx","style"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAoB,SAACC,KAAK,CAAK,CAC7E,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAACH,KAAK,CAAC,CAAA,CAC/BI,SAAS,CAAE,QAAQ,CAAA,CAAA,CAEvB,CAAC,CAAC,CAEI,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAK0C,CAAA,IAJ1DC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,SAAS,CAAAH,IAAA,CAATG,SAAS,CACTC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAEV,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,MAAM,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEC,gBAAgB,CAACH,MAAM,CAAC,CAC3D,IAAMI,QAAQ,CAAGH,KAAK,CAACF,KAAK,CAACG,MAAM,CAAEC,gBAAgB,CAACC,QAAQ,CAAC,CAE/D,IAAMC,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACd,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCS,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACL,SAAS,CAAC,CAAC,CAEf,OACEe,GAAA,CAAC5B,kBAAkB,CAACW,CAAAA,WAAW,CAAEA,WAAY,CAACG,UAAU,CAAEA,UAAW,CAACe,KAAK,CAAEN,aAAc,CAAAX,QAAA,CACxFA,QAAQ,CACS,CAAC,CAEzB;;;;"}

package/build/lib/native/components/Chip/Chip.js

@@ -32,7 +32,7 @@ import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import '../BottomSheet/BottomSheetStack.js';
 
-var _excluded=["isDisabled","value","children","icon","intent","color","testID"];var _Chip=function _Chip(_ref,ref){var _groupProps$state,_groupProps$defaultVa,_ref2;var isDisabled=_ref.isDisabled,value=_ref.value,children=_ref.children,Icon=_ref.icon,intent=_ref.intent,color=_ref.color,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var groupProps=useChipGroupContext();var isInsideGroup=!isEmpty(groupProps);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Chip',message:'<Chip /> component should only be used within the context of a <ChipGroup /> component'});}}var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _name=groupProps==null?void 0:groupProps.name;var _isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=typeof(groupProps==null?void 0:groupProps.defaultValue)==='undefined'?undefined:groupProps==null?void 0:(_groupProps$defaultVa=groupProps.defaultValue)==null?void 0:_groupProps$defaultVa.includes(value);var useChip=(groupProps==null?void 0:groupProps.selectionType)==='single'?useRadio:useCheckbox;var _size=(groupProps==null?void 0:groupProps.size)||'small';var _intent=intent!=null?intent:groupProps==null?void 0:groupProps.intent;var _color=(_ref2=color!=null?color:groupProps==null?void 0:groupProps.color)!=null?_ref2:'default';var chipColor=_intent&&_intent!=='none'?_intent:_color;var handleChange=function handleChange(_ref3){var isChecked=_ref3.isChecked,value=_ref3.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.addValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue(value);}};var _useChip=useChip({defaultChecked:defaultChecked,isChecked:_isChecked,isDisabled:_isDisabled,name:_name,value:value,onChange:handleChange}),state=_useChip.state,inputProps=_useChip.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(true);},[_isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(false);},[_isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(true);}},[_isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(false);}},[_isDisabled]);var textVariant='unchecked';if(_isChecked&&chipColor){textVariant=chipColor;}if(_isDisabled){textVariant='disabled';}var chipTextColor=chipColorTokens.text[textVariant];var chipIconColor=chipColorTokens.icon[textVariant];var intentVariant='unchecked';var stateVariant=_isDisabled?'disabled':'default';if(_isChecked&&chipColor){intentVariant=chipColor;}var chipBackgroundColor=chipColorTokens.background[intentVariant][stateVariant];var chipBorderColor=chipColorTokens.border[intentVariant][stateVariant];return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Chip,testID:testID}),getStyledProps(styledProps),{display:isReactNative()?'flex':'inline-flex',children:jsx(SelectorLabel,{componentName:MetaConstants.ChipLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,inputProps:isReactNative()?inputProps:{},style:{cursor:_isDisabled?'not-allowed':'pointer'},children:jsx(BaseBox,{display:"flex",flexDirection:"column",children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,{hoverTokens:getChipInputHoverTokens(chipColor),isChecked:state.isChecked,isDisabled:_isDisabled,inputProps:inputProps,ref:ref}),jsx(AnimatedChip,{borderColor:chipBorderColor,isDisabled:_isDisabled,isPressed:isPressed,isDesktop:matchedDeviceType==='desktop',children:jsxs(StyledChipWrapper,{borderColor:chipBorderColor,isChecked:_isChecked,isDisabled:_isDisabled,color:chipColor,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",backgroundColor:chipBackgroundColor,borderRadius:"max",borderWidth:['xsmall','small'].includes(_size)?'thinner':'thin',paddingLeft:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].left[_size],paddingRight:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].right[_size],height:makeSize(chipHeightTokens[_size]),children:[Icon?jsx(BaseBox,{paddingRight:"spacing.3",display:"flex",children:jsx(Icon,{color:chipIconColor,size:chipIconSizes[_size]})}):null,jsx(Text,Object.assign({},chipTextSizes[_size],{type:"normal",truncateAfterLines:1,color:chipTextColor,children:children}))]})})]})})})}));};var Chip=assignWithoutSideEffects(React__default.forwardRef(_Chip),{displayName:'Chip'});
+var _excluded=["isDisabled","value","children","icon","color","testID"];var _Chip=function _Chip(_ref,ref){var _groupProps$state,_groupProps$defaultVa,_ref2;var isDisabled=_ref.isDisabled,value=_ref.value,children=_ref.children,Icon=_ref.icon,color=_ref.color,testID=_ref.testID,styledProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var groupProps=useChipGroupContext();var isInsideGroup=!isEmpty(groupProps);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];if(__DEV__){if(!isInsideGroup){throwBladeError({moduleName:'Chip',message:'<Chip /> component should only be used within the context of a <ChipGroup /> component'});}}var _isDisabled=isDisabled!=null?isDisabled:groupProps==null?void 0:groupProps.isDisabled;var _name=groupProps==null?void 0:groupProps.name;var _isChecked=groupProps==null?void 0:(_groupProps$state=groupProps.state)==null?void 0:_groupProps$state.isChecked(value);var defaultChecked=typeof(groupProps==null?void 0:groupProps.defaultValue)==='undefined'?undefined:groupProps==null?void 0:(_groupProps$defaultVa=groupProps.defaultValue)==null?void 0:_groupProps$defaultVa.includes(value);var useChip=(groupProps==null?void 0:groupProps.selectionType)==='single'?useRadio:useCheckbox;var _size=(groupProps==null?void 0:groupProps.size)||'small';var chipColor=(_ref2=color!=null?color:groupProps==null?void 0:groupProps.color)!=null?_ref2:'primary';var handleChange=function handleChange(_ref3){var isChecked=_ref3.isChecked,value=_ref3.value;if(isChecked){var _groupProps$state2;groupProps==null?void 0:(_groupProps$state2=groupProps.state)==null?void 0:_groupProps$state2.addValue(value);}else {var _groupProps$state3;groupProps==null?void 0:(_groupProps$state3=groupProps.state)==null?void 0:_groupProps$state3.removeValue(value);}};var _useChip=useChip({defaultChecked:defaultChecked,isChecked:_isChecked,isDisabled:_isDisabled,name:_name,value:value,onChange:handleChange}),state=_useChip.state,inputProps=_useChip.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(true);},[_isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(_isDisabled)return;setIsPressed(false);},[_isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(true);}},[_isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(_isDisabled)return;if(e.key===' '){setIsPressed(false);}},[_isDisabled]);var textVariant='unchecked';if(_isChecked&&chipColor){textVariant=chipColor;}if(_isDisabled){textVariant='disabled';}var chipTextColor=chipColorTokens.text[textVariant];var chipIconColor=chipColorTokens.icon[textVariant];var colorVariant='unchecked';var stateVariant=_isDisabled?'disabled':'default';if(_isChecked&&chipColor){colorVariant=chipColor;}var chipBackgroundColor=chipColorTokens.background[colorVariant][stateVariant];var chipBorderColor=chipColorTokens.border[colorVariant][stateVariant];return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Chip,testID:testID}),getStyledProps(styledProps),{display:isReactNative()?'flex':'inline-flex',children:jsx(SelectorLabel,{componentName:MetaConstants.ChipLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,inputProps:isReactNative()?inputProps:{},style:{cursor:_isDisabled?'not-allowed':'pointer'},children:jsx(BaseBox,{display:"flex",flexDirection:"column",children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"row",children:[jsx(SelectorInput,{hoverTokens:getChipInputHoverTokens(chipColor),isChecked:state.isChecked,isDisabled:_isDisabled,inputProps:inputProps,ref:ref}),jsx(AnimatedChip,{borderColor:chipBorderColor,isDisabled:_isDisabled,isPressed:isPressed,isDesktop:matchedDeviceType==='desktop',children:jsxs(StyledChipWrapper,{borderColor:chipBorderColor,isChecked:_isChecked,isDisabled:_isDisabled,color:chipColor,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",backgroundColor:chipBackgroundColor,borderRadius:"max",borderWidth:['xsmall','small'].includes(_size)?'thinner':'thin',paddingLeft:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].left[_size],paddingRight:chipHorizontalPaddingTokens[Boolean(Icon)?'withIcon':'withoutIcon'].right[_size],height:makeSize(chipHeightTokens[_size]),children:[Icon?jsx(BaseBox,{paddingRight:"spacing.3",display:"flex",children:jsx(Icon,{color:chipIconColor,size:chipIconSizes[_size]})}):null,jsx(Text,Object.assign({},chipTextSizes[_size],{truncateAfterLines:1,color:chipTextColor,children:children}))]})})]})})})}));};var Chip=assignWithoutSideEffects(React__default.forwardRef(_Chip),{displayName:'Chip'});
 
 export { Chip };
 //# sourceMappingURL=Chip.js.map

package/build/lib/native/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, intent, color, testID, ...styledProps },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const _intent = intent ?? groupProps?.intent;\n  // If intent is proovided and it's not none, use intent otherwise use color\n  const _color = color ?? groupProps?.color ?? 'default';\n  const chipColor = _intent && _intent !== 'none' ? _intent : _color;\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let intentVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    intentVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[intentVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[intentVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(styledProps)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text\n                  {...chipTextSizes[_size]}\n                  type=\"normal\"\n                  truncateAfterLines={1}\n                  color={chipTextColor}\n                >\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","intent","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","_isDisabled","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","_intent","_color","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","intentVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","type","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...styledProps },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(styledProps)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","_isDisabled","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Chip/ChipGroup.js

@@ -18,7 +18,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 
-var _excluded=["accessibilityLabel","children","isDisabled","name","defaultValue","onChange","value","size","intent","color","testID","selectionType"];var ChipGroup=function ChipGroup(_ref){var accessibilityLabel=_ref.accessibilityLabel,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$intent=_ref.intent,intent=_ref$intent===void 0?'none':_ref$intent,color=_ref.color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,styledProps=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,intent:intent,color:color,selectionType:selectionType}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(SelectorGroupField,{accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID,children:jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{marginBottom:chipGroupGapTokens[size].bottom,marginRight:chipGroupGapTokens[size].right,children:child},index);})})]})})}))});};
+var _excluded=["accessibilityLabel","children","isDisabled","name","defaultValue","onChange","value","size","color","testID","selectionType"];var ChipGroup=function ChipGroup(_ref){var accessibilityLabel=_ref.accessibilityLabel,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,styledProps=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,color:color,selectionType:selectionType}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(SelectorGroupField,{accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID,children:jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{marginBottom:chipGroupGapTokens[size].bottom,marginRight:chipGroupGapTokens[size].right,children:child},index);})})]})})}))});};
 
 export { ChipGroup };
 //# sourceMappingURL=ChipGroup.js.map

package/build/lib/native/components/Chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  intent = 'none',\n  color,\n  testID,\n  selectionType = 'single',\n  ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    intent,\n    color,\n    selectionType,\n  });\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <SelectorGroupField\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n        >\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$intent","intent","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","SelectorGroupField","accessibilityRole","labelledBy","labelId","componentName","_jsxs","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right"],"mappings":"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"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n  });\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <SelectorGroupField\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n        >\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","SelectorGroupField","accessibilityRole","labelledBy","labelId","componentName","_jsxs","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right"],"mappings":";;;;;;;;;;;;;;;;;;;;8IAYM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAAC,IAAA,CAa2B,KAZxCC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAAC,eAAA,CAAAH,IAAA,CACRI,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,IAAI,CAAAL,IAAA,CAAJK,IAAI,CACJC,YAAY,CAAAN,IAAA,CAAZM,YAAY,CACZC,QAAQ,CAAAP,IAAA,CAARO,QAAQ,CACRC,KAAK,CAAAR,IAAA,CAALQ,KAAK,CAAAC,SAAA,CAAAT,IAAA,CACLU,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAAAE,UAAA,CAAAX,IAAA,CACdY,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,UAAA,CACjBE,MAAM,CAAAb,IAAA,CAANa,MAAM,CAAAC,kBAAA,CAAAd,IAAA,CACNe,aAAa,CAAbA,aAAa,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,kBAAA,CACrBE,WAAW,CAAAC,wBAAA,CAAAjB,IAAA,CAAAkB,SAAA,CAAA,CAEd,IAAAC,aAAA,CAA8BC,YAAY,CAAC,CACzCd,YAAY,CAAZA,YAAY,CACZC,QAAQ,CAARA,QAAQ,CACRC,KAAK,CAALA,KAAK,CACLJ,UAAU,CAAVA,UAAU,CACVC,IAAI,CAAJA,IAAI,CACJK,IAAI,CAAJA,IAAI,CACJE,KAAK,CAALA,KAAK,CACLG,aAAa,CAAbA,aACF,CAAC,CAAC,CATMM,YAAY,CAAAF,aAAA,CAAZE,YAAY,CAAEC,GAAG,CAAAH,aAAA,CAAHG,GAAG,CAWzB,GAAIC,OAAO,CAAE,CACX,GAAIR,aAAa,GAAK,QAAQ,EAAIS,KAAK,CAACC,OAAO,CAACnB,YAAY,CAAC,CAAE,CAC7DoB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,CAAG,CACZ,4GAAA,CAAA,CAAC,CAAC,CACJ,CACA,GAAIb,aAAa,GAAK,QAAQ,EAAIS,KAAK,CAACC,OAAO,CAACjB,KAAK,CAAC,CAAE,CACtDkB,eAAe,CAAC,CACdC,UAAU,CAAE,WAAW,CACvBC,OAAO,CAAG,CACZ,qGAAA,CAAA,CAAC,CAAC,CACJ,CACF,CAEA,OACEC,GAAA,CAACC,iBAAiB,CAACtB,CAAAA,KAAK,CAAEa,YAAa,CAAAnB,QAAA,CACrC2B,GAAA,CAACE,OAAO,CAAAC,MAAA,CAAAC,MAAA,CAAKC,EAAAA,CAAAA,cAAc,CAAClB,WAAW,CAAC,CAAA,CAAAd,QAAA,CACtC2B,GAAA,CAACM,kBAAkB,CACjBC,CAAAA,iBAAiB,CAAErB,aAAa,GAAK,QAAQ,CAAG,YAAY,CAAG,OAAQ,CACvEsB,UAAU,CAAEf,GAAG,CAACgB,OAAQ,CACxBC,aAAa,CAAC,YAAY,CAC1B1B,MAAM,CAAEA,MAAO,CAAAX,QAAA,CAEfsC,IAAA,CAACT,OAAO,CAAA7B,CAAAA,QAAA,CACN2B,CAAAA,GAAA,CAACY,cAAc,EAAAvC,QAAA,CACb2B,GAAA,CAACa,IAAI,CAAA,CAAAxC,QAAA,CAAED,kBAAkB,CAAO,CAAC,CACnB,CAAC,CACjB4B,GAAA,CAACE,OAAO,CAACY,CAAAA,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,QAAQ,CAAC,MAAM,CAAA3C,QAAA,CACxD4C,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAC9C,QAAQ,CAAE,SAAC+C,KAAK,CAAEC,KAAK,CAAK,CAC9C,OACErB,GAAA,CAACE,OAAO,CAENoB,CAAAA,YAAY,CAAEC,kBAAkB,CAAC1C,IAAI,CAAC,CAAC2C,MAAO,CAC9CC,WAAW,CAAEF,kBAAkB,CAAC1C,IAAI,CAAC,CAAC6C,KAAM,CAAArD,QAAA,CAE3C+C,KAAK,CAAA,CAJDC,KAKE,CAAC,CAEd,CAAC,CAAC,CACK,CAAC,EACH,CAAC,CACQ,CAAC,CAAA,CACd,CAAC,CACO,CAAC,CAExB;;;;"}

package/build/lib/native/components/Chip/chipTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var chipGroupGapTokens={xsmall:{right:'spacing.3',bottom:'spacing.3'},small:{right:'spacing.3',bottom:'spacing.3'},medium:{right:'spacing.3',bottom:'spacing.4'},large:{right:'spacing.3',bottom:'spacing.4'}};var chipHeightTokens={xsmall:size[24],small:size[28],medium:size[36],large:size[48]};var chipHorizontalPaddingTokens={withoutIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}},withIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.5',large:'spacing.6'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}}};var chipColorTokens={text:{unchecked:'surface.text.subtle.lowContrast',disabled:'surface.text.placeholder.lowContrast',default:'action.text.secondary.default',positive:'feedback.text.positive.lowContrast',negative:'feedback.text.negative.lowContrast'},icon:{unchecked:'surface.text.subtle.lowContrast',disabled:'surface.text.placeholder.lowContrast',default:'action.icon.secondary.default',positive:'feedback.icon.positive.lowContrast',negative:'feedback.icon.negative.lowContrast'},background:{unchecked:{default:'transparent',hover:'brand.gray.a50.lowContrast',disabled:'transparent'},default:{default:'brand.primary.300',hover:'brand.primary.400',disabled:'brand.gray.a50.lowContrast'},positive:{default:'feedback.positive.action.background.primary.default.lowContrast',hover:'feedback.positive.action.background.primary.hover.lowContrast',disabled:'brand.gray.a50.lowContrast'},negative:{default:'feedback.negative.action.background.primary.default.lowContrast',hover:'feedback.negative.action.background.primary.hover.lowContrast',disabled:'brand.gray.a50.lowContrast'}},border:{unchecked:{default:'brand.gray.400.lowContrast',disabled:'brand.gray.400.lowContrast'},default:{default:'brand.primary.500',hover:'brand.primary.500',disabled:'brand.gray.a100.lowContrast'},positive:{default:'feedback.positive.action.border.primary.default.lowContrast',hover:'feedback.positive.action.border.primary.hover.lowContrast',disabled:'brand.gray.a100.lowContrast'},negative:{default:'feedback.negative.action.border.primary.default.lowContrast',hover:'feedback.negative.action.border.primary.hover.lowContrast',disabled:'brand.gray.a50.lowContrast'}}};var getChipInputHoverTokens=function getChipInputHoverTokens(color){return {default:{background:{checked:'transparent',unchecked:'transparent'},border:{checked:`colors.${chipColorTokens.border[color||'default'].hover}`,unchecked:'colors.brand.gray.500.lowContrast'}}};};var chipIconSizes={xsmall:'small',small:'small',medium:'medium',large:'large'};var chipTextSizes={xsmall:{variant:'body',size:'small'},small:{variant:'body',size:'medium'},medium:{variant:'body',size:'large'},large:{variant:'body',size:'large'}};var chipMotionTokens={duration:'motion.duration.xquick',easing:'motion.easing.standard.effective'};
+var chipGroupGapTokens={xsmall:{right:'spacing.3',bottom:'spacing.3'},small:{right:'spacing.3',bottom:'spacing.3'},medium:{right:'spacing.3',bottom:'spacing.4'},large:{right:'spacing.3',bottom:'spacing.4'}};var chipHeightTokens={xsmall:size[24],small:size[28],medium:size[36],large:size[48]};var chipHorizontalPaddingTokens={withoutIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}},withIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.5',large:'spacing.6'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}}};var chipColorTokens={text:{unchecked:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled',primary:'interactive.text.primary.normal',positive:'interactive.text.positive.normal',negative:'interactive.text.negative.normal'},icon:{unchecked:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled',primary:'interactive.icon.primary.normal',positive:'interactive.icon.positive.normal',negative:'interactive.icon.negative.normal'},background:{unchecked:{default:'transparent',hover:'interactive.background.gray.faded',disabled:'transparent'},primary:{default:'interactive.background.primary.faded',hover:'interactive.background.primary.fadedHighlighted',disabled:'interactive.background.primary.disabled'},positive:{default:'interactive.background.positive.faded',hover:'interactive.background.positive.fadedHighlighted',disabled:'interactive.background.positive.disabled'},negative:{default:'interactive.background.negative.faded',hover:'interactive.background.negative.fadedHighlighted',disabled:'interactive.background.negative.disabled'}},border:{unchecked:{default:'interactive.border.gray.faded',disabled:'interactive.border.gray.disabled'},primary:{default:'interactive.border.primary.default',hover:'interactive.border.primary.default',disabled:'interactive.border.primary.disabled'},positive:{default:'interactive.border.positive.default',hover:'interactive.border.positive.default',disabled:'interactive.border.positive.disabled'},negative:{default:'interactive.border.negative.default',hover:'interactive.border.negative.default',disabled:'interactive.border.negative.disabled'}}};var getChipInputHoverTokens=function getChipInputHoverTokens(color){return {default:{background:{checked:'colors.interactive.background.staticWhite.default',unchecked:'colors.interactive.background.staticWhite.default'},border:{checked:`colors.${chipColorTokens.border[color||'default'].hover}`,unchecked:'colors.interactive.border.gray.default'}}};};var chipIconSizes={xsmall:'small',small:'small',medium:'medium',large:'large'};var chipTextSizes={xsmall:{variant:'body',size:'small'},small:{variant:'body',size:'medium'},medium:{variant:'body',size:'large'},large:{variant:'body',size:'large'}};var chipMotionTokens={duration:'duration.xquick',easing:'easing.standard.effective'};
 
 export { chipColorTokens, chipGroupGapTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
 //# sourceMappingURL=chipTokens.js.map