npm - @razorpay/blade - Versions diffs - 10.23.5 → 11.0.0 - Mend

@razorpay/blade 10.23.5 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/build/lib/web/production/components/Button/BaseButton/BaseButton.js.map CHANGED Viewed

	@@ -1 +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","concat","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","withConfig","displayName","componentId","_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","prevLoading","usePrevious","React","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","_jsxs","StyledBaseButton","_objectSpread","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"],"mappings":"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"}
1	+ {"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","concat","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","withConfig","displayName","componentId","_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","prevLoading","usePrevious","React","useEffect","announce","_getProps","buttonTypography","renderElement","useMemo","defaultRel","_jsxs","StyledBaseButton","_objectSpread","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"],"mappings":"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"}

package/build/lib/web/production/components/Button/BaseButton/StyledBaseButton.web.js CHANGED Viewed

@@ -34,20 +34,20 @@ var StyledBaseButton = /*#__PURE__*/styled.button.withConfig({
       borderColor: props.hoverBorderColor
     }),
     '&:active': _objectSpread({
-      backgroundColor: props.activeBackgroundColor
+      backgroundColor: props.focusBackgroundColor
     }, props.variant !== 'tertiary' && {
-      borderColor: props.activeBorderColor
+      borderColor: props.focusBorderColor
     }),
     '&:focus-visible': _objectSpread(_objectSpread({
       backgroundColor: props.focusBackgroundColor
     }, props.variant !== 'tertiary' && {
       borderColor: props.focusBorderColor
     }), {}, {
-      outline: "1px solid ".concat(props.theme.colors.surface.background.level1.lowContrast),
+      outline: "1px solid ".concat(props.theme.colors.surface.background.primary.subtle),
       boxShadow: "0px 0px 0px 4px ".concat(props.focusRingColor)
     }),
     '*': {
-      transitionProperty: 'color, fill',
+      transitionProperty: 'color, fill, opacity',
       transitionDuration: castWebType(makeMotionTime(getIn(props.theme.motion, props.motionDuration))),
       transitionTimingFunction: getIn(props.theme.motion, props.motionEasing)
     }

