@razorpay/blade 11.39.0 → 12.0.0

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  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\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 { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } 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  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  isDropdownTrigger,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}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(sizeToken[baseInputHeight[size]]);\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      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\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      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n      isTableInputCell,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n      isTableInputCell,\n    }),\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    $size,\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      $size={$size}\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        size={$size}\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      $size={$size}\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","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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"}
+{"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  TouchableHighlight,\n  TouchableHighlightProps,\n  GestureResponderEvent,\n  TextInput,\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 { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } 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  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n  isTextArea,\n  hasTags,\n  numberOfLines,\n  isDropdownTrigger,\n  size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n  size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n  if (isTextArea) {\n    const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n    return `${baseInputHeight[size] * lines}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(sizeToken[baseInputHeight[size]]);\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      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\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      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n    }),\n  };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) =>\n    getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      hasTags,\n      isDropdownTrigger,\n      $size,\n      valueComponentType,\n      isTableInputCell,\n    }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n  ({\n    id,\n    isFocused,\n    theme,\n    editable,\n    validationState,\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    isTextArea,\n    numberOfLines,\n    isDropdownTrigger,\n    hasTags,\n    $size,\n    isTableInputCell,\n    valueComponentType,\n  }) => ({\n    ...getRNInputStyles({\n      id,\n      isFocused,\n      theme,\n      editable,\n      validationState,\n      leadingIcon,\n      prefix,\n      trailingInteractionElement,\n      leadingInteractionElement,\n      suffix,\n      trailingIcon,\n      isTextArea,\n      numberOfLines,\n      isDropdownTrigger,\n      hasTags,\n      $size,\n      valueComponentType,\n      isTableInputCell,\n    }),\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    $size,\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      $size={$size}\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        size={$size}\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      $size={$size}\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","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","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/baseInputTokens.js

@@ -2,7 +2,7 @@ import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
 
-var BASEINPUT_MAX_ROWS=4;var baseInputHeight={medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.positive.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thick'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'standard.revealing'},exit:{duration:'gentle',easing:'standard.effective'}};var baseInputPaddingTokens={top:{medium:3,large:4},bottom:{medium:3,large:4},left:{medium:4,large:4},right:{medium:4,large:4}};var formHintLeftLabelMarginLeft={medium:136,large:192};
+var BASEINPUT_MAX_ROWS=4;var baseInputHeight={medium:size['36'],large:size['48']};var baseInputWrapperMaxHeight={medium:baseInputHeight.medium*BASEINPUT_MAX_ROWS,large:baseInputHeight.large*BASEINPUT_MAX_ROWS};var baseInputBorderColor={default:'interactive.border.gray.default',hovered:'interactive.border.gray.highlighted',focused:'interactive.border.primary.default',disabled:'interactive.border.gray.disabled',error:'interactive.border.negative.default',success:'interactive.border.positive.default'};var baseInputBackgroundColor={default:'surface.background.gray.intense',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'surface.background.gray.intense',success:'surface.background.gray.intense'};var baseInputBorderlessBackgroundColor={default:'transparent',hovered:'surface.background.gray.moderate',focused:'surface.background.gray.moderate',disabled:'surface.background.gray.intense',error:'feedback.background.negative.subtle',success:'feedback.background.positive.subtle'};var baseInputBorderWidth={default:'thin',hovered:'thin',disabled:'thin',focused:'thick',error:'thick',success:'thick'};var baseInputBorderBackgroundMotion={enter:{duration:'xgentle',easing:'emphasized'},exit:{duration:'gentle',easing:'standard'}};var baseInputPaddingTokens={top:{medium:3,large:4},bottom:{medium:3,large:4},left:{medium:4,large:4},right:{medium:4,large:4}};var formHintLeftLabelMarginLeft={medium:136,large:192};
 
 export { BASEINPUT_MAX_ROWS, baseInputBackgroundColor, baseInputBorderBackgroundMotion, baseInputBorderColor, baseInputBorderWidth, baseInputBorderlessBackgroundColor, baseInputHeight, baseInputPaddingTokens, baseInputWrapperMaxHeight, formHintLeftLabelMarginLeft };
 //# sourceMappingURL=baseInputTokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'standard.revealing' },\n  exit: { duration: 'gentle', easing: 'standard.effective' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  medium: 136,\n  large: 192,\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","baseInputHeight","medium","size","large","baseInputWrapperMaxHeight","baseInputBorderColor","default","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft"],"mappings":";;;;AAGa,IAAAA,kBAAkB,CAAG,EAQrB,IAAAC,eAGZ,CAAG,CACFC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAClB,EAOa,IAAAE,yBAAyB,CAAG,CACvCH,MAAM,CAAED,eAAe,CAACC,MAAM,CAAGF,kBAAkB,CACnDI,KAAK,CAAEH,eAAe,CAACG,KAAK,CAAGJ,kBACjC,EAEa,IAAAM,oBAAoB,CAAG,CAClCC,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,qCAAqC,CAC9CC,OAAO,CAAE,oCAAoC,CAC7CC,QAAQ,CAAE,kCAAkC,CAC5CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAC,wBAAwB,CAAG,CACtCN,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,iCAAiC,CACxCC,OAAO,CAAE,iCACX,EAEa,IAAAE,kCAAkC,CAAG,CAChDP,OAAO,CAAE,aAAa,CACtBC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAG,oBAAoB,CAAG,CAClCR,OAAO,CAAE,MAAM,CACfC,OAAO,CAAE,MAAM,CACfE,QAAQ,CAAE,MAAM,CAChBD,OAAO,CAAE,OAAO,CAChBE,KAAK,CAAE,OAAO,CACdC,OAAO,CAAE,OACX,EAEa,IAAAI,+BAA+B,CAAG,CAC7CC,KAAK,CAAE,CAAEC,QAAQ,CAAE,SAAS,CAAEC,MAAM,CAAE,oBAAqB,CAAC,CAC5DC,IAAI,CAAE,CAAEF,QAAQ,CAAE,QAAQ,CAAEC,MAAM,CAAE,oBAAqB,CAC3D,EAEa,IAAAE,sBAAsB,CAAG,CACpCC,GAAG,CAAE,CACHpB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDmB,MAAM,CAAE,CACNrB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDoB,IAAI,CAAE,CACJtB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDqB,KAAK,CAAE,CACLvB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CACF,EAKa,IAAAsB,2BAA2B,CAAG,CACzCxB,MAAM,CAAE,GAAG,CACXE,KAAK,CAAE,GACT;;;;"}
+{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.moderate',\n  focused: 'surface.background.gray.moderate',\n  disabled: 'surface.background.gray.intense',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'emphasized' },\n  exit: { duration: 'gentle', easing: 'standard' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  medium: 136,\n  large: 192,\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","baseInputHeight","medium","size","large","baseInputWrapperMaxHeight","baseInputBorderColor","default","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft"],"mappings":";;;;AAGa,IAAAA,kBAAkB,CAAG,EAQrB,IAAAC,eAGZ,CAAG,CACFC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAClB,EAOa,IAAAE,yBAAyB,CAAG,CACvCH,MAAM,CAAED,eAAe,CAACC,MAAM,CAAGF,kBAAkB,CACnDI,KAAK,CAAEH,eAAe,CAACG,KAAK,CAAGJ,kBACjC,EAEa,IAAAM,oBAAoB,CAAG,CAClCC,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,qCAAqC,CAC9CC,OAAO,CAAE,oCAAoC,CAC7CC,QAAQ,CAAE,kCAAkC,CAC5CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAC,wBAAwB,CAAG,CACtCN,OAAO,CAAE,iCAAiC,CAC1CC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,iCAAiC,CACxCC,OAAO,CAAE,iCACX,EAEa,IAAAE,kCAAkC,CAAG,CAChDP,OAAO,CAAE,aAAa,CACtBC,OAAO,CAAE,kCAAkC,CAC3CC,OAAO,CAAE,kCAAkC,CAC3CC,QAAQ,CAAE,iCAAiC,CAC3CC,KAAK,CAAE,qCAAqC,CAC5CC,OAAO,CAAE,qCACX,EAEa,IAAAG,oBAAoB,CAAG,CAClCR,OAAO,CAAE,MAAM,CACfC,OAAO,CAAE,MAAM,CACfE,QAAQ,CAAE,MAAM,CAChBD,OAAO,CAAE,OAAO,CAChBE,KAAK,CAAE,OAAO,CACdC,OAAO,CAAE,OACX,EAEa,IAAAI,+BAA+B,CAAG,CAC7CC,KAAK,CAAE,CAAEC,QAAQ,CAAE,SAAS,CAAEC,MAAM,CAAE,YAAa,CAAC,CACpDC,IAAI,CAAE,CAAEF,QAAQ,CAAE,QAAQ,CAAEC,MAAM,CAAE,UAAW,CACjD,EAEa,IAAAE,sBAAsB,CAAG,CACpCC,GAAG,CAAE,CACHpB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDmB,MAAM,CAAE,CACNrB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDoB,IAAI,CAAE,CACJtB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CAAC,CACDqB,KAAK,CAAE,CACLvB,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CACT,CACF,EAKa,IAAAsB,2BAA2B,CAAG,CACzCxB,MAAM,CAAE,GAAG,CACXE,KAAK,CAAE,GACT;;;;"}

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

@@ -25,7 +25,7 @@ import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.nat
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","opacity","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp"],_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,opacity=_ref3.opacity,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,onMouseDown=_ref3.onMouseDown,onMouseUp=_ref3.onMouseUp,rest=_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,onMouseDown:onMouseDown,onMouseUp:onMouseUp,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(rest),makeAnalyticsAttribute(rest),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",opacity:opacity,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'});
+var _excluded=["children","icon","iconPosition","isDisabled","onClick","onKeyDown","variant","href","target","rel","color","opacity","accessibilityProps","className","style","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp"],_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',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,opacity=_ref3.opacity,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,onMouseDown=_ref3.onMouseDown,onMouseUp=_ref3.onMouseUp,rest=_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,onMouseDown:onMouseDown,onMouseUp:onMouseUp,disabled:disabled,type:type,cursor:cursor,focusRingColor:focusRingColor,motionDuration:motionDuration,motionEasing:motionEasing,setCurrentInteraction:setCurrentInteraction},getStyledProps(rest),makeAnalyticsAttribute(rest),{className:className,style:style,hitSlop:hitSlop,title:htmlTitle,children:jsxs(BaseBox,{as:asProp,display:"flex",flexDirection:"row",className:"content-container",alignItems:"center",opacity:opacity,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 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  opacity?: number;\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    opacity,\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    onMouseDown,\n    onMouseUp,\n    ...rest\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      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\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        opacity={opacity}\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","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_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","makeAnalyticsAttribute","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  opacity?: number;\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',\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    opacity,\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    onMouseDown,\n    onMouseUp,\n    ...rest\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      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\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        opacity={opacity}\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","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_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","makeAnalyticsAttribute","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/List/List.js

@@ -21,7 +21,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["variant","size","children","icon","testID","iconColor"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var _List=function _List(_ref3){var _ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'unordered':_ref3$variant,size=_ref3.size,children=_ref3.children,icon=_ref3.icon,testID=_ref3.testID,iconColor=_ref3.iconColor,styledProps=_objectWithoutProperties(_ref3,_excluded);var ListElement=variant==='unordered'?StyledUnorderedList:StyledOrderedList;var _useListContext=useListContext(),level=_useListContext.level,listContextSize=_useListContext.size;var listContextValue=useMemo(function(){return {level:level?level+1:1,size:size!=null?size:listContextSize,icon:icon,iconColor:iconColor,variant:variant};},[icon,iconColor,level,listContextSize,size,variant]);var childrenArray=React__default.Children.toArray(children);var childListItems=childrenArray.filter(function(child){if(isValidAllowedChildren(child,MetaConstants.ListItem)){return child;}if(__DEV__){throwBladeError({message:'You can only pass a ListItem as a child to List.',moduleName:'List'});}return null;});return jsx(ListProvider,{value:listContextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(styledProps),{children:jsx(ListElement,Object.assign({},metaAttribute({name:MetaConstants.List,testID:testID}),makeAccessible({role:'list'}),{children:variant==='unordered'?childListItems:childListItems.map(function(child,index){return React__default.cloneElement(child,{_itemNumber:index+1});})}))}))});};var List=assignWithoutSideEffects(_List,{componentId:MetaConstants.List});
+var _excluded=["variant","size","children","icon","testID","iconColor"];var StyledOrderedList=styled(OrderedList)(function(_ref){var marginTop=_ref.marginTop,theme=_ref.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var StyledUnorderedList=styled(UnorderedList)(function(_ref2){var marginTop=_ref2.marginTop,theme=_ref2.theme;return {marginTop:marginTop?makeSpace(getIn(theme,marginTop)):undefined};});var _List=function _List(_ref3,ref){var _ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'unordered':_ref3$variant,size=_ref3.size,children=_ref3.children,icon=_ref3.icon,testID=_ref3.testID,iconColor=_ref3.iconColor,styledProps=_objectWithoutProperties(_ref3,_excluded);var ListElement=variant==='unordered'?StyledUnorderedList:StyledOrderedList;var _useListContext=useListContext(),level=_useListContext.level,listContextSize=_useListContext.size;var listContextValue=useMemo(function(){return {level:level?level+1:1,size:size!=null?size:listContextSize,icon:icon,iconColor:iconColor,variant:variant};},[icon,iconColor,level,listContextSize,size,variant]);var childrenArray=React__default.Children.toArray(children);var childListItems=childrenArray.filter(function(child){if(isValidAllowedChildren(child,MetaConstants.ListItem)){return child;}if(__DEV__){throwBladeError({message:'You can only pass a ListItem as a child to List.',moduleName:'List'});}return null;});return jsx(ListProvider,{value:listContextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(styledProps),{children:jsx(ListElement,Object.assign({},metaAttribute({name:MetaConstants.List,testID:testID}),makeAccessible({role:'list'}),{children:variant==='unordered'?childListItems:childListItems.map(function(child,index){return React__default.cloneElement(child,{_itemNumber:index+1});})}))}))});};var List=assignWithoutSideEffects(React__default.forwardRef(_List),{componentId:MetaConstants.List});
 
 export { List };
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n  iconColor?: IconProps['color'];\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n  iconColor?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  iconColor,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      iconColor,\n      variant,\n    }),\n    [icon, iconColor, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","iconColor","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef, DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n  iconColor?: IconProps['color'];\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n  iconColor?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = (\n  { variant = 'unordered', size, children, icon, testID, iconColor, ...styledProps }: ListProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      iconColor,\n      variant,\n    }),\n    [icon, iconColor, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox ref={ref as never} {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(React.forwardRef(_List), { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","ref","_ref3$variant","variant","size","children","icon","testID","iconColor","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","__DEV__","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","Object","assign","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}

package/build/lib/native/components/List/ListItem.js

@@ -6,21 +6,19 @@ import { ListItemElement } from './ListItemElement.native.js';
 import { listItemMarginLeft, listItemMarginBottom, listItemBulletMarginRight, listItemBulletMarginTop, listItemOrderedBulletBoxSize } from './listTokens.js';
 import { getOrderedListItemBullet } from './getOrderedListItemBullet.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
+import useTheme from '../BladeProvider/useTheme.js';
+import 'react-native';
+import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import '@babel/runtime/helpers/slicedToArray';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import '../BottomSheet/BottomSheetStack.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';

package/build/lib/native/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","__DEV__","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","Object","assign","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/List/ListItemCode.js

@@ -1,19 +1,13 @@
 import { listItemCodeSize } from './listTokens.js';
 import { useListContext } from './ListContext.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import '../Typography/Text/Text.js';
 import { Code } from '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { jsx } from 'react/jsx-runtime';
 
 var _ListItemCode=function _ListItemCode(_ref){var children=_ref.children,testID=_ref.testID;var _useListContext=useListContext(),size=_useListContext.size;return jsx(Code,{size:listItemCodeSize[size],children:children,testID:testID});};var ListItemCode=assignWithoutSideEffects(_ListItemCode,{componentId:MetaConstants.ListItemCode});
 

package/build/lib/native/components/List/ListItemCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCode.js","sources":["../../../../../src/components/List/ListItemCode.tsx"],"sourcesContent":["import { listItemCodeSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport type { CodeProps } from '~components/Typography';\nimport { Code } from '~components/Typography';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype ListItemCodeProps = Exclude<CodeProps, 'size'>;\n\nconst _ListItemCode = ({ children, testID }: ListItemCodeProps): React.ReactElement => {\n  const { size } = useListContext();\n\n  return <Code size={listItemCodeSize[size]} children={children} testID={testID} />;\n};\n\nconst ListItemCode = assignWithoutSideEffects(_ListItemCode, {\n  componentId: MetaConstants.ListItemCode,\n});\n\nexport type { ListItemCodeProps };\nexport { ListItemCode };\n"],"names":["_ListItemCode","_ref","children","testID","_useListContext","useListContext","size","_jsx","Code","listItemCodeSize","ListItemCode","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAAoE,KAA9DC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACvC,IAAAC,eAAA,CAAiBC,cAAc,EAAE,CAAzBC,IAAI,CAAAF,eAAA,CAAJE,IAAI,CAEZ,OAAOC,GAAA,CAACC,IAAI,CAAA,CAACF,IAAI,CAAEG,gBAAgB,CAACH,IAAI,CAAE,CAACJ,QAAQ,CAAEA,QAAS,CAACC,MAAM,CAAEA,MAAO,CAAE,CAAC,CACnF,CAAC,CAEK,IAAAO,YAAY,CAAGC,wBAAwB,CAACX,aAAa,CAAE,CAC3DY,WAAW,CAAEC,aAAa,CAACH,YAC7B,CAAC;;;;"}
+{"version":3,"file":"ListItemCode.js","sources":["../../../../../src/components/List/ListItemCode.tsx"],"sourcesContent":["import { listItemCodeSize } from './listTokens';\nimport { useListContext } from './ListContext';\nimport type { CodeProps } from '~components/Typography';\nimport { Code } from '~components/Typography';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype ListItemCodeProps = Exclude<CodeProps, 'size'>;\n\nconst _ListItemCode = ({ children, testID }: ListItemCodeProps): React.ReactElement => {\n  const { size } = useListContext();\n\n  return <Code size={listItemCodeSize[size]} children={children} testID={testID} />;\n};\n\nconst ListItemCode = assignWithoutSideEffects(_ListItemCode, {\n  componentId: MetaConstants.ListItemCode,\n});\n\nexport type { ListItemCodeProps };\nexport { ListItemCode };\n"],"names":["_ListItemCode","_ref","children","testID","_useListContext","useListContext","size","_jsx","Code","listItemCodeSize","ListItemCode","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;AASA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAAoE,KAA9DC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACvC,IAAAC,eAAA,CAAiBC,cAAc,EAAE,CAAzBC,IAAI,CAAAF,eAAA,CAAJE,IAAI,CAEZ,OAAOC,GAAA,CAACC,IAAI,CAAA,CAACF,IAAI,CAAEG,gBAAgB,CAACH,IAAI,CAAE,CAACJ,QAAQ,CAAEA,QAAS,CAACC,MAAM,CAAEA,MAAO,CAAE,CAAC,CACnF,CAAC,CAEK,IAAAO,YAAY,CAAGC,wBAAwB,CAACX,aAAa,CAAE,CAC3DY,WAAW,CAAEC,aAAa,CAACH,YAC7B,CAAC;;;;"}

package/build/lib/native/components/List/ListItemText.js

@@ -1,18 +1,13 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useListContext } from './ListContext.js';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import '@babel/runtime/helpers/defineProperty';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { jsx } from 'react/jsx-runtime';
 
 var _excluded=["children","testID"];var _ListItemText=function _ListItemText(_ref){var children=_ref.children,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var _useListContext=useListContext(),size=_useListContext.size;return jsx(Text,Object.assign({as:"span"},props,{size:size,children:children,testID:testID}));};var ListItemText=assignWithoutSideEffects(_ListItemText,{componentId:MetaConstants.ListItemText});
 

package/build/lib/native/components/List/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemText.js","sources":["../../../../../src/components/List/ListItemText.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useListContext } from './ListContext';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\n\ntype ListItemTextProps = Omit<TextProps<{ variant: TextVariant }>, 'variant' | 'size'>;\n\nconst _ListItemText = ({ children, testID, ...props }: ListItemTextProps): ReactElement => {\n  const { size } = useListContext();\n\n  return <Text as=\"span\" {...props} size={size} children={children} testID={testID} />;\n};\n\nconst ListItemText = assignWithoutSideEffects(_ListItemText, {\n  componentId: MetaConstants.ListItemText,\n});\n\nexport type { ListItemTextProps };\nexport { ListItemText };\n"],"names":["_ListItemText","_ref","children","testID","props","_objectWithoutProperties","_excluded","_useListContext","useListContext","size","_jsx","Text","Object","assign","as","ListItemText","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;;;;;;oCASA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAAwE,KAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAKC,KAAK,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CACjD,CAAA,IAAAC,eAAA,CAAiBC,cAAc,EAAE,CAAzBC,IAAI,CAAAF,eAAA,CAAJE,IAAI,CAEZ,OAAOC,GAAA,CAACC,IAAI,CAAAC,MAAA,CAAAC,MAAA,CAACC,CAAAA,EAAE,CAAC,MAAM,CAAKV,CAAAA,KAAK,CAAEK,CAAAA,IAAI,CAAEA,IAAK,CAACP,QAAQ,CAAEA,QAAS,CAACC,MAAM,CAAEA,MAAO,CAAA,CAAE,CAAC,CACtF,CAAC,CAEK,IAAAY,YAAY,CAAGC,wBAAwB,CAAChB,aAAa,CAAE,CAC3DiB,WAAW,CAAEC,aAAa,CAACH,YAC7B,CAAC;;;;"}
+{"version":3,"file":"ListItemText.js","sources":["../../../../../src/components/List/ListItemText.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useListContext } from './ListContext';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { MetaConstants } from '~utils/metaAttribute';\n\ntype ListItemTextProps = Omit<TextProps<{ variant: TextVariant }>, 'variant' | 'size'>;\n\nconst _ListItemText = ({ children, testID, ...props }: ListItemTextProps): ReactElement => {\n  const { size } = useListContext();\n\n  return <Text as=\"span\" {...props} size={size} children={children} testID={testID} />;\n};\n\nconst ListItemText = assignWithoutSideEffects(_ListItemText, {\n  componentId: MetaConstants.ListItemText,\n});\n\nexport type { ListItemTextProps };\nexport { ListItemText };\n"],"names":["_ListItemText","_ref","children","testID","props","_objectWithoutProperties","_excluded","_useListContext","useListContext","size","_jsx","Text","Object","assign","as","ListItemText","assignWithoutSideEffects","componentId","MetaConstants"],"mappings":";;;;;;;;;;;oCASA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAAwE,KAAlEC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAKC,KAAK,CAAAC,wBAAA,CAAAJ,IAAA,CAAAK,SAAA,CACjD,CAAA,IAAAC,eAAA,CAAiBC,cAAc,EAAE,CAAzBC,IAAI,CAAAF,eAAA,CAAJE,IAAI,CAEZ,OAAOC,GAAA,CAACC,IAAI,CAAAC,MAAA,CAAAC,MAAA,CAACC,CAAAA,EAAE,CAAC,MAAM,CAAKV,CAAAA,KAAK,CAAEK,CAAAA,IAAI,CAAEA,IAAK,CAACP,QAAQ,CAAEA,QAAS,CAACC,MAAM,CAAEA,MAAO,CAAA,CAAE,CAAC,CACtF,CAAC,CAEK,IAAAY,YAAY,CAAGC,wBAAwB,CAAChB,aAAa,CAAE,CAC3DiB,WAAW,CAAEC,aAAa,CAACH,YAC7B,CAAC;;;;"}