@razorpay/blade 11.39.0 → 12.0.0

package/build/lib/web/development/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 { 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 { DataAnalyticsAttribute, 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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--docs\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--docs\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  DataAnalyticsAttribute &\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  ...rest\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(rest)}\n        {...makeAnalyticsAttribute(rest)}\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  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\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","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","undefined","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,gBAAgB,EAAE,kBAAkB;AACpCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,oBAAoB,EAAE,sBAAA;AACxB,EAAC;AAwHD,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAqB2B;AAAA,EAAA,IApBnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,oBAAA,GAAAF,IAAA,CACRG,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,iCAAiC,GAAAA,oBAAA;IAAAE,iBAAA,GAAAJ,IAAA,CACnDK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;IAAAE,cAAA,GAAAN,IAAA,CACvBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,cAAA;IACvBE,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,YAAA,GAAAT,IAAA,CACNU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA;IACrBE,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,SAAS,GAAAb,IAAA,CAATa,SAAS;IACTC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,OAAO,GAAAf,IAAA,CAAPe,OAAO;IAAAC,eAAA,GAAAhB,IAAA,CACPiB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,kBAAkB,GAAAlB,IAAA,CAAlBkB,kBAAkB;IAAAC,qBAAA,GAAAnB,IAAA,CAClBoB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC1BE,OAAO,GAAArB,IAAA,CAAPqB,OAAO;IACPC,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJC,MAAM,GAAAvB,IAAA,CAANuB,MAAM;IACNC,GAAG,GAAAxB,IAAA,CAAHwB,GAAG;IACHC,EAAE,GAAAzB,IAAA,CAAFyB,EAAE;AACCC,IAAAA,IAAI,GAAAC,wBAAA,CAAA3B,IAAA,EAAA4B,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,wBAAwB,CAAC;AACvBnC,IAAAA,QAAQ,EAARA,QAAQ;AACRoC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,iBAAiB,EAAE,CAACtD,YAAY,CAACC,UAAU,EAAED,YAAY,CAACO,QAAQ,EAAEP,YAAY,CAACI,UAAU,CAAA;AAC7F,GAAC,CAAC,CAAA;EAEF,IAAMmD,gBAAkC,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACnCC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEC,oBAAAA;GAAsB,CAAC,CAC7CC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAE3B,kBAAkB;AAAE4B,IAAAA,OAAO,EAAE7B,UAAAA;AAAW,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACrE8B,OAAO,EAAE,SAAAA,OAAAA,GAAM;MACbZ,YAAY,CAAC,IAAI,CAAC,CAAA;KACnB;IACDa,MAAM,EAAE,SAAAA,MAAAA,GAAM;MACZb,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;GACD,CAAA,CAAA;EACD,IAAMc,UAAU,GAAG1B,MAAM,IAAIA,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG2B,SAAS,CAAA;EAEpF,oBACEC,GAAA,CAACC,YAAY,EAAA;IAAAnD,QAAA,eACXkD,GAAA,CAACE,QAAQ,EAAAb,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACPf,MAAAA,EAAE,EAAEA,EAAG;AACP6B,MAAAA,OAAO,EAAE,OAAiB;AAC1BjD,MAAAA,YAAY,EAAC,QAAQ;AACrBkD,MAAAA,YAAY,EAAElC,OAAiB;AAC/BD,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCH,MAAAA,UAAU,EAAEA,UAAW;AACvBiB,MAAAA,SAAS,EAAEA,SAAAA;AACX;AAAA;AACAnB,MAAAA,OAAO,EAAEyC,aAAa,EAAE,GAAGzC,OAAO,GAAGmC,SAAU;AAC/CvC,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBQ,MAAAA,IAAI,EAAEA,IAAK;AACXJ,MAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,KAAA,EACnCuB,aAAa,CAAC;MAAEC,IAAI,EAAEe,aAAa,CAAC1D,IAAI;AAAES,MAAAA,MAAM,EAANA,MAAAA;KAAQ,CAAC,CACnDkD,EAAAA,cAAc,CAAChC,IAAI,CAAC,CACpBiC,EAAAA,sBAAsB,CAACjC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAzB,QAAA,eAEhC2D,IAAA,CAACC,WAAW,EAAA;AACVjD,QAAAA,MAAM,EAAEA,MAAO;AACfC,QAAAA,SAAS,EAAEA,SAAU;AACrBH,QAAAA,OAAO,EAAEA,OAAQ;AACjBL,QAAAA,YAAY,EAAEA,YAAa;AAC3BE,QAAAA,SAAS,EAAEA,SAAU;AACrBuD,QAAAA,SAAS,EAAE,MAAgB;AAC3B3D,QAAAA,eAAe,EAAEA,eAAgB;AAAAF,QAAAA,QAAA,GAEhCqB,IAAI,gBACH6B,GAAA,CAACY,WAAW,EAAAvB,aAAA,CAAA;AACVzB,UAAAA,OAAO,EAAEA,OAAQ;AACjBO,UAAAA,IAAI,EAAEA,IAAK;AACXC,UAAAA,MAAM,EAAEA,MAAO;AACfC,UAAAA,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAIyB,UAAAA;AAAW,SAAA,EACnBV,gBAAgB,CACrB,CAAC,GACA,IAAI,EACP,CAACjB,IAAI,IAAIP,OAAO,gBACfoC,GAAA,CAACY,WAAW,EAAAvB,aAAA,CAAA;AAACf,UAAAA,EAAE,EAAC,QAAQ;AAACV,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAAA,EAAKwB,gBAAgB,CAAG,CAAC,GACjE,IAAI,EACPtC,QAAQ,CAAA;OACE,CAAA;KACL,CAAA,CAAA;AAAC,GACC,CAAC,CAAA;AAEnB,EAAC;AAQD,IAAM+D,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAAiF;AAAA,EAAA,IAA3ErD,MAAM,GAAAqD,KAAA,CAANrD,MAAM;IAAEX,QAAQ,GAAAgE,KAAA,CAARhE,QAAQ;IAAEO,MAAM,GAAAyD,KAAA,CAANzD,MAAM;AAAKkB,IAAAA,IAAI,GAAAC,wBAAA,CAAAsC,KAAA,EAAAC,UAAA,CAAA,CAAA;EACpDC,mBAAmB,CAAC,UAAU,CAAC,CAAA;EAE/B,oBACEhB,GAAA,CAACiB,OAAO,EAAA5B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEe,aAAa,CAAClE,QAAQ;AAAEiB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACvDmD,sBAAsB,CAACjC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCd,IAAAA,MAAM,EAAEA,MAAO;AAAAX,IAAAA,QAAA,EAEdA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMV,QAAQ,gBAAG8E,wBAAwB,CAACL,SAAS,EAAE;EAAEM,WAAW,EAAEtF,YAAY,CAACO,QAAAA;AAAS,CAAC;;;;"}
+{"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 { DataAnalyticsAttribute, BladeElementRef, 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';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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--docs\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--docs\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   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\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  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\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    ...rest\n  },\n  ref,\n): 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        ref={ref as never}\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(rest)}\n        {...makeAnalyticsAttribute(rest)}\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  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\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","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","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","undefined","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Card/CardRoot.web.js

@@ -35,13 +35,13 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
   return _objectSpread(_objectSpread(_objectSpread({
     // Selected state
     boxShadow: "".concat(selectedBorder).concat(focusRing),
-    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),
-    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),
-    transitionProperty: 'transform, box-shadow',
     cursor: as === 'label' ? 'pointer' : 'initial'
   }, isMobile && isPressed && {
     transform: "scale(".concat(CARD_SCALE_DOWN_VALUE, ")")
   }), !isMobile && shouldScaleOnHover && {
+    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),
+    transitionTimingFunction: castWebType(theme.motion.easing.standard),
+    transitionProperty: 'transform, box-shadow',
     '&:hover': {
       transform: "scale(".concat(CARD_SCALE_UP_VALUE, ")")
     }
@@ -53,7 +53,7 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
     position: 'relative'
   }));
 });
