@razorpay/blade 10.23.5 → 11.0.0

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  ({ theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.brand.primary[500] : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused ? `, 0px 0px 0px 4px ${theme.colors.brand.primary[400]}` : '';\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\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","_objectSpread2","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","brand","primary","selectedBorder","concat","border","width","thicker","focusRing","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","as","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';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ 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\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","_objectSpread2","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","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","as","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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"}

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

@@ -6,10 +6,8 @@ var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "CardSurfaceweb__CardSurface",
   componentId: "sc-1pgxikk-0"
 })(function (_ref) {
-  var surfaceLevel = _ref.surfaceLevel,
-    elevation = _ref.elevation,
+  var elevation = _ref.elevation,
     theme = _ref.theme;
-  var backgroundColor = theme.colors.surface.background["level".concat(surfaceLevel)].lowContrast;
   return {
     width: '100%',
     display: 'flex',
@@ -17,8 +15,7 @@ var CardSurface = /*#__PURE__*/styled(BaseBox).withConfig({
     flexDirection: 'column',
     borderWidth: elevation === 'none' ? "".concat(theme.border.width.thin) : undefined,
     borderStyle: elevation === 'none' ? 'solid' : undefined,
-    borderColor: elevation === 'none' ? "".concat(theme.colors.surface.border.normal.lowContrast) : undefined,
-    backgroundColor: backgroundColor,
+    borderColor: elevation === 'none' ? "".concat(theme.colors.surface.border.gray.muted) : undefined,
     boxSizing: 'border-box'
   };
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst CardSurface = styled(BaseBox)<{ surfaceLevel: 2 | 3 }>(\n  ({ surfaceLevel, elevation, theme }) => {\n    const backgroundColor = theme.colors.surface.background[`level${surfaceLevel}`].lowContrast;\n\n    return {\n      width: '100%',\n      display: 'flex',\n      position: 'relative',\n      flexDirection: 'column',\n      borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n      borderStyle: elevation === 'none' ? 'solid' : undefined,\n      borderColor:\n        elevation === 'none' ? `${theme.colors.surface.border.normal.lowContrast}` : undefined,\n      backgroundColor,\n      boxSizing: 'border-box',\n    };\n  },\n);\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","surfaceLevel","elevation","theme","backgroundColor","colors","surface","background","concat","lowContrast","width","display","position","flexDirection","borderWidth","border","thin","undefined","borderStyle","borderColor","normal","boxSizing"],"mappings":";;;;AAGA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACjC,CAAA,CAAA,UAAAC,IAAA,EAAwC;AAAA,EAAA,IAArCC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;AAC/B,EAAA,IAAMC,eAAe,GAAGD,KAAK,CAACE,MAAM,CAACC,OAAO,CAACC,UAAU,SAAAC,MAAA,CAASP,YAAY,CAAA,CAAG,CAACQ,WAAW,CAAA;EAE3F,OAAO;AACLC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,WAAW,EAAEZ,SAAS,KAAK,MAAM,MAAAM,MAAA,CAAML,KAAK,CAACY,MAAM,CAACL,KAAK,CAACM,IAAI,IAAKC,SAAS;AAC5EC,IAAAA,WAAW,EAAEhB,SAAS,KAAK,MAAM,GAAG,OAAO,GAAGe,SAAS;AACvDE,IAAAA,WAAW,EACTjB,SAAS,KAAK,MAAM,GAAAM,EAAAA,CAAAA,MAAA,CAAML,KAAK,CAACE,MAAM,CAACC,OAAO,CAACS,MAAM,CAACK,MAAM,CAACX,WAAW,IAAKQ,SAAS;AACxFb,IAAAA,eAAe,EAAfA,eAAe;AACfiB,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"CardSurface.web.js","sources":["../../../../../../src/components/Card/CardSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst CardSurface = styled(BaseBox)(({ elevation, theme }) => {\n  return {\n    width: '100%',\n    display: 'flex',\n    position: 'relative',\n    flexDirection: 'column',\n    borderWidth: elevation === 'none' ? `${theme.border.width.thin}` : undefined,\n    borderStyle: elevation === 'none' ? 'solid' : undefined,\n    borderColor: elevation === 'none' ? `${theme.colors.surface.border.gray.muted}` : undefined,\n    boxSizing: 'border-box',\n  };\n});\n\nexport { CardSurface };\n"],"names":["CardSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","elevation","theme","width","display","position","flexDirection","borderWidth","concat","border","thin","undefined","borderStyle","borderColor","colors","surface","gray","muted","boxSizing"],"mappings":";;;;AAGA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAC,IAAA,EAA0B;AAAA,EAAA,IAAvBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EACrD,OAAO;AACLC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,WAAW,EAAEN,SAAS,KAAK,MAAM,MAAAO,MAAA,CAAMN,KAAK,CAACO,MAAM,CAACN,KAAK,CAACO,IAAI,IAAKC,SAAS;AAC5EC,IAAAA,WAAW,EAAEX,SAAS,KAAK,MAAM,GAAG,OAAO,GAAGU,SAAS;AACvDE,IAAAA,WAAW,EAAEZ,SAAS,KAAK,MAAM,GAAAO,EAAAA,CAAAA,MAAA,CAAMN,KAAK,CAACY,MAAM,CAACC,OAAO,CAACN,MAAM,CAACO,IAAI,CAACC,KAAK,IAAKN,SAAS;AAC3FO,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
 export { Card, CardBody, ComponentIds } from './Card.js';
-export { CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './CardHeader.js';
+export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './CardHeader.js';
 export { CardFooter, CardFooterLeading, CardFooterTrailing } from './CardFooter.js';
 //# sourceMappingURL=index.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/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, usePrevious } 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 { useFirstRender } from '~utils/useFirstRender';\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 as string);\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    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\n/**\n * A custom hook which syncs an effect with a state\n * While ignoring the first render & only running the effect when the state changes\n */\nfunction useSyncUpdateEffect<T>(\n  effect: React.EffectCallback,\n  stateToSyncWith: T,\n  deps: React.DependencyList,\n) {\n  const isFirst = useFirstRender();\n  const prevState = usePrevious<T>(stateToSyncWith);\n\n  React.useEffect(() => {\n    if (!isFirst) {\n      // if the state is the same as the previous state\n      // we don't want to run the effect\n      if (prevState === stateToSyncWith) return;\n      return effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stateToSyncWith, ...deps]);\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}: CarouselProps): React.ReactElement => {\n  const { platform } = useTheme();\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [activeIndicator, setActiveIndicator] = React.useState(0);\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('carousel');\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  React.useLayoutEffect(() => {\n    // Do not calculate if not needed\n    if (!isResponsive && !shouldAddStartEndSpacing) return;\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(id, 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  }, [id, isResponsive, shouldAddStartEndSpacing]);\n\n  const goToSlideIndex = (slideIndex: number) => {\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(id, 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: 'smooth',\n    });\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      setActiveIndicator(goTo);\n      setActiveSlide(goTo);\n    }, 50);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\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  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselContainerRef: containerRef,\n      setActiveIndicator,\n      carouselId: id,\n      totalNumberOfSlides,\n      activeSlide,\n      startEndMargin,\n      shouldAddStartEndSpacing,\n    };\n  }, [\n    id,\n    startEndMargin,\n    isResponsive,\n    _visibleItems,\n    carouselItemWidth,\n    totalNumberOfSlides,\n    activeSlide,\n    shouldAddStartEndSpacing,\n  ]);\n\n  useSyncUpdateEffect(\n    () => {\n      onChange?.(activeSlide);\n    },\n    activeSlide,\n    [onChange],\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      >\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\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={id}\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","useSyncUpdateEffect","effect","stateToSyncWith","deps","isFirst","useFirstRender","prevState","usePrevious","useEffect","_toConsumableArray","Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","setActiveIndicator","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState7","_React$useState8","setStartEndMargin","containerRef","useRef","isMobile","useId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState9","_React$useState10","setScrollStart","_React$useState11","_React$useState12","setScrollEnd","isResponsive","_visibleItems","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","goToSlideIndex","slideIndex","_ref5","scrollLeft","scroll","behavior","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","carouselContext","useMemo","carouselContainerRef","carouselId","CarouselContext","Provider","value","metaAttribute","name","MetaConstants","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","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, usePrevious } 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 { useFirstRender } from '~utils/useFirstRender';\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    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\n/**\n * A custom hook which syncs an effect with a state\n * While ignoring the first render & only running the effect when the state changes\n */\nfunction useSyncUpdateEffect<T>(\n  effect: React.EffectCallback,\n  stateToSyncWith: T,\n  deps: React.DependencyList,\n) {\n  const isFirst = useFirstRender();\n  const prevState = usePrevious<T>(stateToSyncWith);\n\n  React.useEffect(() => {\n    if (!isFirst) {\n      // if the state is the same as the previous state\n      // we don't want to run the effect\n      if (prevState === stateToSyncWith) return;\n      return effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stateToSyncWith, ...deps]);\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}: CarouselProps): React.ReactElement => {\n  const { platform } = useTheme();\n  const [activeSlide, setActiveSlide] = React.useState(0);\n  const [activeIndicator, setActiveIndicator] = React.useState(0);\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('carousel');\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  React.useLayoutEffect(() => {\n    // Do not calculate if not needed\n    if (!isResponsive && !shouldAddStartEndSpacing) return;\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(id, 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  }, [id, isResponsive, shouldAddStartEndSpacing]);\n\n  const goToSlideIndex = (slideIndex: number) => {\n    if (!containerRef.current) return;\n\n    const carouselItemId = getCarouselItemId(id, 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: 'smooth',\n    });\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      setActiveIndicator(goTo);\n      setActiveSlide(goTo);\n    }, 50);\n\n    carouselContainer.addEventListener('scroll', handleScroll);\n\n    return () => {\n      carouselContainer?.removeEventListener('scroll', handleScroll);\n    };\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  const carouselContext = React.useMemo<CarouselContextProps>(() => {\n    return {\n      isResponsive,\n      visibleItems: _visibleItems,\n      carouselItemWidth,\n      carouselContainerRef: containerRef,\n      setActiveIndicator,\n      carouselId: id,\n      totalNumberOfSlides,\n      activeSlide,\n      startEndMargin,\n      shouldAddStartEndSpacing,\n    };\n  }, [\n    id,\n    startEndMargin,\n    isResponsive,\n    _visibleItems,\n    carouselItemWidth,\n    totalNumberOfSlides,\n    activeSlide,\n    shouldAddStartEndSpacing,\n  ]);\n\n  useSyncUpdateEffect(\n    () => {\n      onChange?.(activeSlide);\n    },\n    activeSlide,\n    [onChange],\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      >\n        <BaseBox\n          width=\"100%\"\n          position=\"relative\"\n          display=\"flex\"\n          alignItems=\"center\"\n          gap=\"spacing.4\"\n          flexDirection=\"row\"\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={id}\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","useSyncUpdateEffect","effect","stateToSyncWith","deps","isFirst","useFirstRender","prevState","usePrevious","useEffect","_toConsumableArray","Carousel","_ref4","autoPlay","_ref4$visibleItems","visibleItems","_ref4$showIndicators","_ref4$navigationButto","_ref4$shouldAddStartE","carouselItemWidth","onChange","_ref4$indicatorVarian","_ref4$navigationButto2","_ref4$carouselItemAli","_useTheme","useTheme","platform","_React$useState","useState","_React$useState2","_slicedToArray","activeSlide","setActiveSlide","_React$useState3","_React$useState4","setActiveIndicator","_React$useState5","_React$useState6","shouldPauseAutoplay","setShouldPauseAutoplay","_React$useState7","_React$useState8","setStartEndMargin","containerRef","useRef","isMobile","useId","useVerifyAllowedChildren","componentName","allowedComponents","componentIds","CarouselItem","_React$useState9","_React$useState10","setScrollStart","_React$useState11","_React$useState12","setScrollEnd","isResponsive","_visibleItems","isNavButtonsOnSide","shouldNavButtonsFloat","totalNumberOfSlides","count","numberOfIndicators","Math","ceil","shouldShowPrevButton","shouldShowNextButton","useLayoutEffect","_carouselItem$getBoun","_containerRef$current","current","carouselItemId","getCarouselItemId","carouselItem","querySelector","carouselItemLeft","getBoundingClientRect","carouselContainerLeft","goToSlideIndex","slideIndex","_ref5","scrollLeft","scroll","behavior","goToNextSlide","container","scrollWidth","offsetWidth","goToPreviousSlide","carouselContainer","handleScroll","throttle","addEventListener","removeEventListener","debounce","carouselBB","xOffset","pointX","pointY","element","document","elementFromPoint","closest","Number","getAttribute","goTo","useInterval","delay","CAROUSEL_AUTOPLAY_INTERVAL","enable","carouselContext","useMemo","carouselContainerRef","carouselId","CarouselContext","Provider","value","metaAttribute","name","MetaConstants","onFocus","e","currentTarget","contains","relatedTarget","onBlur","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","flexDirection","zIndex"],"mappings":"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"}

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

@@ -1,12 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import '../../../tokens/global/index.js';
 import '../../../utils/index.js';
+import '../../../utils/getFocusRingStyles/index.js';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { size } from '../../../tokens/global/size.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -15,9 +17,9 @@ var getIndicatorButtonStyles = function getIndicatorButtonStyles(_ref) {
     isActive = _ref.isActive,
     variant = _ref.variant;
   var backgroundColor = {
-    gray: theme.colors.brand.gray[600].highContrast,
-    white: theme.colors.brand.gray[700].highContrast,
-    blue: theme.colors.brand.primary[500]
+    gray: theme.colors.interactive.icon.gray.muted,
+    white: theme.colors.interactive.icon.staticWhite.normal,
+    blue: theme.colors.interactive.icon.primary.subtle
   };
   var easing = castWebType(theme.motion.easing.standard.effective);
   var duration = castWebType(makeMotionTime(theme.motion.duration.gentle));
@@ -26,7 +28,7 @@ var getIndicatorButtonStyles = function getIndicatorButtonStyles(_ref) {
     cursor: 'pointer',
     padding: makeSpace(theme.spacing[0]),
     borderRadius: theme.border.radius.max,
-    backgroundColor: isActive ? backgroundColor[variant] : theme.colors.surface.overlay.background[400],
+    backgroundColor: isActive ? backgroundColor[variant] : theme.colors.overlay.background.moderate,
     width: isActive ? makeSize(size[18]) : makeSize(size[6]),
     height: makeSize(size[6])
   }, isReactNative() && {
@@ -41,11 +43,9 @@ var getIndicatorButtonStyles = function getIndicatorButtonStyles(_ref) {
       padding: makeSize(size[10]),
       paddingTop: makeSize(size[20])
     },
-    '&:focus-visible': {
-      // TODO: refactor to use focus ring token
-      outline: 'none',
-      boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400])
-    }
+    '&:focus-visible': _objectSpread({}, getFocusRingStyles({
+      theme: theme
+    }))
   });
 };
 

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';\n\nconst getIndicatorButtonStyles = ({\n  theme,\n  isActive,\n  variant,\n}: {\n  theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' | 'variant'>): CSSObject => {\n  const backgroundColor = {\n    gray: theme.colors.brand.gray[600].highContrast,\n    white: theme.colors.brand.gray[700].highContrast,\n    blue: theme.colors.brand.primary[500],\n  };\n\n  const easing = castWebType(theme.motion.easing.standard.effective);\n  const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n  return {\n    border: 'none',\n    cursor: 'pointer',\n    padding: makeSpace(theme.spacing[0]),\n    borderRadius: theme.border.radius.max,\n    backgroundColor: isActive\n      ? backgroundColor[variant]\n      : theme.colors.surface.overlay.background[400],\n    width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n    height: makeSize(size[6]),\n\n    ...(isReactNative() && {\n      width: undefined,\n    }),\n\n    ...(!isReactNative() && {\n      transitionProperty: 'width',\n      transitionDuration: duration,\n      transitionTimingFunction: easing,\n      '&:before': {\n        content: `\"\"`,\n        // increasing the hit area, just random numbers\n        padding: makeSize(size[10]),\n        paddingTop: makeSize(size[20]),\n      },\n      '&:focus-visible': {\n        // TODO: refactor to use focus ring token\n        outline: 'none',\n        boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,\n      },\n    }),\n  };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","brand","highContrast","white","blue","primary","easing","castWebType","motion","standard","effective","duration","makeMotionTime","gentle","_objectSpread","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","surface","overlay","background","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","outline","boxShadow","concat"],"mappings":";;;;;;;;;;;;AAKA,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;AACtBC,IAAAA,IAAI,EAAEJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAACF,IAAI,CAAC,GAAG,CAAC,CAACG,YAAY;AAC/CC,IAAAA,KAAK,EAAER,KAAK,CAACK,MAAM,CAACC,KAAK,CAACF,IAAI,CAAC,GAAG,CAAC,CAACG,YAAY;IAChDE,IAAI,EAAET,KAAK,CAACK,MAAM,CAACC,KAAK,CAACI,OAAO,CAAC,GAAG,CAAA;GACrC,CAAA;AAED,EAAA,IAAMC,MAAM,GAAGC,WAAW,CAACZ,KAAK,CAACa,MAAM,CAACF,MAAM,CAACG,QAAQ,CAACC,SAAS,CAAC,CAAA;AAClE,EAAA,IAAMC,QAAQ,GAAGJ,WAAW,CAACK,cAAc,CAACjB,KAAK,CAACa,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,CAACvB,KAAK,CAACwB,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCC,IAAAA,YAAY,EAAEzB,KAAK,CAACoB,MAAM,CAACM,MAAM,CAACC,GAAG;AACrCxB,IAAAA,eAAe,EAAEF,QAAQ,GACrBE,eAAe,CAACD,OAAO,CAAC,GACxBF,KAAK,CAACK,MAAM,CAACuB,OAAO,CAACC,OAAO,CAACC,UAAU,CAAC,GAAG,CAAC;AAChDC,IAAAA,KAAK,EAAE9B,QAAQ,GAAG+B,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,EAAE;AACjB;AACAS,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,SAAS,EAAAC,kBAAAA,CAAAA,MAAA,CAAqB5C,KAAK,CAACK,MAAM,CAACC,KAAK,CAACI,OAAO,CAAC,GAAG,CAAC,CAAA;AAC/D,KAAA;GACD,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.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;;;;"}

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

@@ -33,8 +33,8 @@ var NavigationButton = function NavigationButton(_ref) {
 
     // on react native we cannot rely on currentColor thus need to manually pass iconColor
     var iconColor = {
-      filled: 'action.icon.tertiary.default',
-      stroked: 'surface.action.icon.active.highContrast'
+      filled: 'interactive.icon.staticBlack.muted',
+      stroked: 'interactive.icon.gray.normal'
     };
     return iconColor[variant];
   };

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sources":["../../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'action.icon.tertiary.default',\n      stroked: 'surface.action.icon.active.highContrast',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={onClick}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","_objectSpread","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAChD,EAAA,IAAAC,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;AAChB,EAAA,IAAMC,QAAQ,GAAGD,QAAQ,KAAK,UAAU,CAAA;AACxC,EAAA,IAAME,QAAQ,GAAGD,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9C;AACA,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB,IAAA,IAAI,CAACC,aAAa,EAAE,EAAE;AACpB,MAAA,OAAO,cAAc,CAAA;AACvB,KAAA;;AAEA;AACA,IAAA,IAAMC,SAAS,GAAG;AAChBC,MAAAA,MAAM,EAAE,8BAA8B;AACtCC,MAAAA,OAAO,EAAE,yCAAA;KACD,CAAA;IAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAAA;GAC1B,CAAA;EAED,oBACEY,GAAA,CAACC,sBAAsB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACrBb,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACbe,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAE,kBAAA;GAAoB,CAAC,CAC3CC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAEnB,IAAI,KAAK,UAAU,GAAG,gBAAgB,GAAG,YAAA;AAAa,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAoB,IAAAA,QAAA,EAEnFpB,IAAI,KAAK,MAAM,gBACda,GAAA,CAACQ,gBAAgB,EAAA;AAACC,MAAAA,IAAI,EAAEf,QAAS;MAACgB,KAAK,EAAEf,YAAY,EAAC;AAAE,KAAE,CAAC,gBAE3DK,GAAA,CAACW,eAAe,EAAA;AAACF,MAAAA,IAAI,EAAEf,QAAS;MAACgB,KAAK,EAAEf,YAAY,EAAC;KAAI,CAAA;AAC1D,GAAA,CACqB,CAAC,CAAA;AAE7B;;;;"}
+{"version":3,"file":"NavigationButton.js","sources":["../../../../../../../src/components/Carousel/NavigationButton/NavigationButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { NavigationButtonProps } from './types';\nimport { StyledNavigationButton } from './StyledNavigationButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst NavigationButton = ({ type, variant, onClick }: NavigationButtonProps): ReactElement => {\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const iconSize = isMobile ? 'small' : 'medium';\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getIconColor = () => {\n    if (!isReactNative()) {\n      return 'currentColor' as const;\n    }\n\n    // on react native we cannot rely on currentColor thus need to manually pass iconColor\n    const iconColor = {\n      filled: 'interactive.icon.staticBlack.muted',\n      stroked: 'interactive.icon.gray.normal',\n    } as const;\n\n    return iconColor[variant];\n  };\n\n  return (\n    <StyledNavigationButton\n      onClick={onClick}\n      variant={variant}\n      {...metaAttribute({ name: 'NavigationButton' })}\n      {...makeAccessible({ label: type === 'previous' ? 'Previous Slide' : 'Next Slide' })}\n    >\n      {type === 'next' ? (\n        <ChevronRightIcon size={iconSize} color={getIconColor()} />\n      ) : (\n        <ChevronLeftIcon size={iconSize} color={getIconColor()} />\n      )}\n    </StyledNavigationButton>\n  );\n};\n\nexport type { NavigationButtonProps };\nexport { NavigationButton };\n"],"names":["NavigationButton","_ref","type","variant","onClick","_useTheme","useTheme","platform","isMobile","iconSize","getIconColor","isReactNative","iconColor","filled","stroked","_jsx","StyledNavigationButton","_objectSpread","metaAttribute","name","makeAccessible","label","children","ChevronRightIcon","size","color","ChevronLeftIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AAChD,EAAA,IAAAC,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;AAChB,EAAA,IAAMC,QAAQ,GAAGD,QAAQ,KAAK,UAAU,CAAA;AACxC,EAAA,IAAME,QAAQ,GAAGD,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;;AAE9C;AACA,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB,IAAA,IAAI,CAACC,aAAa,EAAE,EAAE;AACpB,MAAA,OAAO,cAAc,CAAA;AACvB,KAAA;;AAEA;AACA,IAAA,IAAMC,SAAS,GAAG;AAChBC,MAAAA,MAAM,EAAE,oCAAoC;AAC5CC,MAAAA,OAAO,EAAE,8BAAA;KACD,CAAA;IAEV,OAAOF,SAAS,CAACT,OAAO,CAAC,CAAA;GAC1B,CAAA;EAED,oBACEY,GAAA,CAACC,sBAAsB,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACrBb,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACbe,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAE,kBAAA;GAAoB,CAAC,CAC3CC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAEnB,IAAI,KAAK,UAAU,GAAG,gBAAgB,GAAG,YAAA;AAAa,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAoB,IAAAA,QAAA,EAEnFpB,IAAI,KAAK,MAAM,gBACda,GAAA,CAACQ,gBAAgB,EAAA;AAACC,MAAAA,IAAI,EAAEf,QAAS;MAACgB,KAAK,EAAEf,YAAY,EAAC;AAAE,KAAE,CAAC,gBAE3DK,GAAA,CAACW,eAAe,EAAA;AAACF,MAAAA,IAAI,EAAEf,QAAS;MAACgB,KAAK,EAAEf,YAAY,EAAC;KAAI,CAAA;AAC1D,GAAA,CACqB,CAAC,CAAA;AAE7B;;;;"}

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

@@ -1,9 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import '../../../utils/index.js';
+import '../../../utils/getFocusRingStyles/index.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { castWebType } from '../../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
+import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -16,41 +18,33 @@ var getNavigationButtonStyles = function getNavigationButtonStyles(props) {
   var motionToken = theme.motion;
   var iconColor = {
     filled: {
-      "default": theme.colors.white.action.icon.primary["default"],
-      hover: theme.colors.white.action.icon.primary.hover,
-      focus: theme.colors.white.action.icon.primary.focus,
-      active: theme.colors.white.action.icon.primary.active
+      "default": theme.colors.interactive.icon.staticBlack.muted,
+      highlighted: theme.colors.interactive.icon.staticBlack.muted
     },
     stroked: {
-      "default": theme.colors.surface.action.icon.active.highContrast,
-      hover: theme.colors.surface.action.icon.hover.highContrast,
-      focus: theme.colors.surface.action.icon.focus.highContrast,
-      active: theme.colors.surface.action.icon.active.highContrast
+      "default": theme.colors.interactive.icon.gray.normal,
+      highlighted: theme.colors.interactive.icon.gray.normal
     }
   };
   var backgroundColor = {
     filled: {
-      "default": theme.colors.white.action.background.primary["default"],
-      hover: theme.colors.white.action.background.primary.hover,
-      focus: theme.colors.white.action.background.primary.focus,
-      active: theme.colors.white.action.background.primary.active
+      "default": theme.colors.interactive.background.staticWhite["default"],
+      highlighted: theme.colors.interactive.background.staticWhite.highlighted
     },
     stroked: {
-      "default": theme.colors.action.background.tertiary["default"],
-      hover: theme.colors.action.background.tertiary.hover,
-      focus: theme.colors.action.background.tertiary.focus,
-      active: theme.colors.action.background.tertiary.active
+      "default": theme.colors.interactive.background.staticWhite.faded,
+      highlighted: theme.colors.interactive.background.staticWhite.fadedHighlighted
     }
   };
   var borderColors = {
-    filled: theme.colors.surface.border.normal.lowContrast,
-    stroked: theme.colors.brand.gray[400].lowContrast
+    filled: theme.colors.transparent,
+    stroked: theme.colors.interactive.border.gray.faded
   };
   var borderColor = borderColors[variant];
   var borderWidth = theme.border.width.thin;
   var borderRadius = theme.border.radius.max;
   // on react-native isPressed will be passed
-  var state = isPressed ? 'active' : 'default';
+  var state = isPressed ? 'highlighted' : 'default';
   return _objectSpread({
     cursor: 'pointer',
     background: 'transparent',
@@ -72,19 +66,18 @@ var getNavigationButtonStyles = function getNavigationButtonStyles(props) {
     transitionTimingFunction: castWebType(motionToken.easing.standard.effective),
     boxShadow: variant === 'filled' ? castWebType(theme.elevation.midRaised) : undefined,
     '&:hover': {
-      color: iconColor[variant].hover,
-      backgroundColor: backgroundColor[variant].hover
-    },
-    '&:focus-visible': {
-      // TODO: refactor to use focus ring token
-      outline: 'none',
-      boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400]),
-      color: iconColor[variant].focus,
-      backgroundColor: backgroundColor[variant].focus
+      color: iconColor[variant].highlighted,
+      backgroundColor: backgroundColor[variant].highlighted
     },
+    '&:focus-visible': _objectSpread(_objectSpread({}, getFocusRingStyles({
+      theme: theme
+    })), {}, {
+      color: iconColor[variant].highlighted,
+      backgroundColor: backgroundColor[variant].highlighted
+    }),
     '&:active': {
-      color: iconColor[variant].active,
-      backgroundColor: backgroundColor[variant].active
+      color: iconColor[variant].highlighted,
+      backgroundColor: backgroundColor[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';\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.white.action.icon.primary.default,\n      hover: theme.colors.white.action.icon.primary.hover,\n      focus: theme.colors.white.action.icon.primary.focus,\n      active: theme.colors.white.action.icon.primary.active,\n    },\n    stroked: {\n      default: theme.colors.surface.action.icon.active.highContrast,\n      hover: theme.colors.surface.action.icon.hover.highContrast,\n      focus: theme.colors.surface.action.icon.focus.highContrast,\n      active: theme.colors.surface.action.icon.active.highContrast,\n    },\n  };\n\n  const backgroundColor = {\n    filled: {\n      default: theme.colors.white.action.background.primary.default,\n      hover: theme.colors.white.action.background.primary.hover,\n      focus: theme.colors.white.action.background.primary.focus,\n      active: theme.colors.white.action.background.primary.active,\n    },\n    stroked: {\n      default: theme.colors.action.background.tertiary.default,\n      hover: theme.colors.action.background.tertiary.hover,\n      focus: theme.colors.action.background.tertiary.focus,\n      active: theme.colors.action.background.tertiary.active,\n    },\n  };\n\n  const borderColors = {\n    filled: theme.colors.surface.border.normal.lowContrast,\n    stroked: theme.colors.brand.gray[400].lowContrast,\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 ? 'active' : '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].hover,\n            backgroundColor: backgroundColor[variant].hover,\n          },\n\n          '&:focus-visible': {\n            // TODO: refactor to use focus ring token\n            outline: 'none',\n            boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,\n            color: iconColor[variant].focus,\n            backgroundColor: backgroundColor[variant].focus,\n          },\n\n          '&:active': {\n            color: iconColor[variant].active,\n            backgroundColor: backgroundColor[variant].active,\n          },\n        }),\n  };\n};\n\nexport { getNavigationButtonStyles };\n"],"names":["getNavigationButtonStyles","props","theme","_props$isPressed","isPressed","_props$variant","variant","motionToken","motion","iconColor","filled","colors","white","action","icon","primary","hover","focus","active","stroked","surface","highContrast","backgroundColor","background","tertiary","borderColors","border","normal","lowContrast","brand","gray","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","outline","concat"],"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.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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"}

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

@@ -80,9 +80,7 @@ var CheckboxIcon = function CheckboxIcon(_ref3) {
     size = _ref3.size;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var defaultIconColor = getIn(theme, 'colors.brand.gray.200.lowContrast');
-  var disabledIconColor = getIn(theme, 'colors.brand.gray.500.lowContrast');
-  var iconColor = isDisabled ? disabledIconColor : defaultIconColor;
+  var iconColor = getIn(theme, 'colors.interactive.icon.onPrimary.normal');
   return /*#__PURE__*/jsxs(CheckboxIconWrapper, _objectSpread(_objectSpread({
     size: size,
     isIndeterminate: isIndeterminate,