package/build/lib/web/production/components/Button/BaseButton/StyledBaseButton.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledBaseButton.web.js","sources":["../../../../../../../src/components/Button/BaseButton/StyledBaseButton.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { castWebType } from '~utils';\n\nconst StyledBaseButton = styled.button\n .withConfig({\n shouldForwardProp: omitPropsFromHTML,\n displayName: 'StyledBaseButton',\n })\n .attrs((props: StyledBaseButtonProps) => ({\n ...props.accessibilityProps,\n }))<Omit<StyledBaseButtonProps, 'onClick'>>((props) => {\n const styledPropsCSSObject = useStyledProps(props);\n return {\n ...getStyledBaseButtonStyles(props),\n display: 'inline-flex',\n transitionProperty: 'background-color, border-color, box-shadow',\n transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n transitionDuration: castWebType(\n makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n ),\n position: 'relative',\n '&:hover': {\n backgroundColor: props.hoverBackgroundColor,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.hoverBorderColor,\n }),\n },\n '&:active': {\n backgroundColor: props.~~activeBackgroundColor~~,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.~~activeBorderColor~~,\n }),\n },\n '&:focus-visible': {\n backgroundColor: props.focusBackgroundColor,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.focusBorderColor,\n }),\n outline: `1px solid ${props.theme.colors.surface.background.~~level1~~.~~lowContrast~~}`,\n boxShadow: `0px 0px 0px 4px ${props.focusRingColor}`,\n },\n '*': {\n transitionProperty: 'color, fill',\n transitionDuration: castWebType(\n makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n ),\n transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n },\n ...styledPropsCSSObject,\n };\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledBaseButton","styled","button","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","attrs","props","_objectSpread","accessibilityProps","componentId","styledPropsCSSObject","useStyledProps","getStyledBaseButtonStyles","display","transitionProperty","transitionTimingFunction","getIn","theme","motion","motionEasing","transitionDuration","castWebType","makeMotionTime","motionDuration","position","backgroundColor","hoverBackgroundColor","variant","borderColor","hoverBorderColor","~~activeBackgroundColor","activeBorderColor","~~focusBackgroundColor","focusBorderColor","outline","concat","colors","surface","background","~~level1~~","~~lowContrast~~","boxShadow","focusRingColor"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,MAAM,CACnCC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,kBAAA;AACf,CAAC,CAAC,CACDC,KAAK,CAAC,UAACC,KAA4B,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA,EAAA,EAC/BD,KAAK,CAACE,kBAAkB,CAAA,CAAA;AAAA,CAC3B,CAAC,CAAAP,UAAA,CAAA;EAAAG,WAAA,EAAA,uCAAA;EAAAK,WAAA,EAAA,aAAA;AAAA,CAAyC,CAAA,CAAA,UAACH,KAAK,EAAK;AACvD,EAAA,IAAMI,oBAAoB,GAAGC,cAAc,CAACL,KAAK,CAAC,CAAA;AAClD,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKK,mBAAyB,CAACN,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACnCO,IAAAA,OAAO,EAAE,aAAa;AACtBC,IAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,IAAAA,wBAAwB,EAAEC,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACa,YAAY,CAAC;AACvEC,IAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACN,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACiB,cAAc,CAAC,CAChE,CAAC;AACDC,IAAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,SAAS,EAAAjB,aAAA,CAAA;MACPkB,eAAe,EAAEnB,KAAK,CAACoB,oBAAAA;AAAoB,KAAA,EACvCpB,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,CAACuB,gBAAAA;AACrB,KAAC,CACF;AACD,IAAA,UAAU,EAAAtB,aAAA,CAAA;MACRkB,eAAe,EAAEnB,KAAK,CAACwB,~~qBAAAA~~;~~AAAqB~~,KAAA,~~EACxCxB~~,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,CAACyB,~~iBAAAA~~;AACrB,KAAC,CACF;IACD,iBAAiB,EAAAxB,aAAA,CAAAA,aAAA,CAAA;MACfkB,eAAe,EAAEnB,KAAK,~~CAAC0B~~,oBAAAA;AAAoB,KAAA,~~EACvC1B~~,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,~~CAAC2B~~,gBAAAA;KACpB,CAAA,EAAA,EAAA,EAAA;AACDC,MAAAA,OAAO,eAAAC,MAAA,~~CAAe7B~~,KAAK,CAACW,KAAK,~~CAACmB~~,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,~~MAAM~~,CAACC,~~WAAW~~,CAAE;~~AAChFC~~,MAAAA,SAAS,EAAAN,kBAAAA,CAAAA,MAAA,~~CAAqB7B~~,KAAK,~~CAACoC~~,cAAc,CAAA;KACnD,CAAA;AACD,IAAA,GAAG,EAAE;~~AACH5B~~,MAAAA,kBAAkB,EAAE,~~aAAa~~;~~AACjCM~~,MAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACN,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACiB,cAAc,CAAC,CAChE,CAAC;MACDR,wBAAwB,EAAEC,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACa,YAAY,CAAA;AACxE,KAAA;AAAC,GAAA,EACET,oBAAoB,CAAA,CAAA;AAE3B,CAAC;;;;"}
1	+ {"version":3,"file":"StyledBaseButton.web.js","sources":["../../../../../../../src/components/Button/BaseButton/StyledBaseButton.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport getStyledBaseButtonStyles from './getStyledBaseButtonStyles';\nimport type { StyledBaseButtonProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\nimport { castWebType } from '~utils';\n\nconst StyledBaseButton = styled.button\n .withConfig({\n shouldForwardProp: omitPropsFromHTML,\n displayName: 'StyledBaseButton',\n })\n .attrs((props: StyledBaseButtonProps) => ({\n ...props.accessibilityProps,\n }))<Omit<StyledBaseButtonProps, 'onClick'>>((props) => {\n const styledPropsCSSObject = useStyledProps(props);\n return {\n ...getStyledBaseButtonStyles(props),\n display: 'inline-flex',\n transitionProperty: 'background-color, border-color, box-shadow',\n transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n transitionDuration: castWebType(\n makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n ),\n position: 'relative',\n '&:hover': {\n backgroundColor: props.hoverBackgroundColor,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.hoverBorderColor,\n }),\n },\n '&:active': {\n backgroundColor: props.focusBackgroundColor,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.focusBorderColor,\n }),\n },\n '&:focus-visible': {\n backgroundColor: props.focusBackgroundColor,\n ...(props.variant !== 'tertiary' && {\n borderColor: props.focusBorderColor,\n }),\n outline: `1px solid ${props.theme.colors.surface.background.primary.subtle}`,\n boxShadow: `0px 0px 0px 4px ${props.focusRingColor}`,\n },\n '*': {\n transitionProperty: 'color, fill, opacity',\n transitionDuration: castWebType(\n makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n ),\n transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n },\n ...styledPropsCSSObject,\n };\n});\n\nexport default StyledBaseButton;\n"],"names":["StyledBaseButton","styled","button","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","attrs","props","_objectSpread","accessibilityProps","componentId","styledPropsCSSObject","useStyledProps","getStyledBaseButtonStyles","display","transitionProperty","transitionTimingFunction","getIn","theme","motion","motionEasing","transitionDuration","castWebType","makeMotionTime","motionDuration","position","backgroundColor","hoverBackgroundColor","variant","borderColor","hoverBorderColor","focusBackgroundColor","focusBorderColor","outline","concat","colors","surface","background","primary","subtle","boxShadow","focusRingColor"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,MAAM,CACnCC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,kBAAA;AACf,CAAC,CAAC,CACDC,KAAK,CAAC,UAACC,KAA4B,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA,EAAA,EAC/BD,KAAK,CAACE,kBAAkB,CAAA,CAAA;AAAA,CAC3B,CAAC,CAAAP,UAAA,CAAA;EAAAG,WAAA,EAAA,uCAAA;EAAAK,WAAA,EAAA,aAAA;AAAA,CAAyC,CAAA,CAAA,UAACH,KAAK,EAAK;AACvD,EAAA,IAAMI,oBAAoB,GAAGC,cAAc,CAACL,KAAK,CAAC,CAAA;AAClD,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKK,mBAAyB,CAACN,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACnCO,IAAAA,OAAO,EAAE,aAAa;AACtBC,IAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,IAAAA,wBAAwB,EAAEC,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACa,YAAY,CAAC;AACvEC,IAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACN,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACiB,cAAc,CAAC,CAChE,CAAC;AACDC,IAAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,SAAS,EAAAjB,aAAA,CAAA;MACPkB,eAAe,EAAEnB,KAAK,CAACoB,oBAAAA;AAAoB,KAAA,EACvCpB,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,CAACuB,gBAAAA;AACrB,KAAC,CACF;AACD,IAAA,UAAU,EAAAtB,aAAA,CAAA;MACRkB,eAAe,EAAEnB,KAAK,CAACwB,oBAAAA;AAAoB,KAAA,EACvCxB,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,CAACyB,gBAAAA;AACrB,KAAC,CACF;IACD,iBAAiB,EAAAxB,aAAA,CAAAA,aAAA,CAAA;MACfkB,eAAe,EAAEnB,KAAK,CAACwB,oBAAAA;AAAoB,KAAA,EACvCxB,KAAK,CAACqB,OAAO,KAAK,UAAU,IAAI;MAClCC,WAAW,EAAEtB,KAAK,CAACyB,gBAAAA;KACpB,CAAA,EAAA,EAAA,EAAA;AACDC,MAAAA,OAAO,eAAAC,MAAA,CAAe3B,KAAK,CAACW,KAAK,CAACiB,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,MAAM,CAAE;AAC5EC,MAAAA,SAAS,EAAAN,kBAAAA,CAAAA,MAAA,CAAqB3B,KAAK,CAACkC,cAAc,CAAA;KACnD,CAAA;AACD,IAAA,GAAG,EAAE;AACH1B,MAAAA,kBAAkB,EAAE,sBAAsB;AAC1CM,MAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACN,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACiB,cAAc,CAAC,CAChE,CAAC;MACDR,wBAAwB,EAAEC,KAAK,CAACV,KAAK,CAACW,KAAK,CAACC,MAAM,EAAEZ,KAAK,CAACa,YAAY,CAAA;AACxE,KAAA;AAAC,GAAA,EACET,oBAAoB,CAAA,CAAA;AAE3B,CAAC;;;;"}

package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js CHANGED Viewed

@@ -1,20 +1,127 @@
 import '../../../tokens/global/index.js';
 import { size } from '../../../tokens/global/size.js';
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+var backgroundColor = function backgroundColor(property) {
+  var isBorder = property === 'border';
+  return {
+    base: {
+      primary: {
+        "default": "interactive.".concat(property, ".primary.default"),
+        highlighted: "interactive.".concat(property, ".primary.highlighted"),
+        disabled: "interactive.".concat(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.".concat(property, ".gray.default"),
+        highlighted: "interactive.".concat(property, ".gray.highlighted"),
+        disabled: "interactive.".concat(property, ".gray.disabled")
+      }
+    },
+    white: {
+      primary: {
+        "default": "interactive.".concat(property, ".staticWhite.default"),
+        highlighted: "interactive.".concat(property, ".staticWhite.highlighted"),
+        disabled: "interactive.".concat(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.".concat(property, ".").concat(_color, ".default"),
+          highlighted: "interactive.".concat(property, ".").concat(_color, ".highlighted"),
+          disabled: "interactive.".concat(property, ".").concat(_color, ".disabled")
+        },
+        secondary: {
+          "default": isBorder ? "interactive.border.".concat(_color, ".default") : "interactive.background.".concat(_color, ".faded"),
+          highlighted: isBorder ? "interactive.border.".concat(_color, ".default") : "interactive.background.".concat(_color, ".fadedHighlighted"),
+          disabled: "interactive.".concat(property, ".").concat(_color, ".disabled")
+        }
+      };
+    }
+  };
+};
+var textColor = function textColor(property) {
+  return {
+    base: {
+      primary: {
+        "default": "interactive.".concat(property, ".onPrimary.normal"),
+        highlighted: "interactive.".concat(property, ".onPrimary.normal"),
+        disabled: "interactive.".concat(property, ".primary.disabled")
+      },
+      secondary: {
+        "default": "interactive.".concat(property, ".primary.subtle"),
+        highlighted: "interactive.".concat(property, ".primary.subtle"),
+        disabled: "interactive.".concat(property, ".primary.disabled")
+      },
+      tertiary: {
+        "default": "interactive.".concat(property, ".gray.normal"),
+        highlighted: "interactive.".concat(property, ".gray.normal"),
+        disabled: "interactive.".concat(property, ".gray.disabled")
+      }
+    },
+    white: {
+      primary: {
+        "default": "interactive.".concat(property, ".staticBlack.muted"),
+        highlighted: "interactive.".concat(property, ".staticBlack.muted"),
+        disabled: "interactive.".concat(property, ".staticBlack.disabled")
+      },
+      secondary: {
+        "default": "interactive.".concat(property, ".staticWhite.normal"),
+        highlighted: "interactive.".concat(property, ".staticWhite.normal"),
+        disabled: "interactive.".concat(property, ".staticWhite.disabled")
+      },
+      tertiary: {
+        "default": "interactive.".concat(property, ".staticWhite.normal"),
+        highlighted: "interactive.".concat(property, ".staticWhite.normal"),
+        disabled: "interactive.".concat(property, ".staticWhite.disabled")
+      }
+    },
+    color: function color(_color2) {
+      return {
+        primary: {
+          "default": "interactive.".concat(property, ".staticWhite.normal"),
+          highlighted: "interactive.".concat(property, ".staticWhite.normal"),
+          disabled: "interactive.".concat(property, ".").concat(_color2, ".disabled")
+        },
+        secondary: {
+          "default": "interactive.".concat(property, ".").concat(_color2, ".normal"),
+          highlighted: "interactive.".concat(property, ".").concat(_color2, ".normal"),
+          disabled: "interactive.".concat(property, ".").concat(_color2, ".disabled")
+        }
+      };
+    }
+  };
+};
 var typography = {
   fonts: {
     size: {
-      xsmall: 75,
-      small: 75,
+      xsmall: 50,
+      small: 50,
       medium: 100,
       large: 200
     }
   },
   lineHeights: {
-    xsmall: 50,
-    small: 50,
+    xsmall: 75,
+    small: 75,
     medium: 100,
-    large: 300
+    large: 200
   }
 };
 var minHeight = {
@@ -102,5 +209,5 @@ var buttonIconPadding = {
   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/web/production/components/Button/BaseButton/buttonTokens.js.map CHANGED Viewed

	@@ -1 +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":"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"}
1	+ {"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","concat","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/web/production/components/Button/BaseButton/getStyledBaseButtonStyles.js CHANGED Viewed

@@ -25,7 +25,8 @@ var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
     paddingRight: buttonPaddingRight,
     justifyContent: 'center',
     alignItems: 'center',
-    textDecoration: 'none'
+    textDecoration: 'none',
+    overflow: 'hidden'
   };
 };

package/build/lib/web/production/components/Button/BaseButton/getStyledBaseButtonStyles.js.map CHANGED Viewed

	@@ -1 +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":"AAGA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACvBC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IACnBC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,sBAAsB,GAAAP,IAAA,CAAtBO,sBAAsB;IACtBC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY,CAAA;EAAA,OAII;AAChBT,IAAAA,SAAS,EAATA,SAAS;AACTU,IAAAA,KAAK,EAAEH,WAAW,GAAG,MAAM,GAAG,MAAM;AACpCI,IAAAA,MAAM,EAAEL,QAAQ,GAAG,aAAa,GAAG,SAAS;AAC5CM,IAAAA,eAAe,EAAEP,sBAAsB;AACvCQ,IAAAA,WAAW,EAAEd,kBAAkB;AAC/BS,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,UAAU,EAAEd,gBAAgB;AAC5Be,IAAAA,aAAa,EAAEd,mBAAmB;AAClCe,IAAAA,WAAW,EAAEd,iBAAiB;AAC9Be,IAAAA,YAAY,EAAEd,kBAAkB;AAChCe,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,~~MAAA~~;~~GACjB~~,CAAA;AAAA;;;;"}
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 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":"AAGA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACvBC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IACnBC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,sBAAsB,GAAAP,IAAA,CAAtBO,sBAAsB;IACtBC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY,CAAA;EAAA,OAII;AAChBT,IAAAA,SAAS,EAATA,SAAS;AACTU,IAAAA,KAAK,EAAEH,WAAW,GAAG,MAAM,GAAG,MAAM;AACpCI,IAAAA,MAAM,EAAEL,QAAQ,GAAG,aAAa,GAAG,SAAS;AAC5CM,IAAAA,eAAe,EAAEP,sBAAsB;AACvCQ,IAAAA,WAAW,EAAEd,kBAAkB;AAC/BS,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,UAAU,EAAEd,gBAAgB;AAC5Be,IAAAA,aAAa,EAAEd,mBAAmB;AAClCe,IAAAA,WAAW,EAAEd,iBAAiB;AAC9Be,IAAAA,YAAY,EAAEd,kBAAkB;AAChCe,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,QAAQ,EAAE,QAAA;GACX,CAAA;AAAA;;;;"}

package/build/lib/web/production/components/Button/Button/Button.js CHANGED Viewed

@@ -35,7 +35,7 @@ _ref, ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
+    color = _ref$color === void 0 ? 'primary' : _ref$color,
     accessibilityLabel = _ref.accessibilityLabel,
     testID = _ref.testID,
     onBlur = _ref.onBlur,

package/build/lib/web/production/components/Button/Button/Button.js.map CHANGED Viewed

	@@ -1 +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","_objectSpread","getStyledProps","accessibilityProps","label","describedBy","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
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?: '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","_objectSpread","getStyledProps","accessibilityProps","label","describedBy","Button","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Button/IconButton/IconButton.js CHANGED Viewed

@@ -13,8 +13,8 @@ var _IconButton = function _IconButton(_ref, ref) {
     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,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? 'intense' : _ref$emphasis,
     accessibilityLabel = _ref.accessibilityLabel,
     isDisabled = _ref.isDisabled,
     onBlur = _ref.onBlur,
@@ -29,7 +29,7 @@ var _IconButton = function _IconButton(_ref, ref) {
   return /*#__PURE__*/jsx(StyledIconButton, {
     ref: ref,
     onClick: onClick,
-    contrast: contrast,
+    emphasis: emphasis,
     size: size,
     icon: icon,
     tabIndex: _tabIndex,

package/build/lib/web/production/components/Button/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;AAAA;AACA;~~AAqDA~~;AACA;AACA;AACA;AACA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAkBjFC,GAAG,EACA;AAAA,EAAA,IAjBDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,SAAA,GAAAJ,IAAA,CACPK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CACfO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,~~KAAK~~,GAAAA,aAAA;~~IAChBE~~,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IAClBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,SAAS,GAAAlB,IAAA,CAATkB,SAAS,CAAA;EAIX,oBACEC,GAAA,CAACC,gBAAgB,EAAA;AACfnB,IAAAA,GAAG,EAAEA,GAAW;AAChBE,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,IAAI,EAAEA,IAAK;AACXmB,IAAAA,QAAQ,EAAEH,SAAU;AACpBV,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAC5B,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMK,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAACzB,WAAW;;;;"}
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';\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":";;;;AAAA;AACA;AAsDA;AACA;AACA;AACA;AACA,IAAMA,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAkBjFC,GAAG,EACA;AAAA,EAAA,IAjBDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAAC,SAAA,GAAAJ,IAAA,CACPK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CACfO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,aAAA;IACpBE,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IAClBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,SAAS,GAAAlB,IAAA,CAATkB,SAAS,CAAA;EAIX,oBACEC,GAAA,CAACC,gBAAgB,EAAA;AACfnB,IAAAA,GAAG,EAAEA,GAAW;AAChBE,IAAAA,OAAO,EAAEA,OAAQ;AACjBI,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,IAAI,EAAEA,IAAK;AACXH,IAAAA,IAAI,EAAEA,IAAK;AACXmB,IAAAA,QAAQ,EAAEH,SAAU;AACpBV,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAC5B,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMK,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAACzB,WAAW;;;;"}