@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/native/components/Button/BaseButton/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography, ButtonMinHeight } from './buttonTokens';\nimport {\n  buttonIconOnlyPadding,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n} from './buttonTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent, IconProps, IconSize } from '~components/Icons';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport type { BorderRadiusValues, BorderWidthValues, SpacingValues } from '~tokens/theme/theme';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport type { BaseSpinnerProps } from '~components/Spinner/BaseSpinner';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'default' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  property: 'background' | 'border' | 'text' | 'icon';\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'active' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\n/**\n * All possible icon colors, derived from `IconProps` minus `currentColor` because possible values should only be from tokens\n */\ntype IconColor = Exclude<IconProps['color'], 'currentColor'>;\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nconst getColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers):\n  | `action.${BaseButtonColorTokenModifiers['property']}.${BaseButtonColorTokenModifiers['variant']}.${BaseButtonColorTokenModifiers['state']}`\n  | `white.action.${BaseButtonColorTokenModifiers['property']}.${BaseButtonColorTokenModifiers['variant']}.${BaseButtonColorTokenModifiers['state']}`\n  | `feedback.${NonNullable<\n      Exclude<BaseButtonColorTokenModifiers['color'], 'default' | 'white'>\n    >}.action.${BaseButtonColorTokenModifiers['property']}.primary.${BaseButtonColorTokenModifiers['state']}.${\n      | 'high'\n      | 'low'}Contrast` => {\n  if (!color || color === 'default') {\n    return `action.${property}.${variant}.${state}`;\n  }\n  if (color === 'white') {\n    return `white.action.${property}.${variant}.${state}`;\n  }\n\n  return `feedback.${color}.action.${property}.primary.${state}.${\n    variant === 'primary' ? 'high' : 'low'\n  }Contrast`;\n};\n\ntype BaseButtonStyleProps = {\n  iconSize: IconSize;\n  spinnerSize: BaseSpinnerProps['size'];\n  fontSize: keyof Theme['typography']['fonts']['size'];\n  lineHeight: keyof Theme['typography']['lineHeights'];\n  minHeight: `${ButtonMinHeight}px`;\n  iconPadding?: DotNotationSpacingStringToken;\n  iconColor: IconColor;\n  textColor: BaseTextProps['color'];\n  buttonPaddingTop: SpacingValues;\n  buttonPaddingBottom: SpacingValues;\n  buttonPaddingLeft: SpacingValues;\n  buttonPaddingRight: SpacingValues;\n  text?: string;\n  defaultBackgroundColor: string;\n  defaultBorderColor: string;\n  hoverBackgroundColor: string;\n  hoverBorderColor: string;\n  activeBackgroundColor: string;\n  activeBorderColor: string;\n  focusBackgroundColor: string;\n  focusBorderColor: string;\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  borderWidth: BorderWidthValues;\n  borderRadius: BorderRadiusValues;\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  children,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  children?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'default' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"default\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!children || children?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top])\n      : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom])\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left])\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right])\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    activeBackgroundColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'background', variant, color, state: 'active' }),\n    ),\n    activeBorderColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'border', variant, color, state: 'active' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'brand.primary.400'),\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderRadius: makeBorderSize(theme.border.radius.small),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.activeBackgroundColor = disabledBackgroundColor;\n    props.activeBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'default',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  // Button cannot be disabled when its rendered as Link\n  const disabled = isLoading || (isDisabled && !isLink);\n  const { theme } = useTheme();\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    activeBorderColor,\n    activeBackgroundColor,\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    children: childrenString,\n    isDisabled: disabled,\n    size,\n    variant,\n    theme,\n    color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      activeBorderColor={activeBorderColor}\n      activeBackgroundColor={activeBackgroundColor}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onKeyDown={onKeyDown}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          position=\"absolute\"\n          top=\"0px\"\n          left=\"0px\"\n          bottom=\"0px\"\n          right=\"0px\"\n        >\n          <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n        </BaseBox>\n      ) : null}\n      <ButtonContent\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        isHidden={isLoading}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox\n            paddingRight={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n        {text ? (\n          <BaseText\n            lineHeight={lineHeight}\n            fontSize={fontSize}\n            fontWeight=\"bold\"\n            textAlign=\"center\"\n            color={textColor}\n          >\n            {text}\n          </BaseText>\n        ) : null}\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox\n            paddingLeft={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n      </ButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getColorToken","_ref","property","variant","state","color","getProps","_ref2","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","iconPadding","buttonIconPadding","iconColor","textColor","buttonPaddingTop","makeSpace","spacing","buttonIconOnlyPadding","top","buttonPadding","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","activeBackgroundColor","activeBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","small","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref3","isHidden","opacity","_BaseButton","_ref4","ref","target","rel","_ref4$variant","_ref4$color","_ref4$size","Icon","icon","_ref4$iconPosition","iconPosition","_ref4$isDisabled","_ref4$isFullWidth","isFullWidth","_ref4$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref4$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","isLink","Boolean","childrenString","getStringFromReactText","disabled","_useTheme","useTheme","__DEV__","prevLoading","usePrevious","React","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","_jsxs","StyledBaseButton","Object","assign","as","makeAccessible","role","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsx","display","justifyContent","alignItems","position","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/Button/BaseButton/BaseButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseButton from './StyledBaseButton';\nimport type { ButtonTypography, ButtonMinHeight } from './buttonTokens';\nimport {\n  textColor,\n  backgroundColor,\n  buttonIconOnlyPadding,\n  buttonIconOnlySizeToIconSizeMap,\n  typography as buttonTypography,\n  minHeight as buttonMinHeight,\n  buttonSizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n} from './buttonTokens';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BaseLinkProps } from '~components/Link/BaseLink';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconComponent, IconProps, IconSize } from '~components/Icons';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport type { BorderRadiusValues, BorderWidthValues, SpacingValues } from '~tokens/theme/theme';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTheme } from '~components/BladeProvider';\nimport { announce } from '~components/LiveAnnouncer';\nimport type { BaseSpinnerProps } from '~components/Spinner/BaseSpinner';\nimport { BaseSpinner } from '~components/Spinner/BaseSpinner';\nimport BaseBox from '~components/Box/BaseBox';\nimport type {\n  BladeElementRef,\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n} from '~utils/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { usePrevious } from '~utils/usePrevious';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeSpace } from '~utils/makeSpace';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { BladeCommonEvents } from '~components/types';\nimport { throwBladeError } from '~utils/logger';\n\ntype BaseButtonCommonProps = {\n  href?: BaseLinkProps['href'];\n  target?: BaseLinkProps['target'];\n  rel?: BaseLinkProps['rel'];\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  type?: 'button' | 'reset' | 'submit';\n  isLoading?: boolean;\n  accessibilityProps?: Partial<AccessibilityProps>;\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\nMandatory children prop when icon is not provided\n*/\ntype BaseButtonWithoutIconProps = BaseButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n Optional children prop when icon is provided\n*/\ntype BaseButtonWithIconProps = BaseButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n With or without icon prop. We need at least an icon or a children prop present.\n*/\nexport type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;\n\ntype BaseButtonColorTokenModifiers = {\n  variant: NonNullable<BaseButtonProps['variant']>;\n  state: 'default' | 'hover' | 'focus' | 'disabled';\n  color: BaseButtonProps['color'];\n};\n\n/**\n * All possible icon colors, derived from `IconProps` minus `currentColor` because possible values should only be from tokens\n */\ntype IconColor = Exclude<IconProps['color'], 'currentColor'>;\n\nconst getRenderElement = (href?: string): 'a' | 'button' | undefined => {\n  if (isReactNative()) {\n    return undefined; // as property doesn't work with react native\n  }\n\n  if (href) {\n    return 'a';\n  }\n\n  return 'button';\n};\n\nconst getBackgroundColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'background' | 'border';\n}): DotNotationToken<Theme['colors']> => {\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n  const tokens = backgroundColor(property);\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\nconst getTextColorToken = ({\n  property,\n  variant,\n  state,\n  color,\n}: BaseButtonColorTokenModifiers & {\n  property: 'icon' | 'text';\n}): DotNotationToken<Theme['colors']> => {\n  const tokens = textColor(property);\n  const _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;\n\n  if (color === 'white') {\n    return tokens.white[variant][_state];\n  }\n\n  if (color && color !== 'primary') {\n    if (variant === 'tertiary') {\n      throw new Error(\n        `Tertiary variant can only be used with color: \"primary\" or \"white\" but received \"${color}\"`,\n      );\n    }\n    return tokens.color(color)[variant][_state];\n  }\n\n  return tokens.base[variant][_state];\n};\n\ntype BaseButtonStyleProps = {\n  iconSize: IconSize;\n  spinnerSize: BaseSpinnerProps['size'];\n  fontSize: keyof Theme['typography']['fonts']['size'];\n  lineHeight: keyof Theme['typography']['lineHeights'];\n  minHeight: `${ButtonMinHeight}px`;\n  iconPadding?: DotNotationSpacingStringToken;\n  iconColor: IconColor;\n  textColor: BaseTextProps['color'];\n  buttonPaddingTop: SpacingValues;\n  buttonPaddingBottom: SpacingValues;\n  buttonPaddingLeft: SpacingValues;\n  buttonPaddingRight: SpacingValues;\n  text?: string;\n  defaultBackgroundColor: string;\n  defaultBorderColor: string;\n  hoverBackgroundColor: string;\n  hoverBorderColor: string;\n  focusBackgroundColor: string;\n  focusBorderColor: string;\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  borderWidth: BorderWidthValues;\n  borderRadius: BorderRadiusValues;\n};\n\nconst getProps = ({\n  buttonTypographyTokens,\n  children,\n  isDisabled,\n  size,\n  theme,\n  variant,\n  color,\n  hasIcon,\n}: {\n  buttonTypographyTokens: ButtonTypography;\n  children?: string;\n  isDisabled: boolean;\n  hasIcon: boolean;\n  theme: Theme;\n  size: NonNullable<BaseButtonProps['size']>;\n  variant: NonNullable<BaseButtonProps['variant']>;\n  color: BaseButtonProps['color'];\n}): BaseButtonStyleProps => {\n  if (variant === 'tertiary' && color !== 'primary' && color !== 'white') {\n    throwBladeError({\n      moduleName: 'BaseButton',\n      message: `Tertiary variant can only be used with color: \"default\" or \"white\" but received \"${color}\"`,\n    });\n  }\n\n  const isIconOnly = hasIcon && (!children || children?.trim().length === 0);\n  const props: BaseButtonStyleProps = {\n    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],\n    spinnerSize: buttonSizeToSpinnerSizeMap[size],\n    fontSize: buttonTypographyTokens.fonts.size[size],\n    lineHeight: buttonTypographyTokens.lineHeights[size],\n    minHeight: makeSize(buttonMinHeight[size]),\n    iconPadding: hasIcon && children?.trim() ? `spacing.${buttonIconPadding[size]}` : undefined,\n    iconColor: getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'default',\n    }) as IconColor,\n    textColor: getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'default',\n    }) as BaseTextProps['color'],\n    buttonPaddingTop: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].top])\n      : makeSpace(theme.spacing[buttonPadding[size].top]),\n    buttonPaddingBottom: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].bottom])\n      : makeSpace(theme.spacing[buttonPadding[size].bottom]),\n    buttonPaddingLeft: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].left])\n      : makeSpace(theme.spacing[buttonPadding[size].left]),\n    buttonPaddingRight: isIconOnly\n      ? makeSpace(theme.spacing[buttonIconOnlyPadding[size].right])\n      : makeSpace(theme.spacing[buttonPadding[size].right]),\n    text: size === 'xsmall' ? children?.trim().toUpperCase() : children?.trim(),\n    defaultBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'default' }),\n    ),\n    defaultBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'default' }),\n    ),\n    hoverBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'hover' }),\n    ),\n    hoverBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'hover' }),\n    ),\n    focusBackgroundColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'focus' }),\n    ),\n    focusBorderColor: getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'focus' }),\n    ),\n    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),\n    borderWidth: variant == 'secondary' ? makeBorderSize(theme.border.width.thin) : '0px',\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    motionDuration: 'duration.xquick',\n    motionEasing: 'easing.standard.effective',\n  };\n\n  if (isDisabled) {\n    const disabledBackgroundColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'background', variant, color, state: 'disabled' }),\n    );\n    const disabledBorderColor = getIn(\n      theme.colors,\n      getBackgroundColorToken({ property: 'border', variant, color, state: 'disabled' }),\n    );\n    props.iconColor = getTextColorToken({\n      property: 'icon',\n      variant,\n      color,\n      state: 'disabled',\n    }) as IconColor;\n    props.textColor = getTextColorToken({\n      property: 'text',\n      variant,\n      color,\n      state: 'disabled',\n    }) as BaseTextProps['color'];\n    props.defaultBackgroundColor = disabledBackgroundColor;\n    props.defaultBorderColor = disabledBorderColor;\n    props.hoverBackgroundColor = disabledBackgroundColor;\n    props.hoverBorderColor = disabledBorderColor;\n    props.focusBackgroundColor = disabledBackgroundColor;\n    props.focusBorderColor = disabledBorderColor;\n  }\n\n  return props;\n};\n\nconst ButtonContent = styled(BaseBox)<{ isHidden: boolean }>(({ isHidden }) => ({\n  opacity: isHidden ? 0 : 1,\n}));\n\nconst _BaseButton: React.ForwardRefRenderFunction<BladeElementRef, BaseButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'primary',\n    color = 'primary',\n    size = 'medium',\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    onClick,\n    onBlur,\n    onKeyDown,\n    type = 'button',\n    children,\n    testID,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    accessibilityProps,\n    onTouchEnd,\n    onTouchStart,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isLink = Boolean(href);\n  const childrenString = getStringFromReactText(children);\n  // Button cannot be disabled when its rendered as Link\n  const disabled = isLoading || (isDisabled && !isLink);\n\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: 'At least one of icon or text is required to render a button.',\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n\n  const prevLoading = usePrevious(isLoading);\n\n  React.useEffect(() => {\n    if (isLoading) announce('Started loading');\n\n    if (!isLoading && prevLoading) announce('Stopped loading');\n  }, [isLoading, prevLoading]);\n\n  const {\n    defaultBorderColor,\n    defaultBackgroundColor,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    focusBorderColor,\n    focusBackgroundColor,\n    focusRingColor,\n    fontSize,\n    hoverBorderColor,\n    hoverBackgroundColor,\n    iconColor,\n    iconSize,\n    iconPadding,\n    spinnerSize,\n    lineHeight,\n    text,\n    textColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n  } = getProps({\n    buttonTypographyTokens: buttonTypography,\n    children: childrenString,\n    isDisabled: disabled,\n    size,\n    variant,\n    theme,\n    color,\n    hasIcon: Boolean(Icon),\n  });\n\n  const renderElement = React.useMemo(() => getRenderElement(href), [href]);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBaseButton\n      ref={ref as any}\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n      // @ts-ignore: On React Native it will always be undefined but TS doesn't understand that\n      as={renderElement}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      isLoading={isLoading}\n      disabled={disabled}\n      defaultBorderColor={defaultBorderColor}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      defaultBackgroundColor={defaultBackgroundColor}\n      focusBorderColor={focusBorderColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onKeyDown={onKeyDown}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      type={type}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      {...metaAttribute({ name: MetaConstants.Button, testID })}\n      {...getStyledProps(rest)}\n    >\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          position=\"absolute\"\n          top=\"0px\"\n          left=\"0px\"\n          bottom=\"0px\"\n          right=\"0px\"\n          zIndex={1}\n        >\n          <BaseSpinner accessibilityLabel=\"Loading\" size={spinnerSize} color={color} />\n        </BaseBox>\n      ) : null}\n      <ButtonContent\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        isHidden={isLoading}\n        zIndex={1}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox\n            paddingRight={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n        {text ? (\n          <BaseText\n            lineHeight={lineHeight}\n            fontSize={fontSize}\n            // figma and web have different font-smoothing properties\n            // which causes web version of button text to look much bolder\n            // than figma version. To fix this we are changing font-weight from 600 to 500\n            // https://forum.figma.com/t/why-does-a-font-weight-in-figma-seem-lighter-than-the-same-weight-in-the-browser/2207\n            fontWeight=\"medium\"\n            textAlign=\"center\"\n            color={textColor}\n          >\n            {text}\n          </BaseText>\n        ) : null}\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox\n            paddingLeft={iconPadding}\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n          >\n            <Icon size={iconSize} color={iconColor} />\n          </BaseBox>\n        ) : null}\n      </ButtonContent>\n    </StyledBaseButton>\n  );\n};\n\nconst BaseButton = assignWithoutSideEffects(React.forwardRef(_BaseButton), {\n  displayName: 'BaseButton',\n});\n\nexport default BaseButton;\n"],"names":["getRenderElement","href","isReactNative","undefined","getBackgroundColorToken","_ref","property","variant","state","color","_state","tokens","backgroundColor","white","Error","base","getTextColorToken","_ref2","textColor","getProps","_ref3","buttonTypographyTokens","children","isDisabled","size","theme","hasIcon","throwBladeError","moduleName","message","isIconOnly","trim","length","props","iconSize","buttonIconOnlySizeToIconSizeMap","buttonSizeToIconSizeMap","spinnerSize","buttonSizeToSpinnerSizeMap","fontSize","fonts","lineHeight","lineHeights","minHeight","makeSize","buttonMinHeight","iconPadding","buttonIconPadding","iconColor","buttonPaddingTop","makeSpace","spacing","buttonIconOnlyPadding","top","buttonPadding","buttonPaddingBottom","bottom","buttonPaddingLeft","left","buttonPaddingRight","right","text","toUpperCase","defaultBackgroundColor","getIn","colors","defaultBorderColor","hoverBackgroundColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","focusRingColor","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","medium","motionDuration","motionEasing","disabledBackgroundColor","disabledBorderColor","ButtonContent","styled","BaseBox","_ref4","isHidden","opacity","_BaseButton","_ref5","ref","target","rel","_ref5$variant","_ref5$color","_ref5$size","Icon","icon","_ref5$iconPosition","iconPosition","_ref5$isDisabled","_ref5$isFullWidth","isFullWidth","_ref5$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref5$type","type","testID","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","isLink","Boolean","childrenString","getStringFromReactText","disabled","__DEV__","prevLoading","usePrevious","React","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","_jsxs","StyledBaseButton","Object","assign","as","makeAccessible","role","metaAttribute","name","MetaConstants","Button","getStyledProps","_jsx","display","justifyContent","alignItems","position","zIndex","BaseSpinner","accessibilityLabel","flexDirection","flex","paddingRight","BaseText","fontWeight","textAlign","paddingLeft","BaseButton","assignWithoutSideEffects","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,KAAA,CAAA,SAAA,CAAA,OAAA,CAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,YAAA,CAAA,aAAA,CAAA,WAAA,CAAA,SAAA,CAAA,QAAA,CAAA,WAAA,CAAA,MAAA,CAAA,UAAA,CAAA,QAAA,CAAA,SAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,cAAA,CAAA,CA8GA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAIC,IAAa,CAAiC,CACtE,GAAIC,aAAa,EAAE,CAAE,CACnB,OAAOC,SAAS,CAClB,CAEA,GAAIF,IAAI,CAAE,CACR,OAAO,GAAG,CACZ,CAEA,OAAO,QAAQ,CACjB,CAAC,CAED,IAAMG,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,CAOY,CANvC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CAIL,IAAMC,MAAM,CAAGF,KAAK,GAAK,OAAO,EAAIA,KAAK,GAAK,OAAO,CAAG,aAAa,CAAGA,KAAK,CAC7E,IAAMG,MAAM,CAAGC,eAAe,CAACN,QAAQ,CAAC,CAExC,GAAIG,KAAK,GAAK,OAAO,CAAE,CACrB,OAAOE,MAAM,CAACE,KAAK,CAACN,OAAO,CAAC,CAACG,MAAM,CAAC,CACtC,CAEA,GAAID,KAAK,EAAIA,KAAK,GAAK,SAAS,CAAE,CAChC,GAAIF,OAAO,GAAK,UAAU,CAAE,CAC1B,MAAU,IAAAO,KAAK,CACZ,CAAmFL,iFAAAA,EAAAA,KAAM,CAC5F,CAAA,CAAA,CAAC,CACH,CACA,OAAOE,MAAM,CAACF,KAAK,CAACA,KAAK,CAAC,CAACF,OAAO,CAAC,CAACG,MAAM,CAAC,CAC7C,CAEA,OAAOC,MAAM,CAACI,IAAI,CAACR,OAAO,CAAC,CAACG,MAAM,CAAC,CACrC,CAAC,CAED,IAAMM,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAOkB,CAAA,IANvCX,QAAQ,CAAAW,KAAA,CAARX,QAAQ,CACRC,OAAO,CAAAU,KAAA,CAAPV,OAAO,CACPC,KAAK,CAAAS,KAAA,CAALT,KAAK,CACLC,KAAK,CAAAQ,KAAA,CAALR,KAAK,CAIL,IAAME,MAAM,CAAGO,SAAS,CAACZ,QAAQ,CAAC,CAClC,IAAMI,MAAM,CAAGF,KAAK,GAAK,OAAO,EAAIA,KAAK,GAAK,OAAO,CAAG,aAAa,CAAGA,KAAK,CAE7E,GAAIC,KAAK,GAAK,OAAO,CAAE,CACrB,OAAOE,MAAM,CAACE,KAAK,CAACN,OAAO,CAAC,CAACG,MAAM,CAAC,CACtC,CAEA,GAAID,KAAK,EAAIA,KAAK,GAAK,SAAS,CAAE,CAChC,GAAIF,OAAO,GAAK,UAAU,CAAE,CAC1B,MAAM,IAAIO,KAAK,CACZ,CAAA,iFAAA,EAAmFL,KAAM,CAC5F,CAAA,CAAA,CAAC,CACH,CACA,OAAOE,MAAM,CAACF,KAAK,CAACA,KAAK,CAAC,CAACF,OAAO,CAAC,CAACG,MAAM,CAAC,CAC7C,CAEA,OAAOC,MAAM,CAACI,IAAI,CAACR,OAAO,CAAC,CAACG,MAAM,CAAC,CACrC,CAAC,CA6BD,IAAMS,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAkBc,KAjB1BC,sBAAsB,CAAAD,KAAA,CAAtBC,sBAAsB,CACtBC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CACRC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,IAAI,CAAAJ,KAAA,CAAJI,IAAI,CACJC,KAAK,CAAAL,KAAA,CAALK,KAAK,CACLlB,OAAO,CAAAa,KAAA,CAAPb,OAAO,CACPE,KAAK,CAAAW,KAAA,CAALX,KAAK,CACLiB,OAAO,CAAAN,KAAA,CAAPM,OAAO,CAWP,GAAInB,OAAO,GAAK,UAAU,EAAIE,KAAK,GAAK,SAAS,EAAIA,KAAK,GAAK,OAAO,CAAE,CACtEkB,eAAe,CAAC,CACdC,UAAU,CAAE,YAAY,CACxBC,OAAO,CAAG,CAAA,iFAAA,EAAmFpB,KAAM,CAAA,CAAA,CACrG,CAAC,CAAC,CACJ,CAEA,IAAMqB,UAAU,CAAGJ,OAAO,GAAK,CAACJ,QAAQ,EAAI,CAAAA,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAES,IAAI,EAAE,CAACC,MAAM,IAAK,CAAC,CAAC,CAC1E,IAAMC,KAA2B,CAAG,CAClCC,QAAQ,CAAEJ,UAAU,CAAGK,+BAA+B,CAACX,IAAI,CAAC,CAAGY,uBAAuB,CAACZ,IAAI,CAAC,CAC5Fa,WAAW,CAAEC,0BAA0B,CAACd,IAAI,CAAC,CAC7Ce,QAAQ,CAAElB,sBAAsB,CAACmB,KAAK,CAAChB,IAAI,CAACA,IAAI,CAAC,CACjDiB,UAAU,CAAEpB,sBAAsB,CAACqB,WAAW,CAAClB,IAAI,CAAC,CACpDmB,SAAS,CAAEC,QAAQ,CAACC,SAAe,CAACrB,IAAI,CAAC,CAAC,CAC1CsB,WAAW,CAAEpB,OAAO,EAAIJ,QAAQ,EAARA,IAAAA,EAAAA,QAAQ,CAAES,IAAI,EAAE,CAAI,CAAUgB,QAAAA,EAAAA,iBAAiB,CAACvB,IAAI,CAAE,CAAA,CAAC,CAAGrB,SAAS,CAC3F6C,SAAS,CAAEhC,iBAAiB,CAAC,CAC3BV,QAAQ,CAAE,MAAM,CAChBC,OAAO,CAAPA,OAAO,CACPE,KAAK,CAALA,KAAK,CACLD,KAAK,CAAE,SACT,CAAC,CAAc,CACfU,SAAS,CAAEF,iBAAiB,CAAC,CAC3BV,QAAQ,CAAE,MAAM,CAChBC,OAAO,CAAPA,OAAO,CACPE,KAAK,CAALA,KAAK,CACLD,KAAK,CAAE,SACT,CAAC,CAA2B,CAC5ByC,gBAAgB,CAAEnB,UAAU,CACxBoB,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACC,qBAAqB,CAAC5B,IAAI,CAAC,CAAC6B,GAAG,CAAC,CAAC,CACzDH,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACG,aAAa,CAAC9B,IAAI,CAAC,CAAC6B,GAAG,CAAC,CAAC,CACrDE,mBAAmB,CAAEzB,UAAU,CAC3BoB,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACC,qBAAqB,CAAC5B,IAAI,CAAC,CAACgC,MAAM,CAAC,CAAC,CAC5DN,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACG,aAAa,CAAC9B,IAAI,CAAC,CAACgC,MAAM,CAAC,CAAC,CACxDC,iBAAiB,CAAE3B,UAAU,CACzBoB,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACC,qBAAqB,CAAC5B,IAAI,CAAC,CAACkC,IAAI,CAAC,CAAC,CAC1DR,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACG,aAAa,CAAC9B,IAAI,CAAC,CAACkC,IAAI,CAAC,CAAC,CACtDC,kBAAkB,CAAE7B,UAAU,CAC1BoB,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACC,qBAAqB,CAAC5B,IAAI,CAAC,CAACoC,KAAK,CAAC,CAAC,CAC3DV,SAAS,CAACzB,KAAK,CAAC0B,OAAO,CAACG,aAAa,CAAC9B,IAAI,CAAC,CAACoC,KAAK,CAAC,CAAC,CACvDC,IAAI,CAAErC,IAAI,GAAK,QAAQ,CAAGF,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAES,IAAI,EAAE,CAAC+B,WAAW,EAAE,CAAGxC,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAES,IAAI,EAAE,CAC3EgC,sBAAsB,CAAEC,KAAK,CAC3BvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,YAAY,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,SAAU,CAAC,CACtF,CAAC,CACD0D,kBAAkB,CAAEF,KAAK,CACvBvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,QAAQ,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,SAAU,CAAC,CAClF,CAAC,CACD2D,oBAAoB,CAAEH,KAAK,CACzBvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,YAAY,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,OAAQ,CAAC,CACpF,CAAC,CACD4D,gBAAgB,CAAEJ,KAAK,CACrBvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,QAAQ,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,OAAQ,CAAC,CAChF,CAAC,CACD6D,oBAAoB,CAAEL,KAAK,CACzBvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,YAAY,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,OAAQ,CAAC,CACpF,CAAC,CACD8D,gBAAgB,CAAEN,KAAK,CACrBvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,QAAQ,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,OAAQ,CAAC,CAChF,CAAC,CACD+D,cAAc,CAAEP,KAAK,CAACvC,KAAK,CAACwC,MAAM,CAAE,8BAA8B,CAAC,CACnEO,WAAW,CAAEjE,OAAO,EAAI,WAAW,CAAGkE,cAAc,CAAChD,KAAK,CAACiD,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CAAG,KAAK,CACrFC,YAAY,CAAEJ,cAAc,CAAChD,KAAK,CAACiD,MAAM,CAACI,MAAM,CAACC,MAAM,CAAC,CACxDC,cAAc,CAAE,iBAAiB,CACjCC,YAAY,CAAE,2BAChB,CAAC,CAED,GAAI1D,UAAU,CAAE,CACd,IAAM2D,uBAAuB,CAAGlB,KAAK,CACnCvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,YAAY,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,UAAW,CAAC,CACvF,CAAC,CACD,IAAM2E,mBAAmB,CAAGnB,KAAK,CAC/BvC,KAAK,CAACwC,MAAM,CACZ7D,uBAAuB,CAAC,CAAEE,QAAQ,CAAE,QAAQ,CAAEC,OAAO,CAAPA,OAAO,CAAEE,KAAK,CAALA,KAAK,CAAED,KAAK,CAAE,UAAW,CAAC,CACnF,CAAC,CACDyB,KAAK,CAACe,SAAS,CAAGhC,iBAAiB,CAAC,CAClCV,QAAQ,CAAE,MAAM,CAChBC,OAAO,CAAPA,OAAO,CACPE,KAAK,CAALA,KAAK,CACLD,KAAK,CAAE,UACT,CAAC,CAAc,CACfyB,KAAK,CAACf,SAAS,CAAGF,iBAAiB,CAAC,CAClCV,QAAQ,CAAE,MAAM,CAChBC,OAAO,CAAPA,OAAO,CACPE,KAAK,CAALA,KAAK,CACLD,KAAK,CAAE,UACT,CAAC,CAA2B,CAC5ByB,KAAK,CAAC8B,sBAAsB,CAAGmB,uBAAuB,CACtDjD,KAAK,CAACiC,kBAAkB,CAAGiB,mBAAmB,CAC9ClD,KAAK,CAACkC,oBAAoB,CAAGe,uBAAuB,CACpDjD,KAAK,CAACmC,gBAAgB,CAAGe,mBAAmB,CAC5ClD,KAAK,CAACoC,oBAAoB,CAAGa,uBAAuB,CACpDjD,KAAK,CAACqC,gBAAgB,CAAGa,mBAAmB,CAC9C,CAEA,OAAOlD,KAAK,CACd,CAAC,CAED,IAAMmD,aAAa,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAwB,SAAAC,KAAA,CAAG,CAAA,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAQ,OAAA,CAC9EC,OAAO,CAAED,QAAQ,CAAG,CAAC,CAAG,CAC1B,CAAC,CAAA,CAAC,CAAC,CAEH,IAAME,WAA6E,CAAG,SAAhFA,WAA6EA,CAAAC,KAAA,CA6BjFC,GAAG,CACA,CA5BD,IAAA3F,IAAI,CAAA0F,KAAA,CAAJ1F,IAAI,CACJ4F,MAAM,CAAAF,KAAA,CAANE,MAAM,CACNC,GAAG,CAAAH,KAAA,CAAHG,GAAG,CAAAC,aAAA,CAAAJ,KAAA,CACHpF,OAAO,CAAPA,OAAO,CAAAwF,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CAAAC,WAAA,CAAAL,KAAA,CACnBlF,KAAK,CAALA,KAAK,CAAAuF,WAAA,UAAG,SAAS,CAAAA,WAAA,CAAAC,UAAA,CAAAN,KAAA,CACjBnE,IAAI,CAAJA,IAAI,CAAAyE,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CACTC,IAAI,CAAAP,KAAA,CAAVQ,IAAI,CAAAC,kBAAA,CAAAT,KAAA,CACJU,YAAY,CAAZA,YAAY,CAAAD,kBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,kBAAA,CAAAE,gBAAA,CAAAX,KAAA,CACrBpE,UAAU,CAAVA,UAAU,CAAA+E,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAAAC,iBAAA,CAAAZ,KAAA,CAClBa,WAAW,CAAXA,WAAW,CAAAD,iBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,iBAAA,CAAAE,eAAA,CAAAd,KAAA,CACnBe,SAAS,CAATA,SAAS,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CACjBE,OAAO,CAAAhB,KAAA,CAAPgB,OAAO,CACPC,MAAM,CAAAjB,KAAA,CAANiB,MAAM,CACNC,SAAS,CAAAlB,KAAA,CAATkB,SAAS,CAAAC,UAAA,CAAAnB,KAAA,CACToB,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CACfxF,QAAQ,CAAAqE,KAAA,CAARrE,QAAQ,CACR0F,MAAM,CAAArB,KAAA,CAANqB,MAAM,CACNC,OAAO,CAAAtB,KAAA,CAAPsB,OAAO,CACPC,YAAY,CAAAvB,KAAA,CAAZuB,YAAY,CACZC,WAAW,CAAAxB,KAAA,CAAXwB,WAAW,CACXC,aAAa,CAAAzB,KAAA,CAAbyB,aAAa,CACbC,cAAc,CAAA1B,KAAA,CAAd0B,cAAc,CACdC,kBAAkB,CAAA3B,KAAA,CAAlB2B,kBAAkB,CAClBC,UAAU,CAAA5B,KAAA,CAAV4B,UAAU,CACVC,YAAY,CAAA7B,KAAA,CAAZ6B,YAAY,CACTC,IAAI,CAAAC,wBAAA,CAAA/B,KAAA,CAAAgC,SAAA,CAAA,CAIT,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBpG,KAAK,CAAAmG,SAAA,CAALnG,KAAK,CACb,IAAMqG,MAAM,CAAGC,OAAO,CAAC9H,IAAI,CAAC,CAC5B,IAAM+H,cAAc,CAAGC,sBAAsB,CAAC3G,QAAQ,CAAC,CAEvD,IAAM4G,QAAQ,CAAGxB,SAAS,EAAKnF,UAAU,EAAI,CAACuG,MAAO,CAErD,GAAIK,OAAO,CAAE,CACX,GAAI,CAACjC,IAAI,EAAI,EAAC8B,cAAc,EAAA,IAAA,EAAdA,cAAc,CAAEjG,IAAI,EAAE,CAAA,CAAE,CACpCJ,eAAe,CAAC,CACdE,OAAO,CAAE,8DAA8D,CACvED,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CAEA,IAAMwG,WAAW,CAAGC,WAAW,CAAC3B,SAAS,CAAC,CAE1C4B,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAI7B,SAAS,CAAE8B,QAAQ,CAAC,iBAAiB,CAAC,CAE1C,GAAI,CAAC9B,SAAS,EAAI0B,WAAW,CAAEI,QAAQ,CAAC,iBAAiB,CAAC,CAC5D,CAAC,CAAE,CAAC9B,SAAS,CAAE0B,WAAW,CAAC,CAAC,CAE5B,IAAAK,SAAA,CAyBItH,QAAQ,CAAC,CACXE,sBAAsB,CAAEqH,UAAgB,CACxCpH,QAAQ,CAAE0G,cAAc,CACxBzG,UAAU,CAAE2G,QAAQ,CACpB1G,IAAI,CAAJA,IAAI,CACJjB,OAAO,CAAPA,OAAO,CACPkB,KAAK,CAALA,KAAK,CACLhB,KAAK,CAALA,KAAK,CACLiB,OAAO,CAAEqG,OAAO,CAAC7B,IAAI,CACvB,CAAC,CAAC,CAjCAhC,kBAAkB,CAAAuE,SAAA,CAAlBvE,kBAAkB,CAClBH,sBAAsB,CAAA0E,SAAA,CAAtB1E,sBAAsB,CACtBpB,SAAS,CAAA8F,SAAA,CAAT9F,SAAS,CACTM,gBAAgB,CAAAwF,SAAA,CAAhBxF,gBAAgB,CAChBM,mBAAmB,CAAAkF,SAAA,CAAnBlF,mBAAmB,CACnBE,iBAAiB,CAAAgF,SAAA,CAAjBhF,iBAAiB,CACjBE,kBAAkB,CAAA8E,SAAA,CAAlB9E,kBAAkB,CAClBW,gBAAgB,CAAAmE,SAAA,CAAhBnE,gBAAgB,CAChBD,oBAAoB,CAAAoE,SAAA,CAApBpE,oBAAoB,CACpBE,cAAc,CAAAkE,SAAA,CAAdlE,cAAc,CACdhC,QAAQ,CAAAkG,SAAA,CAARlG,QAAQ,CACR6B,gBAAgB,CAAAqE,SAAA,CAAhBrE,gBAAgB,CAChBD,oBAAoB,CAAAsE,SAAA,CAApBtE,oBAAoB,CACpBnB,SAAS,CAAAyF,SAAA,CAATzF,SAAS,CACTd,QAAQ,CAAAuG,SAAA,CAARvG,QAAQ,CACRY,WAAW,CAAA2F,SAAA,CAAX3F,WAAW,CACXT,WAAW,CAAAoG,SAAA,CAAXpG,WAAW,CACXI,UAAU,CAAAgG,SAAA,CAAVhG,UAAU,CACVoB,IAAI,CAAA4E,SAAA,CAAJ5E,IAAI,CACJ3C,SAAS,CAAAuH,SAAA,CAATvH,SAAS,CACTsD,WAAW,CAAAiE,SAAA,CAAXjE,WAAW,CACXK,YAAY,CAAA4D,SAAA,CAAZ5D,YAAY,CACZG,cAAc,CAAAyD,SAAA,CAAdzD,cAAc,CACdC,YAAY,CAAAwD,SAAA,CAAZxD,YAAY,CAYd,IAAM0D,aAAa,CAAGL,cAAK,CAACM,OAAO,CAAC,UAAM,CAAA,OAAA5I,gBAAgB,CAACC,IAAI,CAAC,CAAA,CAAA,CAAE,CAACA,IAAI,CAAC,CAAC,CACzE,IAAM4I,UAAU,CAAGhD,MAAM,GAAK,QAAQ,CAAG,qBAAqB,CAAG1F,SAAS,CAE1E,OACE2I,IAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACfrD,GAAG,CAAEA,GAAW,CAGhBsD,EAAE,CAAEP,aAAc,CAClB1I,IAAI,CAAEA,IAAK,CACX4F,MAAM,CAAEA,MAAO,CACfC,GAAG,CAAEA,GAAG,EAAA,IAAA,CAAHA,GAAG,CAAI+C,UAAW,CACvBvB,kBAAkB,CAAA0B,MAAA,CAAAC,MAAA,CACbE,EAAAA,CAAAA,cAAc,CAAAH,MAAA,CAAAC,MAAA,CACfG,CAAAA,IAAI,CAAEtB,MAAM,CAAG,MAAM,CAAG,QAAQ,CAAA,CAC7BR,kBAAkB,CACtB,CAAC,CACF,CACF/G,OAAO,CAAEA,OAAQ,CACjBmG,SAAS,CAAEA,SAAU,CACrBwB,QAAQ,CAAEA,QAAS,CACnBhE,kBAAkB,CAAEA,kBAAmB,CACvCvB,SAAS,CAAEA,SAAU,CACrBM,gBAAgB,CAAEA,gBAAiB,CACnCM,mBAAmB,CAAEA,mBAAoB,CACzCE,iBAAiB,CAAEA,iBAAkB,CACrCE,kBAAkB,CAAEA,kBAAmB,CACvCI,sBAAsB,CAAEA,sBAAuB,CAC/CO,gBAAgB,CAAEA,gBAAiB,CACnCD,oBAAoB,CAAEA,oBAAqB,CAC3CE,cAAc,CAAEA,cAAe,CAC/BH,gBAAgB,CAAEA,gBAAiB,CACnCD,oBAAoB,CAAEA,oBAAqB,CAC3CqC,WAAW,CAAEA,WAAY,CACzBG,OAAO,CAAEA,OAAQ,CACjBC,MAAM,CAAEA,MAAO,CACfK,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BR,SAAS,CAAEA,SAAU,CACrBW,YAAY,CAAEA,YAAa,CAC3BD,UAAU,CAAEA,UAAW,CACvBR,IAAI,CAAEA,IAAK,CACXvC,WAAW,CAAEA,WAAY,CACzBK,YAAY,CAAEA,YAAa,CAC3BG,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAAA,CACvBoE,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,MAAM,CAAExC,MAAM,CAANA,MAAO,CAAC,CAAC,CACrDyC,cAAc,CAAChC,IAAI,CAAC,CAAA,CAAAnG,QAAA,CAAA,CAEvBoF,SAAS,CACRgD,GAAA,CAACpE,OAAO,CACNqE,CAAAA,OAAO,CAAC,MAAM,CACdC,cAAc,CAAC,QAAQ,CACvBC,UAAU,CAAC,QAAQ,CACnBC,QAAQ,CAAC,UAAU,CACnBzG,GAAG,CAAC,KAAK,CACTK,IAAI,CAAC,KAAK,CACVF,MAAM,CAAC,KAAK,CACZI,KAAK,CAAC,KAAK,CACXmG,MAAM,CAAE,CAAE,CAAAzI,QAAA,CAEVoI,GAAA,CAACM,WAAW,CAACC,CAAAA,kBAAkB,CAAC,SAAS,CAACzI,IAAI,CAAEa,WAAY,CAAC5B,KAAK,CAAEA,KAAM,CAAE,CAAC,CACtE,CAAC,CACR,IAAI,CACRqI,IAAA,CAAC1D,aAAa,CACZuE,CAAAA,OAAO,CAAC,MAAM,CACdO,aAAa,CAAC,KAAK,CACnBL,UAAU,CAAC,QAAQ,CACnBD,cAAc,CAAC,QAAQ,CACvBO,IAAI,CAAE,CAAE,CACR3E,QAAQ,CAAEkB,SAAU,CACpBqD,MAAM,CAAE,CAAE,CAAAzI,QAAA,CAAA,CAET4E,IAAI,EAAIG,YAAY,EAAI,MAAM,CAC7BqD,GAAA,CAACpE,OAAO,CACN8E,CAAAA,YAAY,CAAEtH,WAAY,CAC1B6G,OAAO,CAAC,MAAM,CACdC,cAAc,CAAC,QAAQ,CACvBC,UAAU,CAAC,QAAQ,CAAAvI,QAAA,CAEnBoI,GAAA,CAACxD,IAAI,CAAC1E,CAAAA,IAAI,CAAEU,QAAS,CAACzB,KAAK,CAAEuC,SAAU,CAAE,CAAC,CACnC,CAAC,CACR,IAAI,CACPa,IAAI,CACH6F,GAAA,CAACW,QAAQ,CACP5H,CAAAA,UAAU,CAAEA,UAAW,CACvBF,QAAQ,CAAEA,QAAS,CAKnB+H,UAAU,CAAC,QAAQ,CACnBC,SAAS,CAAC,QAAQ,CAClB9J,KAAK,CAAES,SAAU,CAAAI,QAAA,CAEhBuC,IAAI,CACG,CAAC,CACT,IAAI,CACPqC,IAAI,EAAIG,YAAY,EAAI,OAAO,CAC9BqD,GAAA,CAACpE,OAAO,CACNkF,CAAAA,WAAW,CAAE1H,WAAY,CACzB6G,OAAO,CAAC,MAAM,CACdC,cAAc,CAAC,QAAQ,CACvBC,UAAU,CAAC,QAAQ,CAAAvI,QAAA,CAEnBoI,GAAA,CAACxD,IAAI,CAAC1E,CAAAA,IAAI,CAAEU,QAAS,CAACzB,KAAK,CAAEuC,SAAU,CAAE,CAAC,CACnC,CAAC,CACR,IAAI,CAAA,CACK,CAAC,CACA,CAAA,CAAA,CAAC,CAEvB,CAAC,CAEK,IAAAyH,UAAU,CAAGC,wBAAwB,CAACpC,cAAK,CAACqC,UAAU,CAACjF,WAAW,CAAC,CAAE,CACzEkF,WAAW,CAAE,YACf,CAAC;;;;"}

package/build/lib/native/components/Button/BaseButton/StyledBaseButton.native.js

@@ -17,7 +17,7 @@ import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["onClick","href","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","activeBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","activeBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus"];var StyledPressable=styled(Animated.createAnimatedComponent(Pressable))(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseButtonStyles(props),{alignSelf:'center',display:'flex'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledBaseButton=function _StyledBaseButton(_ref2,ref){var onClick=_ref2.onClick,href=_ref2.href;_ref2.onBlur;_ref2.onKeyDown;var _children=_ref2.children,variant=_ref2.variant,minHeight=_ref2.minHeight,buttonPaddingTop=_ref2.buttonPaddingTop,buttonPaddingBottom=_ref2.buttonPaddingBottom,buttonPaddingLeft=_ref2.buttonPaddingLeft,buttonPaddingRight=_ref2.buttonPaddingRight,isFullWidth=_ref2.isFullWidth,disabled=_ref2.disabled,defaultBackgroundColor=_ref2.defaultBackgroundColor,defaultBorderColor=_ref2.defaultBorderColor,hoverBackgroundColor=_ref2.hoverBackgroundColor,activeBackgroundColor=_ref2.activeBackgroundColor,focusBackgroundColor=_ref2.focusBackgroundColor,focusRingColor=_ref2.focusRingColor,hoverBorderColor=_ref2.hoverBorderColor,activeBorderColor=_ref2.activeBorderColor,focusBorderColor=_ref2.focusBorderColor,borderWidth=_ref2.borderWidth,borderRadius=_ref2.borderRadius,motionDuration=_ref2.motionDuration,motionEasing=_ref2.motionEasing,isLoading=_ref2.isLoading,accessibilityProps=_ref2.accessibilityProps,testID=_ref2.testID,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd,onPointerEnter=_ref2.onPointerEnter,onPointerDown=_ref2.onPointerDown,onFocus=_ref2.onFocus,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isPressed=useSharedValue(false);var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return Object.assign({backgroundColor:withTiming(isPressed.value?activeBackgroundColor:defaultBackgroundColor,{duration:duration,easing:easing})},variant!=='tertiary'&&{borderColor:withTiming(isPressed.value?activeBorderColor:defaultBorderColor,{duration:duration,easing:easing})});});var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledPressable,Object.assign({},styledProps,accessibilityProps,{ref:ref,role:"button",onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onFocus:castNativeType(onFocus),isLoading:isLoading,onPress:handleOnPress,style:animatedStyles,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,isFullWidth:isFullWidth,disabled:disabled,defaultBackgroundColor:defaultBackgroundColor,defaultBorderColor:defaultBorderColor,hoverBackgroundColor:hoverBackgroundColor,activeBackgroundColor:activeBackgroundColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,activeBorderColor:activeBorderColor,focusBorderColor:focusBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,testID:testID,children:function children(_ref3){var pressed=_ref3.pressed;isPressed.value=pressed;return _children;}}));};var StyledBaseButton=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseButton),{displayName:'StyledBaseButton'});
+var _excluded=["onClick","href","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus"];var StyledPressable=styled(Animated.createAnimatedComponent(Pressable))(function(props){var styledPropsCSSObject=useStyledProps(props);return Object.assign({},getBaseButtonStyles(props),{alignSelf:'center',display:'flex'},styledPropsCSSObject);});var openURL=function(){var _ref=_asyncToGenerator(function*(href){try{var canOpen=yield Linking.canOpenURL(href);if(canOpen){yield Linking.openURL(href);}}catch(_unused){if(__DEV__){logger({type:'warn',message:`Could not open the link "href=${href}"`,moduleName:'BaseButton'});}}});return function openURL(_x){return _ref.apply(this,arguments);};}();var _StyledBaseButton=function _StyledBaseButton(_ref2,ref){var onClick=_ref2.onClick,href=_ref2.href;_ref2.onBlur;_ref2.onKeyDown;var _children=_ref2.children,variant=_ref2.variant,minHeight=_ref2.minHeight,buttonPaddingTop=_ref2.buttonPaddingTop,buttonPaddingBottom=_ref2.buttonPaddingBottom,buttonPaddingLeft=_ref2.buttonPaddingLeft,buttonPaddingRight=_ref2.buttonPaddingRight,isFullWidth=_ref2.isFullWidth,disabled=_ref2.disabled,defaultBackgroundColor=_ref2.defaultBackgroundColor,defaultBorderColor=_ref2.defaultBorderColor,hoverBackgroundColor=_ref2.hoverBackgroundColor,focusBackgroundColor=_ref2.focusBackgroundColor,focusRingColor=_ref2.focusRingColor,hoverBorderColor=_ref2.hoverBorderColor,focusBorderColor=_ref2.focusBorderColor,borderWidth=_ref2.borderWidth,borderRadius=_ref2.borderRadius,motionDuration=_ref2.motionDuration,motionEasing=_ref2.motionEasing,isLoading=_ref2.isLoading,accessibilityProps=_ref2.accessibilityProps,testID=_ref2.testID,onTouchStart=_ref2.onTouchStart,onTouchEnd=_ref2.onTouchEnd,onPointerEnter=_ref2.onPointerEnter,onPointerDown=_ref2.onPointerDown,onFocus=_ref2.onFocus,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isPressed=useSharedValue(false);var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return Object.assign({backgroundColor:withTiming(isPressed.value?focusBackgroundColor:defaultBackgroundColor,{duration:duration,easing:easing})},variant!=='tertiary'&&{borderColor:withTiming(isPressed.value?focusBorderColor:defaultBorderColor,{duration:duration,easing:easing})});});var handleOnPress=function handleOnPress(event){if(href){void openURL(href);}if(onClick){onClick(event);}};return jsx(StyledPressable,Object.assign({},styledProps,accessibilityProps,{ref:ref,role:"button",onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onFocus:castNativeType(onFocus),isLoading:isLoading,onPress:handleOnPress,style:animatedStyles,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,isFullWidth:isFullWidth,disabled:disabled,defaultBackgroundColor:defaultBackgroundColor,defaultBorderColor:defaultBorderColor,hoverBackgroundColor:hoverBackgroundColor,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBorderColor:hoverBorderColor,focusBorderColor:focusBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,testID:testID,children:function children(_ref3){var pressed=_ref3.pressed;isPressed.value=pressed;return _children;}}));};var StyledBaseButton=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseButton),{displayName:'StyledBaseButton'});
 
 export { StyledBaseButton as default };
 //# sourceMappingURL=StyledBaseButton.native.js.map

