@razorpay/blade 10.23.5 → 11.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card according to the surface level tokens\n   *\n   * eg: `theme.colors.surface.background.level1`\n   *\n   * @default `2`\n   *\n   * **Description:**\n   *\n   * - 2: Used in layouts which are on top of the main background\n   * - 3: Used over the cards template or as a text input backgrounds.\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-colors--page#-theme-tokens\n   */\n  surfaceLevel?: Exclude<SurfaceLevels, 1>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * eg: `theme.elevation.midRaised`\n   *\n   * @default `theme.elevation.lowRaised`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page\n   */\n  padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * @default false\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  StyledPropsBlade;\n\nconst Card = ({\n  children,\n  surfaceLevel = 2,\n  elevation = 'lowRaised',\n  testID,\n  padding = 'spacing.7',\n  width,\n  height,\n  minHeight,\n  minWidth,\n  onClick,\n  isSelected = false,\n  accessibilityLabel,\n  shouldScaleOnHover = false,\n  onHover,\n  href,\n  target,\n  rel,\n  as,\n  ...styledProps\n}: CardProps): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <CardProvider>\n      <CardRoot\n        as={as}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(styledProps)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          surfaceLevel={surfaceLevel}\n          elevation={elevation}\n          textAlign={'left' as never}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID;\n\nconst _CardBody = ({ height, children, testID }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.CardBody, testID })} height={height}>\n      {children}\n    </BaseBox>\n  );\n};\n\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderText","CardHeaderLink","CardHeaderIconButton","Card","_ref","children","_ref$surfaceLevel","surfaceLevel","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","undefined","_jsx","CardProvider","CardRoot","display","borderRadius","onMouseEnter","isReactNative","MetaConstants","getStyledProps","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","useVerifyInsideCard","BaseBox","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * eg: `theme.elevation.midRaised`\n   *\n   * @default `theme.elevation.lowRaised`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--page\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * @default false\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  StyledPropsBlade;\n\nconst Card = ({\n  children,\n  backgroundColor = 'surface.background.gray.intense',\n  borderRadius = 'medium',\n  elevation = 'lowRaised',\n  testID,\n  padding = 'spacing.7',\n  width,\n  height,\n  minHeight,\n  minWidth,\n  onClick,\n  isSelected = false,\n  accessibilityLabel,\n  shouldScaleOnHover = false,\n  onHover,\n  href,\n  target,\n  rel,\n  as,\n  ...styledProps\n}: CardProps): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <CardProvider>\n      <CardRoot\n        as={as}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(styledProps)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID;\n\nconst _CardBody = ({ height, children, testID }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.CardBody, testID })} height={height}>\n      {children}\n    </BaseBox>\n  );\n};\n\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","Card","_ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","undefined","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","getStyledProps","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","useVerifyInsideCard","BaseBox","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 
-var _CardFooter=function _CardFooter(_ref){var _footerChildrensArray,_footerChildrensArray2;var children=_ref.children,testID=_ref.testID;var isMobile=useIsMobile();useVerifyInsideCard('CardFooter');useVerifyAllowedChildren({children:children,componentName:'CardFooter',allowedComponents:[ComponentIds.CardFooterLeading,ComponentIds.CardFooterTrailing]});var footerChildrensArray=React__default.Children.toArray(children);if(__DEV__){if(!React__default.isValidElement(footerChildrensArray[0])){throwBladeError({message:`Invalid React Element ${footerChildrensArray}`,moduleName:'CardFooter'});}}var baseBoxJustifyContent=footerChildrensArray.length===2||!((_footerChildrensArray=footerChildrensArray[0])!=null&&(_footerChildrensArray2=_footerChildrensArray.props)!=null&&_footerChildrensArray2.actions)?'space-between':'flex-end';return jsxs(BaseBox,Object.assign({marginTop:"auto"},metaAttribute({name:MetaConstants.CardFooter,testID:testID}),{children:[jsx(BaseBox,{marginTop:"spacing.7"}),jsx(Divider,{}),jsx(BaseBox,{marginTop:"spacing.7",display:"flex",flexDirection:isMobile?'column':'row',justifyContent:baseBoxJustifyContent,alignItems:isMobile?'stretch':'center',children:children})]}));};var CardFooter=assignWithoutSideEffects(_CardFooter,{componentId:ComponentIds.CardFooter});var _CardFooterLeading=function _CardFooterLeading(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle;useVerifyInsideCard('CardFooterLeading');return jsxs(BaseBox,{textAlign:'left',children:[title&&jsx(Text,{variant:"body",size:"medium",weight:"bold",children:title}),subtitle&&jsx(Text,{variant:"body",size:"small",weight:"regular",children:subtitle})]});};var CardFooterLeading=assignWithoutSideEffects(_CardFooterLeading,{componentId:ComponentIds.CardFooterLeading});var _CardFooterTrailing=function _CardFooterTrailing(_ref3){var actions=_ref3.actions;var isMobile=useIsMobile();useVerifyInsideCard('CardFooterTrailing');return jsxs(BaseBox,{display:"flex",flexDirection:"row",alignSelf:isMobile?'auto':'center',marginTop:isMobile?'spacing.5':'spacing.0',marginLeft:isMobile?'spacing.0':'spacing.5',children:[jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.secondary?jsx(Button,Object.assign({isFullWidth:true,size:"medium",variant:"secondary"},actions.secondary,{children:actions.secondary.text})):null}),jsx(BaseBox,{marginLeft:"spacing.5"}),jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.primary?jsx(Button,Object.assign({isFullWidth:true,size:"medium"},actions.primary,{children:actions.primary.text})):null})]});};var CardFooterTrailing=assignWithoutSideEffects(_CardFooterTrailing,{componentId:ComponentIds.CardFooterTrailing});
+var _CardFooter=function _CardFooter(_ref){var _footerChildrensArray,_footerChildrensArray2;var children=_ref.children,testID=_ref.testID,_ref$marginTop=_ref.marginTop,marginTop=_ref$marginTop===void 0?'spacing.4':_ref$marginTop,_ref$paddingTop=_ref.paddingTop,paddingTop=_ref$paddingTop===void 0?'spacing.4':_ref$paddingTop,_ref$showDivider=_ref.showDivider,showDivider=_ref$showDivider===void 0?true:_ref$showDivider;var isMobile=useIsMobile();useVerifyInsideCard('CardFooter');useVerifyAllowedChildren({children:children,componentName:'CardFooter',allowedComponents:[ComponentIds.CardFooterLeading,ComponentIds.CardFooterTrailing]});var footerChildrensArray=React__default.Children.toArray(children);if(__DEV__){if(!React__default.isValidElement(footerChildrensArray[0])){throwBladeError({message:`Invalid React Element ${footerChildrensArray}`,moduleName:'CardFooter'});}}var baseBoxJustifyContent=footerChildrensArray.length===2||!((_footerChildrensArray=footerChildrensArray[0])!=null&&(_footerChildrensArray2=_footerChildrensArray.props)!=null&&_footerChildrensArray2.actions)?'space-between':'flex-end';return jsxs(BaseBox,Object.assign({marginTop:marginTop},metaAttribute({name:MetaConstants.CardFooter,testID:testID}),{children:[showDivider?jsx(Divider,{}):null,jsx(BaseBox,{paddingTop:paddingTop,display:"flex",flexDirection:isMobile?'column':'row',justifyContent:baseBoxJustifyContent,alignItems:isMobile?'stretch':'center',children:children})]}));};var CardFooter=assignWithoutSideEffects(_CardFooter,{componentId:ComponentIds.CardFooter});var _CardFooterLeading=function _CardFooterLeading(_ref2){var title=_ref2.title,subtitle=_ref2.subtitle;useVerifyInsideCard('CardFooterLeading');return jsxs(BaseBox,{textAlign:'left',children:[title&&jsx(Text,{color:"surface.text.gray.normal",size:"medium",weight:"semibold",children:title}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",size:"small",weight:"regular",children:subtitle})]});};var CardFooterLeading=assignWithoutSideEffects(_CardFooterLeading,{componentId:ComponentIds.CardFooterLeading});var _CardFooterTrailing=function _CardFooterTrailing(_ref3){var actions=_ref3.actions;var isMobile=useIsMobile();useVerifyInsideCard('CardFooterTrailing');return jsxs(BaseBox,{display:"flex",flexDirection:"row",alignSelf:isMobile?'auto':'center',marginTop:isMobile?'spacing.5':'spacing.0',marginLeft:isMobile?'spacing.0':'spacing.5',children:[jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.secondary?jsx(Button,Object.assign({isFullWidth:true,size:"medium",variant:"secondary"},actions.secondary,{children:actions.secondary.text})):null}),jsx(BaseBox,{marginLeft:"spacing.5"}),jsx(BaseBox,{flexGrow:1,children:actions!=null&&actions.primary?jsx(Button,Object.assign({isFullWidth:true,size:"medium"},actions.primary,{children:actions.primary.text})):null})]});};var CardFooterTrailing=assignWithoutSideEffects(_CardFooterTrailing,{componentId:ComponentIds.CardFooterTrailing});
 
 export { CardFooter, CardFooterLeading, CardFooterTrailing };
 //# sourceMappingURL=CardFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n} & TestID;\n\nconst _CardFooter = ({ children, testID }: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox marginTop=\"auto\" {...metaAttribute({ name: MetaConstants.CardFooter, testID })}>\n      <BaseBox marginTop=\"spacing.7\" />\n      <Divider />\n      <BaseBox\n        marginTop=\"spacing.7\"\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n};\nconst _CardFooterLeading = ({ title, subtitle }: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never}>\n      {title && (\n        <Text variant=\"body\" size=\"medium\" weight=\"bold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text variant=\"body\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n};\nconst _CardFooterTrailing = ({ actions }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button isFullWidth size=\"medium\" variant=\"secondary\" {...actions.secondary}>\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button isFullWidth size=\"medium\" {...actions.primary}>\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","__DEV__","isValidElement","throwBladeError","message","moduleName","baseBoxJustifyContent","length","props","actions","_jsxs","BaseBox","Object","assign","marginTop","metaAttribute","name","MetaConstants","CardFooter","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","textAlign","Text","variant","size","weight","_CardFooterTrailing","_ref3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","text","primary"],"mappings":"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"}
+{"version":3,"file":"CardFooter.js","sources":["../../../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type CardFooterAction = Pick<\n  ButtonProps,\n  'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'\n> & {\n  text: ButtonProps['children'];\n};\n\ntype CardFooterProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and footer title\n   */\n  paddingTop?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginTop?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID;\n\nconst _CardFooter = ({\n  children,\n  testID,\n  marginTop = 'spacing.4',\n  paddingTop = 'spacing.4',\n  showDivider = true,\n}: CardFooterProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooter');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardFooter',\n    allowedComponents: [ComponentIds.CardFooterLeading, ComponentIds.CardFooterTrailing],\n  });\n\n  const footerChildrensArray = React.Children.toArray(children);\n  if (__DEV__) {\n    if (!React.isValidElement(footerChildrensArray[0])) {\n      throwBladeError({\n        message: `Invalid React Element ${footerChildrensArray}`,\n        moduleName: 'CardFooter',\n      });\n    }\n  }\n\n  // the reason why we are checking for actions here is, because we want the footerTrailing\n  // to always be aligned to the right\n  // if we don't check for action here, and if we do not have footerTrailing and only footerLeading\n  // then the content of footerLeading will be justified to the end.\n  const baseBoxJustifyContent =\n    footerChildrensArray.length === 2 || !(footerChildrensArray[0] as ReactElement)?.props?.actions\n      ? 'space-between'\n      : 'flex-end';\n\n  return (\n    <BaseBox marginTop={marginTop} {...metaAttribute({ name: MetaConstants.CardFooter, testID })}>\n      {showDivider ? <Divider /> : null}\n      <BaseBox\n        paddingTop={paddingTop}\n        display=\"flex\"\n        flexDirection={isMobile ? 'column' : 'row'}\n        justifyContent={baseBoxJustifyContent}\n        alignItems={isMobile ? 'stretch' : 'center'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooter = assignWithoutSideEffects(_CardFooter, { componentId: ComponentIds.CardFooter });\n\ntype CardFooterLeadingProps = {\n  title?: string;\n  subtitle?: string;\n};\nconst _CardFooterLeading = ({ title, subtitle }: CardFooterLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardFooterLeading');\n\n  return (\n    <BaseBox textAlign={'left' as never}>\n      {title && (\n        <Text color=\"surface.text.gray.normal\" size=\"medium\" weight=\"semibold\">\n          {title}\n        </Text>\n      )}\n      {subtitle && (\n        <Text color=\"surface.text.gray.subtle\" size=\"small\" weight=\"regular\">\n          {subtitle}\n        </Text>\n      )}\n    </BaseBox>\n  );\n};\nconst CardFooterLeading = assignWithoutSideEffects(_CardFooterLeading, {\n  componentId: ComponentIds.CardFooterLeading,\n});\n\ntype CardFooterTrailingProps = {\n  actions?: {\n    primary?: CardFooterAction;\n    secondary?: CardFooterAction;\n  };\n};\nconst _CardFooterTrailing = ({ actions }: CardFooterTrailingProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  useVerifyInsideCard('CardFooterTrailing');\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignSelf={isMobile ? 'auto' : 'center'}\n      marginTop={isMobile ? 'spacing.5' : 'spacing.0'}\n      marginLeft={isMobile ? 'spacing.0' : 'spacing.5'}\n    >\n      <BaseBox flexGrow={1}>\n        {actions?.secondary ? (\n          <Button isFullWidth size=\"medium\" variant=\"secondary\" {...actions.secondary}>\n            {actions.secondary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n      <BaseBox marginLeft=\"spacing.5\" />\n      <BaseBox flexGrow={1}>\n        {actions?.primary ? (\n          <Button isFullWidth size=\"medium\" {...actions.primary}>\n            {actions.primary.text!}\n          </Button>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardFooterTrailing = assignWithoutSideEffects(_CardFooterTrailing, {\n  componentId: ComponentIds.CardFooterTrailing,\n});\n\nexport { CardFooter, CardFooterLeading, CardFooterTrailing };\n"],"names":["_CardFooter","_ref","_footerChildrensArray","_footerChildrensArray2","children","testID","_ref$marginTop","marginTop","_ref$paddingTop","paddingTop","_ref$showDivider","showDivider","isMobile","useIsMobile","useVerifyInsideCard","useVerifyAllowedChildren","componentName","allowedComponents","ComponentIds","CardFooterLeading","CardFooterTrailing","footerChildrensArray","React","Children","toArray","__DEV__","isValidElement","throwBladeError","message","moduleName","baseBoxJustifyContent","length","props","actions","_jsxs","BaseBox","Object","assign","metaAttribute","name","MetaConstants","CardFooter","_jsx","Divider","display","flexDirection","justifyContent","alignItems","assignWithoutSideEffects","componentId","_CardFooterLeading","_ref2","title","subtitle","textAlign","Text","color","size","weight","_CardFooterTrailing","_ref3","alignSelf","marginLeft","flexGrow","secondary","Button","isFullWidth","variant","text","primary"],"mappings":"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"}

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

@@ -17,7 +17,6 @@ import '../../tokens/global/motion.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import '../BladeProvider/useTheme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Heading } from '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
 import { minHeight } from '../Button/BaseButton/buttonTokens.js';
@@ -26,8 +25,9 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { isValidAllowedChildren, getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { Amount } from '../Amount/Amount.js';
 
-var _CardHeaderIcon=function _CardHeaderIcon(_ref){var Icon=_ref.icon;useVerifyInsideCard('CardHeaderIcon');return jsx(Icon,{color:"surface.text.normal.lowContrast",size:"xlarge"});};var CardHeaderIcon=assignWithoutSideEffects(_CardHeaderIcon,{componentId:ComponentIds.CardHeaderIcon});var _CardHeaderCounter=function _CardHeaderCounter(props){useVerifyInsideCard('CardHeaderCounter');return jsx(Counter,Object.assign({},props));};var CardHeaderCounter=assignWithoutSideEffects(_CardHeaderCounter,{componentId:ComponentIds.CardHeaderCounter});var _CardHeaderBadge=function _CardHeaderBadge(props){useVerifyInsideCard('CardHeaderBadge');return jsx(Badge,Object.assign({},props));};var CardHeaderBadge=assignWithoutSideEffects(_CardHeaderBadge,{componentId:ComponentIds.CardHeaderBadge});var _CardHeaderText=function _CardHeaderText(props){useVerifyInsideCard('CardHeaderText');return jsx(Text,Object.assign({textAlign:"left"},props));};var CardHeaderText=assignWithoutSideEffects(_CardHeaderText,{componentId:ComponentIds.CardHeaderText});var _CardHeaderLink=function _CardHeaderLink(props){useVerifyInsideCard('CardHeaderLink');return jsx(Link,Object.assign({},props));};var CardHeaderLink=assignWithoutSideEffects(_CardHeaderLink,{componentId:ComponentIds.CardHeaderLink});var _CardHeaderIconButton=function _CardHeaderIconButton(props){useVerifyInsideCard('CardHeaderIconButton');return jsx(BaseBox,{width:makeSpace(minHeight.xsmall),children:jsx(Button,Object.assign({},props,{variant:"tertiary",size:"xsmall",iconPosition:"left",isFullWidth:true}))});};var CardHeaderIconButton=assignWithoutSideEffects(_CardHeaderIconButton,{componentId:ComponentIds.CardHeaderIconButton});var _CardHeader=function _CardHeader(_ref2){var children=_ref2.children,testID=_ref2.testID;useVerifyInsideCard('CardHeader');useVerifyAllowedChildren({children:children,componentName:'CardHeader',allowedComponents:[ComponentIds.CardHeaderLeading,ComponentIds.CardHeaderTrailing]});return jsxs(BaseBox,Object.assign({marginBottom:"spacing.7"},metaAttribute({name:MetaConstants.CardHeader,testID:testID}),{children:[jsx(BaseBox,{marginBottom:"spacing.7",display:"flex",flexDirection:"row",justifyContent:"space-between",children:children}),jsx(Divider,{})]}));};var CardHeader=assignWithoutSideEffects(_CardHeader,{componentId:ComponentIds.CardHeader});var _CardHeaderLeading=function _CardHeaderLeading(_ref3){var title=_ref3.title,subtitle=_ref3.subtitle,prefix=_ref3.prefix,suffix=_ref3.suffix;useVerifyInsideCard('CardHeaderLeading');if(__DEV__){if(prefix&&!isValidAllowedChildren(prefix,ComponentIds.CardHeaderIcon)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderIcon}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}if(suffix&&!isValidAllowedChildren(suffix,ComponentIds.CardHeaderCounter)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderCounter}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}}return jsxs(BaseBox,{flex:1,display:"flex",flexDirection:"row",children:[jsx(BaseBox,{marginRight:"spacing.3",alignSelf:"center",display:"flex",children:prefix}),jsxs(BaseBox,{marginRight:"spacing.5",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"wrap",children:[jsx(Heading,{size:"small",variant:"regular",type:"normal",children:title}),jsx(BaseBox,{marginLeft:"spacing.3",children:suffix})]}),subtitle&&jsx(Text,{textAlign:"left",variant:"body",size:"small",weight:"regular",children:subtitle})]})]});};var CardHeaderLeading=assignWithoutSideEffects(_CardHeaderLeading,{componentId:ComponentIds.CardHeaderLeading});var headerTrailingAllowedComponents=[ComponentIds.CardHeaderLink,ComponentIds.CardHeaderText,ComponentIds.CardHeaderIconButton,ComponentIds.CardHeaderBadge];var _CardHeaderTrailing=function _CardHeaderTrailing(_ref4){var visual=_ref4.visual;useVerifyInsideCard('CardHeaderTrailing');if(__DEV__){if(visual&&!headerTrailingAllowedComponents.includes(getComponentId(visual))){throwBladeError({message:`Only one of \`${headerTrailingAllowedComponents.join(', ')}\` component is accepted in visual`,moduleName:'CardHeaderTrailing'});}}return jsx(BaseBox,{alignSelf:"center",children:visual});};var CardHeaderTrailing=assignWithoutSideEffects(_CardHeaderTrailing,{componentId:ComponentIds.CardHeaderTrailing});
+var _CardHeaderIcon=function _CardHeaderIcon(_ref){var Icon=_ref.icon;useVerifyInsideCard('CardHeaderIcon');return jsx(Icon,{color:"surface.icon.gray.normal",size:"large"});};var CardHeaderIcon=assignWithoutSideEffects(_CardHeaderIcon,{componentId:ComponentIds.CardHeaderIcon});var _CardHeaderCounter=function _CardHeaderCounter(props){useVerifyInsideCard('CardHeaderCounter');return jsx(Counter,Object.assign({},props));};var CardHeaderCounter=assignWithoutSideEffects(_CardHeaderCounter,{componentId:ComponentIds.CardHeaderCounter});var _CardHeaderBadge=function _CardHeaderBadge(props){useVerifyInsideCard('CardHeaderBadge');return jsx(Badge,Object.assign({},props));};var CardHeaderBadge=assignWithoutSideEffects(_CardHeaderBadge,{componentId:ComponentIds.CardHeaderBadge});var _CardHeaderAmount=function _CardHeaderAmount(props){useVerifyInsideCard('CardHeaderAmount');return jsx(Amount,Object.assign({},props));};var CardHeaderAmount=assignWithoutSideEffects(_CardHeaderAmount,{componentId:ComponentIds.CardHeaderAmount});var _CardHeaderText=function _CardHeaderText(props){useVerifyInsideCard('CardHeaderText');return jsx(Text,Object.assign({textAlign:"left"},props));};var CardHeaderText=assignWithoutSideEffects(_CardHeaderText,{componentId:ComponentIds.CardHeaderText});var _CardHeaderLink=function _CardHeaderLink(props){useVerifyInsideCard('CardHeaderLink');return jsx(Link,Object.assign({},props));};var CardHeaderLink=assignWithoutSideEffects(_CardHeaderLink,{componentId:ComponentIds.CardHeaderLink});var _CardHeaderIconButton=function _CardHeaderIconButton(props){useVerifyInsideCard('CardHeaderIconButton');return jsx(BaseBox,{width:makeSpace(minHeight.xsmall),children:jsx(Button,Object.assign({},props,{variant:"tertiary",size:"xsmall",iconPosition:"left",isFullWidth:true}))});};var CardHeaderIconButton=assignWithoutSideEffects(_CardHeaderIconButton,{componentId:ComponentIds.CardHeaderIconButton});var _CardHeader=function _CardHeader(_ref2){var children=_ref2.children,testID=_ref2.testID,_ref2$marginBottom=_ref2.marginBottom,marginBottom=_ref2$marginBottom===void 0?'spacing.4':_ref2$marginBottom,_ref2$paddingBottom=_ref2.paddingBottom,paddingBottom=_ref2$paddingBottom===void 0?'spacing.4':_ref2$paddingBottom,_ref2$showDivider=_ref2.showDivider,showDivider=_ref2$showDivider===void 0?true:_ref2$showDivider;useVerifyInsideCard('CardHeader');useVerifyAllowedChildren({children:children,componentName:'CardHeader',allowedComponents:[ComponentIds.CardHeaderLeading,ComponentIds.CardHeaderTrailing]});return jsxs(BaseBox,Object.assign({marginBottom:marginBottom},metaAttribute({name:MetaConstants.CardHeader,testID:testID}),{children:[jsx(BaseBox,{paddingBottom:paddingBottom,display:"flex",flexDirection:"row",justifyContent:"space-between",children:children}),showDivider?jsx(Divider,{}):null]}));};var CardHeader=assignWithoutSideEffects(_CardHeader,{componentId:ComponentIds.CardHeader});var _CardHeaderLeading=function _CardHeaderLeading(_ref3){var title=_ref3.title,subtitle=_ref3.subtitle,prefix=_ref3.prefix,suffix=_ref3.suffix;useVerifyInsideCard('CardHeaderLeading');if(__DEV__){if(prefix&&!isValidAllowedChildren(prefix,ComponentIds.CardHeaderIcon)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderIcon}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}if(suffix&&!isValidAllowedChildren(suffix,ComponentIds.CardHeaderCounter)){throwBladeError({message:`Only \`${ComponentIds.CardHeaderCounter}\` component is accepted in prefix`,moduleName:'CardHeaderLeading'});}}return jsxs(BaseBox,{flex:1,display:"flex",flexDirection:"row",children:[jsx(BaseBox,{marginRight:"spacing.3",alignSelf:"center",display:"flex",children:prefix}),jsxs(BaseBox,{marginRight:"spacing.5",children:[jsxs(BaseBox,{display:"flex",flexDirection:"row",alignItems:"center",flexWrap:"wrap",children:[jsx(Text,{color:"surface.text.gray.normal",size:"large",weight:"semibold",children:title}),jsx(BaseBox,{marginLeft:"spacing.3",children:suffix})]}),subtitle&&jsx(Text,{color:"surface.text.gray.subtle",textAlign:"left",size:"small",children:subtitle})]})]});};var CardHeaderLeading=assignWithoutSideEffects(_CardHeaderLeading,{componentId:ComponentIds.CardHeaderLeading});var headerTrailingAllowedComponents=[ComponentIds.CardHeaderLink,ComponentIds.CardHeaderText,ComponentIds.CardHeaderIconButton,ComponentIds.CardHeaderBadge,ComponentIds.CardHeaderAmount];var _CardHeaderTrailing=function _CardHeaderTrailing(_ref4){var visual=_ref4.visual;useVerifyInsideCard('CardHeaderTrailing');if(__DEV__){if(visual&&!headerTrailingAllowedComponents.includes(getComponentId(visual))){throwBladeError({message:`Only one of \`${headerTrailingAllowedComponents.join(', ')}\` component is accepted in visual`,moduleName:'CardHeaderTrailing'});}}return jsx(BaseBox,{alignSelf:"center",children:visual});};var CardHeaderTrailing=assignWithoutSideEffects(_CardHeaderTrailing,{componentId:ComponentIds.CardHeaderTrailing});
 
