@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/native/components/Input/BaseInput/BaseInputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { BaseInputAnimatedBorder } from './BaseInputAnimatedBorder';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { ActionStates } from '~tokens/theme/theme';\nimport type { ContainerElementType } from '~utils/types';\n\ntype BaseInputWrapperProps = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'showAllTags'\n  | 'maxTagRows'\n  | 'setInputWrapperRef'\n  | 'isDropdownTrigger'\n> & {\n  isFocused?: boolean;\n  isLabelLeftPositioned?: boolean;\n  currentInteraction: keyof ActionStates;\n  isTextArea?: boolean;\n  setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...props}\n    >\n      {children}\n      <BaseInputAnimatedBorder\n        currentInteraction={currentInteraction}\n        validationState={validationState}\n      />\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","props","_objectWithoutProperties","_excluded","_jsxs","AnimatedBaseInputWrapper","Object","assign","_jsx","BaseInputAnimatedBorder","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,aAAA,CAAA,6BAAA,CAAA,YAAA,CAAA,CAwBA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAYCC,GAAG,CACc,CAXf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CACfC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CACGJ,IAAA,CAArBK,qBAAqB,KACrBC,UAAU,CAAAN,IAAA,CAAVM,UAAU,CACVC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,2BAA2B,CAAAR,IAAA,CAA3BQ,2BAA2B,CAC3BC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACPC,KAAK,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,EAIV,OACEC,IAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBf,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CACrDE,CAAAA,KAAK,EAAAR,QAAA,CAAA,CAERA,QAAQ,CACTe,GAAA,CAACC,uBAAuB,EACtBd,kBAAkB,CAAEA,kBAAmB,CACvCD,eAAe,CAAEA,eAAgB,CAClC,CAAC,CAAA,CAAA,CACsB,CAAC,CAE/B,CAAC,CAEY,IAAAgB,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACtB,iBAAiB;;;;"}
+{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { BaseInputAnimatedBorder } from './BaseInputAnimatedBorder';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { ContainerElementType } from '~utils/types';\nimport type { ActionStates } from '~utils/useInteraction';\n\ntype BaseInputWrapperProps = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'showAllTags'\n  | 'maxTagRows'\n  | 'setInputWrapperRef'\n  | 'isDropdownTrigger'\n> & {\n  isFocused?: boolean;\n  isLabelLeftPositioned?: boolean;\n  currentInteraction: ActionStates;\n  isTextArea?: boolean;\n  setShowAllTagsWithAnimation: (showAllTagsWithAnimation: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      {...props}\n    >\n      {children}\n      <BaseInputAnimatedBorder\n        currentInteraction={currentInteraction}\n        validationState={validationState}\n      />\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","props","_objectWithoutProperties","_excluded","_jsxs","AnimatedBaseInputWrapper","Object","assign","_jsx","BaseInputAnimatedBorder","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,aAAA,CAAA,6BAAA,CAAA,YAAA,CAAA,CAwBA,IAAMA,iBAKL,CAAG,SALEA,iBAKLA,CAAAC,IAAA,CAYCC,GAAG,CACc,CAXf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,eAAe,CAAAH,IAAA,CAAfG,eAAe,CACfC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CACGJ,IAAA,CAArBK,qBAAqB,KACrBC,UAAU,CAAAN,IAAA,CAAVM,UAAU,CACVC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,2BAA2B,CAAAR,IAAA,CAA3BQ,2BAA2B,CAC3BC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACPC,KAAK,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,EAIV,OACEC,IAAA,CAACC,wBAAwB,CAAAC,MAAA,CAAAC,MAAA,CAEvBf,CAAAA,GAAG,CAAEA,GAAW,CAChBK,UAAU,CAAEA,UAAW,CACvBH,eAAe,CAAEA,eAAgB,CACjCC,kBAAkB,CAAEA,kBAAmB,CACvCG,WAAW,CAAEA,WAAY,CACzBE,UAAU,CAAEA,UAAW,CACvBD,2BAA2B,CAAEA,2BAA4B,CACrDE,CAAAA,KAAK,EAAAR,QAAA,CAAA,CAERA,QAAQ,CACTe,GAAA,CAACC,uBAAuB,EACtBd,kBAAkB,CAAEA,kBAAmB,CACvCD,eAAe,CAAEA,eAAgB,CAClC,CAAC,CAAA,CAAA,CACsB,CAAC,CAE/B,CAAC,CAEY,IAAAgB,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CAACtB,iBAAiB;;;;"}

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js

@@ -18,7 +18,7 @@ import 'react-native-gesture-handler';
 import '../../BottomSheet/BottomSheetStack.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight;if(isTextArea){return `${lineHeight*(numberOfLines!=null?numberOfLines:0)}px`;}if(hasTags){return undefined;}return makeSize(size[36]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,interactionElement:props.interactionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,lineHeight:props.theme.typography.lineHeights[300]})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,interactionElement=_ref2.interactionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags});});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='active'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('active');},as:undefined},commonProps,props,accessibilityProps,{children:jsx(Text,{type:props.value&&!isDisabled?'subtle':'placeholder',truncateAfterLines:1,textAlign:props.textAlign,children:buttonValue})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.placeholder.lowContrast,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('active');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
+var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,lineHeight=_ref.lineHeight;if(isTextArea){return `${lineHeight*(numberOfLines!=null?numberOfLines:0)}px`;}if(hasTags){return undefined;}return makeSize(size[36]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,interactionElement:props.interactionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,lineHeight:props.theme.typography.lineHeights[300]})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,interactionElement=_ref2.interactionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags});});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined},commonProps,props,accessibilityProps,{children:jsx(Text,{color:props.value&&!isDisabled?'surface.text.gray.subtle':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,children:buttonValue})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
 
 export { StyledBaseInput };
 //# sourceMappingURL=StyledBaseInput.native.js.map

package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TextInput,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(size[36]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      interactionElement: props.interactionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n    }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'active',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('active');\n      }}\n      as={undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        type={props.value && !isDisabled ? 'subtle' : 'placeholder'}\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.placeholder.lowContrast}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('active');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","undefined","makeSize","size","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","interactionElement","suffix","trailingIcon","isDropdownTrigger","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","lowContrast","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n  TextInputProps,\n  TextInput,\n  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n  | 'off'\n  | 'name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-number'\n  | 'email'\n  | 'username'\n  | 'password'\n  | 'postal-code'\n  | 'tel'\n  | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n  none: 'off',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'password',\n  newPassword: 'password-new',\n  oneTimeCode: 'sms-otp',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'postal-address-country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n  none: 'none',\n  name: 'name',\n  email: 'emailAddress',\n  username: 'username',\n  password: 'password',\n  newPassword: 'newPassword',\n  oneTimeCode: 'oneTimeCode',\n  telephone: 'telephoneNumber',\n  postalCode: 'postalCode',\n  countryName: 'countryName',\n  creditCardNumber: 'creditCardNumber',\n  creditCardCSC: 'none',\n  creditCardExpiry: 'none',\n  creditCardExpiryMonth: 'none',\n  creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n  text: 'default',\n  search: 'default',\n  telephone: 'phone-pad',\n  email: 'email-address',\n  url: 'url',\n  decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n  StyledBaseInputProps,\n  'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n  isTextArea?: boolean;\n  isFocused: boolean;\n  autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n  editable?: boolean;\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  lineHeight,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines'> & {\n  lineHeight: number;\n}): string | undefined => {\n  if (isTextArea) {\n    return `${lineHeight * (numberOfLines ?? 0)}px`;\n  }\n\n  if (hasTags) {\n    return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n  }\n\n  return makeSize(size[36]);\n};\n\nconst getRNInputStyles = (\n  props: StyledComponentInputProps &\n    ThemeProps<DefaultTheme> &\n    (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      theme: props.theme,\n      isFocused: props.isFocused,\n      isDisabled: !props.editable,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      interactionElement: props.interactionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n    }),\n    lineHeight: RNPlatform.select({\n      android: makeSize(props.theme.typography.lineHeights[100]),\n      ios: undefined,\n    }),\n    textAlignVertical: 'top',\n    height: getInputHeight({\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      numberOfLines: props.numberOfLines,\n      lineHeight: props.theme.typography.lineHeights[300],\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      interactionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n    }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  TextInput | TouchableHighlight,\n  StyledBaseInputProps\n> = (\n  {\n    name,\n    isRequired,\n    isDisabled,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnSubmit,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType = 'text',\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    currentInteraction,\n    setCurrentInteraction,\n    type,\n    numberOfLines,\n    isTextArea,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    as: renderAs,\n    ...props\n  },\n  ref,\n) => {\n  const buttonValue = props.value ? props.value : props.placeholder;\n  const { theme } = useTheme();\n  const commonProps = {\n    onBlur: (): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n    },\n    isFocused: currentInteraction === 'focus',\n  };\n\n  return renderAs === 'button' ? (\n    <StyledNativeBaseButton\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      onPress={(): void => {\n        handleOnClick?.({ name, value: props.value });\n      }}\n      onFocus={(): void => {\n        handleOnFocus?.({ name, value: props.value });\n        setCurrentInteraction('focus');\n      }}\n      as={undefined}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    >\n      <Text\n        color={\n          props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n        }\n        truncateAfterLines={1}\n        textAlign={props.textAlign}\n      >\n        {buttonValue}\n      </Text>\n    </StyledNativeBaseButton>\n  ) : (\n    <StyledNativeBaseInput\n      // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      multiline={isTextArea}\n      numberOfLines={numberOfLines}\n      editable={!isDisabled}\n      maxLength={maxCharacters}\n      placeholderTextColor={theme.colors.surface.text.gray.disabled}\n      onFocus={(event): void => {\n        handleOnFocus?.({ name, value: event?.nativeEvent.text });\n        // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n        handleOnClick?.({ name, value: event?.nativeEvent.text });\n        setCurrentInteraction('focus');\n      }}\n      onChangeText={(text): void => {\n        handleOnChange?.({ name, value: text });\n        handleOnInput?.({ name, value: text });\n      }}\n      onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n      onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n      onKeyPress={(event): void => {\n        handleOnKeyDown?.({\n          name,\n          key: event?.nativeEvent.key,\n          event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n        });\n      }}\n      // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n      // source: https://reactnative.dev/docs/textinput/#keyboardtype\n      keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n      returnKeyType={keyboardReturnKeyType}\n      autoCompleteType={\n        autoCompleteSuggestionType\n          ? (autoCompleteSuggestionTypeAndroid[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ] as StyledComponentAutoCompleteAndroid)\n          : undefined\n      }\n      secureTextEntry={type === 'password'}\n      isTextArea={isTextArea}\n      textContentType={\n        autoCompleteSuggestionType\n          ? autoCompleteSuggestionTypeIOS[\n              autoCompleteSuggestionType as Platform.CastNative<\n                BaseInputProps['autoCompleteSuggestionType']\n              >\n            ]\n          : undefined\n      }\n      autoCapitalize={autoCapitalize}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","lineHeight","undefined","makeSize","size","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","interactionElement","suffix","trailingIcon","isDropdownTrigger","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js