package/build/lib/native/components/Button/BaseButton/StyledBaseButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n  Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n\n  return {\n    ...getStyledBaseButtonStyles(props),\n    alignSelf: 'center',\n    display: 'flex',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n  {\n    onClick,\n    href,\n    onBlur,\n    onKeyDown,\n    children,\n    variant,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    isFullWidth,\n    disabled,\n    defaultBackgroundColor,\n    defaultBorderColor,\n    hoverBackgroundColor,\n    activeBackgroundColor,\n    focusBackgroundColor,\n    focusRingColor,\n    hoverBorderColor,\n    activeBorderColor,\n    focusBorderColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n    isLoading,\n    accessibilityProps,\n    testID,\n    onTouchStart,\n    onTouchEnd,\n    onPointerEnter,\n    onPointerDown,\n    onFocus,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isPressed = useSharedValue(false);\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      backgroundColor: withTiming(\n        isPressed.value ? activeBackgroundColor : defaultBackgroundColor,\n        {\n          duration,\n          easing,\n        },\n      ),\n      ...(variant !== 'tertiary' && {\n        borderColor: withTiming(isPressed.value ? activeBorderColor : defaultBorderColor, {\n          duration,\n          easing,\n        }),\n      }),\n    };\n  });\n\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href) {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledPressable\n      {...styledProps}\n      {...accessibilityProps}\n      ref={ref}\n      role=\"button\"\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onFocus={castNativeType(onFocus)}\n      isLoading={isLoading}\n      onPress={handleOnPress}\n      style={animatedStyles}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      isFullWidth={isFullWidth}\n      disabled={disabled}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBorderColor={defaultBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      activeBackgroundColor={activeBackgroundColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      activeBorderColor={activeBorderColor}\n      focusBorderColor={focusBorderColor}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      testID={testID}\n    >\n      {({ pressed }): React.ReactNode => {\n        isPressed.value = pressed;\n        return children;\n      }}\n    </StyledPressable>\n  );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n  displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","activeBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","activeBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;+iBAcA,IAAMA,eAAe,CAAGC,MAAM,CAACC,QAAQ,CAACC,uBAAuB,CAACC,SAAS,CAAC,CAAC,CAEzE,SAACC,KAAK,CAAK,CACX,IAAMC,oBAAoB,CAAGC,cAAc,CAACF,KAAK,CAAC,CAElD,OAAAG,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,mBAAyB,CAACL,KAAK,CAAC,CAAA,CACnCM,SAAS,CAAE,QAAQ,CACnBC,OAAO,CAAE,MAAM,CACZN,CAAAA,oBAAoB,EAE3B,CAAC,CAAC,CAEF,IAAMO,OAAO,CAAAC,UAAAA,CAAAA,IAAAA,IAAA,CAAAC,iBAAA,CAAG,UAAOC,IAAY,CAAoB,CACrD,GAAI,CACF,IAAMC,OAAO,OAASC,OAAO,CAACC,UAAU,CAACH,IAAI,CAAC,CAC9C,GAAIC,OAAO,CAAE,CACX,MAAMC,OAAO,CAACL,OAAO,CAACG,IAAI,CAAC,CAC7B,CACF,CAAE,MAAAI,OAAA,CAAM,CACN,GAAIC,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAG,CAAA,8BAAA,EAAgCR,IAAK,CAAE,CAAA,CAAA,CACjDS,UAAU,CAAE,YACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,kBAfKZ,OAAOA,CAAAa,EAAA,CAAA,CAAA,OAAAZ,IAAA,CAAAa,KAAA,CAAAC,IAAAA,CAAAA,SAAA,CAeZ,CAAA,CAAA,CAAA,CAAA,EAAA,CAED,IAAMC,iBAAmF,CAAG,SAAtFA,iBAAmFA,CAAAC,KAAA,CAsCvFC,GAAG,CACA,CArCD,IAAAC,OAAO,CAAAF,KAAA,CAAPE,OAAO,CACPhB,IAAI,CAAAc,KAAA,CAAJd,IAAI,CACEc,KAAA,CAANG,MAAM,CACGH,KAAA,CAATI,SAAS,KACTC,SAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRC,OAAO,CAAAN,KAAA,CAAPM,OAAO,CACPC,SAAS,CAAAP,KAAA,CAATO,SAAS,CACTC,gBAAgB,CAAAR,KAAA,CAAhBQ,gBAAgB,CAChBC,mBAAmB,CAAAT,KAAA,CAAnBS,mBAAmB,CACnBC,iBAAiB,CAAAV,KAAA,CAAjBU,iBAAiB,CACjBC,kBAAkB,CAAAX,KAAA,CAAlBW,kBAAkB,CAClBC,WAAW,CAAAZ,KAAA,CAAXY,WAAW,CACXC,QAAQ,CAAAb,KAAA,CAARa,QAAQ,CACRC,sBAAsB,CAAAd,KAAA,CAAtBc,sBAAsB,CACtBC,kBAAkB,CAAAf,KAAA,CAAlBe,kBAAkB,CAClBC,oBAAoB,CAAAhB,KAAA,CAApBgB,oBAAoB,CACpBC,qBAAqB,CAAAjB,KAAA,CAArBiB,qBAAqB,CACrBC,oBAAoB,CAAAlB,KAAA,CAApBkB,oBAAoB,CACpBC,cAAc,CAAAnB,KAAA,CAAdmB,cAAc,CACdC,gBAAgB,CAAApB,KAAA,CAAhBoB,gBAAgB,CAChBC,iBAAiB,CAAArB,KAAA,CAAjBqB,iBAAiB,CACjBC,gBAAgB,CAAAtB,KAAA,CAAhBsB,gBAAgB,CAChBC,WAAW,CAAAvB,KAAA,CAAXuB,WAAW,CACXC,YAAY,CAAAxB,KAAA,CAAZwB,YAAY,CACZC,cAAc,CAAAzB,KAAA,CAAdyB,cAAc,CACdC,YAAY,CAAA1B,KAAA,CAAZ0B,YAAY,CACZC,SAAS,CAAA3B,KAAA,CAAT2B,SAAS,CACTC,kBAAkB,CAAA5B,KAAA,CAAlB4B,kBAAkB,CAClBC,MAAM,CAAA7B,KAAA,CAAN6B,MAAM,CACNC,YAAY,CAAA9B,KAAA,CAAZ8B,YAAY,CACZC,UAAU,CAAA/B,KAAA,CAAV+B,UAAU,CACVC,cAAc,CAAAhC,KAAA,CAAdgC,cAAc,CACdC,aAAa,CAAAjC,KAAA,CAAbiC,aAAa,CACbC,OAAO,CAAAlC,KAAA,CAAPkC,OAAO,CACJC,WAAW,CAAAC,wBAAA,CAAApC,KAAA,CAAAqC,SAAA,EAIhB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,SAAS,CAAGC,cAAc,CAAC,KAAK,CAAC,CACvC,IAAMC,QAAQ,CAAGC,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEpB,cAAc,CAAC,CACpD,IAAMqB,MAAM,CAAGF,KAAK,CAACJ,KAAK,CAACK,MAAM,CAAEnB,YAAY,CAAC,CAChD,IAAMqB,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAAtE,MAAA,CAAAC,MAAA,CACEsE,CAAAA,eAAe,CAAEC,UAAU,CACzBT,SAAS,CAACU,KAAK,CAAGlC,qBAAqB,CAAGH,sBAAsB,CAChE,CACE6B,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CACF,CAAC,CAAA,CACGxC,OAAO,GAAK,UAAU,EAAI,CAC5B8C,WAAW,CAAEF,UAAU,CAACT,SAAS,CAACU,KAAK,CAAG9B,iBAAiB,CAAGN,kBAAkB,CAAE,CAChF4B,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAA,CAAC,CAAC,CAEF,IAAMO,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,KAA4B,CAAW,CAC5D,GAAIpE,IAAI,CAAE,CACR,KAAKH,OAAO,CAACG,IAAI,CAAC,CACpB,CAEA,GAAIgB,OAAO,CAAE,CACXA,OAAO,CAACoD,KAAK,CAAC,CAChB,CACF,CAAC,CAED,OACEC,GAAA,CAACrF,eAAe,CAAAQ,MAAA,CAAAC,MAAA,CAAA,EAAA,CACVwD,WAAW,CACXP,kBAAkB,CACtB3B,CAAAA,GAAG,CAAEA,GAAI,CACTuD,IAAI,CAAC,QAAQ,CACb1B,YAAY,CAAE2B,cAAc,CAAC3B,YAAY,CAAE,CAC3CC,UAAU,CAAE0B,cAAc,CAAC1B,UAAU,CAAE,CACvCC,cAAc,CAAEyB,cAAc,CAACzB,cAAc,CAAE,CAC/CC,aAAa,CAAEwB,cAAc,CAACxB,aAAa,CAAE,CAC7CC,OAAO,CAAEuB,cAAc,CAACvB,OAAO,CAAE,CACjCP,SAAS,CAAEA,SAAU,CACrB+B,OAAO,CAAEL,aAAc,CACvBM,KAAK,CAAEZ,cAAe,CACtBxC,SAAS,CAAEA,SAAU,CACrBC,gBAAgB,CAAEA,gBAAiB,CACnCC,mBAAmB,CAAEA,mBAAoB,CACzCC,iBAAiB,CAAEA,iBAAkB,CACrCC,kBAAkB,CAAEA,kBAAmB,CACvCC,WAAW,CAAEA,WAAY,CACzBC,QAAQ,CAAEA,QAAS,CACnBC,sBAAsB,CAAEA,sBAAuB,CAC/CC,kBAAkB,CAAEA,kBAAmB,CACvCC,oBAAoB,CAAEA,oBAAqB,CAC3CC,qBAAqB,CAAEA,qBAAsB,CAC7CC,oBAAoB,CAAEA,oBAAqB,CAC3CC,cAAc,CAAEA,cAAe,CAC/BC,gBAAgB,CAAEA,gBAAiB,CACnCC,iBAAiB,CAAEA,iBAAkB,CACrCC,gBAAgB,CAAEA,gBAAiB,CACnCC,WAAW,CAAEA,WAAY,CACzBC,YAAY,CAAEA,YAAa,CAC3BC,cAAc,CAAEA,cAAe,CAC/BC,YAAY,CAAEA,YAAa,CAC3BG,MAAM,CAAEA,MAAO,CAAAxB,QAAA,CAEd,SAAAA,QAAAuD,CAAAA,KAAA,CAAkC,CAA/B,IAAAC,OAAO,CAAAD,KAAA,CAAPC,OAAO,CACTpB,SAAS,CAACU,KAAK,CAAGU,OAAO,CACzB,OAAOxD,SAAQ,CACjB,CAAC,CAAA,CACc,CAAC,CAEtB,CAAC,CAEK,IAAAyD,gBAAgB,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAAClE,iBAAiB,CAAC,CAAE,CACrFmE,WAAW,CAAE,kBACf,CAAC;;;;"}
+{"version":3,"file":"StyledBaseButton.native.js","sources":["../../../../../../src/components/Button/BaseButton/StyledBaseButton.native.tsx"],"sourcesContent":["import { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { TextInput, GestureResponderEvent } from 'react-native';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { logger } from '~utils/logger';\nimport { castNativeType } from '~utils';\n\nconst StyledPressable = styled(Animated.createAnimatedComponent(Pressable))<\n  Omit<StyledBaseButtonProps, 'accessibilityProps'>\n>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n\n  return {\n    ...getStyledBaseButtonStyles(props),\n    alignSelf: 'center',\n    display: 'flex',\n    ...styledPropsCSSObject,\n  };\n});\n\nconst openURL = async (href: string): Promise<void> => {\n  try {\n    const canOpen = await Linking.canOpenURL(href);\n    if (canOpen) {\n      await Linking.openURL(href);\n    }\n  } catch {\n    if (__DEV__) {\n      logger({\n        type: 'warn',\n        message: `Could not open the link \"href=${href}\"`,\n        moduleName: 'BaseButton',\n      });\n    }\n  }\n};\n\nconst _StyledBaseButton: React.ForwardRefRenderFunction<TextInput, StyledBaseButtonProps> = (\n  {\n    onClick,\n    href,\n    onBlur,\n    onKeyDown,\n    children,\n    variant,\n    minHeight,\n    buttonPaddingTop,\n    buttonPaddingBottom,\n    buttonPaddingLeft,\n    buttonPaddingRight,\n    isFullWidth,\n    disabled,\n    defaultBackgroundColor,\n    defaultBorderColor,\n    hoverBackgroundColor,\n    focusBackgroundColor,\n    focusRingColor,\n    hoverBorderColor,\n    focusBorderColor,\n    borderWidth,\n    borderRadius,\n    motionDuration,\n    motionEasing,\n    isLoading,\n    accessibilityProps,\n    testID,\n    onTouchStart,\n    onTouchEnd,\n    onPointerEnter,\n    onPointerDown,\n    onFocus,\n    ...styledProps\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const isPressed = useSharedValue(false);\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      backgroundColor: withTiming(isPressed.value ? focusBackgroundColor : defaultBackgroundColor, {\n        duration,\n        easing,\n      }),\n      ...(variant !== 'tertiary' && {\n        borderColor: withTiming(isPressed.value ? focusBorderColor : defaultBorderColor, {\n          duration,\n          easing,\n        }),\n      }),\n    };\n  });\n\n  const handleOnPress = (event: GestureResponderEvent): void => {\n    if (href) {\n      void openURL(href);\n    }\n\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  return (\n    <StyledPressable\n      {...styledProps}\n      {...accessibilityProps}\n      ref={ref}\n      role=\"button\"\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onFocus={castNativeType(onFocus)}\n      isLoading={isLoading}\n      onPress={handleOnPress}\n      style={animatedStyles}\n      minHeight={minHeight}\n      buttonPaddingTop={buttonPaddingTop}\n      buttonPaddingBottom={buttonPaddingBottom}\n      buttonPaddingLeft={buttonPaddingLeft}\n      buttonPaddingRight={buttonPaddingRight}\n      isFullWidth={isFullWidth}\n      disabled={disabled}\n      defaultBackgroundColor={defaultBackgroundColor}\n      defaultBorderColor={defaultBorderColor}\n      hoverBackgroundColor={hoverBackgroundColor}\n      focusBackgroundColor={focusBackgroundColor}\n      focusRingColor={focusRingColor}\n      hoverBorderColor={hoverBorderColor}\n      focusBorderColor={focusBorderColor}\n      borderWidth={borderWidth}\n      borderRadius={borderRadius}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      testID={testID}\n    >\n      {({ pressed }): React.ReactNode => {\n        isPressed.value = pressed;\n        return children;\n      }}\n    </StyledPressable>\n  );\n};\n\nconst StyledBaseButton = assignWithoutSideEffects(React.forwardRef(_StyledBaseButton), {\n  displayName: 'StyledBaseButton',\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledPressable","styled","Animated","createAnimatedComponent","Pressable","props","styledPropsCSSObject","useStyledProps","Object","assign","getStyledBaseButtonStyles","alignSelf","display","openURL","_ref","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","_StyledBaseButton","_ref2","ref","onClick","onBlur","onKeyDown","children","variant","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","isFullWidth","disabled","defaultBackgroundColor","defaultBorderColor","hoverBackgroundColor","focusBackgroundColor","focusRingColor","hoverBorderColor","focusBorderColor","borderWidth","borderRadius","motionDuration","motionEasing","isLoading","accessibilityProps","testID","onTouchStart","onTouchEnd","onPointerEnter","onPointerDown","onFocus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","isPressed","useSharedValue","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","backgroundColor","withTiming","value","borderColor","handleOnPress","event","_jsx","role","castNativeType","onPress","style","_ref3","pressed","StyledBaseButton","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Button/BaseButton/buttonTokens.js

@@ -2,7 +2,7 @@ import '../../../tokens/global/typography.js';
 import '../../../tokens/global/motion.js';
 import { size } from '../../../tokens/global/size.js';
 
-var typography={fonts:{size:{xsmall:75,small:75,medium:100,large:200}},lineHeights:{xsmall:50,small:50,medium:100,large:300}};var minHeight={xsmall:size[28],small:size[32],medium:size[36],large:size[48]};var buttonPadding={xsmall:{top:0,bottom:0,left:3,right:3},small:{top:0,bottom:0,left:4,right:4},medium:{top:0,bottom:0,left:6,right:6},large:{top:0,bottom:0,left:6,right:6}};var buttonIconOnlyPadding={xsmall:{top:0,bottom:0,left:4,right:4},small:{top:0,bottom:0,left:3,right:3},medium:{top:0,bottom:0,left:3,right:3},large:{top:0,bottom:0,left:2,right:2}};var buttonSizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonIconOnlySizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonSizeToSpinnerSizeMap={xsmall:'medium',small:'large',medium:'large',large:'xlarge'};var buttonIconPadding={xsmall:1,small:1,medium:2,large:2};
+var backgroundColor=function backgroundColor(property){var isBorder=property==='border';return {base:{primary:{default:`interactive.${property}.primary.default`,highlighted:`interactive.${property}.primary.highlighted`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:isBorder?'interactive.border.primary.default':'transparent',highlighted:isBorder?`interactive.border.primary.default`:`interactive.background.primary.faded`,disabled:isBorder?`interactive.border.primary.disabled`:`transparent`},tertiary:{default:`interactive.${property}.gray.default`,highlighted:`interactive.${property}.gray.highlighted`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticWhite.default`,highlighted:`interactive.${property}.staticWhite.highlighted`,disabled:`interactive.${property}.staticWhite.disabled`},secondary:{default:isBorder?'interactive.border.staticWhite.highlighted':'transparent',highlighted:isBorder?'interactive.border.staticWhite.highlighted':'interactive.background.staticWhite.faded',disabled:isBorder?`interactive.border.staticWhite.disabled`:'transparent'},tertiary:{default:`interactive.background.staticWhite.faded`,highlighted:`interactive.background.staticWhite.fadedHighlighted`,disabled:`interactive.background.staticWhite.disabled`}},color:function color(_color){return {primary:{default:`interactive.${property}.${_color}.default`,highlighted:`interactive.${property}.${_color}.highlighted`,disabled:`interactive.${property}.${_color}.disabled`},secondary:{default:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.faded`,highlighted:isBorder?`interactive.border.${_color}.default`:`interactive.background.${_color}.fadedHighlighted`,disabled:`interactive.${property}.${_color}.disabled`}};}};};var textColor=function textColor(property){return {base:{primary:{default:`interactive.${property}.onPrimary.normal`,highlighted:`interactive.${property}.onPrimary.normal`,disabled:`interactive.${property}.primary.disabled`},secondary:{default:`interactive.${property}.primary.subtle`,highlighted:`interactive.${property}.primary.subtle`,disabled:`interactive.${property}.primary.disabled`},tertiary:{default:`interactive.${property}.gray.normal`,highlighted:`interactive.${property}.gray.normal`,disabled:`interactive.${property}.gray.disabled`}},white:{primary:{default:`interactive.${property}.staticBlack.muted`,highlighted:`interactive.${property}.staticBlack.muted`,disabled:`interactive.${property}.staticBlack.disabled`},secondary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`},tertiary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.staticWhite.disabled`}},color:function color(_color2){return {primary:{default:`interactive.${property}.staticWhite.normal`,highlighted:`interactive.${property}.staticWhite.normal`,disabled:`interactive.${property}.${_color2}.disabled`},secondary:{default:`interactive.${property}.${_color2}.normal`,highlighted:`interactive.${property}.${_color2}.normal`,disabled:`interactive.${property}.${_color2}.disabled`}};}};};var typography={fonts:{size:{xsmall:50,small:50,medium:100,large:200}},lineHeights:{xsmall:75,small:75,medium:100,large:200}};var minHeight={xsmall:size[28],small:size[32],medium:size[36],large:size[48]};var buttonPadding={xsmall:{top:0,bottom:0,left:3,right:3},small:{top:0,bottom:0,left:4,right:4},medium:{top:0,bottom:0,left:6,right:6},large:{top:0,bottom:0,left:6,right:6}};var buttonIconOnlyPadding={xsmall:{top:0,bottom:0,left:4,right:4},small:{top:0,bottom:0,left:3,right:3},medium:{top:0,bottom:0,left:3,right:3},large:{top:0,bottom:0,left:2,right:2}};var buttonSizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonIconOnlySizeToIconSizeMap={xsmall:'small',small:'small',medium:'medium',large:'medium'};var buttonSizeToSpinnerSizeMap={xsmall:'medium',small:'large',medium:'large',large:'xlarge'};var buttonIconPadding={xsmall:1,small:1,medium:2,large:2};
 