-export { CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing };
+export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing };
 //# sourceMappingURL=CardHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Heading, Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.text.normal.lowContrast\" size=\"xlarge\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n} & TestID;\n\nconst _CardHeader = ({ children, testID }: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom=\"spacing.7\"\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n    >\n      <BaseBox\n        marginBottom=\"spacing.7\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      <Divider />\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * Accepts: `CardHeaderCounter` component\n   */\n  suffix?: React.ReactNode;\n};\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n\n    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderCounter}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  return (\n    <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n      <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n        {prefix}\n      </BaseBox>\n      <BaseBox marginRight=\"spacing.5\">\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n          <Heading size=\"small\" variant=\"regular\" type=\"normal\">\n            {title}\n          </Heading>\n          <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n        </BaseBox>\n        {subtitle && (\n          <Text textAlign=\"left\" variant=\"body\" size=\"small\" weight=\"regular\">\n            {subtitle}\n          </Text>\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`\n   */\n  visual?: React.ReactNode;\n};\n\nconst headerTrailingAllowedComponents = [\n  ComponentIds.CardHeaderLink,\n  ComponentIds.CardHeaderText,\n  ComponentIds.CardHeaderIconButton,\n  ComponentIds.CardHeaderBadge,\n];\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  if (__DEV__) {\n    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual)!)) {\n      throwBladeError({\n        message: `Only one of \\`${headerTrailingAllowedComponents.join(\n          ', ',\n        )}\\` component is accepted in visual`,\n        moduleName: 'CardHeaderTrailing',\n      });\n    }\n  }\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","marginBottom","metaAttribute","name","MetaConstants","CardHeader","display","flexDirection","justifyContent","Divider","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","flex","marginRight","alignSelf","alignItems","flexWrap","Heading","type","marginLeft","weight","headerTrailingAllowedComponents","_CardHeaderTrailing","_ref4","visual","includes","getComponentId","join"],"mappings":"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"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * Accepts: `CardHeaderCounter` component\n   */\n  suffix?: React.ReactNode;\n};\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n\n    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderCounter}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  return (\n    <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n      <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n        {prefix}\n      </BaseBox>\n      <BaseBox marginRight=\"spacing.5\">\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n          <Text color=\"surface.text.gray.normal\" size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n          <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n        </BaseBox>\n        {subtitle && (\n          <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n            {subtitle}\n          </Text>\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`\n   */\n  visual?: React.ReactNode;\n};\n\nconst headerTrailingAllowedComponents = [\n  ComponentIds.CardHeaderLink,\n  ComponentIds.CardHeaderText,\n  ComponentIds.CardHeaderIconButton,\n  ComponentIds.CardHeaderBadge,\n  ComponentIds.CardHeaderAmount,\n];\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  if (__DEV__) {\n    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual)!)) {\n      throwBladeError({\n        message: `Only one of \\`${headerTrailingAllowedComponents.join(\n          ', ',\n        )}\\` component is accepted in visual`,\n        moduleName: 'CardHeaderTrailing',\n      });\n    }\n  }\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","Object","assign","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","display","flexDirection","justifyContent","Divider","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","__DEV__","isValidAllowedChildren","throwBladeError","message","moduleName","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","headerTrailingAllowedComponents","_CardHeaderTrailing","_ref4","visual","includes","getComponentId","join"],"mappings":"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"}

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