@@ -9,7 +9,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '../../BladeProvider/useTheme.js';
 
-var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref){var theme=_ref.theme,isHovered=_ref.isHovered,isFocused=_ref.isFocused,isDisabled=_ref.isDisabled,validationState=_ref.validationState,isTextArea=_ref.isTextArea,isDropdownTrigger=_ref.isDropdownTrigger;var backgroundColor=theme.colors.brand.gray.a50.lowContrast;var borderBottomColor=theme.colors.brand.gray.a100.lowContrast;if(isHovered){backgroundColor=theme.colors.brand.gray.a100.lowContrast;}if(isFocused){backgroundColor=theme.colors.brand.primary[300];}if(isDisabled){backgroundColor=theme.colors.brand.gray.a50.lowContrast;borderBottomColor=theme.colors.brand.gray[300].lowContrast;}if(validationState==='error'){backgroundColor=theme.colors.feedback.background.negative.lowContrast;borderBottomColor=theme.colors.feedback.border.negative.highContrast;}else if(validationState==='success'){backgroundColor=theme.colors.feedback.background.positive.lowContrast;borderBottomColor=theme.colors.feedback.border.positive.highContrast;}return {backgroundColor:backgroundColor,borderBottomColor:borderBottomColor,borderTopLeftRadius:makeBorderSize(theme.border.radius.small),borderTopRightRadius:makeBorderSize(theme.border.radius.small),borderBottomWidth:makeBorderSize(theme.border.width.thin),borderBottomStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined};};var getLeftPadding=function getLeftPadding(_ref2){var theme=_ref2.theme,isDropdownTrigger=_ref2.isDropdownTrigger,hasLeadingIcon=_ref2.hasLeadingIcon,hasPrefix=_ref2.hasPrefix;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[4];};var getBaseInputStyles=function getBaseInputStyles(_ref3){var theme=_ref3.theme,isDisabled=_ref3.isDisabled,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,textAlign=_ref3.textAlign,isTextArea=_ref3.isTextArea,hasTags=_ref3.hasTags,isDropdownTrigger=_ref3.isDropdownTrigger;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},getTextStyles({size:'medium',variant:'body',type:isDisabled?'placeholder':'subtle',weight:'regular',contrast:'low',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[3]),paddingBottom:makeSpace(theme.spacing[3]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix})),paddingRight:hasInteractionElement||hasSuffix||hasTrailingIcon?makeSpace(theme.spacing[3]):makeSpace(theme.spacing[4]),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT),minHeight:isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT)},isReactNative?{}:{resize:'none'});};
+var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref){var theme=_ref.theme,isHovered=_ref.isHovered,isFocused=_ref.isFocused,isDisabled=_ref.isDisabled,validationState=_ref.validationState,isTextArea=_ref.isTextArea,isDropdownTrigger=_ref.isDropdownTrigger;var backgroundColor=theme.colors.interactive.background.gray.default;var borderBottomColor=theme.colors.interactive.background.gray.highlighted;if(isHovered){backgroundColor=theme.colors.interactive.background.gray.highlighted;}if(isFocused){backgroundColor=theme.colors.interactive.background.primary.faded;}if(isDisabled){backgroundColor=theme.colors.interactive.background.gray.disabled;borderBottomColor='transparent';}if(validationState==='error'){backgroundColor=theme.colors.interactive.background.negative.faded;borderBottomColor=theme.colors.interactive.background.negative.default;}else if(validationState==='success'){backgroundColor=theme.colors.interactive.background.positive.faded;borderBottomColor=theme.colors.interactive.background.positive.default;}return {backgroundColor:backgroundColor,borderBottomColor:borderBottomColor,borderTopLeftRadius:makeBorderSize(theme.border.radius.small),borderTopRightRadius:makeBorderSize(theme.border.radius.small),borderBottomWidth:makeBorderSize(theme.border.width.thin),borderBottomStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':undefined,position:'relative',height:isDropdownTrigger?'auto':undefined};};var getLeftPadding=function getLeftPadding(_ref2){var theme=_ref2.theme,isDropdownTrigger=_ref2.isDropdownTrigger,hasLeadingIcon=_ref2.hasLeadingIcon,hasPrefix=_ref2.hasPrefix;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix){return theme.spacing[3];}return theme.spacing[4];};var getBaseInputStyles=function getBaseInputStyles(_ref3){var theme=_ref3.theme,isDisabled=_ref3.isDisabled,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,interactionElement=_ref3.interactionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,textAlign=_ref3.textAlign,isTextArea=_ref3.isTextArea,hasTags=_ref3.hasTags,isDropdownTrigger=_ref3.isDropdownTrigger;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,interactionElement:interactionElement,suffix:suffix,trailingIcon:trailingIcon}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasInteractionElement=_getInputVisualsToBeR.hasInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';return Object.assign({},getTextStyles({size:'medium',variant:'body',weight:'regular',color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.subtle',theme:theme}),{flex:1,backgroundColor:'transparent',paddingTop:makeSpace(theme.spacing[3]),paddingBottom:makeSpace(theme.spacing[3]),paddingLeft:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix})),paddingRight:hasInteractionElement||hasSuffix||hasTrailingIcon?makeSpace(theme.spacing[3]):makeSpace(theme.spacing[4]),textAlign:textAlign,width:'100%',height:isTextArea||isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT),minHeight:isDropdownWithTags?undefined:makeSpace(BASEINPUT_DEFAULT_HEIGHT)},isReactNative?{}:{resize:'none'});};
 
 export { getBaseInputStyles, getInputBackgroundAndBorderStyles };
 //# sourceMappingURL=baseInputStyles.js.map

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = theme.colors.brand.gray.a50.lowContrast;\n  let borderBottomColor = theme.colors.brand.gray.a100.lowContrast;\n\n  // hoverState\n  if (isHovered) {\n    backgroundColor = theme.colors.brand.gray.a100.lowContrast;\n  }\n\n  // focused state\n  if (isFocused) {\n    backgroundColor = theme.colors.brand.primary[300];\n  }\n\n  // disabled state\n  if (isDisabled) {\n    backgroundColor = theme.colors.brand.gray.a50.lowContrast;\n    borderBottomColor = theme.colors.brand.gray[300].lowContrast;\n  }\n\n  // validation state\n  if (validationState === 'error') {\n    backgroundColor = theme.colors.feedback.background.negative.lowContrast;\n    borderBottomColor = theme.colors.feedback.border.negative.highContrast;\n  } else if (validationState === 'success') {\n    backgroundColor = theme.colors.feedback.background.positive.lowContrast;\n    borderBottomColor = theme.colors.feedback.border.positive.highContrast;\n  }\n\n  return {\n    backgroundColor,\n    borderBottomColor,\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.small),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.small),\n    borderBottomWidth: makeBorderSize(theme.border.width.thin),\n    borderBottomStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[4];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...getTextStyles({\n      size: 'medium',\n      variant: 'body',\n      type: isDisabled ? 'placeholder' : 'subtle',\n      weight: 'regular',\n      contrast: 'low',\n      theme,\n    }),\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix })),\n    paddingRight:\n      hasInteractionElement || hasSuffix || hasTrailingIcon\n        ? makeSpace(theme.spacing[3])\n        : makeSpace(theme.spacing[4]),\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n"],"names":["getInputBackgroundAndBorderStyles","_ref","theme","isHovered","isFocused","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","colors","brand","gray","a50","lowContrast","borderBottomColor","a100","primary","feedback","background","negative","border","highContrast","positive","borderTopLeftRadius","makeBorderSize","radius","small","borderTopRightRadius","borderBottomWidth","width","thin","borderBottomStyle","display","flexDirection","alignItems","undefined","position","height","getLeftPadding","_ref2","hasLeadingIcon","hasPrefix","spacing","getBaseInputStyles","_ref3","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","_getInputVisualsToBeR","getInputVisualsToBeRendered","hasInteractionElement","hasSuffix","hasTrailingIcon","isDropdownWithTags","isReactNative","getPlatformType","Object","assign","getTextStyles","size","variant","type","weight","contrast","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","BASEINPUT_DEFAULT_HEIGHT","minHeight","resize"],"mappings":"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"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = theme.colors.interactive.background.gray.default;\n  let borderBottomColor = theme.colors.interactive.background.gray.highlighted;\n\n  // hoverState\n  if (isHovered) {\n    backgroundColor = theme.colors.interactive.background.gray.highlighted;\n  }\n\n  // focused state\n  if (isFocused) {\n    backgroundColor = theme.colors.interactive.background.primary.faded;\n  }\n\n  // disabled state\n  if (isDisabled) {\n    backgroundColor = theme.colors.interactive.background.gray.disabled;\n    borderBottomColor = 'transparent';\n  }\n\n  // validation state\n  if (validationState === 'error') {\n    backgroundColor = theme.colors.interactive.background.negative.faded;\n    borderBottomColor = theme.colors.interactive.background.negative.default;\n  } else if (validationState === 'success') {\n    backgroundColor = theme.colors.interactive.background.positive.faded;\n    borderBottomColor = theme.colors.interactive.background.positive.default;\n  }\n\n  return {\n    backgroundColor,\n    borderBottomColor,\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.small),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.small),\n    borderBottomWidth: makeBorderSize(theme.border.width.thin),\n    borderBottomStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[4];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...getTextStyles({\n      size: 'medium',\n      variant: 'body',\n      weight: 'regular',\n      color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n      theme,\n    }),\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix })),\n    paddingRight:\n      hasInteractionElement || hasSuffix || hasTrailingIcon\n        ? makeSpace(theme.spacing[3])\n        : makeSpace(theme.spacing[4]),\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n"],"names":["getInputBackgroundAndBorderStyles","_ref","theme","isHovered","isFocused","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","colors","interactive","background","gray","default","borderBottomColor","highlighted","primary","faded","disabled","negative","positive","borderTopLeftRadius","makeBorderSize","border","radius","small","borderTopRightRadius","borderBottomWidth","width","thin","borderBottomStyle","display","flexDirection","alignItems","undefined","position","height","getLeftPadding","_ref2","hasLeadingIcon","hasPrefix","spacing","getBaseInputStyles","_ref3","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","_getInputVisualsToBeR","getInputVisualsToBeRendered","hasInteractionElement","hasSuffix","hasTrailingIcon","isDropdownWithTags","isReactNative","getPlatformType","Object","assign","getTextStyles","size","variant","weight","color","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","BASEINPUT_DEFAULT_HEIGHT","minHeight","resize"],"mappings":"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"}

package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js

@@ -16,7 +16,7 @@ import '../../../tokens/global/motion.js';
 import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import ChevronUpIcon from '../../Icons/ChevronUpIcon/ChevronUpIcon.js';
 
-var Chevron=function Chevron(props){var iconColor=`surface.text.${props.isDisabled?'placeholder':'normal'}.lowContrast`;return jsxs(Fragment,{children:[jsx(ChevronDownIcon,{display:props.isOpen?'none':'flex',size:"medium",color:iconColor}),jsx(ChevronUpIcon,{display:props.isOpen?'flex':'none',size:"medium",color:iconColor})]});};
+var Chevron=function Chevron(props){var iconColor=`surface.icon.gray.${props.isDisabled?'disabled':'muted'}`;return jsxs(Fragment,{children:[jsx(ChevronDownIcon,{display:props.isOpen?'none':'flex',size:"medium",color:iconColor}),jsx(ChevronUpIcon,{display:props.isOpen?'flex':'none',size:"medium",color:iconColor})]});};
 
 export { Chevron };
 //# sourceMappingURL=Chevron.js.map

package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.text.${\n    props.isDisabled ? 'placeholder' : 'normal'\n  }.lowContrast` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAGM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAiD,CAAyB,CACzF,IAAMC,SAAS,CAAI,CACjBD,aAAAA,EAAAA,KAAK,CAACE,UAAU,CAAG,aAAa,CAAG,QACpC,CAAA,YAAA,CAAsB,CAEvB,OACEC,IAAA,CAAAC,QAAA,CAAA,CAAAC,QAAA,CACEC,CAAAA,GAAA,CAACC,eAAe,CAACC,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC5FK,GAAA,CAACM,aAAa,CAACJ,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC1F,CAAA,CAAC,CAEP;;;;"}
+{"version":3,"file":"Chevron.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.icon.gray.${props.isDisabled ? 'disabled' : 'muted'}` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAGM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,KAAiD,CAAyB,CACzF,IAAMC,SAAS,CAAI,CAAoBD,kBAAAA,EAAAA,KAAK,CAACE,UAAU,CAAG,UAAU,CAAG,OAAQ,CAAA,CAAU,CAEzF,OACEC,IAAA,CAAAC,QAAA,CAAA,CAAAC,QAAA,CACEC,CAAAA,GAAA,CAACC,eAAe,CAACC,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC5FK,GAAA,CAACM,aAAa,CAACJ,CAAAA,OAAO,CAAER,KAAK,CAACS,MAAM,CAAG,MAAM,CAAG,MAAO,CAACC,IAAI,CAAC,QAAQ,CAACC,KAAK,CAAEV,SAAU,CAAE,CAAC,CAC1F,CAAA,CAAC,CAEP;;;;"}

package/build/lib/native/components/Link/BaseLink/BaseLink.js

@@ -1,6 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState } from 'react';
+import React__default from 'react';
 import StyledLink from './StyledBaseLink.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import useInteraction from '../../../utils/useInteraction.js';
@@ -9,6 +8,7 @@ import '@gorhom/portal';
 import 'react-native-gesture-handler';
 import useTheme from '../../BladeProvider/useTheme.js';
 import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import '../../BottomSheet/BottomSheetStack.js';
@@ -24,7 +24,7 @@ import '../../../tokens/global/motion.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"],_excluded2=["currentInteraction","setCurrentInteraction"];var getColorToken=function getColorToken(_ref){var variant=_ref.variant,color=_ref.color,element=_ref.element,currentInteraction=_ref.currentInteraction,isDisabled=_ref.isDisabled,isVisited=_ref.isVisited;var state=currentInteraction;if(isDisabled&&variant=='button'){state='disabled';}if(isVisited&&variant=='anchor'){state='visited';}if(color&&color!=='default'&&state!=='visited'){if(color!=='white'){return `feedback.${color}.action.${element}.link.${state}.lowContrast`;}return `white.action.${element}.link.${state}`;}return `action.${element}.link.${state}`;};var getProps=function getProps(_ref2){var theme=_ref2.theme,variant=_ref2.variant,currentInteraction=_ref2.currentInteraction,children=_ref2.children,isDisabled=_ref2.isDisabled,color=_ref2.color,isVisited=_ref2.isVisited,target=_ref2.target,size=_ref2.size;var isButton=variant==='button';var textSizes={fontSize:{xsmall:25,small:75,medium:100,large:200},lineHeight:{xsmall:50,small:50,medium:100,large:300}};var props={as:isButton?'button':'a',textDecorationLine:!isButton&&currentInteraction!=='default'?'underline':'none',iconColor:getColorToken({variant:variant,color:color,element:'icon',currentInteraction:currentInteraction,isDisabled:isDisabled,isVisited:isVisited}),fontSize:textSizes.fontSize[size],lineHeight:textSizes.lineHeight[size],iconSize:size,iconPadding:children!=null&&children.trim()?'spacing.2':'spacing.0',textColor:getColorToken({variant:variant,color:color,element:'text',currentInteraction:currentInteraction,isDisabled:isDisabled,isVisited:isVisited}),focusRingColor:getIn(theme.colors,'brand.primary.400'),motionDuration:'duration.2xquick',motionEasing:'easing.standard.effective',cursor:isButton&&isDisabled?'not-allowed':'pointer',disabled:isButton&&isDisabled,role:isButton?'button':'link',defaultRel:target&&target==='_blank'?'noreferrer noopener':undefined,type:isButton?'button':undefined};return props;};var _BaseLink=function _BaseLink(_ref3,ref){var children=_ref3.children,Icon=_ref3.icon,_ref3$iconPosition=_ref3.iconPosition,iconPosition=_ref3$iconPosition===void 0?'left':_ref3$iconPosition,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled,onClick=_ref3.onClick,onKeyDown=_ref3.onKeyDown,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'anchor':_ref3$variant,href=_ref3.href,target=_ref3.target,rel=_ref3.rel,_ref3$color=_ref3.color,color=_ref3$color===void 0?'default':_ref3$color,accessibilityProps=_ref3.accessibilityProps,className=_ref3.className,style=_ref3.style,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,testID=_ref3.testID,hitSlop=_ref3.hitSlop,htmlTitle=_ref3.htmlTitle,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_onMouseLeave=_ref3.onMouseLeave,onMouseMove=_ref3.onMouseMove,onPointerDown=_ref3.onPointerDown,onPointerEnter=_ref3.onPointerEnter,onTouchStart=_ref3.onTouchStart,onTouchEnd=_ref3.onTouchEnd,styledProps=_objectWithoutProperties(_ref3,_excluded);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isVisited=_useState2[0],setIsVisited=_useState2[1];var childrenString=getStringFromReactText(children);var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction,syntheticEvents=_objectWithoutProperties(_useInteraction,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:`At least one of icon or text is required to render a link.`,moduleName:'BaseLink'});}}var _getProps=getProps({theme:theme,variant:variant,currentInteraction:currentInteraction,children:childrenString,isDisabled:isDisabled,color:color,isVisited:isVisited,target:target,size:size}),as=_getProps.as,textDecorationLine=_getProps.textDecorationLine,iconColor=_getProps.iconColor,iconPadding=_getProps.iconPadding,iconSize=_getProps.iconSize,fontSize=_getProps.fontSize,textColor=_getProps.textColor,focusRingColor=_getProps.focusRingColor,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing,cursor=_getProps.cursor,disabled=_getProps.disabled,role=_getProps.role,defaultRel=_getProps.defaultRel,type=_getProps.type,lineHeight=_getProps.lineHeight;var handleOnClick=function handleOnClick(event){if(!isVisited&&variant==='anchor'){setIsVisited(true);}if(onClick){onClick(event);}};var asProp=isReactNative()?undefined:'span';return jsx(StyledLink,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Link,testID:testID}),{accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:role,disabled:disabled},accessibilityProps))),variant:variant,as:as,href:href,target:target,rel:rel!=null?rel:defaultRel,onClick:handleOnClick},syntheticEvents,{onBlur:function onBlur(event){_onBlur==null?void 0:_onBlur(event);syntheticEvents.onBlur();},onFocus:function onFocus(event){_onFocus==null?void 0:_onFocus(event);syntheticEvents.onFocus();},onMouseLeave:function onMouseLeave(event){if(_onMouseLeave){_onMouseLeave(event);}syntheticEvents.onMouseLeave();},onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,onKeyDown:onKeyDown,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(styledProps),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",children:[Icon&&iconPosition=='left'?jsx(BaseBox,{as:asProp,paddingRight:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null,jsx(BaseText,{as:asProp,textDecorationLine:textDecorationLine,color:textColor,fontSize:fontSize,lineHeight:lineHeight,textAlign:"center",fontWeight:"bold",children:children}),Icon&&iconPosition=='right'?jsx(BaseBox,{as:asProp,paddingLeft:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null]})}));};var BaseLink=assignWithoutSideEffects(React__default.forwardRef(_BaseLink),{displayName:'BaseLink',componentId:'BaseLink'});
+var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"],_excluded2=["currentInteraction","setCurrentInteraction"];var getColorToken=function getColorToken(_ref){var variant=_ref.variant,color=_ref.color,currentInteraction=_ref.currentInteraction,isDisabled=_ref.isDisabled,element=_ref.element;var state=currentInteraction;var map={default:'normal',hover:'subtle',focus:'normal',disabled:'disabled'};if(isDisabled&&variant=='button'){state='disabled';}if(color&&color!=='primary'){if(color!=='white'){return `interactive.${element}.${color}.${map[state]}`;}return `interactive.${element}.staticWhite.${map[state]}`;}return `interactive.${element}.primary.${map[state]}`;};var getProps=function getProps(_ref2){var theme=_ref2.theme,variant=_ref2.variant,currentInteraction=_ref2.currentInteraction,children=_ref2.children,isDisabled=_ref2.isDisabled,color=_ref2.color,target=_ref2.target,size=_ref2.size;var isButton=variant==='button';var textSizes={fontSize:{xsmall:25,small:75,medium:100,large:200},lineHeight:{xsmall:25,small:75,medium:100,large:200}};var props={as:isButton?'button':'a',textDecorationLine:!isButton&&currentInteraction!=='default'?'underline':'none',iconColor:getColorToken({variant:variant,color:color,element:'icon',currentInteraction:currentInteraction,isDisabled:isDisabled}),fontSize:textSizes.fontSize[size],lineHeight:textSizes.lineHeight[size],iconSize:size,iconPadding:children!=null&&children.trim()?'spacing.2':'spacing.0',textColor:getColorToken({variant:variant,color:color,element:'text',currentInteraction:currentInteraction,isDisabled:isDisabled}),focusRingColor:getIn(theme.colors,'interactive.background.primary.faded'),motionDuration:'duration.2xquick',motionEasing:'easing.standard.effective',cursor:isButton&&isDisabled?'not-allowed':'pointer',disabled:isButton&&isDisabled,role:isButton?'button':'link',defaultRel:target&&target==='_blank'?'noreferrer noopener':undefined,type:isButton?'button':undefined};return props;};var _BaseLink=function _BaseLink(_ref3,ref){var children=_ref3.children,Icon=_ref3.icon,_ref3$iconPosition=_ref3.iconPosition,iconPosition=_ref3$iconPosition===void 0?'left':_ref3$iconPosition,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled,onClick=_ref3.onClick,onKeyDown=_ref3.onKeyDown,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'anchor':_ref3$variant,href=_ref3.href,target=_ref3.target,rel=_ref3.rel,_ref3$color=_ref3.color,color=_ref3$color===void 0?'primary':_ref3$color,accessibilityProps=_ref3.accessibilityProps,className=_ref3.className,style=_ref3.style,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,testID=_ref3.testID,hitSlop=_ref3.hitSlop,htmlTitle=_ref3.htmlTitle,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_onMouseLeave=_ref3.onMouseLeave,onMouseMove=_ref3.onMouseMove,onPointerDown=_ref3.onPointerDown,onPointerEnter=_ref3.onPointerEnter,onTouchStart=_ref3.onTouchStart,onTouchEnd=_ref3.onTouchEnd,styledProps=_objectWithoutProperties(_ref3,_excluded);var childrenString=getStringFromReactText(children);var _useInteraction=useInteraction(),currentInteraction=_useInteraction.currentInteraction,setCurrentInteraction=_useInteraction.setCurrentInteraction,syntheticEvents=_objectWithoutProperties(_useInteraction,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:`At least one of icon or text is required to render a link.`,moduleName:'BaseLink'});}}var _getProps=getProps({theme:theme,variant:variant,currentInteraction:currentInteraction,children:childrenString,isDisabled:isDisabled,color:color,target:target,size:size}),as=_getProps.as,textDecorationLine=_getProps.textDecorationLine,iconColor=_getProps.iconColor,iconPadding=_getProps.iconPadding,iconSize=_getProps.iconSize,fontSize=_getProps.fontSize,textColor=_getProps.textColor,focusRingColor=_getProps.focusRingColor,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing,cursor=_getProps.cursor,disabled=_getProps.disabled,role=_getProps.role,defaultRel=_getProps.defaultRel,type=_getProps.type,lineHeight=_getProps.lineHeight;var handleOnClick=function handleOnClick(event){if(onClick){onClick(event);}};var asProp=isReactNative()?undefined:'span';return jsx(StyledLink,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Link,testID:testID}),{accessibilityProps:Object.assign({},makeAccessible(Object.assign({role:role,disabled:disabled},accessibilityProps))),variant:variant,as:as,href:href,target:target,rel:rel!=null?rel:defaultRel,onClick:handleOnClick},syntheticEvents,{onBlur:function onBlur(event){_onBlur==null?void 0:_onBlur(event);syntheticEvents.onBlur();},onFocus:function onFocus(event){_onFocus==null?void 0:_onFocus(event);syntheticEvents.onFocus();},onMouseLeave:function onMouseLeave(event){if(_onMouseLeave){_onMouseLeave(event);}syntheticEvents.onMouseLeave();},onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,onKeyDown:onKeyDown,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(styledProps),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",children:[Icon&&iconPosition=='left'?jsx(BaseBox,{as:asProp,paddingRight:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null,jsx(BaseText,{as:asProp,textDecorationLine:textDecorationLine,color:textColor,fontSize:fontSize,lineHeight:lineHeight,textAlign:"center",fontWeight:"medium",children:children}),Icon&&iconPosition=='right'?jsx(BaseBox,{as:asProp,paddingLeft:iconPadding,display:"flex",alignItems:"center",children:jsx(Icon,{color:iconColor,size:iconSize})}):null]})}));};var BaseLink=assignWithoutSideEffects(React__default.forwardRef(_BaseLink),{displayName:'BaseLink',componentId:'BaseLink'});
 
 export { BaseLink as default };
 //# sourceMappingURL=BaseLink.js.map