-export { buttonIconOnlyPadding, buttonIconOnlySizeToIconSizeMap, buttonIconPadding, buttonPadding, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, typography };
+export { backgroundColor, buttonIconOnlyPadding, buttonIconOnlySizeToIconSizeMap, buttonIconPadding, buttonPadding, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, textColor, typography };
 //# sourceMappingURL=buttonTokens.js.map

package/build/lib/native/components/Button/BaseButton/buttonTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["import type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 50,\n    small: 50,\n    medium: 100,\n    large: 300,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 6,\n    right: 6,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 6,\n    right: 6,\n  },\n};\n\nconst buttonIconOnlyPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 4, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n    right: 4, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 2,\n    right: 2,\n  },\n};\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'large',\n  medium: 'large',\n  large: 'xlarge',\n};\n\nconst buttonIconPadding: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['spacing']> = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n};\n\nexport {\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyPadding,\n};\n"],"names":["typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonIconOnlyPadding","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","buttonIconPadding"],"mappings":";;;;AAmBM,IAAAA,UAA4B,CAAG,CACnCC,KAAK,CAAE,CACLC,IAAI,CAAE,CACJC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,CAAC,CACDC,WAAW,CAAE,CACXJ,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,EAEM,IAAAE,SAAwE,CAAG,CAC/EL,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,KAAK,CAAEF,IAAI,CAAC,EAAE,CAAC,CACfG,MAAM,CAAEH,IAAI,CAAC,EAAE,CAAC,CAChBI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAO,aAGL,CAAG,CACFN,MAAM,CAAE,CACNO,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDT,KAAK,CAAE,CACLM,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDR,MAAM,CAAE,CACNK,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDP,KAAK,CAAE,CACLI,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CACF,EAEM,IAAAC,qBAGL,CAAG,CACFX,MAAM,CAAE,CACNO,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDT,KAAK,CAAE,CACLM,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDR,MAAM,CAAE,CACNK,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDP,KAAK,CAAE,CACLI,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CACF,EAEM,IAAAE,uBAA+E,CAAG,CACtFZ,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAU,+BAAuF,CAAG,CAC9Fb,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAW,0BAGL,CAAG,CACFd,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,EAEM,IAAAY,iBAAuF,CAAG,CAC9Ff,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CACT;;;;"}
+{"version":3,"file":"buttonTokens.js","sources":["../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundColor = (property: 'background' | 'border') => {\n  const isBorder = property === 'border';\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.primary.default`,\n        highlighted: `interactive.${property}.primary.highlighted`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: isBorder ? 'interactive.border.primary.default' : 'transparent',\n        highlighted: isBorder\n          ? `interactive.border.primary.default`\n          : `interactive.background.primary.faded`,\n        disabled: isBorder ? `interactive.border.primary.disabled` : `transparent`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.default`,\n        highlighted: `interactive.${property}.gray.highlighted`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticWhite.default`,\n        highlighted: `interactive.${property}.staticWhite.highlighted`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      secondary: {\n        default: isBorder ? 'interactive.border.staticWhite.highlighted' : 'transparent',\n        highlighted: isBorder\n          ? 'interactive.border.staticWhite.highlighted'\n          : 'interactive.background.staticWhite.faded',\n        disabled: isBorder ? `interactive.border.staticWhite.disabled` : 'transparent',\n      },\n      tertiary: {\n        default: `interactive.background.staticWhite.faded`,\n        highlighted: `interactive.background.staticWhite.fadedHighlighted`,\n        disabled: `interactive.background.staticWhite.disabled`,\n      },\n    },\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.${color}.default`,\n          highlighted: `interactive.${property}.${color}.highlighted`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: isBorder\n            ? (`interactive.border.${color}.default` as const)\n            : (`interactive.background.${color}.faded` as const),\n          highlighted: isBorder\n            ? (`interactive.border.${color}.default` as const)\n            : (`interactive.background.${color}.fadedHighlighted` as const),\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.primary.subtle`,\n        highlighted: `interactive.${property}.primary.subtle`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 50,\n      small: 50,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 6,\n    right: 6,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 6,\n    right: 6,\n  },\n};\n\nconst buttonIconOnlyPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 4, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n    right: 4, // should be `6px` as per design but we're making it `8px` since `6px` is not available as a spacing token\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 2,\n    right: 2,\n  },\n};\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'large',\n  medium: 'large',\n  large: 'xlarge',\n};\n\nconst buttonIconPadding: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['spacing']> = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n};\n\nexport {\n  backgroundColor,\n  textColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonIconPadding,\n  buttonPadding,\n  buttonIconOnlyPadding,\n};\n"],"names":["backgroundColor","property","isBorder","base","primary","default","highlighted","disabled","secondary","tertiary","white","color","textColor","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonIconOnlyPadding","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","buttonIconPadding"],"mappings":"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"}