@@ -17,7 +17,7 @@ import '../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var _excluded=["isSelected"],_excluded2=["children","onClick","isSelected","shouldScaleOnHover","href","as","accessibilityLabel"];var StyledCardRoot=styled(BaseBox)(function(_ref){var isSelected=_ref.isSelected,props=_objectWithoutProperties(_ref,_excluded);var selectedColor=isSelected?props.theme.colors.brand.primary[500]:'transparent';return {border:`${props.theme.border.width.thicker}px solid ${selectedColor}`};});var AnimatedPressable=Animated.createAnimatedComponent(Pressable);var openURL=function(){var _ref2=_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 _ref2.apply(this,arguments);};}();var CardRoot=function CardRoot(_ref3){var children=_ref3.children,onClick=_ref3.onClick,isSelected=_ref3.isSelected,shouldScaleOnHover=_ref3.shouldScaleOnHover,href=_ref3.href;_ref3.as;var accessibilityLabel=_ref3.accessibilityLabel,props=_objectWithoutProperties(_ref3,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var duration=castNativeType(makeMotionTime(theme.motion.duration.xquick));var easing=castNativeType(theme.motion.easing.standard.effective);var styles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?CARD_SCALE_DOWN_VALUE:1,{duration:duration,easing:easing})}]};},[isPressed]);if(onClick||shouldScaleOnHover||href){return jsx(AnimatedPressable,Object.assign({},makeAccessible({role:href?'link':undefined,label:accessibilityLabel,selected:isSelected}),{style:styles,onPressIn:function onPressIn(event){if(onClick){onClick(event);}setIsPressed(true);},onPressOut:function onPressOut(){if(href){void openURL(href);}setIsPressed(false);},children:jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}))}));}return jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}));};
+var _excluded=["isSelected"],_excluded2=["children","onClick","isSelected","shouldScaleOnHover","href","as","accessibilityLabel"];var StyledCardRoot=styled(BaseBox)(function(_ref){var isSelected=_ref.isSelected,props=_objectWithoutProperties(_ref,_excluded);var selectedColor=isSelected?props.theme.colors.surface.border.primary.normal:'transparent';return {border:`${props.theme.border.width.thicker}px solid ${selectedColor}`};});var AnimatedPressable=Animated.createAnimatedComponent(Pressable);var openURL=function(){var _ref2=_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 _ref2.apply(this,arguments);};}();var CardRoot=function CardRoot(_ref3){var children=_ref3.children,onClick=_ref3.onClick,isSelected=_ref3.isSelected,shouldScaleOnHover=_ref3.shouldScaleOnHover,href=_ref3.href;_ref3.as;var accessibilityLabel=_ref3.accessibilityLabel,props=_objectWithoutProperties(_ref3,_excluded2);var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var duration=castNativeType(makeMotionTime(theme.motion.duration.xquick));var easing=castNativeType(theme.motion.easing.standard.effective);var styles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?CARD_SCALE_DOWN_VALUE:1,{duration:duration,easing:easing})}]};},[isPressed]);if(onClick||shouldScaleOnHover||href){return jsx(AnimatedPressable,Object.assign({},makeAccessible({role:href?'link':undefined,label:accessibilityLabel,selected:isSelected}),{style:styles,onPressIn:function onPressIn(event){if(onClick){onClick(event);}setIsPressed(true);},onPressOut:function onPressOut(){if(href){void openURL(href);}setIsPressed(false);},children:jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}))}));}return jsx(StyledCardRoot,Object.assign({as:undefined,isSelected:isSelected},props,{children:children}));};
 
 export { CardRoot };
 //# sourceMappingURL=CardRoot.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected ? props.theme.colors.brand.primary[500] : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\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 CardRoot = ({\n  children,\n  onClick,\n  isSelected,\n  shouldScaleOnHover,\n  href,\n  as,\n  accessibilityLabel,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard.effective);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","brand","primary","border","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","CardRoot","_ref3","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","effective","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut"],"mappings":"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"}