package/build/lib/native/components/Link/BaseLink/BaseLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLink.js","sources":["../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { LinkActionStates } from '~tokens/theme/theme';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps, BaseTextSizes } from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseLinkCommonProps = {\n  color?: 'default' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\nconst getColorToken = ({\n  variant,\n  color,\n  element,\n  currentInteraction,\n  isDisabled,\n  isVisited,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: keyof LinkActionStates;\n  isDisabled: boolean;\n  isVisited: boolean;\n}): IconProps['color'] | BaseTextProps['color'] => {\n  let state = currentInteraction;\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n  if (isVisited && variant == 'anchor') {\n    // visited state is only valid for anchor variant\n    state = 'visited';\n  }\n\n  if (color && color !== 'default' && state !== 'visited') {\n    if (color !== 'white') {\n      return `feedback.${color}.action.${element}.link.${state}.lowContrast`;\n    }\n    return `white.action.${element}.link.${state}`;\n  }\n  return `action.${element}.link.${state}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  isVisited,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: keyof LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  isVisited: boolean;\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 50,\n      small: 50,\n      medium: 100,\n      large: 300,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n      isVisited,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: size,\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n      isVisited,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'brand.primary.400'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard.effective',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'default',\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...styledProps\n  },\n  ref,\n) => {\n  const [isVisited, setIsVisited] = useState(false);\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    isVisited,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (!isVisited && variant === 'anchor') {\n      // visited state is only valid for anchor variant\n      setIsVisited(true);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"bold\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["getColorToken","_ref","variant","color","element","currentInteraction","isDisabled","isVisited","state","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","xsmall","small","medium","large","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","disabled","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","setIsVisited","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","__DEV__","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","Object","assign","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,MAAA,CAAA,cAAA,CAAA,YAAA,CAAA,SAAA,CAAA,WAAA,CAAA,SAAA,CAAA,MAAA,CAAA,QAAA,CAAA,KAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,SAAA,CAAA,WAAA,CAAA,QAAA,CAAA,SAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,YAAA,CAAA,CAAA,UAAA,CAAA,CAAA,oBAAA,CAAA,uBAAA,CAAA,CA+IA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAcgC,CAAA,IAbjDC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACPC,kBAAkB,CAAAJ,IAAA,CAAlBI,kBAAkB,CAClBC,UAAU,CAAAL,IAAA,CAAVK,UAAU,CACVC,SAAS,CAAAN,IAAA,CAATM,SAAS,CAST,IAAIC,KAAK,CAAGH,kBAAkB,CAC9B,GAAIC,UAAU,EAAIJ,OAAO,EAAI,QAAQ,CAAE,CACrCM,KAAK,CAAG,UAAU,CACpB,CACA,GAAID,SAAS,EAAIL,OAAO,EAAI,QAAQ,CAAE,CAEpCM,KAAK,CAAG,SAAS,CACnB,CAEA,GAAIL,KAAK,EAAIA,KAAK,GAAK,SAAS,EAAIK,KAAK,GAAK,SAAS,CAAE,CACvD,GAAIL,KAAK,GAAK,OAAO,CAAE,CACrB,OAAQ,CAAWA,SAAAA,EAAAA,KAAM,WAAUC,OAAQ,CAAA,MAAA,EAAQI,KAAM,CAAa,YAAA,CAAA,CACxE,CACA,OAAQ,CAAA,aAAA,EAAeJ,OAAQ,CAAQI,MAAAA,EAAAA,KAAM,EAAC,CAChD,CACA,OAAQ,CAAA,OAAA,EAASJ,OAAQ,CAAQI,MAAAA,EAAAA,KAAM,EAAC,CAC1C,CAAC,CAED,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAoBY,KAnBxBC,KAAK,CAAAD,KAAA,CAALC,KAAK,CACLT,OAAO,CAAAQ,KAAA,CAAPR,OAAO,CACPG,kBAAkB,CAAAK,KAAA,CAAlBL,kBAAkB,CAClBO,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CACRN,UAAU,CAAAI,KAAA,CAAVJ,UAAU,CACVH,KAAK,CAAAO,KAAA,CAALP,KAAK,CACLI,SAAS,CAAAG,KAAA,CAATH,SAAS,CACTM,MAAM,CAAAH,KAAA,CAANG,MAAM,CACNC,IAAI,CAAAJ,KAAA,CAAJI,IAAI,CAYJ,IAAMC,QAAQ,CAAGb,OAAO,GAAK,QAAQ,CACrC,IAAMc,SAGL,CAAG,CACFC,QAAQ,CAAE,CACRC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CAAC,CACDC,UAAU,CAAE,CACVJ,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,CAAC,CAED,IAAME,KAAyB,CAAG,CAChCC,EAAE,CAAET,QAAQ,CAAG,QAAQ,CAAG,GAAG,CAC7BU,kBAAkB,CAAE,CAACV,QAAQ,EAAIV,kBAAkB,GAAK,SAAS,CAAG,WAAW,CAAG,MAAM,CACxFqB,SAAS,CAAE1B,aAAa,CAAC,CACvBE,OAAO,CAAPA,OAAO,CACPC,KAAK,CAALA,KAAK,CACLC,OAAO,CAAE,MAAM,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBC,UAAU,CAAVA,UAAU,CACVC,SAAS,CAATA,SACF,CAAC,CAAuB,CACxBU,QAAQ,CAAED,SAAS,CAACC,QAAQ,CAACH,IAAI,CAAC,CAClCQ,UAAU,CAAEN,SAAS,CAACM,UAAU,CAACR,IAAI,CAAC,CACtCa,QAAQ,CAAEb,IAAI,CACdc,WAAW,CAAEhB,QAAQ,EAAA,IAAA,EAARA,QAAQ,CAAEiB,IAAI,EAAE,CAAG,WAAW,CAAG,WAAW,CACzDC,SAAS,CAAE9B,aAAa,CAAC,CACvBE,OAAO,CAAPA,OAAO,CACPC,KAAK,CAALA,KAAK,CACLC,OAAO,CAAE,MAAM,CACfC,kBAAkB,CAAlBA,kBAAkB,CAClBC,UAAU,CAAVA,UAAU,CACVC,SAAS,CAATA,SACF,CAAC,CAA2B,CAC5BwB,cAAc,CAAEC,KAAK,CAACrB,KAAK,CAACsB,MAAM,CAAE,mBAAmB,CAAC,CACxDC,cAAc,CAAE,kBAAkB,CAClCC,YAAY,CAAE,2BAA2B,CACzCC,MAAM,CAAErB,QAAQ,EAAIT,UAAU,CAAG,aAAa,CAAG,SAAS,CAC1D+B,QAAQ,CAAEtB,QAAQ,EAAIT,UAAU,CAChCgC,IAAI,CAAEvB,QAAQ,CAAG,QAAQ,CAAG,MAAM,CAClCwB,UAAU,CAAE1B,MAAM,EAAIA,MAAM,GAAK,QAAQ,CAAG,qBAAqB,CAAG2B,SAAS,CAC7EC,IAAI,CAAE1B,QAAQ,CAAG,QAAQ,CAAGyB,SAC9B,CAAC,CAED,OAAOjB,KAAK,CACd,CAAC,CAED,IAAMmB,SAAyE,CAAG,SAA5EA,SAAyEA,CAAAC,KAAA,CAgC7EC,GAAG,CACA,CA/BD,IAAAhC,QAAQ,CAAA+B,KAAA,CAAR/B,QAAQ,CACFiC,IAAI,CAAAF,KAAA,CAAVG,IAAI,CAAAC,kBAAA,CAAAJ,KAAA,CACJK,YAAY,CAAZA,YAAY,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,kBAAA,CAAAE,gBAAA,CAAAN,KAAA,CACrBrC,UAAU,CAAVA,UAAU,CAAA2C,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAClBC,OAAO,CAAAP,KAAA,CAAPO,OAAO,CACPC,SAAS,CAAAR,KAAA,CAATQ,SAAS,CAAAC,aAAA,CAAAT,KAAA,CACTzC,OAAO,CAAPA,OAAO,CAAAkD,aAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,aAAA,CAClBC,IAAI,CAAAV,KAAA,CAAJU,IAAI,CACJxC,MAAM,CAAA8B,KAAA,CAAN9B,MAAM,CACNyC,GAAG,CAAAX,KAAA,CAAHW,GAAG,CAAAC,WAAA,CAAAZ,KAAA,CACHxC,KAAK,CAALA,KAAK,CAAAoD,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CACjBC,kBAAkB,CAAAb,KAAA,CAAlBa,kBAAkB,CAElBC,SAAS,CAAAd,KAAA,CAATc,SAAS,CAETC,KAAK,CAAAf,KAAA,CAALe,KAAK,CAAAC,UAAA,CAAAhB,KAAA,CACL7B,IAAI,CAAJA,IAAI,CAAA6C,UAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,UAAA,CACfC,MAAM,CAAAjB,KAAA,CAANiB,MAAM,CACNC,OAAO,CAAAlB,KAAA,CAAPkB,OAAO,CACPC,SAAS,CAAAnB,KAAA,CAATmB,SAAS,CACTC,OAAM,CAAApB,KAAA,CAANoB,MAAM,CACNC,QAAO,CAAArB,KAAA,CAAPqB,OAAO,CACPC,aAAY,CAAAtB,KAAA,CAAZsB,YAAY,CACZC,WAAW,CAAAvB,KAAA,CAAXuB,WAAW,CACXC,aAAa,CAAAxB,KAAA,CAAbwB,aAAa,CACbC,cAAc,CAAAzB,KAAA,CAAdyB,cAAc,CACdC,YAAY,CAAA1B,KAAA,CAAZ0B,YAAY,CACZC,UAAU,CAAA3B,KAAA,CAAV2B,UAAU,CACPC,WAAW,CAAAC,wBAAA,CAAA7B,KAAA,CAAA8B,SAAA,CAIhB,CAAA,IAAAC,SAAA,CAAkCC,QAAQ,CAAC,KAAK,CAAC,CAAAC,UAAA,CAAAC,cAAA,CAAAH,SAAA,CAA1CnE,CAAAA,CAAAA,CAAAA,SAAS,CAAAqE,UAAA,CAAA,CAAA,CAAA,CAAEE,YAAY,CAAAF,UAAA,CAC9B,CAAA,CAAA,CAAA,IAAMG,cAAc,CAAGC,sBAAsB,CAACpE,QAAQ,CAAC,CACvD,IAAAqE,eAAA,CAA0EC,cAAc,EAAE,CAAlF7E,kBAAkB,CAAA4E,eAAA,CAAlB5E,kBAAkB,CAAE8E,qBAAqB,CAAAF,eAAA,CAArBE,qBAAqB,CAAKC,eAAe,CAAAZ,wBAAA,CAAAS,eAAA,CAAAI,UAAA,CACrE,CAAA,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApB5E,KAAK,CAAA2E,SAAA,CAAL3E,KAAK,CACb,GAAI6E,OAAO,CAAE,CACX,GAAI,CAAC3C,IAAI,EAAI,EAACkC,cAAc,EAAA,IAAA,EAAdA,cAAc,CAAElD,IAAI,EAAE,EAAE,CACpC4D,eAAe,CAAC,CACdC,OAAO,CAAG,CAA2D,0DAAA,CAAA,CACrEC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CACF,CACA,IAAAC,SAAA,CAiBInF,QAAQ,CAAC,CACXE,KAAK,CAALA,KAAK,CACLT,OAAO,CAAPA,OAAO,CACPG,kBAAkB,CAAlBA,kBAAkB,CAClBO,QAAQ,CAAEmE,cAAc,CACxBzE,UAAU,CAAVA,UAAU,CACVH,KAAK,CAALA,KAAK,CACLI,SAAS,CAATA,SAAS,CACTM,MAAM,CAANA,MAAM,CACNC,IAAI,CAAJA,IACF,CAAC,CAAC,CA1BAU,EAAE,CAAAoE,SAAA,CAAFpE,EAAE,CACFC,kBAAkB,CAAAmE,SAAA,CAAlBnE,kBAAkB,CAClBC,SAAS,CAAAkE,SAAA,CAATlE,SAAS,CACTE,WAAW,CAAAgE,SAAA,CAAXhE,WAAW,CACXD,QAAQ,CAAAiE,SAAA,CAARjE,QAAQ,CACRV,QAAQ,CAAA2E,SAAA,CAAR3E,QAAQ,CACRa,SAAS,CAAA8D,SAAA,CAAT9D,SAAS,CACTC,cAAc,CAAA6D,SAAA,CAAd7D,cAAc,CACdG,cAAc,CAAA0D,SAAA,CAAd1D,cAAc,CACdC,YAAY,CAAAyD,SAAA,CAAZzD,YAAY,CACZC,MAAM,CAAAwD,SAAA,CAANxD,MAAM,CACNC,QAAQ,CAAAuD,SAAA,CAARvD,QAAQ,CACRC,IAAI,CAAAsD,SAAA,CAAJtD,IAAI,CACJC,UAAU,CAAAqD,SAAA,CAAVrD,UAAU,CACVE,IAAI,CAAAmD,SAAA,CAAJnD,IAAI,CACJnB,UAAU,CAAAsE,SAAA,CAAVtE,UAAU,CAaZ,IAAMuE,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAAqB,CAAW,CACrD,GAAI,CAACvF,SAAS,EAAIL,OAAO,GAAK,QAAQ,CAAE,CAEtC4E,YAAY,CAAC,IAAI,CAAC,CACpB,CAEA,GAAI5B,OAAO,CAAE,CACXA,OAAO,CAAC4C,KAAK,CAAC,CAChB,CACF,CAAC,CAED,IAAMC,MAAM,CAAGC,aAAa,EAAE,CAAGxD,SAAS,CAAG,MAAM,CACnD,OACEyD,GAAA,CAACC,UAAc,CAAAC,MAAA,CAAAC,MAAA,EACbxD,GAAG,CAAEA,GAAa,CACdyD,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,IAAI,CAAE5C,MAAM,CAANA,MAAO,CAAC,CAAC,EACvDJ,kBAAkB,CAAA2C,MAAA,CAAAC,MAAA,IACbK,cAAc,CAAAN,MAAA,CAAAC,MAAA,CACf9D,CAAAA,IAAI,CAAJA,IAAI,CACJD,QAAQ,CAARA,QAAQ,EACLmB,kBAAkB,CACtB,CAAC,CACF,CACFtD,OAAO,CAAEA,OAAQ,CACjBsB,EAAE,CAAEA,EAAG,CACP6B,IAAI,CAAEA,IAAK,CACXxC,MAAM,CAAEA,MAAO,CACfyC,GAAG,CAAEA,GAAG,OAAHA,GAAG,CAAIf,UAAW,CACvBW,OAAO,CAAE2C,aAAc,CAAA,CACnBT,eAAe,CAAA,CACnBrB,MAAM,CAAE,SAAAA,OAAC+B,KAAU,CAAK,CACtB/B,OAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAANA,OAAM,CAAG+B,KAAK,CAAC,CACfV,eAAe,CAACrB,MAAM,EAAE,CAC1B,CAAE,CACFC,OAAO,CAAE,SAAAA,QAAC8B,KAAU,CAAK,CACvB9B,QAAO,EAAA,IAAA,CAAA,KAAA,CAAA,CAAPA,QAAO,CAAG8B,KAAK,CAAC,CAChBV,eAAe,CAACpB,OAAO,EAAE,CAC3B,CAAE,CACFC,YAAY,CAAE,SAAAA,aAAC6B,KAAU,CAAK,CAC5B,GAAI7B,aAAY,CAAE,CAChBA,aAAY,CAAC6B,KAAK,CAAC,CACrB,CACAV,eAAe,CAACnB,YAAY,EAAE,CAChC,CAAE,CACFC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAC3BC,UAAU,CAAEA,UAAW,CACvBnB,SAAS,CAAEA,SAAU,CACrBd,QAAQ,CAAEA,QAAS,CACnBI,IAAI,CAAEA,IAAK,CACXL,MAAM,CAAEA,MAAO,CACfL,cAAc,CAAEA,cAAe,CAC/BG,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAC3BgD,qBAAqB,CAAEA,qBAAsB,CAAA,CACzCuB,cAAc,CAACnC,WAAW,CAAC,CAAA,CAE/Bd,SAAS,CAAEA,SAAU,CACrBC,KAAK,CAAEA,KAAM,CACbG,OAAO,CAAEA,OAAQ,CACjB8C,KAAK,CAAE7C,SAAU,CAAAlD,QAAA,CAEjBgG,IAAA,CAACC,OAAO,CACNrF,CAAAA,EAAE,CAAEuE,MAAO,CACXe,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBtD,SAAS,CAAC,mBAAmB,CAC7BuD,UAAU,CAAC,QAAQ,CAAApG,QAAA,CAElBiC,CAAAA,IAAI,EAAIG,YAAY,EAAI,MAAM,CAC7BiD,GAAA,CAACY,OAAO,EAACrF,EAAE,CAAEuE,MAAO,CAACkB,YAAY,CAAErF,WAAY,CAACkF,OAAO,CAAC,MAAM,CAACE,UAAU,CAAC,QAAQ,CAAApG,QAAA,CAChFqF,GAAA,CAACpD,IAAI,EAAC1C,KAAK,CAAEuB,SAAU,CAACZ,IAAI,CAAEa,QAAS,CAAE,CAAC,CACnC,CAAC,CACR,IAAI,CACRsE,GAAA,CAACiB,QAAQ,CACP1F,CAAAA,EAAE,CAAEuE,MAAO,CACXtE,kBAAkB,CAAEA,kBAAmB,CACvCtB,KAAK,CAAE2B,SAAU,CACjBb,QAAQ,CAAEA,QAAS,CACnBK,UAAU,CAAEA,UAAW,CACvB6F,SAAS,CAAC,QAAQ,CAClBC,UAAU,CAAC,MAAM,CAAAxG,QAAA,CAEhBA,QAAQ,CACD,CAAC,CACViC,IAAI,EAAIG,YAAY,EAAI,OAAO,CAC9BiD,GAAA,CAACY,OAAO,EAACrF,EAAE,CAAEuE,MAAO,CAACsB,WAAW,CAAEzF,WAAY,CAACkF,OAAO,CAAC,MAAM,CAACE,UAAU,CAAC,QAAQ,CAAApG,QAAA,CAC/EqF,GAAA,CAACpD,IAAI,CAAA,CAAC1C,KAAK,CAAEuB,SAAU,CAACZ,IAAI,CAAEa,QAAS,CAAE,CAAC,CACnC,CAAC,CACR,IAAI,CAAA,CACD,CAAC,CAAA,CACI,CAAC,CAErB,CAAC,CAEK,IAAA2F,QAAQ,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAAC/E,SAAS,CAAC,CAAE,CACrEgF,WAAW,CAAE,UAAU,CACvBC,WAAW,CAAE,UACf,CAAC;;;;"}
+{"version":3,"file":"BaseLink.js","sources":["../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconColors, IconComponent, IconProps } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type {\n  BaseTextProps,\n  BaseTextSizes,\n  TextColors,\n} from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport type { ActionStates } from '~utils/useInteraction';\n\ntype BaseLinkCommonProps = {\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\ntype LinkActionStates = ActionStates;\nconst getColorToken = ({\n  variant,\n  color,\n  currentInteraction,\n  isDisabled,\n  element,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: LinkActionStates;\n  isDisabled: boolean;\n}): IconColors | TextColors => {\n  let state = currentInteraction;\n  const map = {\n    default: 'normal',\n    hover: 'subtle',\n    focus: 'normal',\n    disabled: 'disabled',\n  } as const;\n\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n\n  if (color && color !== 'primary') {\n    if (color !== 'white') {\n      return `interactive.${element}.${color}.${map[state]}`;\n    }\n    return `interactive.${element}.staticWhite.${map[state]}`;\n  }\n  return `interactive.${element}.primary.${map[state]}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: size,\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard.effective',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'primary',\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...styledProps\n  },\n  ref,\n) => {\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"medium\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["getColorToken","_ref","variant","color","currentInteraction","isDisabled","element","state","map","default","hover","focus","disabled","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","xsmall","small","medium","large","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","__DEV__","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","Object","assign","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Link/BaseLink/StyledBaseLink.native.js

@@ -10,7 +10,7 @@ import { castNativeType } from '../../../utils/platform/castUtils.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledNativeLink=styled.Pressable(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getStyledLinkStyles({}),{alignSelf:'flex-start'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({message:`Could not open the link "href=${href}"`,moduleName:'BaseLink',type:'warn'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledLink=function _StyledLink(_ref2,ref){var variant=_ref2.variant,disabled=_ref2.disabled,href=_ref2.href,onClick=_ref2.onClick,children=_ref2.children,setCurrentInteraction=_ref2.setCurrentInteraction,accessibilityProps=_ref2.accessibilityProps,style=_ref2.style,testID=_ref2.testID,hitSlop=_ref2.hitSlop,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd;var handleOnPress=function handleOnPress(event){if(href&&variant==='anchor'){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledNativeLink,Object.assign({ref:ref},accessibilityProps,{disabled:disabled,onPress:handleOnPress,onPressIn:function onPressIn(){return setCurrentInteraction('active');},onPressOut:function onPressOut(){return setCurrentInteraction('default');},onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),style:style,testID:testID,hitSlop:hitSlop,children:children}));};var StyledLink=React__default.forwardRef(_StyledLink);
+var StyledNativeLink=styled.Pressable(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getStyledLinkStyles({}),{alignSelf:'flex-start'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({message:`Could not open the link "href=${href}"`,moduleName:'BaseLink',type:'warn'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledLink=function _StyledLink(_ref2,ref){var variant=_ref2.variant,disabled=_ref2.disabled,href=_ref2.href,onClick=_ref2.onClick,children=_ref2.children,setCurrentInteraction=_ref2.setCurrentInteraction,accessibilityProps=_ref2.accessibilityProps,style=_ref2.style,testID=_ref2.testID,hitSlop=_ref2.hitSlop,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd;var handleOnPress=function handleOnPress(event){if(href&&variant==='anchor'){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledNativeLink,Object.assign({ref:ref},accessibilityProps,{disabled:disabled,onPress:handleOnPress,onPressIn:function onPressIn(){return setCurrentInteraction('focus');},onPressOut:function onPressOut(){return setCurrentInteraction('default');},onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),style:style,testID:testID,hitSlop:hitSlop,children:children}));};var StyledLink=React__default.forwardRef(_StyledLink);
 
 export { StyledLink as default };
 //# sourceMappingURL=StyledBaseLink.native.js.map

package/build/lib/native/components/Link/BaseLink/StyledBaseLink.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseLink.native.js","sources":["../../../../../../src/components/Link/BaseLink/StyledBaseLink.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Linking } from 'react-native';\nimport styled from 'styled-components/native';\nimport type { StyledBaseLinkProps } from './types';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport { castNativeType } from '~utils';\nimport { logger } from '~utils/logger';\n\nconst StyledNativeLink = styled.Pressable((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles({}),\n    alignSelf: 'flex-start',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseLink',\n        type: 'warn',\n      });\n    }\n  }\n};\n\nconst _StyledLink: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  StyledBaseLinkProps & { children: React.ReactNode }\n> = (\n  {\n    variant,\n    disabled,\n    href,\n    onClick,\n    children,\n    setCurrentInteraction,\n    accessibilityProps,\n    // @ts-expect-error avoid exposing to public\n    style,\n    testID,\n    hitSlop,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): ReactElement => {\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href && variant === 'anchor') {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      /*\n      React Native's Pressable's onClick returns a GestureResponderEvent but our types expect a SyntheticEvent.\n      Until we have a way to handle platform specific types, we will have to ignore this TS error.\n      */\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledNativeLink\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...accessibilityProps}\n      disabled={disabled}\n      onPress={handleOnPress}\n      onPressIn={(): void => setCurrentInteraction('active')}\n      onPressOut={(): void => setCurrentInteraction('default')}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      style={style}\n      testID={testID}\n      hitSlop={hitSlop}\n    >\n      {children}\n    </StyledNativeLink>\n  );\n};\n\nconst StyledLink = React.forwardRef(_StyledLink);\n\nexport default StyledLink;\n"],"names":["StyledNativeLink","styled","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledLinkStyles","alignSelf","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","_StyledLink","_ref2","ref","variant","disabled","onClick","children","setCurrentInteraction","accessibilityProps","style","testID","hitSlop","onTouchStart","onTouchEnd","handleOnPress","event","_jsx","onPress","onPressIn","onPressOut","castNativeType","StyledLink","React","forwardRef"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,gBAAgB,CAAGC,MAAM,CAACC,SAAS,CAAC,SAACC,KAAK,CAAK,CACnD,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAClD,OAAAG,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,mBAAmB,CAAC,EAAE,CAAC,CAAA,CAC1BC,SAAS,CAAE,YAAY,EACpBL,oBAAoB,CAAA,CAE3B,CAAC,CAAC,CAEF,IAAMM,OAAO,gBAAAC,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAA,MAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,OAAO,CAAG,iCAAgCP,IAAK,CAAA,CAAA,CAAE,CACjDQ,UAAU,CAAE,UAAU,CACtBC,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAA,CAAA,OAAA,SAfKZ,OAAOA,CAAAa,EAAA,CAAAZ,CAAAA,OAAAA,IAAA,CAAAa,KAAA,CAAA,IAAA,CAAAC,SAAA,CAeZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAED,IAAMC,WAGL,CAAG,SAHEA,WAGLA,CAAAC,KAAA,CAgBCC,GAAG,CACc,KAffC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPC,QAAQ,CAAAH,KAAA,CAARG,QAAQ,CACRjB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACJkB,OAAO,CAAAJ,KAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,qBAAqB,CAAAN,KAAA,CAArBM,qBAAqB,CACrBC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAElBC,KAAK,CAAAR,KAAA,CAALQ,KAAK,CACLC,MAAM,CAAAT,KAAA,CAANS,MAAM,CACNC,OAAO,CAAAV,KAAA,CAAPU,OAAO,CACPC,YAAY,CAAAX,KAAA,CAAZW,YAAY,CACZC,UAAU,CAAAZ,KAAA,CAAVY,UAAU,CAIZ,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAI5B,IAAI,EAAIgB,OAAO,GAAK,QAAQ,CAAE,CAChC,KAAKnB,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIkB,OAAO,CAAE,CAOXA,OAAO,CAACU,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAAC1C,gBAAgB,CAAAM,MAAA,CAAAC,MAAA,CAAA,CAEfqB,GAAG,CAAEA,GAAW,EACZM,kBAAkB,CAAA,CACtBJ,QAAQ,CAAEA,QAAS,CACnBa,OAAO,CAAEH,aAAc,CACvBI,SAAS,CAAE,SAAAA,SAAAA,UAAYX,qBAAqB,CAAC,QAAQ,CAAC,EAAC,CACvDY,UAAU,CAAE,SAAAA,UAAAA,UAAYZ,qBAAqB,CAAC,SAAS,CAAC,EAAC,CACzDK,YAAY,CAAEQ,cAAc,CAACR,YAAY,CAAE,CAC3CC,UAAU,CAAEO,cAAc,CAACP,UAAU,CAAE,CACvCJ,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CAAAL,QAAA,CAEhBA,QAAQ,CACO,CAAA,CAAC,CAEvB,CAAC,CAEK,IAAAe,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACvB,WAAW;;;;"}
+{"version":3,"file":"StyledBaseLink.native.js","sources":["../../../../../../src/components/Link/BaseLink/StyledBaseLink.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Linking } from 'react-native';\nimport styled from 'styled-components/native';\nimport type { StyledBaseLinkProps } from './types';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef } from '~utils/types';\nimport { castNativeType } from '~utils';\nimport { logger } from '~utils/logger';\n\nconst StyledNativeLink = styled.Pressable((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles({}),\n    alignSelf: 'flex-start',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseLink',\n        type: 'warn',\n      });\n    }\n  }\n};\n\nconst _StyledLink: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  StyledBaseLinkProps & { children: React.ReactNode }\n> = (\n  {\n    variant,\n    disabled,\n    href,\n    onClick,\n    children,\n    setCurrentInteraction,\n    accessibilityProps,\n    // @ts-expect-error avoid exposing to public\n    style,\n    testID,\n    hitSlop,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): ReactElement => {\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href && variant === 'anchor') {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      /*\n      React Native's Pressable's onClick returns a GestureResponderEvent but our types expect a SyntheticEvent.\n      Until we have a way to handle platform specific types, we will have to ignore this TS error.\n      */\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-expect-error\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledNativeLink\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      {...accessibilityProps}\n      disabled={disabled}\n      onPress={handleOnPress}\n      onPressIn={(): void => setCurrentInteraction('focus')}\n      onPressOut={(): void => setCurrentInteraction('default')}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      style={style}\n      testID={testID}\n      hitSlop={hitSlop}\n    >\n      {children}\n    </StyledNativeLink>\n  );\n};\n\nconst StyledLink = React.forwardRef(_StyledLink);\n\nexport default StyledLink;\n"],"names":["StyledNativeLink","styled","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledLinkStyles","alignSelf","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","message","moduleName","type","_x","apply","arguments","_StyledLink","_ref2","ref","variant","disabled","onClick","children","setCurrentInteraction","accessibilityProps","style","testID","hitSlop","onTouchStart","onTouchEnd","handleOnPress","event","_jsx","onPress","onPressIn","onPressOut","castNativeType","StyledLink","React","forwardRef"],"mappings":";;;;;;;;;;;;AAYA,IAAMA,gBAAgB,CAAGC,MAAM,CAACC,SAAS,CAAC,SAACC,KAAK,CAAK,CACnD,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAClD,OAAAG,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,mBAAmB,CAAC,EAAE,CAAC,CAAA,CAC1BC,SAAS,CAAE,YAAY,EACpBL,oBAAoB,CAAA,CAE3B,CAAC,CAAC,CAEF,IAAMM,OAAO,gBAAAC,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,CAAA,MAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,OAAO,CAAG,iCAAgCP,IAAK,CAAA,CAAA,CAAE,CACjDQ,UAAU,CAAE,UAAU,CACtBC,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAA,CAAA,OAAA,SAfKZ,OAAOA,CAAAa,EAAA,CAAAZ,CAAAA,OAAAA,IAAA,CAAAa,KAAA,CAAA,IAAA,CAAAC,SAAA,CAeZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAED,IAAMC,WAGL,CAAG,SAHEA,WAGLA,CAAAC,KAAA,CAgBCC,GAAG,CACc,KAffC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPC,QAAQ,CAAAH,KAAA,CAARG,QAAQ,CACRjB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACJkB,OAAO,CAAAJ,KAAA,CAAPI,OAAO,CACPC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,qBAAqB,CAAAN,KAAA,CAArBM,qBAAqB,CACrBC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAElBC,KAAK,CAAAR,KAAA,CAALQ,KAAK,CACLC,MAAM,CAAAT,KAAA,CAANS,MAAM,CACNC,OAAO,CAAAV,KAAA,CAAPU,OAAO,CACPC,YAAY,CAAAX,KAAA,CAAZW,YAAY,CACZC,UAAU,CAAAZ,KAAA,CAAVY,UAAU,CAIZ,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAI5B,IAAI,EAAIgB,OAAO,GAAK,QAAQ,CAAE,CAChC,KAAKnB,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIkB,OAAO,CAAE,CAOXA,OAAO,CAACU,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAAC1C,gBAAgB,CAAAM,MAAA,CAAAC,MAAA,CAAA,CAEfqB,GAAG,CAAEA,GAAW,EACZM,kBAAkB,CAAA,CACtBJ,QAAQ,CAAEA,QAAS,CACnBa,OAAO,CAAEH,aAAc,CACvBI,SAAS,CAAE,SAAAA,SAAAA,UAAYX,qBAAqB,CAAC,OAAO,CAAC,EAAC,CACtDY,UAAU,CAAE,SAAAA,UAAAA,UAAYZ,qBAAqB,CAAC,SAAS,CAAC,EAAC,CACzDK,YAAY,CAAEQ,cAAc,CAACR,YAAY,CAAE,CAC3CC,UAAU,CAAEO,cAAc,CAACP,UAAU,CAAE,CACvCJ,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CAAAL,QAAA,CAEhBA,QAAQ,CACO,CAAA,CAAC,CAEvB,CAAC,CAEK,IAAAe,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACvB,WAAW;;;;"}

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

@@ -10,7 +10,7 @@ import '../../BladeProvider/useTheme.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","icon","iconPosition","isDisabled","onClick","variant","color","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"];var _Link=function _Link(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,onClick=_ref.onClick,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'anchor':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'default':_ref$color,href=_ref.href,target=_ref.target,rel=_ref.rel,accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,rest=_objectWithoutProperties(_ref,_excluded);return jsx(BaseLink,Object.assign({},icon?{icon:icon,children:children}:{children:children},variant==='anchor'?{variant:variant,href:href,target:target,rel:rel}:{variant:variant,isDisabled:isDisabled},{ref:ref,iconPosition:iconPosition,onClick:onClick,accessibilityProps:{label:accessibilityLabel,describedBy:rest['aria-describedby']},size:size,color:color,testID:testID,hitSlop:hitSlop,htmlTitle:htmlTitle,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd},getStyledProps(rest)));};var Link=assignWithoutSideEffects(React__default.forwardRef(_Link),{displayName:'Link',componentId:'Link'});
+var _excluded=["children","icon","iconPosition","isDisabled","onClick","variant","color","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd"];var _Link=function _Link(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,onClick=_ref.onClick,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'anchor':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,href=_ref.href,target=_ref.target,rel=_ref.rel,accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,rest=_objectWithoutProperties(_ref,_excluded);return jsx(BaseLink,Object.assign({},icon?{icon:icon,children:children}:{children:children},variant==='anchor'?{variant:variant,href:href,target:target,rel:rel}:{variant:variant,isDisabled:isDisabled},{ref:ref,iconPosition:iconPosition,onClick:onClick,accessibilityProps:{label:accessibilityLabel,describedBy:rest['aria-describedby']},size:size,color:color,testID:testID,hitSlop:hitSlop,htmlTitle:htmlTitle,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd},getStyledProps(rest)));};var Link=assignWithoutSideEffects(React__default.forwardRef(_Link),{displayName:'Link',componentId:'Link'});
 
 export { Link as default };
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'default' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'default',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","Object","assign","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Link.js","sources":["../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","Object","assign","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;wRAqHA,IAAMA,KAAiE,CAAG,SAApEA,KAAiEA,CAAAC,IAAA,CA2BrEC,GAAG,CACc,KA1BfC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CAAAC,iBAAA,CAAAJ,IAAA,CACJK,YAAY,CAAZA,YAAY,CAAAD,iBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,iBAAA,CAAAE,eAAA,CAAAN,IAAA,CACrBO,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAClBE,OAAO,CAAAR,IAAA,CAAPQ,OAAO,CAAAC,YAAA,CAAAT,IAAA,CACPU,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,YAAA,CAAAE,UAAA,CAAAX,IAAA,CAClBY,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CACjBE,IAAI,CAAAb,IAAA,CAAJa,IAAI,CACJC,MAAM,CAAAd,IAAA,CAANc,MAAM,CACNC,GAAG,CAAAf,IAAA,CAAHe,GAAG,CACHC,kBAAkB,CAAAhB,IAAA,CAAlBgB,kBAAkB,CAAAC,SAAA,CAAAjB,IAAA,CAClBkB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAnB,IAAA,CAANmB,MAAM,CACNC,OAAO,CAAApB,IAAA,CAAPoB,OAAO,CACPC,SAAS,CAAArB,IAAA,CAATqB,SAAS,CACTC,MAAM,CAAAtB,IAAA,CAANsB,MAAM,CACNC,OAAO,CAAAvB,IAAA,CAAPuB,OAAO,CACPC,YAAY,CAAAxB,IAAA,CAAZwB,YAAY,CACZC,WAAW,CAAAzB,IAAA,CAAXyB,WAAW,CACXC,aAAa,CAAA1B,IAAA,CAAb0B,aAAa,CACbC,cAAc,CAAA3B,IAAA,CAAd2B,cAAc,CACdC,YAAY,CAAA5B,IAAA,CAAZ4B,YAAY,CACZC,UAAU,CAAA7B,IAAA,CAAV6B,UAAU,CACPC,IAAI,CAAAC,wBAAA,CAAA/B,IAAA,CAAAgC,SAAA,CAIT,CAAA,OACEC,GAAA,CAACC,QAAQ,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACFjC,IAAI,CAAG,CAAEA,IAAI,CAAJA,IAAI,CAAED,QAAQ,CAARA,QAAS,CAAC,CAAG,CAAEA,QAAQ,CAARA,QAAS,CAAC,CACxCQ,OAAO,GAAK,QAAQ,CAAG,CAAEA,OAAO,CAAPA,OAAO,CAAEG,IAAI,CAAJA,IAAI,CAAEC,MAAM,CAANA,MAAM,CAAEC,GAAG,CAAHA,GAAI,CAAC,CAAG,CAAEL,OAAO,CAAPA,OAAO,CAAEH,UAAU,CAAVA,UAAW,CAAC,CAAA,CACpFN,GAAG,CAAEA,GAAa,CAClBI,YAAY,CAAEA,YAAa,CAC3BG,OAAO,CAAEA,OAAQ,CACjB6B,kBAAkB,CAAE,CAAEC,KAAK,CAAEtB,kBAAkB,CAAEuB,WAAW,CAAET,IAAI,CAAC,kBAAkB,CAAE,CAAE,CACzFZ,IAAI,CAAEA,IAAK,CACXN,KAAK,CAAEA,KAAM,CACbO,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,SAAS,CAAEA,SAAU,CACrBC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAC3BC,UAAU,CAAEA,UAAW,EACnBW,cAAc,CAACV,IAAI,CAAC,CACzB,CAAC,CAEN,CAAC,CAEK,IAAAW,IAAI,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAAC7C,KAAK,CAAC,CAAE,CAC7D8C,WAAW,CAAE,MAAM,CACnBC,WAAW,CAAE,MACf,CAAC;;;;"}