package/build/lib/native/components/Button/BaseButton/getStyledBaseButtonStyles.js

@@ -1,4 +1,4 @@
-var getBaseButtonStyles=function getBaseButtonStyles(_ref){var defaultBorderColor=_ref.defaultBorderColor,minHeight=_ref.minHeight,buttonPaddingTop=_ref.buttonPaddingTop,buttonPaddingBottom=_ref.buttonPaddingBottom,buttonPaddingLeft=_ref.buttonPaddingLeft,buttonPaddingRight=_ref.buttonPaddingRight,defaultBackgroundColor=_ref.defaultBackgroundColor,disabled=_ref.disabled,isFullWidth=_ref.isFullWidth,borderWidth=_ref.borderWidth,borderRadius=_ref.borderRadius;return {minHeight:minHeight,width:isFullWidth?'100%':'auto',cursor:disabled?'not-allowed':'pointer',backgroundColor:defaultBackgroundColor,borderColor:defaultBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,borderStyle:'solid',paddingTop:buttonPaddingTop,paddingBottom:buttonPaddingBottom,paddingLeft:buttonPaddingLeft,paddingRight:buttonPaddingRight,justifyContent:'center',alignItems:'center',textDecoration:'none'};};
+var getBaseButtonStyles=function getBaseButtonStyles(_ref){var defaultBorderColor=_ref.defaultBorderColor,minHeight=_ref.minHeight,buttonPaddingTop=_ref.buttonPaddingTop,buttonPaddingBottom=_ref.buttonPaddingBottom,buttonPaddingLeft=_ref.buttonPaddingLeft,buttonPaddingRight=_ref.buttonPaddingRight,defaultBackgroundColor=_ref.defaultBackgroundColor,disabled=_ref.disabled,isFullWidth=_ref.isFullWidth,borderWidth=_ref.borderWidth,borderRadius=_ref.borderRadius;return {minHeight:minHeight,width:isFullWidth?'100%':'auto',cursor:disabled?'not-allowed':'pointer',backgroundColor:defaultBackgroundColor,borderColor:defaultBorderColor,borderWidth:borderWidth,borderRadius:borderRadius,borderStyle:'solid',paddingTop:buttonPaddingTop,paddingBottom:buttonPaddingBottom,paddingLeft:buttonPaddingLeft,paddingRight:buttonPaddingRight,justifyContent:'center',alignItems:'center',textDecoration:'none',overflow:'hidden'};};
 
 export { getBaseButtonStyles as default };
 //# sourceMappingURL=getStyledBaseButtonStyles.js.map