+{"version":3,"file":"CardRoot.native.js","sources":["../../../../../src/components/Card/CardRoot.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Pressable } from 'react-native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport styled from 'styled-components';\nimport type { CardRootProps } from './types';\nimport { CARD_SCALE_DOWN_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { logger } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps>(({ isSelected, ...props }) => {\n  const selectedColor = isSelected\n    ? props.theme.colors.surface.border.primary.normal\n    : 'transparent';\n  return {\n    border: `${props.theme.border.width.thicker}px solid ${selectedColor}`,\n  };\n});\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\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 CardRoot = ({\n  children,\n  onClick,\n  isSelected,\n  shouldScaleOnHover,\n  href,\n  as,\n  accessibilityLabel,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [isPressed, setIsPressed] = React.useState(false);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.xquick));\n  const easing = castNativeType(theme.motion.easing.standard.effective);\n\n  const styles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          // TODO: check with design once what to do on mobile\n          scale: withTiming(isPressed ? CARD_SCALE_DOWN_VALUE : 1, { duration, easing }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  if (onClick || shouldScaleOnHover || href) {\n    return (\n      <AnimatedPressable\n        {...makeAccessible({\n          role: href ? 'link' : undefined,\n          label: accessibilityLabel,\n          selected: isSelected,\n        })}\n        style={styles}\n        onPressIn={(event) => {\n          if (onClick) {\n            onClick(event);\n          }\n          setIsPressed(true);\n        }}\n        onPressOut={() => {\n          if (href) {\n            void openURL(href);\n          }\n          setIsPressed(false);\n        }}\n      >\n        <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n          {children}\n        </StyledCardRoot>\n      </AnimatedPressable>\n    );\n  }\n\n  return (\n    <StyledCardRoot as={undefined} isSelected={isSelected} {...props}>\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","_ref","isSelected","props","_objectWithoutProperties","_excluded","selectedColor","theme","colors","surface","border","primary","normal","width","thicker","AnimatedPressable","Animated","createAnimatedComponent","Pressable","openURL","_ref2","_asyncToGenerator","href","canOpen","Linking","canOpenURL","_unused","__DEV__","logger","type","message","moduleName","_x","apply","arguments","CardRoot","_ref3","children","onClick","shouldScaleOnHover","as","accessibilityLabel","_excluded2","_useTheme","useTheme","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","duration","castNativeType","makeMotionTime","motion","xquick","easing","standard","effective","styles","useAnimatedStyle","transform","scale","withTiming","CARD_SCALE_DOWN_VALUE","_jsx","Object","assign","makeAccessible","role","undefined","label","selected","style","onPressIn","event","onPressOut"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import { castNativeType } from '../../utils/platform/castUtils.js';
 import '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","surfaceLevel","elevation","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var surfaceLevel=_ref.surfaceLevel,elevation=_ref.elevation,theme=_ref.theme;var backgroundColor=theme.colors.surface.background[`level${surfaceLevel}`].lowContrast;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?`${theme.border.width.thin}`:undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.normal.lowContrast}`:undefined,backgroundColor:backgroundColor};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,surfaceLevel=_ref2.surfaceLevel,elevation=_ref2.elevation,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{surfaceLevel:surfaceLevel,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
+var _excluded=["children","elevation","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var elevation=_ref.elevation,theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?`${theme.border.width.thin}`:undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.gray.muted}`:undefined};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,elevation=_ref2.elevation,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
 
 export { CardSurface };
 //# sourceMappingURL=CardSurface.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport { castNativeType } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n  surfaceLevel: Exclude<SurfaceLevels, 1>;\n  elevation: keyof Elevation;\n}>(({ surfaceLevel, elevation, theme }) => {\n  const backgroundColor = theme.colors.surface.background[`level${surfaceLevel}`].lowContrast;\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor:\n      elevation === 'none' ? `${theme.colors.surface.border.normal.lowContrast}` : undefined,\n    backgroundColor,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  surfaceLevel: Exclude<SurfaceLevels, 1>;\n  elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n  children,\n  surfaceLevel,\n  elevation,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      surfaceLevel={surfaceLevel}\n      elevation={elevation}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","surfaceLevel","elevation","theme","backgroundColor","colors","surface","background","lowContrast","width","display","flexDirection","borderWidth","border","thin","undefined","borderStyle","borderColor","normal","CardSurface","_ref2","children","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,cAAA,CAAA,WAAA,CAAA,YAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,CAQA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAGtC,SAAAC,IAAA,CAAwC,CAArC,IAAAC,YAAY,CAAAD,IAAA,CAAZC,YAAY,CAAEC,SAAS,CAAAF,IAAA,CAATE,SAAS,CAAEC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAClC,IAAMC,eAAe,CAAGD,KAAK,CAACE,MAAM,CAACC,OAAO,CAACC,UAAU,CAAE,CAAA,KAAA,EAAON,YAAa,CAAA,CAAC,CAAC,CAACO,WAAW,CAC3F,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAI,CAAEC,EAAAA,KAAK,CAACU,MAAM,CAACJ,KAAK,CAACK,IAAK,CAAA,CAAC,CAAGC,SAAS,CAC5EC,WAAW,CAAEd,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGa,SAAS,CACvDE,WAAW,CACTf,SAAS,GAAK,MAAM,CAAI,CAAA,EAAEC,KAAK,CAACE,MAAM,CAACC,OAAO,CAACO,MAAM,CAACK,MAAM,CAACV,WAAY,CAAC,CAAA,CAAGO,SAAS,CACxFX,eAAe,CAAfA,eACF,CAAC,CACH,CAAC,CAAC,CAQI,IAAAe,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRpB,YAAY,CAAAmB,KAAA,CAAZnB,YAAY,CACZC,SAAS,CAAAkB,KAAA,CAATlB,SAAS,CACToB,UAAU,CAAAF,KAAA,CAAVE,UAAU,CACVC,YAAY,CAAAH,KAAA,CAAZG,YAAY,CACZC,aAAa,CAAAJ,KAAA,CAAbI,aAAa,CACbC,cAAc,CAAAL,KAAA,CAAdK,cAAc,CACdC,aAAa,CAAAN,KAAA,CAAbM,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAR,KAAA,CAAAS,SAAA,CAER,CAAA,OACEC,GAAA,CAACjC,iBAAiB,CAAAkC,MAAA,CAAAC,MAAA,IACZL,KAAK,CAAA,CACT1B,YAAY,CAAEA,YAAa,CAC3BC,SAAS,CAAEA,SAAU,CACrBuB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAL,QAAA,CAE5CA,QAAQ,CAAA,CACQ,CAAC,CAExB;;;;"}
+{"version":3,"file":"CardSurface.native.js","sources":["../../../../../src/components/Card/CardSurface.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport type { Elevation } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst CardSurfaceStyled = styled(BaseBox)<{\n  elevation: keyof Elevation;\n}>(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n  };\n});\n\ntype CardSurfaceProps = {\n  children: React.ReactNode;\n  elevation: keyof Elevation;\n} & Omit<BaseBoxProps, 'elevation'>;\n\nconst CardSurface = ({\n  children,\n  elevation,\n  backgroundColor,\n  onTouchEnd,\n  onTouchStart,\n  onPointerDown,\n  onPointerEnter,\n  pointerEvents,\n  ...props\n}: CardSurfaceProps): React.ReactElement => {\n  return (\n    <CardSurfaceStyled\n      {...props}\n      backgroundColor={backgroundColor}\n      elevation={elevation}\n      onPointerEnter={castNativeType(onPointerEnter)}\n      onPointerDown={castNativeType(onPointerDown)}\n      onTouchStart={castNativeType(onTouchStart)}\n      onTouchEnd={castNativeType(onTouchEnd)}\n      pointerEvents={castNativeType(pointerEvents)}\n    >\n      {children}\n    </CardSurfaceStyled>\n  );\n};\n\nexport { CardSurface };\n"],"names":["CardSurfaceStyled","styled","BaseBox","_ref","elevation","theme","width","display","flexDirection","borderWidth","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","CardSurface","_ref2","children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","props","_objectWithoutProperties","_excluded","_jsx","Object","assign","castNativeType"],"mappings":";;;;;;;;;;sIAOA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAEtC,SAAAC,IAAA,CAA0B,CAAvB,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CACpB,OAAO,CACLC,KAAK,CAAE,MAAM,CACbC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,WAAW,CAAEL,SAAS,GAAK,MAAM,CAAI,CAAA,EAAEC,KAAK,CAACK,MAAM,CAACJ,KAAK,CAACK,IAAK,CAAA,CAAC,CAAGC,SAAS,CAC5EC,WAAW,CAAET,SAAS,GAAK,MAAM,CAAG,OAAO,CAAGQ,SAAS,CACvDE,WAAW,CAAEV,SAAS,GAAK,MAAM,CAAI,CAAA,EAAEC,KAAK,CAACU,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAM,CAAA,CAAC,CAAGN,SACpF,CAAC,CACH,CAAC,CAAC,CAOI,IAAAO,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAU2B,CAT1C,IAAAC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRjB,SAAS,CAAAgB,KAAA,CAAThB,SAAS,CACTkB,eAAe,CAAAF,KAAA,CAAfE,eAAe,CACfC,UAAU,CAAAH,KAAA,CAAVG,UAAU,CACVC,YAAY,CAAAJ,KAAA,CAAZI,YAAY,CACZC,aAAa,CAAAL,KAAA,CAAbK,aAAa,CACbC,cAAc,CAAAN,KAAA,CAAdM,cAAc,CACdC,aAAa,CAAAP,KAAA,CAAbO,aAAa,CACVC,KAAK,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAER,OACEC,GAAA,CAAC/B,iBAAiB,CAAAgC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACZL,KAAK,CAAA,CACTN,eAAe,CAAEA,eAAgB,CACjClB,SAAS,CAAEA,SAAU,CACrBsB,cAAc,CAAEQ,cAAc,CAACR,cAAc,CAAE,CAC/CD,aAAa,CAAES,cAAc,CAACT,aAAa,CAAE,CAC7CD,YAAY,CAAEU,cAAc,CAACV,YAAY,CAAE,CAC3CD,UAAU,CAAEW,cAAc,CAACX,UAAU,CAAE,CACvCI,aAAa,CAAEO,cAAc,CAACP,aAAa,CAAE,CAAAN,QAAA,CAE5CA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

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

@@ -17,9 +17,10 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 import { useDidUpdate } from '../../utils/useDidUpdate.js';
+import { getResponsiveValue } from '../Box/BaseBox/getResponsiveValue.native.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var percentageStringToNumber=function percentageStringToNumber(percentage){if(!percentage.endsWith('%')){logger({message:'Only percentage values are allowed',type:'error',moduleName:'Carousel'});}return Number(percentage.substring(0,percentage.length-1))/100;};var Controls=function Controls(_ref){var showIndicators=_ref.showIndicators,activeIndicator=_ref.activeIndicator,totalSlides=_ref.totalSlides,onIndicatorButtonClick=_ref.onIndicatorButtonClick,onNextButtonClick=_ref.onNextButtonClick,onPreviousButtonClick=_ref.onPreviousButtonClick,indicatorVariant=_ref.indicatorVariant,navigationButtonVariant=_ref.navigationButtonVariant;return jsxs(BaseBox,{marginTop:"spacing.7",display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.4",children:[jsx(BaseBox,{children:jsx(NavigationButton,{type:"previous",variant:navigationButtonVariant,onClick:onPreviousButtonClick})}),showIndicators?jsx(Indicators,{onClick:onIndicatorButtonClick,activeIndex:activeIndicator,totalItems:totalSlides,variant:indicatorVariant}):null,jsx(BaseBox,{children:jsx(NavigationButton,{onClick:onNextButtonClick,type:"next",variant:navigationButtonVariant})})]});};var Carousel=function Carousel(_ref2){var autoPlay=_ref2.autoPlay,_ref2$showIndicators=_ref2.showIndicators,showIndicators=_ref2$showIndicators===void 0?true:_ref2$showIndicators,children=_ref2.children,_ref2$carouselItemWid=_ref2.carouselItemWidth,carouselItemWidth=_ref2$carouselItemWid===void 0?'100%':_ref2$carouselItemWid,accessibilityLabel=_ref2.accessibilityLabel,onChange=_ref2.onChange,_ref2$indicatorVarian=_ref2.indicatorVariant,indicatorVariant=_ref2$indicatorVarian===void 0?'gray':_ref2$indicatorVarian,_ref2$navigationButto=_ref2.navigationButtonVariant,navigationButtonVariant=_ref2$navigationButto===void 0?'filled':_ref2$navigationButto;var containerRef=React__default.useRef(null);var _React$useState=React__default.useState(0),_React$useState2=_slicedToArray(_React$useState,2),activeSlide=_React$useState2[0],setActiveSlide=_React$useState2[1];var _React$useState3=React__default.useState(0),_React$useState4=_slicedToArray(_React$useState3,2),scrollViewWidth=_React$useState4[0],setScrollViewWidth=_React$useState4[1];var _React$useState5=React__default.useState(false),_React$useState6=_slicedToArray(_React$useState5,2),shouldPauseAutoplay=_React$useState6[0],setShouldPauseAutoplay=_React$useState6[1];var id=useId();var _visibleItems=1;var slideWidth=scrollViewWidth*percentageStringToNumber(castNativeType(carouselItemWidth));var totalNumberOfSlides=React__default.Children.count(children);var goToSlideIndex=function goToSlideIndex(slideIndex){if(!containerRef.current)return;containerRef.current.scrollTo({x:slideIndex*slideWidth,y:0,animated:true});setActiveSlide(slideIndex);};var goToNextSlide=function goToNextSlide(){var slideIndex=activeSlide+1;if(slideIndex>=totalNumberOfSlides){slideIndex=0;}goToSlideIndex(slideIndex);};var goToPreviousSlide=function goToPreviousSlide(){var slideIndex=activeSlide-1;if(activeSlide<=0){slideIndex=totalNumberOfSlides-1;}goToSlideIndex(slideIndex);};var carouselContext=React__default.useMemo(function(){return {isResponsive:false,visibleItems:_visibleItems,carouselItemWidth:carouselItemWidth,carouselId:id,totalNumberOfSlides:totalNumberOfSlides,slideWidth:slideWidth,activeSlide:activeSlide,carouselContainerRef:containerRef,setActiveIndicator:setActiveSlide,carouselItemAlignment:undefined,shouldAddStartEndSpacing:false};},[carouselItemWidth,id,totalNumberOfSlides,slideWidth,activeSlide]);useInterval(function(){goToNextSlide();},{delay:CAROUSEL_AUTOPLAY_INTERVAL,enable:autoPlay&&!shouldPauseAutoplay});useDidUpdate(function(){onChange==null?void 0:onChange(activeSlide);},[activeSlide,onChange]);React__default.useEffect(function(){announce(`Slide ${activeSlide+1} of ${totalNumberOfSlides}`);},[activeSlide,totalNumberOfSlides]);return jsx(CarouselContext.Provider,{value:carouselContext,children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"column",children:[jsx(BaseBox,{width:"100%",position:"relative",display:"flex",alignItems:"center",gap:"spacing.4",flexDirection:"row",children:jsx(ScrollView,Object.assign({onScrollBeginDrag:function onScrollBeginDrag(){setShouldPauseAutoplay(true);},onScrollEndDrag:function onScrollEndDrag(){setShouldPauseAutoplay(false);}},makeAccessible({label:accessibilityLabel}),{ref:containerRef,onLayout:function onLayout(e){setScrollViewWidth(e.nativeEvent.layout.width);},onMomentumScrollEnd:function onMomentumScrollEnd(e){var slideIndex=Math.round(e.nativeEvent.contentOffset.x/slideWidth);setActiveSlide(slideIndex);},horizontal:true,snapToAlignment:"start",decelerationRate:"fast",overScrollMode:"never",contentInsetAdjustmentBehavior:"never",automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false,snapToInterval:slideWidth,contentInset:{left:0,right:0},contentOffset:{x:0,y:0},contentContainerStyle:{paddingVertical:size[10]},children:React__default.Children.map(children,function(child,index){return React__default.cloneElement(child,{index:index,shouldHaveStartSpacing:index===0,shouldHaveEndSpacing:index===totalNumberOfSlides-1});})}))}),jsx(Controls,{totalSlides:totalNumberOfSlides,activeIndicator:activeSlide,showIndicators:showIndicators,onIndicatorButtonClick:goToSlideIndex,onNextButtonClick:goToNextSlide,onPreviousButtonClick:goToPreviousSlide,indicatorVariant:indicatorVariant,navigationButtonVariant:navigationButtonVariant})]})});};
+var percentageStringToNumber=function percentageStringToNumber(percentage){if(!percentage.endsWith('%')){logger({message:'Only percentage values are allowed',type:'error',moduleName:'Carousel'});}return Number(percentage.substring(0,percentage.length-1))/100;};var Controls=function Controls(_ref){var showIndicators=_ref.showIndicators,activeIndicator=_ref.activeIndicator,totalSlides=_ref.totalSlides,onIndicatorButtonClick=_ref.onIndicatorButtonClick,onNextButtonClick=_ref.onNextButtonClick,onPreviousButtonClick=_ref.onPreviousButtonClick,indicatorVariant=_ref.indicatorVariant,navigationButtonVariant=_ref.navigationButtonVariant;return jsxs(BaseBox,{marginTop:"spacing.7",display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.4",children:[jsx(BaseBox,{children:jsx(NavigationButton,{type:"previous",variant:navigationButtonVariant,onClick:onPreviousButtonClick})}),showIndicators?jsx(Indicators,{onClick:onIndicatorButtonClick,activeIndex:activeIndicator,totalItems:totalSlides,variant:indicatorVariant}):null,jsx(BaseBox,{children:jsx(NavigationButton,{onClick:onNextButtonClick,type:"next",variant:navigationButtonVariant})})]});};var Carousel=function Carousel(_ref2){var autoPlay=_ref2.autoPlay,_ref2$showIndicators=_ref2.showIndicators,showIndicators=_ref2$showIndicators===void 0?true:_ref2$showIndicators,children=_ref2.children,_ref2$carouselItemWid=_ref2.carouselItemWidth,carouselItemWidth=_ref2$carouselItemWid===void 0?'100%':_ref2$carouselItemWid,accessibilityLabel=_ref2.accessibilityLabel,onChange=_ref2.onChange,_ref2$indicatorVarian=_ref2.indicatorVariant,indicatorVariant=_ref2$indicatorVarian===void 0?'gray':_ref2$indicatorVarian,_ref2$navigationButto=_ref2.navigationButtonVariant,navigationButtonVariant=_ref2$navigationButto===void 0?'filled':_ref2$navigationButto;var containerRef=React__default.useRef(null);var _React$useState=React__default.useState(0),_React$useState2=_slicedToArray(_React$useState,2),activeSlide=_React$useState2[0],setActiveSlide=_React$useState2[1];var _React$useState3=React__default.useState(0),_React$useState4=_slicedToArray(_React$useState3,2),scrollViewWidth=_React$useState4[0],setScrollViewWidth=_React$useState4[1];var _React$useState5=React__default.useState(false),_React$useState6=_slicedToArray(_React$useState5,2),shouldPauseAutoplay=_React$useState6[0],setShouldPauseAutoplay=_React$useState6[1];var id=useId();var _visibleItems=1;var slideWidth=scrollViewWidth*percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));var totalNumberOfSlides=React__default.Children.count(children);var goToSlideIndex=function goToSlideIndex(slideIndex){if(!containerRef.current)return;containerRef.current.scrollTo({x:slideIndex*slideWidth,y:0,animated:true});setActiveSlide(slideIndex);};var goToNextSlide=function goToNextSlide(){var slideIndex=activeSlide+1;if(slideIndex>=totalNumberOfSlides){slideIndex=0;}goToSlideIndex(slideIndex);};var goToPreviousSlide=function goToPreviousSlide(){var slideIndex=activeSlide-1;if(activeSlide<=0){slideIndex=totalNumberOfSlides-1;}goToSlideIndex(slideIndex);};var carouselContext=React__default.useMemo(function(){return {isResponsive:false,visibleItems:_visibleItems,carouselItemWidth:carouselItemWidth,carouselId:id,totalNumberOfSlides:totalNumberOfSlides,slideWidth:slideWidth,activeSlide:activeSlide,carouselContainerRef:containerRef,setActiveIndicator:setActiveSlide,carouselItemAlignment:undefined,shouldAddStartEndSpacing:false};},[carouselItemWidth,id,totalNumberOfSlides,slideWidth,activeSlide]);useInterval(function(){goToNextSlide();},{delay:CAROUSEL_AUTOPLAY_INTERVAL,enable:autoPlay&&!shouldPauseAutoplay});useDidUpdate(function(){onChange==null?void 0:onChange(activeSlide);},[activeSlide,onChange]);React__default.useEffect(function(){announce(`Slide ${activeSlide+1} of ${totalNumberOfSlides}`);},[activeSlide,totalNumberOfSlides]);return jsx(CarouselContext.Provider,{value:carouselContext,children:jsxs(BaseBox,{display:"flex",alignItems:"center",flexDirection:"column",children:[jsx(BaseBox,{width:"100%",position:"relative",display:"flex",alignItems:"center",gap:"spacing.4",flexDirection:"row",children:jsx(ScrollView,Object.assign({onScrollBeginDrag:function onScrollBeginDrag(){setShouldPauseAutoplay(true);},onScrollEndDrag:function onScrollEndDrag(){setShouldPauseAutoplay(false);}},makeAccessible({label:accessibilityLabel}),{ref:containerRef,onLayout:function onLayout(e){setScrollViewWidth(e.nativeEvent.layout.width);},onMomentumScrollEnd:function onMomentumScrollEnd(e){var slideIndex=Math.round(e.nativeEvent.contentOffset.x/slideWidth);setActiveSlide(slideIndex);},horizontal:true,snapToAlignment:"start",decelerationRate:"fast",overScrollMode:"never",contentInsetAdjustmentBehavior:"never",automaticallyAdjustContentInsets:false,showsHorizontalScrollIndicator:false,showsVerticalScrollIndicator:false,snapToInterval:slideWidth,contentInset:{left:0,right:0},contentOffset:{x:0,y:0},contentContainerStyle:{paddingVertical:size[10]},children:React__default.Children.map(children,function(child,index){return React__default.cloneElement(child,{index:index,shouldHaveStartSpacing:index===0,shouldHaveEndSpacing:index===totalNumberOfSlides-1});})}))}),jsx(Controls,{totalSlides:totalNumberOfSlides,activeIndicator:activeSlide,showIndicators:showIndicators,onIndicatorButtonClick:goToSlideIndex,onNextButtonClick:goToNextSlide,onPreviousButtonClick:goToPreviousSlide,indicatorVariant:indicatorVariant,navigationButtonVariant:navigationButtonVariant})]})});};
 
 export { Carousel };
 //# sourceMappingURL=Carousel.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { castNativeType } from '~utils';\nimport { useId } from '~utils/useId';\nimport { logger } from '~utils/logger';\nimport { size } from '~tokens/global';\nimport { useDidUpdate } from '~utils/useDidUpdate';\n\nconst percentageStringToNumber = (percentage: string): number => {\n  if (!percentage.endsWith('%')) {\n    logger({\n      message: 'Only percentage values are allowed',\n      type: 'error',\n      moduleName: 'Carousel',\n    });\n  }\n\n  return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n  Pick<CarouselProps, 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant'>\n> & {\n  activeIndicator: number;\n  totalSlides: number;\n  onIndicatorButtonClick: (index: number) => void;\n  onNextButtonClick: () => void;\n  onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n  showIndicators,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n  return (\n    <BaseBox\n      marginTop=\"spacing.7\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox>\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n      </BaseBox>\n      {showIndicators ? (\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      ) : null}\n      <BaseBox>\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Carousel = ({\n  autoPlay,\n  showIndicators = true,\n  children,\n  carouselItemWidth = '100%',\n  accessibilityLabel,\n  onChange,\n  indicatorVariant = 'gray',\n  navigationButtonVariant = 'filled',\n}: CarouselProps): React.ReactElement => {\n  const containerRef = React.useRef<ScrollView>(null);\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const id = useId();\n\n  const _visibleItems = 1;\n  const slideWidth = scrollViewWidth * percentageStringToNumber(castNativeType(carouselItemWidth));\n  const totalNumberOfSlides = React.Children.count(children);\n\n  const goToSlideIndex = (slideIndex: number): void => {\n    if (!containerRef.current) return;\n    containerRef.current.scrollTo({\n      x: slideIndex * slideWidth,\n      y: 0,\n      animated: true,\n    });\n    setActiveSlide(slideIndex);\n  };\n\n  const goToNextSlide = (): void => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= totalNumberOfSlides) {\n      slideIndex = 0;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = (): void => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = totalNumberOfSlides - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive: false,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselId: id,\n      totalNumberOfSlides,\n      slideWidth,\n      activeSlide,\n      carouselContainerRef: containerRef as never,\n      setActiveIndicator: setActiveSlide,\n      carouselItemAlignment: undefined,\n      shouldAddStartEndSpacing: false,\n    };\n  }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n  // auto play\n  useInterval(\n    () => {\n      goToNextSlide();\n    },\n    {\n      delay: CAROUSEL_AUTOPLAY_INTERVAL,\n      // only enable if autoplay is true & user's intent isn't to interact with carousel\n      enable: autoPlay && !shouldPauseAutoplay,\n    },\n  );\n\n  useDidUpdate(() => {\n    onChange?.(activeSlide);\n  }, [activeSlide, onChange]);\n\n  React.useEffect(() => {\n    announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n  }, [activeSlide, totalNumberOfSlides]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n        >\n          <ScrollView\n            onScrollBeginDrag={() => {\n              setShouldPauseAutoplay(true);\n            }}\n            onScrollEndDrag={() => {\n              setShouldPauseAutoplay(false);\n            }}\n            {...makeAccessible({ label: accessibilityLabel })}\n            ref={containerRef}\n            onLayout={(e) => {\n              setScrollViewWidth(e.nativeEvent.layout.width);\n            }}\n            // Sync active indicator with scroll\n            onMomentumScrollEnd={(e) => {\n              const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n              setActiveSlide(slideIndex);\n            }}\n            // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n            horizontal\n            snapToAlignment=\"start\"\n            decelerationRate=\"fast\"\n            overScrollMode=\"never\"\n            contentInsetAdjustmentBehavior=\"never\"\n            automaticallyAdjustContentInsets={false}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            snapToInterval={slideWidth}\n            contentInset={{\n              left: 0,\n              right: 0,\n            }}\n            contentOffset={{ x: 0, y: 0 }}\n            // adding some padding so that if a card is placed the shadows don't cut off\n            contentContainerStyle={{ paddingVertical: size[10] }}\n          >\n            {React.Children.map(children, (child, index) => {\n              return React.cloneElement(child as React.ReactElement, {\n                index,\n                shouldHaveStartSpacing: index === 0,\n                shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n              });\n            })}\n          </ScrollView>\n        </BaseBox>\n        <Controls\n          totalSlides={totalNumberOfSlides}\n          activeIndicator={activeSlide}\n          showIndicators={showIndicators}\n          onIndicatorButtonClick={goToSlideIndex}\n          onNextButtonClick={goToNextSlide}\n          onPreviousButtonClick={goToPreviousSlide}\n          indicatorVariant={indicatorVariant}\n          navigationButtonVariant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </CarouselContext.Provider>\n  );\n};\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","Carousel","_ref2","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","ref","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing"],"mappings":"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"}
+{"version":3,"file":"Carousel.native.js","sources":["../../../../../src/components/Carousel/Carousel.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { CAROUSEL_AUTOPLAY_INTERVAL } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useInterval } from '~utils/useInterval';\nimport { makeAccessible } from '~utils/makeAccessible/makeAccessible.native';\nimport { announce } from '~components/LiveAnnouncer/LiveAnnouncer.native';\nimport { castNativeType } from '~utils';\nimport { useId } from '~utils/useId';\nimport { logger } from '~utils/logger';\nimport { size } from '~tokens/global';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { getResponsiveValue } from '~components/Box/BaseBox/getResponsiveValue';\n\nconst percentageStringToNumber = (percentage: string): number => {\n  if (!percentage.endsWith('%')) {\n    logger({\n      message: 'Only percentage values are allowed',\n      type: 'error',\n      moduleName: 'Carousel',\n    });\n  }\n\n  return Number(percentage.substring(0, percentage.length - 1)) / 100;\n};\n\ntype ControlsProps = Required<\n  Pick<CarouselProps, 'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant'>\n> & {\n  activeIndicator: number;\n  totalSlides: number;\n  onIndicatorButtonClick: (index: number) => void;\n  onNextButtonClick: () => void;\n  onPreviousButtonClick: () => void;\n};\n\nconst Controls = ({\n  showIndicators,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProps): React.ReactElement => {\n  return (\n    <BaseBox\n      marginTop=\"spacing.7\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox>\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n      </BaseBox>\n      {showIndicators ? (\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      ) : null}\n      <BaseBox>\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Carousel = ({\n  autoPlay,\n  showIndicators = true,\n  children,\n  carouselItemWidth = '100%',\n  accessibilityLabel,\n  onChange,\n  indicatorVariant = 'gray',\n  navigationButtonVariant = 'filled',\n}: CarouselProps): React.ReactElement => {\n  const containerRef = React.useRef<ScrollView>(null);\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [scrollViewWidth, setScrollViewWidth] = React.useState(0);\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const id = useId();\n\n  const _visibleItems = 1;\n  const slideWidth =\n    scrollViewWidth *\n    percentageStringToNumber(castNativeType(getResponsiveValue(carouselItemWidth)));\n  const totalNumberOfSlides = React.Children.count(children);\n\n  const goToSlideIndex = (slideIndex: number): void => {\n    if (!containerRef.current) return;\n    containerRef.current.scrollTo({\n      x: slideIndex * slideWidth,\n      y: 0,\n      animated: true,\n    });\n    setActiveSlide(slideIndex);\n  };\n\n  const goToNextSlide = (): void => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= totalNumberOfSlides) {\n      slideIndex = 0;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = (): void => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = totalNumberOfSlides - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive: false,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselId: id,\n      totalNumberOfSlides,\n      slideWidth,\n      activeSlide,\n      carouselContainerRef: containerRef as never,\n      setActiveIndicator: setActiveSlide,\n      carouselItemAlignment: undefined,\n      shouldAddStartEndSpacing: false,\n    };\n  }, [carouselItemWidth, id, totalNumberOfSlides, slideWidth, activeSlide]);\n\n  // auto play\n  useInterval(\n    () => {\n      goToNextSlide();\n    },\n    {\n      delay: CAROUSEL_AUTOPLAY_INTERVAL,\n      // only enable if autoplay is true & user's intent isn't to interact with carousel\n      enable: autoPlay && !shouldPauseAutoplay,\n    },\n  );\n\n  useDidUpdate(() => {\n    onChange?.(activeSlide);\n  }, [activeSlide, onChange]);\n\n  React.useEffect(() => {\n    announce(`Slide ${activeSlide + 1} of ${totalNumberOfSlides}`);\n  }, [activeSlide, totalNumberOfSlides]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"column\">\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n        >\n          <ScrollView\n            onScrollBeginDrag={() => {\n              setShouldPauseAutoplay(true);\n            }}\n            onScrollEndDrag={() => {\n              setShouldPauseAutoplay(false);\n            }}\n            {...makeAccessible({ label: accessibilityLabel })}\n            ref={containerRef}\n            onLayout={(e) => {\n              setScrollViewWidth(e.nativeEvent.layout.width);\n            }}\n            // Sync active indicator with scroll\n            onMomentumScrollEnd={(e) => {\n              const slideIndex = Math.round(e.nativeEvent.contentOffset.x / slideWidth);\n              setActiveSlide(slideIndex);\n            }}\n            // https://dev.to/reime005/horizontal-card-carousel-in-react-native-303n\n            horizontal\n            snapToAlignment=\"start\"\n            decelerationRate=\"fast\"\n            overScrollMode=\"never\"\n            contentInsetAdjustmentBehavior=\"never\"\n            automaticallyAdjustContentInsets={false}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            snapToInterval={slideWidth}\n            contentInset={{\n              left: 0,\n              right: 0,\n            }}\n            contentOffset={{ x: 0, y: 0 }}\n            // adding some padding so that if a card is placed the shadows don't cut off\n            contentContainerStyle={{ paddingVertical: size[10] }}\n          >\n            {React.Children.map(children, (child, index) => {\n              return React.cloneElement(child as React.ReactElement, {\n                index,\n                shouldHaveStartSpacing: index === 0,\n                shouldHaveEndSpacing: index === totalNumberOfSlides - 1,\n              });\n            })}\n          </ScrollView>\n        </BaseBox>\n        <Controls\n          totalSlides={totalNumberOfSlides}\n          activeIndicator={activeSlide}\n          showIndicators={showIndicators}\n          onIndicatorButtonClick={goToSlideIndex}\n          onNextButtonClick={goToNextSlide}\n          onPreviousButtonClick={goToPreviousSlide}\n          indicatorVariant={indicatorVariant}\n          navigationButtonVariant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </CarouselContext.Provider>\n  );\n};\n\nexport { Carousel };\n"],"names":["percentageStringToNumber","percentage","endsWith","logger","message","type","moduleName","Number","substring","length","Controls","_ref","showIndicators","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","BaseBox","marginTop","display","flexDirection","alignItems","gap","children","_jsx","NavigationButton","variant","onClick","Indicators","activeIndex","totalItems","Carousel","_ref2","autoPlay","_ref2$showIndicators","_ref2$carouselItemWid","carouselItemWidth","accessibilityLabel","onChange","_ref2$indicatorVarian","_ref2$navigationButto","containerRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","scrollViewWidth","setScrollViewWidth","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","id","useId","_visibleItems","slideWidth","castNativeType","getResponsiveValue","totalNumberOfSlides","Children","count","goToSlideIndex","slideIndex","current","scrollTo","x","y","animated","goToNextSlide","goToPreviousSlide","carouselContext","useMemo","isResponsive","visibleItems","carouselId","carouselContainerRef","setActiveIndicator","carouselItemAlignment","undefined","shouldAddStartEndSpacing","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","useEffect","announce","CarouselContext","Provider","value","width","position","ScrollView","Object","assign","onScrollBeginDrag","onScrollEndDrag","makeAccessible","label","ref","onLayout","e","nativeEvent","layout","onMomentumScrollEnd","Math","round","contentOffset","horizontal","snapToAlignment","decelerationRate","overScrollMode","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","snapToInterval","contentInset","left","right","contentContainerStyle","paddingVertical","size","map","child","index","cloneElement","shouldHaveStartSpacing","shouldHaveEndSpacing"],"mappings":"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"}

package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js

@@ -10,8 +10,9 @@ import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.nat
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import '../../BladeProvider/useTheme.js';
+import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
 
-var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.brand.gray[600].highContrast,white:theme.colors.brand.gray[700].highContrast,blue:theme.colors.brand.primary[500]};var easing=castWebType(theme.motion.easing.standard.effective);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:theme.colors.surface.overlay.background[400],width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative()&&{width:undefined},!isReactNative()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus-visible':{outline:'none',boxShadow:`0px 0px 0px 4px ${theme.colors.brand.primary[400]}`}});};
+var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.interactive.icon.gray.muted,white:theme.colors.interactive.icon.staticWhite.normal,blue:theme.colors.interactive.icon.primary.subtle};var easing=castWebType(theme.motion.easing.standard.effective);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:theme.colors.overlay.background.moderate,width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative()&&{width:undefined},!isReactNative()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus-visible':Object.assign({},getFocusRingStyles())});};
 
 export { getIndicatorButtonStyles };
 //# sourceMappingURL=getIndicatorButtonStyles.js.map

package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getIndicatorButtonStyles.js","sources":["../../../../../../src/components/Carousel/Indicators/getIndicatorButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { IndicatorButtonProps } from './types';\nimport { size } from '~tokens/global';\nimport { castWebType, isReactNative, makeMotionTime, makeSize, makeSpace } from '~utils';\n\nconst getIndicatorButtonStyles = ({\n  theme,\n  isActive,\n  variant,\n}: {\n  theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' | 'variant'>): CSSObject => {\n  const backgroundColor = {\n    gray: theme.colors.brand.gray[600].highContrast,\n    white: theme.colors.brand.gray[700].highContrast,\n    blue: theme.colors.brand.primary[500],\n  };\n\n  const easing = castWebType(theme.motion.easing.standard.effective);\n  const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n  return {\n    border: 'none',\n    cursor: 'pointer',\n    padding: makeSpace(theme.spacing[0]),\n    borderRadius: theme.border.radius.max,\n    backgroundColor: isActive\n      ? backgroundColor[variant]\n      : theme.colors.surface.overlay.background[400],\n    width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n    height: makeSize(size[6]),\n\n    ...(isReactNative() && {\n      width: undefined,\n    }),\n\n    ...(!isReactNative() && {\n      transitionProperty: 'width',\n      transitionDuration: duration,\n      transitionTimingFunction: easing,\n      '&:before': {\n        content: `\"\"`,\n        // increasing the hit area, just random numbers\n        padding: makeSize(size[10]),\n        paddingTop: makeSize(size[20]),\n      },\n      '&:focus-visible': {\n        // TODO: refactor to use focus ring token\n        outline: 'none',\n        boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,\n      },\n    }),\n  };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","brand","highContrast","white","blue","primary","easing","castWebType","motion","standard","effective","duration","makeMotionTime","gentle","Object","assign","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","surface","overlay","background","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","outline","boxShadow"],"mappings":";;;;;;;;;;;;;AAKM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMwC,CALpE,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAIP,IAAMC,eAAe,CAAG,CACtBC,IAAI,CAAEJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAACF,IAAI,CAAC,GAAG,CAAC,CAACG,YAAY,CAC/CC,KAAK,CAAER,KAAK,CAACK,MAAM,CAACC,KAAK,CAACF,IAAI,CAAC,GAAG,CAAC,CAACG,YAAY,CAChDE,IAAI,CAAET,KAAK,CAACK,MAAM,CAACC,KAAK,CAACI,OAAO,CAAC,GAAG,CACtC,CAAC,CAED,IAAMC,MAAM,CAAGC,WAAW,CAACZ,KAAK,CAACa,MAAM,CAACF,MAAM,CAACG,QAAQ,CAACC,SAAS,CAAC,CAClE,IAAMC,QAAQ,CAAGJ,WAAW,CAACK,cAAc,CAACjB,KAAK,CAACa,MAAM,CAACG,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE1E,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,MAAM,CAAE,MAAM,CACdC,MAAM,CAAE,SAAS,CACjBC,OAAO,CAAEC,SAAS,CAACxB,KAAK,CAACyB,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCC,YAAY,CAAE1B,KAAK,CAACqB,MAAM,CAACM,MAAM,CAACC,GAAG,CACrCzB,eAAe,CAAEF,QAAQ,CACrBE,eAAe,CAACD,OAAO,CAAC,CACxBF,KAAK,CAACK,MAAM,CAACwB,OAAO,CAACC,OAAO,CAACC,UAAU,CAAC,GAAG,CAAC,CAChDC,KAAK,CAAE/B,QAAQ,CAAGgC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxDC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAErBE,CAAAA,aAAa,EAAE,EAAI,CACrBJ,KAAK,CAAEK,SACT,CAAC,CAEG,CAACD,aAAa,EAAE,EAAI,CACtBE,kBAAkB,CAAE,OAAO,CAC3BC,kBAAkB,CAAEvB,QAAQ,CAC5BwB,wBAAwB,CAAE7B,MAAM,CAChC,UAAU,CAAE,CACV8B,OAAO,CAAG,CAAA,EAAA,CAAG,CAEblB,OAAO,CAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3BQ,UAAU,CAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAC/B,CAAC,CACD,iBAAiB,CAAE,CAEjBS,OAAO,CAAE,MAAM,CACfC,SAAS,CAAG,CAAA,gBAAA,EAAkB5C,KAAK,CAACK,MAAM,CAACC,KAAK,CAACI,OAAO,CAAC,GAAG,CAAE,CAAA,CAChE,CACF,CAAC,CAAA,CAEL;;;;"}
+{"version":3,"file":"getIndicatorButtonStyles.js","sources":["../../../../../../src/components/Carousel/Indicators/getIndicatorButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { IndicatorButtonProps } from './types';\nimport { size } from '~tokens/global';\nimport { castWebType, isReactNative, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getIndicatorButtonStyles = ({\n  theme,\n  isActive,\n  variant,\n}: {\n  theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' | 'variant'>): CSSObject => {\n  const backgroundColor = {\n    gray: theme.colors.interactive.icon.gray.muted,\n    white: theme.colors.interactive.icon.staticWhite.normal,\n    blue: theme.colors.interactive.icon.primary.subtle,\n  };\n\n  const easing = castWebType(theme.motion.easing.standard.effective);\n  const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n  return {\n    border: 'none',\n    cursor: 'pointer',\n    padding: makeSpace(theme.spacing[0]),\n    borderRadius: theme.border.radius.max,\n    backgroundColor: isActive ? backgroundColor[variant] : theme.colors.overlay.background.moderate,\n    width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n    height: makeSize(size[6]),\n\n    ...(isReactNative() && {\n      width: undefined,\n    }),\n\n    ...(!isReactNative() && {\n      transitionProperty: 'width',\n      transitionDuration: duration,\n      transitionTimingFunction: easing,\n      '&:before': {\n        content: `\"\"`,\n        // increasing the hit area, just random numbers\n        padding: makeSize(size[10]),\n        paddingTop: makeSize(size[20]),\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme }),\n      },\n    }),\n  };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","interactive","icon","muted","white","staticWhite","normal","blue","primary","subtle","easing","castWebType","motion","standard","effective","duration","makeMotionTime","gentle","Object","assign","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMwC,CAAA,IALpEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAIP,IAAMC,eAAe,CAAG,CACtBC,IAAI,CAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK,CAC9CC,KAAK,CAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM,CACvDC,IAAI,CAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAC9C,CAAC,CAED,IAAMC,MAAM,CAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAACC,SAAS,CAAC,CAClE,IAAMC,QAAQ,CAAGJ,WAAW,CAACK,cAAc,CAACrB,KAAK,CAACiB,MAAM,CAACG,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE1E,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,MAAM,CAAE,MAAM,CACdC,MAAM,CAAE,SAAS,CACjBC,OAAO,CAAEC,SAAS,CAAC5B,KAAK,CAAC6B,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCC,YAAY,CAAE9B,KAAK,CAACyB,MAAM,CAACM,MAAM,CAACC,GAAG,CACrC7B,eAAe,CAAEF,QAAQ,CAAGE,eAAe,CAACD,OAAO,CAAC,CAAGF,KAAK,CAACK,MAAM,CAAC4B,OAAO,CAACC,UAAU,CAACC,QAAQ,CAC/FC,KAAK,CAAEnC,QAAQ,CAAGoC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxDC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAErBE,CAAAA,aAAa,EAAE,EAAI,CACrBJ,KAAK,CAAEK,SACT,CAAC,CAEG,CAACD,aAAa,EAAE,EAAI,CACtBE,kBAAkB,CAAE,OAAO,CAC3BC,kBAAkB,CAAEvB,QAAQ,CAC5BwB,wBAAwB,CAAE7B,MAAM,CAChC,UAAU,CAAE,CACV8B,OAAO,CAAG,IAAG,CAEblB,OAAO,CAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3BQ,UAAU,CAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAC/B,CAAC,CACD,iBAAiB,CAAAf,MAAA,CAAAC,MAAA,CACZuB,EAAAA,CAAAA,kBAAkB,CAAU,CAAC,CAEpC,CAAC,CAAA,CAEL;;;;"}

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

@@ -19,7 +19,7 @@ import ChevronLeftIcon from '../../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
 import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 
-var NavigationButton=function NavigationButton(_ref){var type=_ref.type,variant=_ref.variant,onClick=_ref.onClick;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var iconSize=isMobile?'small':'medium';var getIconColor=function getIconColor(){if(!isReactNative()){return 'currentColor';}var iconColor={filled:'action.icon.tertiary.default',stroked:'surface.action.icon.active.highContrast'};return iconColor[variant];};return jsx(StyledNavigationButton,Object.assign({onClick:onClick,variant:variant},metaAttribute({name:'NavigationButton'}),makeAccessible({label:type==='previous'?'Previous Slide':'Next Slide'}),{children:type==='next'?jsx(ChevronRightIcon,{size:iconSize,color:getIconColor()}):jsx(ChevronLeftIcon,{size:iconSize,color:getIconColor()})}));};
+var NavigationButton=function NavigationButton(_ref){var type=_ref.type,variant=_ref.variant,onClick=_ref.onClick;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var iconSize=isMobile?'small':'medium';var getIconColor=function getIconColor(){if(!isReactNative()){return 'currentColor';}var iconColor={filled:'interactive.icon.staticBlack.muted',stroked:'interactive.icon.gray.normal'};return iconColor[variant];};return jsx(StyledNavigationButton,Object.assign({onClick:onClick,variant:variant},metaAttribute({name:'NavigationButton'}),makeAccessible({label:type==='previous'?'Previous Slide':'Next Slide'}),{children:type==='next'?jsx(ChevronRightIcon,{size:iconSize,color:getIconColor()}):jsx(ChevronLeftIcon,{size:iconSize,color:getIconColor()})}));};
 
 export { NavigationButton };
 //# sourceMappingURL=NavigationButton.js.map