-var CardRoot = function CardRoot(_ref2) {
+var _CardRoot = function _CardRoot(_ref2, ref) {
   var as = _ref2.as,
     accessibilityLabel = _ref2.accessibilityLabel,
     children = _ref2.children,
@@ -64,6 +64,7 @@ var CardRoot = function CardRoot(_ref2) {
     isPressed = _React$useState2[0],
     setIsPressed = _React$useState2[1];
   return /*#__PURE__*/jsx(StyledCardRoot, _objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
     as: as
   }, props), {}, {
     isMobile: isMobile,
@@ -86,6 +87,7 @@ var CardRoot = function CardRoot(_ref2) {
     children: children
   }));
 };
+var CardRoot = /*#__PURE__*/React__default.forwardRef(_CardRoot);
 
 export { CardRoot };
 //# sourceMappingURL=CardRoot.web.js.map

package/build/lib/web/development/components/Card/CardRoot.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ as, theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionProperty: 'transform, box-shadow',\n      cursor: as === 'label' ? 'pointer' : 'initial',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst CardRoot = ({\n  as,\n  accessibilityLabel,\n  children,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","as","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","cursor","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined"],"mappings":"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"}
+{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport type { BladeElementRef } from '~utils/types';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ as, theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      cursor: as === 'label' ? 'pointer' : 'initial',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n          transitionTimingFunction: castWebType(theme.motion.easing.standard),\n          transitionProperty: 'transform, box-shadow',\n\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst _CardRoot: React.ForwardRefRenderFunction<BladeElementRef, CardRootProps> = (\n  { as, accessibilityLabel, children, ...props },\n  ref,\n): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      ref={ref as never}\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nconst CardRoot = React.forwardRef(_CardRoot);\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","as","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","cursor","transform","CARD_SCALE_DOWN_VALUE","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","transitionProperty","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","_CardRoot","_ref2","ref","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined","CardRoot","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/Carousel/Carousel.web.js

@@ -104,7 +104,7 @@ var CarouselContainer = /*#__PURE__*/styled(BaseBox).withConfig({
     width: '100px',
     height: '100%',
     transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),
-    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),
+    transitionTimingFunction: castWebType(theme.motion.easing.standard),
     transitionProperty: 'opacity'
   };
   return _objectSpread({
@@ -193,7 +193,7 @@ var CarouselBody = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref)
     })
   }));
 });
-var Carousel = function Carousel(_ref4) {
+var _Carousel = function _Carousel(_ref4, ref) {
   var autoPlay = _ref4.autoPlay,
     _ref4$visibleItems = _ref4.visibleItems,
     visibleItems = _ref4$visibleItems === void 0 ? 1 : _ref4$visibleItems,
@@ -440,7 +440,9 @@ var Carousel = function Carousel(_ref4) {
   }, [carouselId, startEndMargin, isResponsive, _visibleItems, carouselItemWidth, totalNumberOfSlides, activeSlide, shouldAddStartEndSpacing]);
   return /*#__PURE__*/jsx(CarouselContext.Provider, {
     value: carouselContext,
-    children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      ref: ref
+    }, metaAttribute({
       name: MetaConstants.Carousel
     })), {}, {
       // stop autoplaying when any elements in carousel is in focus
@@ -534,6 +536,7 @@ var Carousel = function Carousel(_ref4) {
     }))
   });
 };
+var Carousel = /*#__PURE__*/React__default.forwardRef(_Carousel);
 
 export { Carousel };
 //# sourceMappingURL=Carousel.web.js.map