package/build/lib/native/components/Button/BaseButton/getStyledBaseButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n  defaultBorderColor,\n  minHeight,\n  buttonPaddingTop,\n  buttonPaddingBottom,\n  buttonPaddingLeft,\n  buttonPaddingRight,\n  defaultBackgroundColor,\n  disabled,\n  isFullWidth,\n  borderWidth,\n  borderRadius,\n}: Omit<\n  StyledBaseButtonProps,\n  'children' | 'onClick' | 'accessibilityProps' | 'accessibilityLabel'\n>): CSSObject => ({\n  minHeight,\n  width: isFullWidth ? '100%' : 'auto',\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: defaultBackgroundColor,\n  borderColor: defaultBorderColor,\n  borderWidth,\n  borderRadius,\n  borderStyle: 'solid',\n  paddingTop: buttonPaddingTop,\n  paddingBottom: buttonPaddingBottom,\n  paddingLeft: buttonPaddingLeft,\n  paddingRight: buttonPaddingRight,\n  justifyContent: 'center',\n  alignItems: 'center',\n  textDecoration: 'none',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","defaultBorderColor","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","disabled","isFullWidth","borderWidth","borderRadius","width","cursor","backgroundColor","borderColor","borderStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAAA,CAAA,IACvBC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAChBC,mBAAmB,CAAAJ,IAAA,CAAnBI,mBAAmB,CACnBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,IAAA,CAAlBM,kBAAkB,CAClBC,sBAAsB,CAAAP,IAAA,CAAtBO,sBAAsB,CACtBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,YAAY,CAAAX,IAAA,CAAZW,YAAY,CAAA,OAII,CAChBT,SAAS,CAATA,SAAS,CACTU,KAAK,CAAEH,WAAW,CAAG,MAAM,CAAG,MAAM,CACpCI,MAAM,CAAEL,QAAQ,CAAG,aAAa,CAAG,SAAS,CAC5CM,eAAe,CAAEP,sBAAsB,CACvCQ,WAAW,CAAEd,kBAAkB,CAC/BS,WAAW,CAAXA,WAAW,CACXC,YAAY,CAAZA,YAAY,CACZK,WAAW,CAAE,OAAO,CACpBC,UAAU,CAAEd,gBAAgB,CAC5Be,aAAa,CAAEd,mBAAmB,CAClCe,WAAW,CAAEd,iBAAiB,CAC9Be,YAAY,CAAEd,kBAAkB,CAChCe,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAClB,CAAC,CAAA;;;;"}
+{"version":3,"file":"getStyledBaseButtonStyles.js","sources":["../../../../../../src/components/Button/BaseButton/getStyledBaseButtonStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseButtonProps } from './types';\n\nconst getBaseButtonStyles = ({\n  defaultBorderColor,\n  minHeight,\n  buttonPaddingTop,\n  buttonPaddingBottom,\n  buttonPaddingLeft,\n  buttonPaddingRight,\n  defaultBackgroundColor,\n  disabled,\n  isFullWidth,\n  borderWidth,\n  borderRadius,\n}: Omit<\n  StyledBaseButtonProps,\n  'children' | 'onClick' | 'accessibilityProps' | 'accessibilityLabel'\n>): CSSObject => ({\n  minHeight,\n  width: isFullWidth ? '100%' : 'auto',\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: defaultBackgroundColor,\n  borderColor: defaultBorderColor,\n  borderWidth,\n  borderRadius,\n  borderStyle: 'solid',\n  paddingTop: buttonPaddingTop,\n  paddingBottom: buttonPaddingBottom,\n  paddingLeft: buttonPaddingLeft,\n  paddingRight: buttonPaddingRight,\n  justifyContent: 'center',\n  alignItems: 'center',\n  textDecoration: 'none',\n  overflow: 'hidden',\n});\n\nexport default getBaseButtonStyles;\n"],"names":["getBaseButtonStyles","_ref","defaultBorderColor","minHeight","buttonPaddingTop","buttonPaddingBottom","buttonPaddingLeft","buttonPaddingRight","defaultBackgroundColor","disabled","isFullWidth","borderWidth","borderRadius","width","cursor","backgroundColor","borderColor","borderStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","justifyContent","alignItems","textDecoration","overflow"],"mappings":"AAGM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAAA,CAAA,IACvBC,kBAAkB,CAAAD,IAAA,CAAlBC,kBAAkB,CAClBC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,gBAAgB,CAAAH,IAAA,CAAhBG,gBAAgB,CAChBC,mBAAmB,CAAAJ,IAAA,CAAnBI,mBAAmB,CACnBC,iBAAiB,CAAAL,IAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,IAAA,CAAlBM,kBAAkB,CAClBC,sBAAsB,CAAAP,IAAA,CAAtBO,sBAAsB,CACtBC,QAAQ,CAAAR,IAAA,CAARQ,QAAQ,CACRC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,WAAW,CAAAV,IAAA,CAAXU,WAAW,CACXC,YAAY,CAAAX,IAAA,CAAZW,YAAY,CAAA,OAII,CAChBT,SAAS,CAATA,SAAS,CACTU,KAAK,CAAEH,WAAW,CAAG,MAAM,CAAG,MAAM,CACpCI,MAAM,CAAEL,QAAQ,CAAG,aAAa,CAAG,SAAS,CAC5CM,eAAe,CAAEP,sBAAsB,CACvCQ,WAAW,CAAEd,kBAAkB,CAC/BS,WAAW,CAAXA,WAAW,CACXC,YAAY,CAAZA,YAAY,CACZK,WAAW,CAAE,OAAO,CACpBC,UAAU,CAAEd,gBAAgB,CAC5Be,aAAa,CAAEd,mBAAmB,CAClCe,WAAW,CAAEd,iBAAiB,CAC9Be,YAAY,CAAEd,kBAAkB,CAChCe,cAAc,CAAE,QAAQ,CACxBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,MAAM,CACtBC,QAAQ,CAAE,QACZ,CAAC,CAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'default' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'default',\n    accessibilityLabel,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","Object","assign","getStyledProps","accessibilityProps","label","describedBy","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../src/components/Button/Button/Button.tsx"],"sourcesContent":["import type { GestureResponderEvent } from 'react-native';\nimport React from 'react';\nimport BaseButton from '../BaseButton';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { Platform } from '~utils';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype ButtonCommonProps = {\n  /**\n   * Automatically renders button with `a` tag with `href` on web\n   */\n  href?: BaseButtonProps['href'];\n  /**\n   * anchor target attribute\n   *\n   * Should only be used alongside `href`\n   */\n  target?: BaseButtonProps['target'];\n  /**\n   * anchor rel attribute\n   *\n   * Should only be used alongside `href`\n   */\n  rel?: BaseButtonProps['rel'];\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  color?: 'primary' | 'white' | 'positive' | 'negative';\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  isFullWidth?: boolean;\n  isLoading?: boolean;\n  accessibilityLabel?: string;\n  type?: 'button' | 'reset' | 'submit';\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n  onClick?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents;\n\n/*\n  Mandatory children prop when icon is not provided\n  */\ntype ButtonWithoutIconProps = ButtonCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n   Optional children prop when icon is provided\n  */\ntype ButtonWithIconProps = ButtonCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\nexport type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;\n\nconst _Button: React.ForwardRefRenderFunction<BladeElementRef, ButtonProps> = (\n  // While adding any prop here, make sure to handle it in DropdownButton as well\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    isFullWidth = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    onClick,\n    size = 'medium',\n    type = 'button',\n    variant = 'primary',\n    color = 'primary',\n    accessibilityLabel,\n    testID,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <BaseButton\n      {...(icon ? { icon, children } : { children })}\n      {...getStyledProps(rest)}\n      ref={ref}\n      href={href}\n      target={target}\n      rel={rel}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        describedBy: rest['aria-describedby'],\n      }}\n      iconPosition={iconPosition}\n      color={color}\n      isDisabled={isDisabled}\n      isFullWidth={isFullWidth}\n      onClick={onClick}\n      size={size}\n      type={type}\n      variant={variant}\n      isLoading={isLoading}\n      testID={testID}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    />\n  );\n};\n\nconst Button = assignWithoutSideEffects(React.forwardRef(_Button), {\n  displayName: 'Button',\n  componentId: 'Button',\n});\n\nexport default Button;\n"],"names":["_Button","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","href","target","rel","onClick","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseButton","Object","assign","getStyledProps","accessibilityProps","label","describedBy","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Button/IconButton/IconButton.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import StyledIconButton from './StyledIconButton.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _IconButton=function _IconButton(_ref,ref){var icon=_ref.icon,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$contrast=_ref.contrast,contrast=_ref$contrast===void 0?'low':_ref$contrast,accessibilityLabel=_ref.accessibilityLabel,isDisabled=_ref.isDisabled,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,_tabIndex=_ref._tabIndex;return jsx(StyledIconButton,{ref:ref,onClick:onClick,contrast:contrast,size:size,icon:icon,tabIndex:_tabIndex,accessibilityLabel:accessibilityLabel,isDisabled:isDisabled,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart});};var IconButton=React__default.forwardRef(_IconButton);
+var _IconButton=function _IconButton(_ref,ref){var icon=_ref.icon,onClick=_ref.onClick,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,accessibilityLabel=_ref.accessibilityLabel,isDisabled=_ref.isDisabled,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,_tabIndex=_ref._tabIndex;return jsx(StyledIconButton,{ref:ref,onClick:onClick,emphasis:emphasis,size:size,icon:icon,tabIndex:_tabIndex,accessibilityLabel:accessibilityLabel,isDisabled:isDisabled,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart});};var IconButton=React__default.forwardRef(_IconButton);
 
 export { IconButton };
 //# sourceMappingURL=IconButton.js.map

package/build/lib/native/components/Button/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * @default 'low'\n   */\n  contrast?: 'low' | 'high';\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & BladeCommonEvents &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    contrast = 'low',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    _tabIndex,\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      contrast={contrast}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n    />\n  );\n};\n\nconst IconButton = React.forwardRef(_IconButton);\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$contrast","contrast","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","_tabIndex","_jsx","StyledIconButton","tabIndex","IconButton","React","forwardRef"],"mappings":";;;;AA0DA,IAAMA,WAA6E,CAAG,SAAhFA,WAA6EA,CAAAC,IAAA,CAkBjFC,GAAG,CACA,KAjBDC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAAC,SAAA,CAAAJ,IAAA,CACPK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,aAAA,CAAAN,IAAA,CACfO,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,aAAA,CAChBE,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAClBC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACVC,MAAM,CAAAV,IAAA,CAANU,MAAM,CACNC,OAAO,CAAAX,IAAA,CAAPW,OAAO,CACPC,YAAY,CAAAZ,IAAA,CAAZY,YAAY,CACZC,WAAW,CAAAb,IAAA,CAAXa,WAAW,CACXC,aAAa,CAAAd,IAAA,CAAbc,aAAa,CACbC,cAAc,CAAAf,IAAA,CAAde,cAAc,CACdC,UAAU,CAAAhB,IAAA,CAAVgB,UAAU,CACVC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,SAAS,CAAAlB,IAAA,CAATkB,SAAS,CAIX,OACEC,GAAA,CAACC,gBAAgB,CACfnB,CAAAA,GAAG,CAAEA,GAAW,CAChBE,OAAO,CAAEA,OAAQ,CACjBI,QAAQ,CAAEA,QAAS,CACnBF,IAAI,CAAEA,IAAK,CACXH,IAAI,CAAEA,IAAK,CACXmB,QAAQ,CAAEH,SAAU,CACpBV,kBAAkB,CAAEA,kBAAmB,CACvCC,UAAU,CAAEA,UAAW,CACvBC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAC5B,CAAC,CAEN,CAAC,CAEK,IAAAK,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACzB,WAAW;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledIconButton from './StyledIconButton';\nimport type { IconComponent } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\nimport type { BladeCommonEvents } from '~components/types';\nimport type { Platform } from '~utils';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\n\ntype IconButtonProps = {\n  /**\n   * Icon component to be rendered, eg. `CloseIcon`\n   */\n  icon: IconComponent;\n\n  /**\n   * Icon size\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Icon contrast\n   *\n   * @default 'intense'\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Sets aria-label to help users know what the action does, eg 'Dismiss alert'\n   */\n  accessibilityLabel: string;\n\n  /**\n   * Disabled state for IconButton\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Sets tabindex property on button element\n   */\n  _tabIndex?: number;\n} & BladeCommonEvents &\n  Platform.Select<{\n    web: {\n      onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    };\n    native: {\n      onClick: (event: GestureResponderEvent) => void;\n    };\n  }>;\n\n/**\n * Component for making clickable icons with transparent background.\n * For other cases please use `Button` component with `icon` prop.\n */\nconst _IconButton: React.ForwardRefRenderFunction<BladeElementRef, IconButtonProps> = (\n  {\n    icon,\n    onClick,\n    size = 'medium',\n    emphasis = 'intense',\n    accessibilityLabel,\n    isDisabled,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchEnd,\n    onTouchStart,\n    _tabIndex,\n  },\n  ref,\n) => {\n  return (\n    <StyledIconButton\n      ref={ref as any}\n      onClick={onClick}\n      emphasis={emphasis}\n      size={size}\n      icon={icon}\n      tabIndex={_tabIndex}\n      accessibilityLabel={accessibilityLabel}\n      isDisabled={isDisabled}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n    />\n  );\n};\n\nconst IconButton = React.forwardRef(_IconButton);\n\nexport type { IconButtonProps };\nexport { IconButton };\n"],"names":["_IconButton","_ref","ref","icon","onClick","_ref$size","size","_ref$emphasis","emphasis","accessibilityLabel","isDisabled","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","_tabIndex","_jsx","StyledIconButton","tabIndex","IconButton","React","forwardRef"],"mappings":";;;;AA2DA,IAAMA,WAA6E,CAAG,SAAhFA,WAA6EA,CAAAC,IAAA,CAkBjFC,GAAG,CACA,KAjBDC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAAC,SAAA,CAAAJ,IAAA,CACPK,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,aAAA,CAAAN,IAAA,CACfO,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,aAAA,CACpBE,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAClBC,UAAU,CAAAT,IAAA,CAAVS,UAAU,CACVC,MAAM,CAAAV,IAAA,CAANU,MAAM,CACNC,OAAO,CAAAX,IAAA,CAAPW,OAAO,CACPC,YAAY,CAAAZ,IAAA,CAAZY,YAAY,CACZC,WAAW,CAAAb,IAAA,CAAXa,WAAW,CACXC,aAAa,CAAAd,IAAA,CAAbc,aAAa,CACbC,cAAc,CAAAf,IAAA,CAAde,cAAc,CACdC,UAAU,CAAAhB,IAAA,CAAVgB,UAAU,CACVC,YAAY,CAAAjB,IAAA,CAAZiB,YAAY,CACZC,SAAS,CAAAlB,IAAA,CAATkB,SAAS,CAIX,OACEC,GAAA,CAACC,gBAAgB,CACfnB,CAAAA,GAAG,CAAEA,GAAW,CAChBE,OAAO,CAAEA,OAAQ,CACjBI,QAAQ,CAAEA,QAAS,CACnBF,IAAI,CAAEA,IAAK,CACXH,IAAI,CAAEA,IAAK,CACXmB,QAAQ,CAAEH,SAAU,CACpBV,kBAAkB,CAAEA,kBAAmB,CACvCC,UAAU,CAAEA,UAAW,CACvBC,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAC5B,CAAC,CAEN,CAAC,CAEK,IAAAK,UAAU,CAAGC,cAAK,CAACC,UAAU,CAACzB,WAAW;;;;"}

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js

@@ -7,7 +7,7 @@ import { castNativeType } from '../../../utils/platform/castUtils.js';
 import '../../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var StyledPressable=styled.Pressable({alignSelf:'center'});var StyledIconButton=React__default.forwardRef(function(_ref,ref){var Icon=_ref.icon,isDisabled=_ref.isDisabled,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,size=_ref.size,contrast=_ref.contrast,accessibilityLabel=_ref.accessibilityLabel;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isPressed=_useState2[0],setIsPressed=_useState2[1];var getIconColorToken=function getIconColorToken(){var contrastType=contrast==='high'?'highContrast':'lowContrast';var state=isPressed?'active':'default';return `surface.action.icon.${state}.${contrastType}`;};var iconColorToken=getIconColorToken();return jsx(StyledPressable,Object.assign({ref:ref,contrast:contrast,onPress:castNativeType(onClick),disabled:isDisabled,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAccessible({label:accessibilityLabel,role:'button'}),{children:jsx(Icon,{size:size,color:iconColorToken})}));});
+var StyledPressable=styled.Pressable({alignSelf:'center'});var StyledIconButton=React__default.forwardRef(function(_ref,ref){var Icon=_ref.icon,isDisabled=_ref.isDisabled,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchEnd=_ref.onTouchEnd,onTouchStart=_ref.onTouchStart,size=_ref.size,emphasis=_ref.emphasis,accessibilityLabel=_ref.accessibilityLabel;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isPressed=_useState2[0],setIsPressed=_useState2[1];var getIconColorToken=function getIconColorToken(){var emphasisColor=emphasis==='intense'?'gray':'staticWhite';if(isDisabled){return `interactive.icon.${emphasisColor}.disabled`;}var state=isPressed?'subtle':'muted';return `interactive.icon.${emphasisColor}.${state}`;};var iconColorToken=getIconColorToken();return jsx(StyledPressable,Object.assign({ref:ref,emphasis:emphasis,onPress:castNativeType(onClick),disabled:isDisabled,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchEnd:onTouchEnd,onTouchStart:onTouchStart},makeAccessible({label:accessibilityLabel,role:'button'}),{children:jsx(Icon,{size:size,color:iconColorToken})}));});
 
 export { StyledIconButton as default };
 //# sourceMappingURL=StyledIconButton.native.js.map

package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { ColorContrastTypes } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype State = 'active' | 'default';\ntype IconColorToken = `surface.action.icon.${State}.${ColorContrastTypes}Contrast`;\n\ntype StyledPressableProps = {\n  contrast: ColorContrastTypes;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      contrast,\n      accessibilityLabel,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const contrastType = contrast === 'high' ? 'highContrast' : 'lowContrast';\n      const state = isPressed ? 'active' : 'default';\n\n      return `surface.action.icon.${state}.${contrastType}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        contrast={contrast}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({ label: accessibilityLabel, role: 'button' })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","contrast","accessibilityLabel","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","contrastType","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":";;;;;;;;;AAmBA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAAuB,CAC7DC,SAAS,CAAE,QACb,CAAC,CAAC,CAEI,IAAAC,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CACvC,SAAAC,IAAA,CAiBEC,GAAG,CACA,CAhBK,IAAAC,IAAI,CAAAF,IAAA,CAAVG,IAAI,CACJC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,OAAO,CAAAP,IAAA,CAAPO,OAAO,CACPC,YAAY,CAAAR,IAAA,CAAZQ,YAAY,CACZC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,cAAc,CAAAX,IAAA,CAAdW,cAAc,CACdC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,YAAY,CAAAb,IAAA,CAAZa,YAAY,CACZC,IAAI,CAAAd,IAAA,CAAJc,IAAI,CACJC,QAAQ,CAAAf,IAAA,CAARe,QAAQ,CACRC,kBAAkB,CAAAhB,IAAA,CAAlBgB,kBAAkB,CAIpB,IAAAC,SAAA,CAAkCC,QAAQ,CAAC,KAAK,CAAC,CAAAC,UAAA,CAAAC,cAAA,CAAAH,SAAA,IAA1CI,SAAS,CAAAF,UAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,UAAA,IAC9B,IAAMI,iBAAiB,CAAG,SAApBA,iBAAiBA,EAAyB,CAC9C,IAAMC,YAAY,CAAGT,QAAQ,GAAK,MAAM,CAAG,cAAc,CAAG,aAAa,CACzE,IAAMU,KAAK,CAAGJ,SAAS,CAAG,QAAQ,CAAG,SAAS,CAE9C,OAAQ,CAAsBI,oBAAAA,EAAAA,KAAM,CAAGD,CAAAA,EAAAA,YAAa,EAAC,CACvD,CAAC,CACD,IAAME,cAAc,CAAGH,iBAAiB,EAAE,CAE1C,OACEI,GAAA,CAAClC,eAAe,CAAAmC,MAAA,CAAAC,MAAA,EACd5B,GAAG,CAAEA,GAAW,CAChBc,QAAQ,CAAEA,QAAS,CACnBe,OAAO,CAAEC,cAAc,CAAC1B,OAAO,CAAE,CACjC2B,QAAQ,CAAE5B,UAAW,CACrB6B,SAAS,CAAE,SAAAA,SAAAA,UAAMX,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA,CACpCY,UAAU,CAAE,SAAAA,UAAA,EAAA,CAAA,OAAMZ,YAAY,CAAC,KAAK,CAAC,EAAC,CACtChB,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CACvBsB,CAAAA,cAAc,CAAC,CAAEC,KAAK,CAAEpB,kBAAkB,CAAEqB,IAAI,CAAE,QAAS,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAEjEX,GAAA,CAACzB,IAAI,CAAA,CAACY,IAAI,CAAEA,IAAK,CAACyB,KAAK,CAAEb,cAAe,CAAE,CAAC,CAAA,CAC5B,CAAC,CAEtB,CACF;;;;"}
+{"version":3,"file":"StyledIconButton.native.js","sources":["../../../../../../src/components/Button/IconButton/StyledIconButton.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React, { useState } from 'react';\nimport styled from 'styled-components/native';\n\nimport type { View } from 'react-native';\nimport type { StyledIconButtonProps } from './types';\nimport type { Emphasis, SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { castNativeType } from '~utils';\n\ntype IconColorStates = keyof Pick<Emphasis, 'muted' | 'subtle' | 'disabled'>;\ntype EmphasisIconColorsType = 'staticWhite' | 'gray';\ntype IconColorToken = `interactive.icon.${EmphasisIconColorsType}.${IconColorStates}`;\n\ntype StyledPressableProps = {\n  emphasis: SubtleOrIntense;\n} & BladeCommonEvents;\n\nconst StyledPressable = styled.Pressable<StyledPressableProps>({\n  alignSelf: 'center', // ensure button only takes needed width\n});\n\nconst StyledIconButton = React.forwardRef<View, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      isDisabled,\n      onClick,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      size,\n      emphasis,\n      accessibilityLabel,\n    },\n    ref,\n  ) => {\n    const [isPressed, setIsPressed] = useState(false);\n    const getIconColorToken = (): IconColorToken => {\n      const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n      if (isDisabled) {\n        return `interactive.icon.${emphasisColor}.disabled`;\n      }\n\n      const state = isPressed ? 'subtle' : 'muted';\n\n      return `interactive.icon.${emphasisColor}.${state}`;\n    };\n    const iconColorToken = getIconColorToken();\n\n    return (\n      <StyledPressable\n        ref={ref as any}\n        emphasis={emphasis}\n        onPress={castNativeType(onClick)}\n        disabled={isDisabled}\n        onPressIn={() => setIsPressed(true)}\n        onPressOut={() => setIsPressed(false)}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        {...makeAccessible({ label: accessibilityLabel, role: 'button' })}\n      >\n        <Icon size={size} color={iconColorToken} />\n      </StyledPressable>\n    );\n  },\n);\n\nexport default StyledIconButton;\n"],"names":["StyledPressable","styled","Pressable","alignSelf","StyledIconButton","React","forwardRef","_ref","ref","Icon","icon","isDisabled","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","size","emphasis","accessibilityLabel","_useState","useState","_useState2","_slicedToArray","isPressed","setIsPressed","getIconColorToken","emphasisColor","state","iconColorToken","_jsx","Object","assign","onPress","castNativeType","disabled","onPressIn","onPressOut","makeAccessible","label","role","children","color"],"mappings":";;;;;;;;;AAoBA,IAAMA,eAAe,CAAGC,MAAM,CAACC,SAAS,CAAuB,CAC7DC,SAAS,CAAE,QACb,CAAC,CAAC,CAEI,IAAAC,gBAAgB,CAAGC,cAAK,CAACC,UAAU,CACvC,SAAAC,IAAA,CAiBEC,GAAG,CACA,CAAA,IAhBKC,IAAI,CAAAF,IAAA,CAAVG,IAAI,CACJC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,OAAO,CAAAP,IAAA,CAAPO,OAAO,CACPC,YAAY,CAAAR,IAAA,CAAZQ,YAAY,CACZC,WAAW,CAAAT,IAAA,CAAXS,WAAW,CACXC,aAAa,CAAAV,IAAA,CAAbU,aAAa,CACbC,cAAc,CAAAX,IAAA,CAAdW,cAAc,CACdC,UAAU,CAAAZ,IAAA,CAAVY,UAAU,CACVC,YAAY,CAAAb,IAAA,CAAZa,YAAY,CACZC,IAAI,CAAAd,IAAA,CAAJc,IAAI,CACJC,QAAQ,CAAAf,IAAA,CAARe,QAAQ,CACRC,kBAAkB,CAAAhB,IAAA,CAAlBgB,kBAAkB,CAIpB,IAAAC,SAAA,CAAkCC,QAAQ,CAAC,KAAK,CAAC,CAAAC,UAAA,CAAAC,cAAA,CAAAH,SAAA,CAA1CI,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,UAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,UAAA,CAC9B,CAAA,CAAA,CAAA,IAAMI,iBAAiB,CAAG,SAApBA,iBAAiBA,EAAyB,CAC9C,IAAMC,aAAa,CAAGT,QAAQ,GAAK,SAAS,CAAG,MAAM,CAAG,aAAa,CAErE,GAAIX,UAAU,CAAE,CACd,OAAQ,CAAA,iBAAA,EAAmBoB,aAAc,CAAU,SAAA,CAAA,CACrD,CAEA,IAAMC,KAAK,CAAGJ,SAAS,CAAG,QAAQ,CAAG,OAAO,CAE5C,OAAQ,CAAA,iBAAA,EAAmBG,aAAc,CAAGC,CAAAA,EAAAA,KAAM,EAAC,CACrD,CAAC,CACD,IAAMC,cAAc,CAAGH,iBAAiB,EAAE,CAE1C,OACEI,GAAA,CAAClC,eAAe,CAAAmC,MAAA,CAAAC,MAAA,EACd5B,GAAG,CAAEA,GAAW,CAChBc,QAAQ,CAAEA,QAAS,CACnBe,OAAO,CAAEC,cAAc,CAAC1B,OAAO,CAAE,CACjC2B,QAAQ,CAAE5B,UAAW,CACrB6B,SAAS,CAAE,SAAAA,SAAA,EAAA,CAAA,OAAMX,YAAY,CAAC,IAAI,CAAC,EAAC,CACpCY,UAAU,CAAE,SAAAA,YAAM,CAAA,OAAAZ,YAAY,CAAC,KAAK,CAAC,CAAA,CAAC,CACtChB,MAAM,CAAEA,MAAO,CACfC,OAAO,CAAEA,OAAQ,CACjBC,YAAY,CAAEA,YAAa,CAC3BC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BC,cAAc,CAAEA,cAAe,CAC/BC,UAAU,CAAEA,UAAW,CACvBC,YAAY,CAAEA,YAAa,CAAA,CACvBsB,cAAc,CAAC,CAAEC,KAAK,CAAEpB,kBAAkB,CAAEqB,IAAI,CAAE,QAAS,CAAC,CAAC,CAAA,CAAAC,QAAA,CAEjEX,GAAA,CAACzB,IAAI,EAACY,IAAI,CAAEA,IAAK,CAACyB,KAAK,CAAEb,cAAe,CAAE,CAAC,CAAA,CAC5B,CAAC,CAEtB,CACF;;;;"}

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

@@ -20,7 +20,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","surfaceLevel","elevation","testID","padding","width","height","minHeight","minWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var Card=function Card(_ref){var children=_ref.children,_ref$surfaceLevel=_ref.surfaceLevel,surfaceLevel=_ref$surfaceLevel===void 0?2:_ref$surfaceLevel,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;return jsx(CardProvider,{children:jsx(CardRoot,Object.assign({as:as,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,href:href,accessibilityLabel:accessibilityLabel},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(styledProps),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",surfaceLevel:surfaceLevel,elevation:elevation,textAlign:'left',children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID;useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),{height:height,children:children}));};var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
+var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var Card=function Card(_ref){var children=_ref.children,_ref$backgroundColor=_ref.backgroundColor,backgroundColor=_ref$backgroundColor===void 0?'surface.background.gray.intense':_ref$backgroundColor,_ref$borderRadius=_ref.borderRadius,borderRadius=_ref$borderRadius===void 0?'medium':_ref$borderRadius,_ref$elevation=_ref.elevation,elevation=_ref$elevation===void 0?'lowRaised':_ref$elevation,testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,styledProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;return jsx(CardProvider,{children:jsx(CardRoot,Object.assign({as:as,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,href:href,accessibilityLabel:accessibilityLabel},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(styledProps),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:borderRadius,elevation:elevation,textAlign:'left',backgroundColor:backgroundColor,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID;useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),{height:height,children:children}));};var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
 
 export { Card, CardBody, ComponentIds };
 //# sourceMappingURL=Card.js.map