package/build/lib/web/development/components/Carousel/Carousel.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.web.js","sources":["../../../../../../src/components/Carousel/Carousel.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport React from 'react';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { getCarouselItemId } from './utils';\nimport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds } from './constants';\nimport getIn from '~utils/lodashButBetter/get';\nimport throttle from '~utils/lodashButBetter/throttle';\nimport debounce from '~utils/lodashButBetter/debounce';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useInterval } from '~utils';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ControlsProp = Required<\n  Pick<\n    CarouselProps,\n    'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant' | 'navigationButtonPosition'\n  >\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  navigationButtonPosition,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProp): React.ReactElement => {\n  if (navigationButtonPosition === 'bottom') {\n    return (\n      <Box marginTop=\"spacing.7\" display=\"flex\" alignItems=\"center\" gap=\"spacing.4\">\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n        {showIndicators ? (\n          <Indicators\n            onClick={onIndicatorButtonClick}\n            activeIndex={activeIndicator}\n            totalItems={totalSlides}\n            variant={indicatorVariant}\n          />\n        ) : null}\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </Box>\n    );\n  }\n\n  if (showIndicators && navigationButtonPosition === 'side') {\n    return (\n      <Box marginTop=\"spacing.7\">\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      </Box>\n    );\n  }\n\n  return <></>;\n};\n\nconst CarouselContainer = styled(BaseBox)<{\n  showOverlay?: boolean;\n  scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n  isScrollAtStart: boolean;\n  isScrollAtEnd: boolean;\n}>(({ theme, showOverlay, scrollOverlayColor, isScrollAtStart, isScrollAtEnd }) => {\n  const gradientStop1: string = getIn(theme.colors, scrollOverlayColor!);\n  const gradientStop2 = 'hsla(0, 0%, 100%, 0)';\n\n  const overlayCommonStyle: CSSObject = {\n    content: \"''\",\n    position: 'absolute',\n    top: 0,\n    width: '100px',\n    height: '100%',\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n    transitionProperty: 'opacity',\n  };\n\n  return {\n    width: '100%',\n    height: '100%',\n    overflowX: 'scroll',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    scrollSnapType: 'x mandatory',\n    scrollSnapPointsY: `repeat(100%)`,\n    msOverflowStyle: 'none' /* IE and Edge */,\n    scrollbarWidth: 'none' /* Firefox */,\n    /* Needed to work on iOS Safari */\n    webkitOverflowScrolling: 'touch',\n    msScrollSnapType: 'mandatory',\n    scrollSnapPointsX: 'repeat(100%)',\n    msScrollSnapPointsX: 'repeat(100%)',\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    ...(showOverlay && {\n      '&::before': {\n        ...overlayCommonStyle,\n        background: `linear-gradient(to right, ${gradientStop1}, ${gradientStop2})`,\n        left: -1,\n        opacity: isScrollAtStart ? 0 : 1,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        ...overlayCommonStyle,\n        background: `linear-gradient(to left, ${gradientStop1}, ${gradientStop2})`,\n        right: -1,\n        opacity: isScrollAtEnd ? 0 : 1,\n        pointerEvents: 'none',\n      },\n    }),\n  };\n});\n\ntype CarouselBodyProps = {\n  children: React.ReactNode;\n  totalSlides: number;\n  shouldAddStartEndSpacing?: boolean;\n  idPrefix: string;\n  scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n  isScrollAtStart: boolean;\n  isScrollAtEnd: boolean;\n  carouselItemAlignment: CarouselProps['carouselItemAlignment'];\n  accessibilityLabel?: string;\n  startEndMargin: number;\n};\n\nconst CarouselBody = React.forwardRef<HTMLDivElement, CarouselBodyProps>(\n  (\n    {\n      children,\n      totalSlides,\n      shouldAddStartEndSpacing,\n      idPrefix,\n      scrollOverlayColor,\n      isScrollAtStart,\n      isScrollAtEnd,\n      carouselItemAlignment,\n      accessibilityLabel,\n      startEndMargin,\n    },\n    ref,\n  ) => {\n    return (\n      <CarouselContainer\n        tabIndex={0}\n        ref={ref}\n        showOverlay={Boolean(scrollOverlayColor)}\n        scrollOverlayColor={scrollOverlayColor}\n        gap={{ base: 'spacing.4', m: 'spacing.5' }}\n        isScrollAtStart={isScrollAtStart}\n        isScrollAtEnd={isScrollAtEnd}\n        alignItems={carouselItemAlignment}\n        {...makeAccessible({\n          role: 'group',\n          roleDescription: 'carousel',\n          label: accessibilityLabel,\n        })}\n      >\n        {React.Children.map(children, (child, index) => {\n          const shouldHaveStartSpacing = shouldAddStartEndSpacing && index === 0;\n          const shouldHaveEndSpacing = shouldAddStartEndSpacing && index === totalSlides - 1;\n          const carouselItemNode: React.ReactElement = React.cloneElement(\n            child as React.ReactElement,\n            {\n              index,\n              id: `${idPrefix}-carousel-item-${index}`,\n              shouldHaveStartSpacing,\n              shouldHaveEndSpacing,\n            },\n          );\n\n          // Safari doesn't include the margin in the bounding box calculation\n          // Thus have to add an additional box to the end of the carousel to ensure we can scroll past the last item\n          // https://stackoverflow.com/questions/75509058/safari-does-not-include-margins-to-the-scroll-width\n          if (shouldHaveEndSpacing) {\n            return (\n              <>\n                {carouselItemNode}\n                {<BaseBox minWidth={`${startEndMargin}px`} />}\n              </>\n            );\n          }\n          return carouselItemNode;\n        })}\n      </CarouselContainer>\n    );\n  },\n);\n\nconst Carousel = ({\n  autoPlay,\n  visibleItems = 1,\n  showIndicators = true,\n  navigationButtonPosition = 'bottom',\n  children,\n  shouldAddStartEndSpacing = false,\n  carouselItemWidth,\n  scrollOverlayColor,\n  accessibilityLabel,\n  onChange,\n  indicatorVariant = 'gray',\n  navigationButtonVariant = 'filled',\n  carouselItemAlignment = 'start',\n  height,\n  defaultActiveSlide,\n  activeSlide: activeSlideProp,\n  ...rest\n}: CarouselProps): React.ReactElement => {\n  const { platform } = useTheme();\n  const [activeIndicator, setActiveIndicator] = React.useState(0);\n  const [activeSlide, setActiveSlide] = useControllableState({\n    defaultValue: defaultActiveSlide ?? 0,\n    value: activeSlideProp,\n    onChange: (value) => {\n      onChange?.(value);\n    },\n  });\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const [startEndMargin, setStartEndMargin] = React.useState(0);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const isMobile = platform === 'onMobile';\n  const id = useId();\n  const carouselId = `carousel-${id}`;\n\n  useVerifyAllowedChildren({\n    componentName: 'Carousel',\n    allowedComponents: [componentIds.CarouselItem],\n    children,\n  });\n\n  const [isScrollAtStart, setScrollStart] = React.useState(\n    // on mobile we do not want to render the overlay\n    isMobile ? true : !shouldAddStartEndSpacing,\n  );\n  const [isScrollAtEnd, setScrollEnd] = React.useState(isMobile);\n\n  const isResponsive = visibleItems === 'autofit';\n  let _visibleItems = visibleItems as 1 | 2 | 3;\n  if (isMobile) {\n    _visibleItems = 1;\n    navigationButtonPosition = 'bottom';\n  }\n  if (isResponsive) {\n    _visibleItems = 1;\n  }\n\n  // A special case where we hide the indicators when the carousel is responsive\n  // Because indicators become useless since it's not aparent which carousel item is active\n  // and how many carousel items are visible at a time\n  if (isResponsive && !shouldAddStartEndSpacing && !isMobile) {\n    showIndicators = false;\n  }\n\n  const isNavButtonsOnSide = !isResponsive && navigationButtonPosition === 'side';\n  const shouldNavButtonsFloat = isResponsive && navigationButtonPosition === 'side';\n  const totalNumberOfSlides = React.Children.count(children);\n  const numberOfIndicators = Math.ceil(totalNumberOfSlides / _visibleItems);\n\n  // hide next/prev button on reaching start/end when carousel is responsive\n  // in non-responsive carousel we always show the next/prev buttons to allow looping\n  const shouldShowPrevButton = isResponsive ? activeSlide !== 0 : true;\n  const shouldShowNextButton = isResponsive ? activeSlide !== totalNumberOfSlides - 1 : true;\n\n  // calculate the start/end margin so that we can\n  // deduct that margin when scrolling to a carousel item with goToSlideIndex\n  useIsomorphicLayoutEffect(() => {\n    // Do not calculate if not needed\n    if (!isResponsive && !shouldAddStartEndSpacing) return;\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(carouselId, 0);\n    const carouselItem = containerRef.current.querySelector(carouselItemId);\n    if (!carouselItem) return;\n\n    const carouselItemLeft = carouselItem.getBoundingClientRect().left ?? 0;\n    const carouselContainerLeft = containerRef.current.getBoundingClientRect().left ?? 0;\n\n    setStartEndMargin(carouselItemLeft - carouselContainerLeft);\n  }, [carouselId, isResponsive, shouldAddStartEndSpacing]);\n\n  const scrollToSlide = (slideIndex: number, shouldAnimate = true) => {\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(carouselId, slideIndex * _visibleItems);\n    const carouselItem = containerRef.current.querySelector(carouselItemId);\n    if (!carouselItem) return;\n\n    const carouselItemLeft =\n      carouselItem.getBoundingClientRect().left -\n        containerRef.current.getBoundingClientRect().left ?? 0;\n    const left = containerRef.current.scrollLeft + carouselItemLeft;\n\n    containerRef.current.scroll({\n      left: left - startEndMargin,\n      behavior: shouldAnimate ? 'smooth' : 'auto',\n    });\n  };\n\n  const goToSlideIndex = (slideIndex: number) => {\n    setActiveSlide(() => slideIndex);\n    setActiveIndicator(slideIndex);\n  };\n\n  const goToNextSlide = () => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= numberOfIndicators) {\n      slideIndex = 0;\n    }\n\n    // an edge case where if carousel is responsive\n    // and shouldHaveStartEndSpacing is set to false\n    // there can be a case where numberOfIndicators is set to 10 but\n    // visually there is 3 or 4 items, in those cases we want to check if we reached the\n    // end of the scroll container if so we wrap around\n    if (containerRef.current) {\n      const container = containerRef.current;\n      const scrollLeft = container.scrollLeft;\n      const scrollWidth = container.scrollWidth - container.offsetWidth;\n      if (scrollLeft === scrollWidth) {\n        slideIndex = 0;\n      }\n    }\n\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = () => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = numberOfIndicators - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  // Scroll overlay gradient show/hide based on if scrolled to start or end\n  React.useEffect(() => {\n    // if shouldAddStartEndSpacing is true, we don't need to hide/show the overlay based on the scroll position\n    // because the gap is there so it won't overlap with the card anyway\n    if (shouldAddStartEndSpacing) return;\n    if (isMobile) return;\n\n    const carouselContainer = containerRef.current;\n    if (!carouselContainer) return;\n\n    const handleScroll = throttle(() => {\n      const scrollWidth = carouselContainer?.scrollWidth - carouselContainer.offsetWidth;\n      setScrollStart(carouselContainer?.scrollLeft === 0);\n      setScrollEnd(carouselContainer?.scrollLeft === scrollWidth);\n    }, 500);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\n  }, [isMobile, shouldAddStartEndSpacing]);\n\n  // Sync the indicators with scroll\n  React.useEffect(() => {\n    const carouselContainer = containerRef.current;\n    if (!carouselContainer) return;\n\n    const handleScroll = debounce(() => {\n      // carousel bounding box\n      const carouselBB = carouselContainer.getBoundingClientRect();\n      // By default we check the far left side of the screen\n      let xOffset = 0.1;\n      // when the carousel is responsive & has spacing\n      // we want to check the center of the screen\n      if (isResponsive && shouldAddStartEndSpacing) {\n        xOffset = 0.5;\n      }\n\n      const pointX = carouselBB.left + carouselBB.width * xOffset;\n      const pointY = carouselBB.top + carouselBB.height * 0.5;\n      const element = document.elementFromPoint(pointX, pointY);\n      const carouselItem = element?.closest('[data-slide-index]');\n      if (!carouselItem) {\n        return;\n      }\n\n      const slideIndex = Number(carouselItem?.getAttribute('data-slide-index'));\n      const goTo = Math.ceil(slideIndex / _visibleItems);\n      setActiveSlide(() => goTo);\n      setActiveIndicator(goTo);\n    }, 50);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing]);\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  // set initial active slide on mount\n  useIsomorphicLayoutEffect(() => {\n    if (!id) return;\n    goToSlideIndex(activeSlide);\n    scrollToSlide(activeSlide, false);\n  }, [id]);\n\n  // Scroll the carousel to the active slide\n  useDidUpdate(() => {\n    scrollToSlide(activeSlide);\n  }, [activeSlide]);\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselContainerRef: containerRef,\n      setActiveIndicator,\n      carouselId,\n      totalNumberOfSlides,\n      activeSlide,\n      startEndMargin,\n      shouldAddStartEndSpacing,\n    };\n  }, [\n    carouselId,\n    startEndMargin,\n    isResponsive,\n    _visibleItems,\n    carouselItemWidth,\n    totalNumberOfSlides,\n    activeSlide,\n    shouldAddStartEndSpacing,\n  ]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.Carousel })}\n        // stop autoplaying when any elements in carousel is in focus\n        onFocus={(e: React.FocusEvent) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) {\n            setShouldPauseAutoplay(true);\n          }\n        }}\n        onBlur={(e: React.FocusEvent) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) {\n            setShouldPauseAutoplay(false);\n          }\n        }}\n        // stop autplay when user hover overs the carousel\n        onMouseEnter={() => {\n          setShouldPauseAutoplay(true);\n        }}\n        onMouseLeave={() => {\n          setShouldPauseAutoplay(false);\n        }}\n        onTouchStart={() => {\n          setShouldPauseAutoplay(true);\n        }}\n        onTouchEnd={() => {\n          setShouldPauseAutoplay(false);\n        }}\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection=\"column\"\n        height={height}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n          height=\"100%\"\n        >\n          {shouldShowPrevButton && shouldNavButtonsFloat ? (\n            <BaseBox zIndex={2} position=\"absolute\" left=\"spacing.11\">\n              <NavigationButton\n                type=\"previous\"\n                variant={navigationButtonVariant}\n                onClick={goToPreviousSlide}\n              />\n            </BaseBox>\n          ) : null}\n          {isNavButtonsOnSide ? (\n            <NavigationButton\n              type=\"previous\"\n              variant={navigationButtonVariant}\n              onClick={goToPreviousSlide}\n            />\n          ) : null}\n          <CarouselBody\n            idPrefix={carouselId}\n            startEndMargin={startEndMargin}\n            totalSlides={totalNumberOfSlides}\n            shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n            scrollOverlayColor={scrollOverlayColor}\n            isScrollAtStart={isScrollAtStart}\n            isScrollAtEnd={isScrollAtEnd}\n            ref={containerRef}\n            carouselItemAlignment={carouselItemAlignment}\n            accessibilityLabel={accessibilityLabel}\n          >\n            {children}\n          </CarouselBody>\n          {shouldShowNextButton && shouldNavButtonsFloat ? (\n            <BaseBox zIndex={2} position=\"absolute\" right=\"spacing.11\">\n              <NavigationButton\n                onClick={goToNextSlide}\n                type=\"next\"\n                variant={navigationButtonVariant}\n              />\n            </BaseBox>\n          ) : null}\n          {isNavButtonsOnSide ? (\n            <NavigationButton\n              onClick={goToNextSlide}\n              type=\"next\"\n              variant={navigationButtonVariant}\n            />\n          ) : null}\n        </BaseBox>\n        <Controls\n          totalSlides={numberOfIndicators}\n          activeIndicator={activeIndicator}\n          showIndicators={showIndicators}\n          navigationButtonPosition={navigationButtonPosition}\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":["Controls","_ref","showIndicators","navigationButtonPosition","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","Box","marginTop","display","alignItems","gap","children","_jsx","NavigationButton","type","variant","onClick","Indicators","activeIndex","totalItems","_Fragment","CarouselContainer","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","showOverlay","scrollOverlayColor","isScrollAtStart","isScrollAtEnd","gradientStop1","getIn","colors","gradientStop2","overlayCommonStyle","content","position","top","width","height","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","transitionProperty","_objectSpread","overflowX","flexWrap","scrollSnapType","scrollSnapPointsY","msOverflowStyle","scrollbarWidth","webkitOverflowScrolling","msScrollSnapType","scrollSnapPointsX","msScrollSnapPointsX","background","concat","left","opacity","pointerEvents","right","CarouselBody","React","forwardRef","_ref3","ref","shouldAddStartEndSpacing","idPrefix","carouselItemAlignment","accessibilityLabel","startEndMargin","tabIndex","Boolean","base","m","makeAccessible","role","roleDescription","label","Children","map","child","index","shouldHaveStartSpacing","shouldHaveEndSpacing","carouselItemNode","cloneElement","id","minWidth","Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","defaultActiveSlide","activeSlideProp","activeSlide","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","setActiveIndicator","_useControllableState","useControllableState","defaultValue","value","_useControllableState2","setActiveSlide","_React$useState3","_React$useState4","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState5","_React$useState6","setStartEndMargin","containerRef","useRef","isMobile","useId","carouselId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState7","_React$useState8","setScrollStart","_React$useState9","_React$useState10","setScrollEnd","isResponsive","_visibleItems","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useIsomorphicLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","scrollToSlide","slideIndex","_ref5","shouldAnimate","arguments","length","undefined","scrollLeft","scroll","behavior","goToSlideIndex","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","useEffect","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","carouselContext","useMemo","carouselContainerRef","CarouselContext","Provider","metaAttribute","name","MetaConstants","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","getStyledProps","makeAnalyticsAttribute","zIndex"],"mappings":"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"}
+{"version":3,"file":"Carousel.web.js","sources":["../../../../../../src/components/Carousel/Carousel.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable react/jsx-no-useless-fragment */\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport React from 'react';\nimport { Indicators } from './Indicators/Indicators';\nimport { NavigationButton } from './NavigationButton';\nimport type { CarouselProps } from './types';\nimport type { CarouselContextProps } from './CarouselContext';\nimport { CarouselContext } from './CarouselContext';\nimport { getCarouselItemId } from './utils';\nimport { CAROUSEL_AUTOPLAY_INTERVAL, componentIds } from './constants';\nimport getIn from '~utils/lodashButBetter/get';\nimport throttle from '~utils/lodashButBetter/throttle';\nimport debounce from '~utils/lodashButBetter/debounce';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime, useInterval } from '~utils';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype ControlsProp = Required<\n  Pick<\n    CarouselProps,\n    'indicatorVariant' | 'showIndicators' | 'navigationButtonVariant' | 'navigationButtonPosition'\n  >\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  navigationButtonPosition,\n  activeIndicator,\n  totalSlides,\n  onIndicatorButtonClick,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  indicatorVariant,\n  navigationButtonVariant,\n}: ControlsProp): React.ReactElement => {\n  if (navigationButtonPosition === 'bottom') {\n    return (\n      <Box marginTop=\"spacing.7\" display=\"flex\" alignItems=\"center\" gap=\"spacing.4\">\n        <NavigationButton\n          type=\"previous\"\n          variant={navigationButtonVariant}\n          onClick={onPreviousButtonClick}\n        />\n        {showIndicators ? (\n          <Indicators\n            onClick={onIndicatorButtonClick}\n            activeIndex={activeIndicator}\n            totalItems={totalSlides}\n            variant={indicatorVariant}\n          />\n        ) : null}\n        <NavigationButton\n          onClick={onNextButtonClick}\n          type=\"next\"\n          variant={navigationButtonVariant}\n        />\n      </Box>\n    );\n  }\n\n  if (showIndicators && navigationButtonPosition === 'side') {\n    return (\n      <Box marginTop=\"spacing.7\">\n        <Indicators\n          onClick={onIndicatorButtonClick}\n          activeIndex={activeIndicator}\n          totalItems={totalSlides}\n          variant={indicatorVariant}\n        />\n      </Box>\n    );\n  }\n\n  return <></>;\n};\n\nconst CarouselContainer = styled(BaseBox)<{\n  showOverlay?: boolean;\n  scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n  isScrollAtStart: boolean;\n  isScrollAtEnd: boolean;\n}>(({ theme, showOverlay, scrollOverlayColor, isScrollAtStart, isScrollAtEnd }) => {\n  const gradientStop1: string = getIn(theme.colors, scrollOverlayColor!);\n  const gradientStop2 = 'hsla(0, 0%, 100%, 0)';\n\n  const overlayCommonStyle: CSSObject = {\n    content: \"''\",\n    position: 'absolute',\n    top: 0,\n    width: '100px',\n    height: '100%',\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    transitionTimingFunction: castWebType(theme.motion.easing.standard),\n    transitionProperty: 'opacity',\n  };\n\n  return {\n    width: '100%',\n    height: '100%',\n    overflowX: 'scroll',\n    display: 'flex',\n    flexWrap: 'nowrap',\n    scrollSnapType: 'x mandatory',\n    scrollSnapPointsY: `repeat(100%)`,\n    msOverflowStyle: 'none' /* IE and Edge */,\n    scrollbarWidth: 'none' /* Firefox */,\n    /* Needed to work on iOS Safari */\n    webkitOverflowScrolling: 'touch',\n    msScrollSnapType: 'mandatory',\n    scrollSnapPointsX: 'repeat(100%)',\n    msScrollSnapPointsX: 'repeat(100%)',\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    ...(showOverlay && {\n      '&::before': {\n        ...overlayCommonStyle,\n        background: `linear-gradient(to right, ${gradientStop1}, ${gradientStop2})`,\n        left: -1,\n        opacity: isScrollAtStart ? 0 : 1,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        ...overlayCommonStyle,\n        background: `linear-gradient(to left, ${gradientStop1}, ${gradientStop2})`,\n        right: -1,\n        opacity: isScrollAtEnd ? 0 : 1,\n        pointerEvents: 'none',\n      },\n    }),\n  };\n});\n\ntype CarouselBodyProps = {\n  children: React.ReactNode;\n  totalSlides: number;\n  shouldAddStartEndSpacing?: boolean;\n  idPrefix: string;\n  scrollOverlayColor: CarouselProps['scrollOverlayColor'];\n  isScrollAtStart: boolean;\n  isScrollAtEnd: boolean;\n  carouselItemAlignment: CarouselProps['carouselItemAlignment'];\n  accessibilityLabel?: string;\n  startEndMargin: number;\n};\n\nconst CarouselBody = React.forwardRef<HTMLDivElement, CarouselBodyProps>(\n  (\n    {\n      children,\n      totalSlides,\n      shouldAddStartEndSpacing,\n      idPrefix,\n      scrollOverlayColor,\n      isScrollAtStart,\n      isScrollAtEnd,\n      carouselItemAlignment,\n      accessibilityLabel,\n      startEndMargin,\n    },\n    ref,\n  ) => {\n    return (\n      <CarouselContainer\n        tabIndex={0}\n        ref={ref}\n        showOverlay={Boolean(scrollOverlayColor)}\n        scrollOverlayColor={scrollOverlayColor}\n        gap={{ base: 'spacing.4', m: 'spacing.5' }}\n        isScrollAtStart={isScrollAtStart}\n        isScrollAtEnd={isScrollAtEnd}\n        alignItems={carouselItemAlignment}\n        {...makeAccessible({\n          role: 'group',\n          roleDescription: 'carousel',\n          label: accessibilityLabel,\n        })}\n      >\n        {React.Children.map(children, (child, index) => {\n          const shouldHaveStartSpacing = shouldAddStartEndSpacing && index === 0;\n          const shouldHaveEndSpacing = shouldAddStartEndSpacing && index === totalSlides - 1;\n          const carouselItemNode: React.ReactElement = React.cloneElement(\n            child as React.ReactElement,\n            {\n              index,\n              id: `${idPrefix}-carousel-item-${index}`,\n              shouldHaveStartSpacing,\n              shouldHaveEndSpacing,\n            },\n          );\n\n          // Safari doesn't include the margin in the bounding box calculation\n          // Thus have to add an additional box to the end of the carousel to ensure we can scroll past the last item\n          // https://stackoverflow.com/questions/75509058/safari-does-not-include-margins-to-the-scroll-width\n          if (shouldHaveEndSpacing) {\n            return (\n              <>\n                {carouselItemNode}\n                {<BaseBox minWidth={`${startEndMargin}px`} />}\n              </>\n            );\n          }\n          return carouselItemNode;\n        })}\n      </CarouselContainer>\n    );\n  },\n);\n\nconst _Carousel = (\n  {\n    autoPlay,\n    visibleItems = 1,\n    showIndicators = true,\n    navigationButtonPosition = 'bottom',\n    children,\n    shouldAddStartEndSpacing = false,\n    carouselItemWidth,\n    scrollOverlayColor,\n    accessibilityLabel,\n    onChange,\n    indicatorVariant = 'gray',\n    navigationButtonVariant = 'filled',\n    carouselItemAlignment = 'start',\n    height,\n    defaultActiveSlide,\n    activeSlide: activeSlideProp,\n    ...rest\n  }: CarouselProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { platform } = useTheme();\n  const [activeIndicator, setActiveIndicator] = React.useState(0);\n  const [activeSlide, setActiveSlide] = useControllableState({\n    defaultValue: defaultActiveSlide ?? 0,\n    value: activeSlideProp,\n    onChange: (value) => {\n      onChange?.(value);\n    },\n  });\n  const [shouldPauseAutoplay, setShouldPauseAutoplay] = React.useState(false);\n  const [startEndMargin, setStartEndMargin] = React.useState(0);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const isMobile = platform === 'onMobile';\n  const id = useId();\n  const carouselId = `carousel-${id}`;\n\n  useVerifyAllowedChildren({\n    componentName: 'Carousel',\n    allowedComponents: [componentIds.CarouselItem],\n    children,\n  });\n\n  const [isScrollAtStart, setScrollStart] = React.useState(\n    // on mobile we do not want to render the overlay\n    isMobile ? true : !shouldAddStartEndSpacing,\n  );\n  const [isScrollAtEnd, setScrollEnd] = React.useState(isMobile);\n\n  const isResponsive = visibleItems === 'autofit';\n  let _visibleItems = visibleItems as 1 | 2 | 3;\n  if (isMobile) {\n    _visibleItems = 1;\n    navigationButtonPosition = 'bottom';\n  }\n  if (isResponsive) {\n    _visibleItems = 1;\n  }\n\n  // A special case where we hide the indicators when the carousel is responsive\n  // Because indicators become useless since it's not aparent which carousel item is active\n  // and how many carousel items are visible at a time\n  if (isResponsive && !shouldAddStartEndSpacing && !isMobile) {\n    showIndicators = false;\n  }\n\n  const isNavButtonsOnSide = !isResponsive && navigationButtonPosition === 'side';\n  const shouldNavButtonsFloat = isResponsive && navigationButtonPosition === 'side';\n  const totalNumberOfSlides = React.Children.count(children);\n  const numberOfIndicators = Math.ceil(totalNumberOfSlides / _visibleItems);\n\n  // hide next/prev button on reaching start/end when carousel is responsive\n  // in non-responsive carousel we always show the next/prev buttons to allow looping\n  const shouldShowPrevButton = isResponsive ? activeSlide !== 0 : true;\n  const shouldShowNextButton = isResponsive ? activeSlide !== totalNumberOfSlides - 1 : true;\n\n  // calculate the start/end margin so that we can\n  // deduct that margin when scrolling to a carousel item with goToSlideIndex\n  useIsomorphicLayoutEffect(() => {\n    // Do not calculate if not needed\n    if (!isResponsive && !shouldAddStartEndSpacing) return;\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(carouselId, 0);\n    const carouselItem = containerRef.current.querySelector(carouselItemId);\n    if (!carouselItem) return;\n\n    const carouselItemLeft = carouselItem.getBoundingClientRect().left ?? 0;\n    const carouselContainerLeft = containerRef.current.getBoundingClientRect().left ?? 0;\n\n    setStartEndMargin(carouselItemLeft - carouselContainerLeft);\n  }, [carouselId, isResponsive, shouldAddStartEndSpacing]);\n\n  const scrollToSlide = (slideIndex: number, shouldAnimate = true) => {\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(carouselId, slideIndex * _visibleItems);\n    const carouselItem = containerRef.current.querySelector(carouselItemId);\n    if (!carouselItem) return;\n\n    const carouselItemLeft =\n      carouselItem.getBoundingClientRect().left -\n        containerRef.current.getBoundingClientRect().left ?? 0;\n    const left = containerRef.current.scrollLeft + carouselItemLeft;\n\n    containerRef.current.scroll({\n      left: left - startEndMargin,\n      behavior: shouldAnimate ? 'smooth' : 'auto',\n    });\n  };\n\n  const goToSlideIndex = (slideIndex: number) => {\n    setActiveSlide(() => slideIndex);\n    setActiveIndicator(slideIndex);\n  };\n\n  const goToNextSlide = () => {\n    let slideIndex = activeSlide + 1;\n    if (slideIndex >= numberOfIndicators) {\n      slideIndex = 0;\n    }\n\n    // an edge case where if carousel is responsive\n    // and shouldHaveStartEndSpacing is set to false\n    // there can be a case where numberOfIndicators is set to 10 but\n    // visually there is 3 or 4 items, in those cases we want to check if we reached the\n    // end of the scroll container if so we wrap around\n    if (containerRef.current) {\n      const container = containerRef.current;\n      const scrollLeft = container.scrollLeft;\n      const scrollWidth = container.scrollWidth - container.offsetWidth;\n      if (scrollLeft === scrollWidth) {\n        slideIndex = 0;\n      }\n    }\n\n    goToSlideIndex(slideIndex);\n  };\n\n  const goToPreviousSlide = () => {\n    let slideIndex = activeSlide - 1;\n    if (activeSlide <= 0) {\n      slideIndex = numberOfIndicators - 1;\n    }\n    goToSlideIndex(slideIndex);\n  };\n\n  // Scroll overlay gradient show/hide based on if scrolled to start or end\n  React.useEffect(() => {\n    // if shouldAddStartEndSpacing is true, we don't need to hide/show the overlay based on the scroll position\n    // because the gap is there so it won't overlap with the card anyway\n    if (shouldAddStartEndSpacing) return;\n    if (isMobile) return;\n\n    const carouselContainer = containerRef.current;\n    if (!carouselContainer) return;\n\n    const handleScroll = throttle(() => {\n      const scrollWidth = carouselContainer?.scrollWidth - carouselContainer.offsetWidth;\n      setScrollStart(carouselContainer?.scrollLeft === 0);\n      setScrollEnd(carouselContainer?.scrollLeft === scrollWidth);\n    }, 500);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\n  }, [isMobile, shouldAddStartEndSpacing]);\n\n  // Sync the indicators with scroll\n  React.useEffect(() => {\n    const carouselContainer = containerRef.current;\n    if (!carouselContainer) return;\n\n    const handleScroll = debounce(() => {\n      // carousel bounding box\n      const carouselBB = carouselContainer.getBoundingClientRect();\n      // By default we check the far left side of the screen\n      let xOffset = 0.1;\n      // when the carousel is responsive & has spacing\n      // we want to check the center of the screen\n      if (isResponsive && shouldAddStartEndSpacing) {\n        xOffset = 0.5;\n      }\n\n      const pointX = carouselBB.left + carouselBB.width * xOffset;\n      const pointY = carouselBB.top + carouselBB.height * 0.5;\n      const element = document.elementFromPoint(pointX, pointY);\n      const carouselItem = element?.closest('[data-slide-index]');\n      if (!carouselItem) {\n        return;\n      }\n\n      const slideIndex = Number(carouselItem?.getAttribute('data-slide-index'));\n      const goTo = Math.ceil(slideIndex / _visibleItems);\n      setActiveSlide(() => goTo);\n      setActiveIndicator(goTo);\n    }, 50);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_visibleItems, isMobile, isResponsive, shouldAddStartEndSpacing]);\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  // set initial active slide on mount\n  useIsomorphicLayoutEffect(() => {\n    if (!id) return;\n    goToSlideIndex(activeSlide);\n    scrollToSlide(activeSlide, false);\n  }, [id]);\n\n  // Scroll the carousel to the active slide\n  useDidUpdate(() => {\n    scrollToSlide(activeSlide);\n  }, [activeSlide]);\n\n  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselContainerRef: containerRef,\n      setActiveIndicator,\n      carouselId,\n      totalNumberOfSlides,\n      activeSlide,\n      startEndMargin,\n      shouldAddStartEndSpacing,\n    };\n  }, [\n    carouselId,\n    startEndMargin,\n    isResponsive,\n    _visibleItems,\n    carouselItemWidth,\n    totalNumberOfSlides,\n    activeSlide,\n    shouldAddStartEndSpacing,\n  ]);\n\n  return (\n    <CarouselContext.Provider value={carouselContext}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Carousel })}\n        // stop autoplaying when any elements in carousel is in focus\n        onFocus={(e: React.FocusEvent) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) {\n            setShouldPauseAutoplay(true);\n          }\n        }}\n        onBlur={(e: React.FocusEvent) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) {\n            setShouldPauseAutoplay(false);\n          }\n        }}\n        // stop autplay when user hover overs the carousel\n        onMouseEnter={() => {\n          setShouldPauseAutoplay(true);\n        }}\n        onMouseLeave={() => {\n          setShouldPauseAutoplay(false);\n        }}\n        onTouchStart={() => {\n          setShouldPauseAutoplay(true);\n        }}\n        onTouchEnd={() => {\n          setShouldPauseAutoplay(false);\n        }}\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection=\"column\"\n        height={height}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\n          height=\"100%\"\n        >\n          {shouldShowPrevButton && shouldNavButtonsFloat ? (\n            <BaseBox zIndex={2} position=\"absolute\" left=\"spacing.11\">\n              <NavigationButton\n                type=\"previous\"\n                variant={navigationButtonVariant}\n                onClick={goToPreviousSlide}\n              />\n            </BaseBox>\n          ) : null}\n          {isNavButtonsOnSide ? (\n            <NavigationButton\n              type=\"previous\"\n              variant={navigationButtonVariant}\n              onClick={goToPreviousSlide}\n            />\n          ) : null}\n          <CarouselBody\n            idPrefix={carouselId}\n            startEndMargin={startEndMargin}\n            totalSlides={totalNumberOfSlides}\n            shouldAddStartEndSpacing={shouldAddStartEndSpacing}\n            scrollOverlayColor={scrollOverlayColor}\n            isScrollAtStart={isScrollAtStart}\n            isScrollAtEnd={isScrollAtEnd}\n            ref={containerRef}\n            carouselItemAlignment={carouselItemAlignment}\n            accessibilityLabel={accessibilityLabel}\n          >\n            {children}\n          </CarouselBody>\n          {shouldShowNextButton && shouldNavButtonsFloat ? (\n            <BaseBox zIndex={2} position=\"absolute\" right=\"spacing.11\">\n              <NavigationButton\n                onClick={goToNextSlide}\n                type=\"next\"\n                variant={navigationButtonVariant}\n              />\n            </BaseBox>\n          ) : null}\n          {isNavButtonsOnSide ? (\n            <NavigationButton\n              onClick={goToNextSlide}\n              type=\"next\"\n              variant={navigationButtonVariant}\n            />\n          ) : null}\n        </BaseBox>\n        <Controls\n          totalSlides={numberOfIndicators}\n          activeIndicator={activeIndicator}\n          showIndicators={showIndicators}\n          navigationButtonPosition={navigationButtonPosition}\n          onIndicatorButtonClick={goToSlideIndex}\n          onNextButtonClick={goToNextSlide}\n          onPreviousButtonClick={goToPreviousSlide}\n          indicatorVariant={indicatorVariant}\n          navigationButtonVariant={navigationButtonVariant}\n        />\n      </BaseBox>\n    </CarouselContext.Provider>\n  );\n};\n\nconst Carousel = React.forwardRef(_Carousel);\n\nexport { Carousel };\n"],"names":["Controls","_ref","showIndicators","navigationButtonPosition","activeIndicator","totalSlides","onIndicatorButtonClick","onNextButtonClick","onPreviousButtonClick","indicatorVariant","navigationButtonVariant","_jsxs","Box","marginTop","display","alignItems","gap","children","_jsx","NavigationButton","type","variant","onClick","Indicators","activeIndex","totalItems","_Fragment","CarouselContainer","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","showOverlay","scrollOverlayColor","isScrollAtStart","isScrollAtEnd","gradientStop1","getIn","colors","gradientStop2","overlayCommonStyle","content","position","top","width","height","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","transitionProperty","_objectSpread","overflowX","flexWrap","scrollSnapType","scrollSnapPointsY","msOverflowStyle","scrollbarWidth","webkitOverflowScrolling","msScrollSnapType","scrollSnapPointsX","msScrollSnapPointsX","background","concat","left","opacity","pointerEvents","right","CarouselBody","React","forwardRef","_ref3","ref","shouldAddStartEndSpacing","idPrefix","carouselItemAlignment","accessibilityLabel","startEndMargin","tabIndex","Boolean","base","m","makeAccessible","role","roleDescription","label","Children","map","child","index","shouldHaveStartSpacing","shouldHaveEndSpacing","carouselItemNode","cloneElement","id","minWidth","_Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","defaultActiveSlide","activeSlideProp","activeSlide","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","setActiveIndicator","_useControllableState","useControllableState","defaultValue","value","_useControllableState2","setActiveSlide","_React$useState3","_React$useState4","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState5","_React$useState6","setStartEndMargin","containerRef","useRef","isMobile","useId","carouselId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState7","_React$useState8","setScrollStart","_React$useState9","_React$useState10","setScrollEnd","isResponsive","_visibleItems","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useIsomorphicLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","scrollToSlide","slideIndex","_ref5","shouldAnimate","arguments","length","undefined","scrollLeft","scroll","behavior","goToSlideIndex","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","useEffect","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","useDidUpdate","carouselContext","useMemo","carouselContainerRef","CarouselContext","Provider","metaAttribute","name","MetaConstants","Carousel","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","getStyledProps","makeAnalyticsAttribute","zIndex"],"mappings":"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"}

package/build/lib/web/development/components/Carousel/Indicators/getIndicatorButtonStyles.js

@@ -21,7 +21,7 @@ var getIndicatorButtonStyles = function getIndicatorButtonStyles(_ref) {
     white: theme.colors.interactive.icon.staticWhite.normal,
     blue: theme.colors.interactive.icon.primary.subtle
   };
-  var easing = castWebType(theme.motion.easing.standard.effective);
+  var easing = castWebType(theme.motion.easing.standard);
   var duration = castWebType(makeMotionTime(theme.motion.duration.gentle));
   return _objectSpread(_objectSpread({
     border: 'none',

package/build/lib/web/development/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';\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","_objectSpread","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAMwC;AAAA,EAAA,IALpEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAIP,EAAA,IAAMC,eAAe,GAAG;IACtBC,IAAI,EAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK;IAC9CC,KAAK,EAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM;IACvDC,IAAI,EAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAAAA;GAC7C,CAAA;AAED,EAAA,IAAMC,MAAM,GAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAACC,SAAS,CAAC,CAAA;AAClE,EAAA,IAAMC,QAAQ,GAAGJ,WAAW,CAACK,cAAc,CAACrB,KAAK,CAACiB,MAAM,CAACG,QAAQ,CAACE,MAAM,CAAC,CAAC,CAAA;EAE1E,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,SAAS,CAAC3B,KAAK,CAAC4B,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCC,IAAAA,YAAY,EAAE7B,KAAK,CAACwB,MAAM,CAACM,MAAM,CAACC,GAAG;AACrC5B,IAAAA,eAAe,EAAEF,QAAQ,GAAGE,eAAe,CAACD,OAAO,CAAC,GAAGF,KAAK,CAACK,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,QAAQ;AAC/FC,IAAAA,KAAK,EAAElC,QAAQ,GAAGmC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxDC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAA;GAEpBE,EAAAA,aAAa,EAAE,IAAI;AACrBJ,IAAAA,KAAK,EAAEK,SAAAA;AACT,GAAC,CAEG,EAAA,CAACD,aAAa,EAAE,IAAI;AACtBE,IAAAA,kBAAkB,EAAE,OAAO;AAC3BC,IAAAA,kBAAkB,EAAEtB,QAAQ;AAC5BuB,IAAAA,wBAAwB,EAAE5B,MAAM;AAChC,IAAA,UAAU,EAAE;AACV6B,MAAAA,OAAO,EAAM,MAAA;AACb;AACAlB,MAAAA,OAAO,EAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3BQ,MAAAA,UAAU,EAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAA;KAC9B;AACD,IAAA,iBAAiB,EAAAd,aAAA,CACZuB,EAAAA,EAAAA,kBAAkB,CAAC;AAAE9C,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,CAAA,CAAA;AAEL;;;;"}
+{"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);\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","duration","makeMotionTime","gentle","_objectSpread","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAMwC;AAAA,EAAA,IALpEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAIP,EAAA,IAAMC,eAAe,GAAG;IACtBC,IAAI,EAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK;IAC9CC,KAAK,EAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM;IACvDC,IAAI,EAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAAAA;GAC7C,CAAA;EAED,IAAMC,MAAM,GAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CAAA;AACxD,EAAA,IAAMC,QAAQ,GAAGH,WAAW,CAACI,cAAc,CAACpB,KAAK,CAACiB,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAAA;EAE1E,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAEC,SAAS,CAAC1B,KAAK,CAAC2B,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCC,IAAAA,YAAY,EAAE5B,KAAK,CAACuB,MAAM,CAACM,MAAM,CAACC,GAAG;AACrC3B,IAAAA,eAAe,EAAEF,QAAQ,GAAGE,eAAe,CAACD,OAAO,CAAC,GAAGF,KAAK,CAACK,MAAM,CAAC0B,OAAO,CAACC,UAAU,CAACC,QAAQ;AAC/FC,IAAAA,KAAK,EAAEjC,QAAQ,GAAGkC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxDC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAA;GAEpBE,EAAAA,aAAa,EAAE,IAAI;AACrBJ,IAAAA,KAAK,EAAEK,SAAAA;AACT,GAAC,CAEG,EAAA,CAACD,aAAa,EAAE,IAAI;AACtBE,IAAAA,kBAAkB,EAAE,OAAO;AAC3BC,IAAAA,kBAAkB,EAAEtB,QAAQ;AAC5BuB,IAAAA,wBAAwB,EAAE3B,MAAM;AAChC,IAAA,UAAU,EAAE;AACV4B,MAAAA,OAAO,EAAM,MAAA;AACb;AACAlB,MAAAA,OAAO,EAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3BQ,MAAAA,UAAU,EAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAA;KAC9B;AACD,IAAA,iBAAiB,EAAAd,aAAA,CACZuB,EAAAA,EAAAA,kBAAkB,CAAC;AAAE7C,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,CAAA,CAAA;AAEL;;;;"}

package/build/lib/web/development/components/Carousel/NavigationButton/getNavigationButtonStyles.js

@@ -63,7 +63,7 @@ var getNavigationButtonStyles = function getNavigationButtonStyles(props) {
   }, isReactNative() ? {} : {
     transitionProperty: 'color, box-shadow',
     transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),
-    transitionTimingFunction: castWebType(motionToken.easing.standard.effective),
+    transitionTimingFunction: castWebType(motionToken.easing.standard),
     boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,
     '&:hover': {
       color: iconColor[variant].highlighted,

package/build/lib/web/development/components/Carousel/NavigationButton/getNavigationButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNavigationButtonStyles.js","sources":["../../../../../../../src/components/Carousel/NavigationButton/getNavigationButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { NavigationButtonProps } from './types';\nimport { castWebType, isReactNative, makeMotionTime, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getNavigationButtonStyles = (props: {\n  theme: DefaultTheme;\n  isPressed?: boolean;\n  variant: NavigationButtonProps['variant'];\n}): CSSObject => {\n  const { theme, isPressed = false, variant = 'filled' } = props;\n  const motionToken = theme.motion;\n\n  const iconColor = {\n    filled: {\n      default: theme.colors.interactive.icon.staticBlack.muted,\n      highlighted: theme.colors.interactive.icon.staticBlack.muted,\n    },\n    stroked: {\n      default: theme.colors.interactive.icon.gray.normal,\n      highlighted: theme.colors.interactive.icon.gray.normal,\n    },\n  };\n\n  const backgroundColor = {\n    filled: {\n      default: theme.colors.interactive.background.staticWhite.default,\n      highlighted: theme.colors.interactive.background.staticWhite.highlighted,\n    },\n    stroked: {\n      default: theme.colors.interactive.background.staticWhite.faded,\n      highlighted: theme.colors.interactive.background.staticWhite.fadedHighlighted,\n    },\n  };\n\n  const borderColors = {\n    filled: theme.colors.transparent,\n    stroked: theme.colors.interactive.border.gray.faded,\n  } as const;\n\n  const borderColor = borderColors[variant];\n  const borderWidth = theme.border.width.thin;\n  const borderRadius = theme.border.radius.max;\n  // on react-native isPressed will be passed\n  const state = isPressed ? 'highlighted' : 'default';\n\n  return {\n    cursor: 'pointer',\n    background: 'transparent',\n    border: 'none',\n    borderStyle: 'solid',\n    borderWidth,\n    borderRadius,\n    borderColor,\n    backgroundColor: backgroundColor[variant][state],\n    color: iconColor[variant][state],\n\n    padding: makeSpace(theme.spacing[3]),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'center',\n\n    ...(isReactNative()\n      ? {}\n      : {\n          transitionProperty: 'color, box-shadow',\n          transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n          transitionTimingFunction: castWebType(motionToken.easing.standard.effective),\n          boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,\n\n          '&:hover': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:focus-visible': {\n            ...getFocusRingStyles({ theme }),\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:active': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n        }),\n  };\n};\n\nexport { getNavigationButtonStyles };\n"],"names":["getNavigationButtonStyles","props","theme","_props$isPressed","isPressed","_props$variant","variant","motionToken","motion","iconColor","filled","colors","interactive","icon","staticBlack","muted","highlighted","stroked","gray","normal","backgroundColor","background","staticWhite","faded","fadedHighlighted","borderColors","transparent","border","borderColor","borderWidth","width","thin","borderRadius","radius","max","state","_objectSpread","cursor","borderStyle","color","padding","makeSpace","spacing","display","alignItems","justifyContent","alignSelf","isReactNative","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","effective","boxShadow","elevation","midRaised","undefined","getFocusRingStyles"],"mappings":"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"}
+{"version":3,"file":"getNavigationButtonStyles.js","sources":["../../../../../../../src/components/Carousel/NavigationButton/getNavigationButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { NavigationButtonProps } from './types';\nimport { castWebType, isReactNative, makeMotionTime, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getNavigationButtonStyles = (props: {\n  theme: DefaultTheme;\n  isPressed?: boolean;\n  variant: NavigationButtonProps['variant'];\n}): CSSObject => {\n  const { theme, isPressed = false, variant = 'filled' } = props;\n  const motionToken = theme.motion;\n\n  const iconColor = {\n    filled: {\n      default: theme.colors.interactive.icon.staticBlack.muted,\n      highlighted: theme.colors.interactive.icon.staticBlack.muted,\n    },\n    stroked: {\n      default: theme.colors.interactive.icon.gray.normal,\n      highlighted: theme.colors.interactive.icon.gray.normal,\n    },\n  };\n\n  const backgroundColor = {\n    filled: {\n      default: theme.colors.interactive.background.staticWhite.default,\n      highlighted: theme.colors.interactive.background.staticWhite.highlighted,\n    },\n    stroked: {\n      default: theme.colors.interactive.background.staticWhite.faded,\n      highlighted: theme.colors.interactive.background.staticWhite.fadedHighlighted,\n    },\n  };\n\n  const borderColors = {\n    filled: theme.colors.transparent,\n    stroked: theme.colors.interactive.border.gray.faded,\n  } as const;\n\n  const borderColor = borderColors[variant];\n  const borderWidth = theme.border.width.thin;\n  const borderRadius = theme.border.radius.max;\n  // on react-native isPressed will be passed\n  const state = isPressed ? 'highlighted' : 'default';\n\n  return {\n    cursor: 'pointer',\n    background: 'transparent',\n    border: 'none',\n    borderStyle: 'solid',\n    borderWidth,\n    borderRadius,\n    borderColor,\n    backgroundColor: backgroundColor[variant][state],\n    color: iconColor[variant][state],\n\n    padding: makeSpace(theme.spacing[3]),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'center',\n\n    ...(isReactNative()\n      ? {}\n      : {\n          transitionProperty: 'color, box-shadow',\n          transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n          transitionTimingFunction: castWebType(motionToken.easing.standard),\n          boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,\n\n          '&:hover': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:focus-visible': {\n            ...getFocusRingStyles({ theme }),\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n\n          '&:active': {\n            color: iconColor[variant].highlighted,\n            backgroundColor: backgroundColor[variant].highlighted,\n          },\n        }),\n  };\n};\n\nexport { getNavigationButtonStyles };\n"],"names":["getNavigationButtonStyles","props","theme","_props$isPressed","isPressed","_props$variant","variant","motionToken","motion","iconColor","filled","colors","interactive","icon","staticBlack","muted","highlighted","stroked","gray","normal","backgroundColor","background","staticWhite","faded","fadedHighlighted","borderColors","transparent","border","borderColor","borderWidth","width","thin","borderRadius","radius","max","state","_objectSpread","cursor","borderStyle","color","padding","makeSpace","spacing","display","alignItems","justifyContent","alignSelf","isReactNative","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","boxShadow","elevation","midRaised","undefined","getFocusRingStyles"],"mappings":"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"}

package/build/lib/web/development/components/Checkbox/Checkbox.js

@@ -18,6 +18,7 @@ import { SelectorInput } from '../Form/Selector/SelectorInput.web.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/logger/index.js';
 import '../../utils/index.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
@@ -32,7 +33,7 @@ import { CheckboxIcon } from './CheckboxIcon/CheckboxIcon.js';
 import { FormHint } from '../Form/FormHint.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["defaultChecked", "validationState", "isChecked", "isDisabled", "isIndeterminate", "isRequired", "name", "onChange", "value", "children", "helpText", "errorText", "size", "tabIndex", "testID"];
+var _excluded = ["defaultChecked", "validationState", "isChecked", "isDisabled", "isIndeterminate", "isRequired", "name", "onChange", "value", "children", "helpText", "errorText", "size", "tabIndex", "testID", "_motionMeta"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Checkbox = function _Checkbox(_ref, ref) {
@@ -53,6 +54,7 @@ var _Checkbox = function _Checkbox(_ref, ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     tabIndex = _ref.tabIndex,
     testID = _ref.testID,
+    _motionMeta = _ref._motionMeta,
     rest = _objectWithoutProperties(_ref, _excluded);
   var groupProps = useCheckboxGroupContext();
 
@@ -127,7 +129,12 @@ var _Checkbox = function _Checkbox(_ref, ref) {
 
   // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2
   var helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);
-  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+    ref: getOuterMotionRef({
+      _motionMeta: _motionMeta,
+      ref: ref
+    })
+  }, metaAttribute({
     name: MetaConstants.Checkbox,
     testID: testID
   })), getStyledProps(rest)), {}, {
@@ -150,7 +157,10 @@ var _Checkbox = function _Checkbox(_ref, ref) {
             hasError: _hasError,
             inputProps: inputProps,
             tabIndex: tabIndex,
-            ref: ref
+            ref: getInnerMotionRef({
+              _motionMeta: _motionMeta,
+              ref: ref
+            })
           }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(CheckboxIcon, {
             size: _size,
             isChecked: state.isChecked,