@razorpay/blade 10.23.5 → 11.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.surface.background.level2.lowContrast,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.surface.border.normal.lowContrast,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.surface.background.level2.lowContrast,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = 100,\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n    focusOnInitialRef();\n  }, [dimensions.height, focusOnInitialRef, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","surface","level2","lowContrast","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","normal","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.popup.background.subtle,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.popup.border.subtle,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = 100,\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n    focusOnInitialRef();\n  }, [dimensions.height, focusOnInitialRef, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","popup","subtle","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/BottomSheet/BottomSheetBackdrop.web.js

@@ -2,7 +2,6 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import 'react';
 import styled from 'styled-components';
 import { useBottomSheetContext } from './BottomSheetContext.js';
-import '../BladeProvider/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -11,7 +10,6 @@ import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import useTheme from '../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.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; }
@@ -31,8 +29,6 @@ var StyledBottomSheetBackdrop = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 var BottomSheetBackdrop = function BottomSheetBackdrop(_ref2) {
   var zIndex = _ref2.zIndex;
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
   var _useBottomSheetContex = useBottomSheetContext(),
     close = _useBottomSheetContex.close,
     isOpen = _useBottomSheetContex.isOpen;
@@ -50,7 +46,7 @@ var BottomSheetBackdrop = function BottomSheetBackdrop(_ref2) {
     bottom: "spacing.0",
     right: "spacing.0",
     zIndex: zIndex,
-    backgroundColor: theme.colors.surface.overlay.background[800]
+    backgroundColor: "overlay.background.subtle"
   }));
 };
 

package/build/lib/web/development/components/BottomSheet/BottomSheetBackdrop.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBackdrop.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBackdrop.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledBottomSheetBackdrop = styled(BaseBox)<{ isOpen: boolean }>(({ theme, isOpen }) => {\n  return {\n    transitionDuration: `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: isOpen\n      ? castWebType(theme.motion.easing.entrance.revealing)\n      : castWebType(theme.motion.easing.exit.revealing),\n    pointerEvents: isOpen ? 'all' : 'none',\n    transitionProperty: 'opacity',\n  };\n});\n\nconst BottomSheetBackdrop = ({ zIndex }: { zIndex: number }): React.ReactElement => {\n  const { theme } = useTheme();\n  const { close, isOpen } = useBottomSheetContext();\n\n  return (\n    <StyledBottomSheetBackdrop\n      {...metaAttribute({ testID: 'bottomsheet-backdrop' })}\n      onClick={() => {\n        close();\n      }}\n      isOpen={isOpen}\n      opacity={isOpen ? 1 : 0}\n      position=\"fixed\"\n      left=\"spacing.0\"\n      top=\"spacing.0\"\n      bottom=\"spacing.0\"\n      right=\"spacing.0\"\n      zIndex={zIndex}\n      backgroundColor={theme.colors.surface.overlay.background[800]}\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["StyledBottomSheetBackdrop","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isOpen","transitionDuration","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","castWebType","easing","entrance","revealing","exit","pointerEvents","transitionProperty","BottomSheetBackdrop","_ref2","zIndex","_useTheme","useTheme","_useBottomSheetContex","useBottomSheetContext","close","_jsx","_objectSpread","metaAttribute","testID","onClick","opacity","position","left","top","bottom","right","backgroundColor","colors","surface","overlay","background"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAMA,yBAAyB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAsB,CAAA,CAAA,UAAAC,IAAA,EAAuB;AAAA,EAAA,IAApBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM,CAAA;EACrF,OAAO;AACLC,IAAAA,kBAAkB,EAAAC,EAAAA,CAAAA,MAAA,CAAKC,cAAc,CAACJ,KAAK,CAACK,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAE;IACvEC,wBAAwB,EAAEP,MAAM,GAC5BQ,WAAW,CAACT,KAAK,CAACK,MAAM,CAACK,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,GACnDH,WAAW,CAACT,KAAK,CAACK,MAAM,CAACK,MAAM,CAACG,IAAI,CAACD,SAAS,CAAC;AACnDE,IAAAA,aAAa,EAAEb,MAAM,GAAG,KAAK,GAAG,MAAM;AACtCc,IAAAA,kBAAkB,EAAE,SAAA;GACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAA2D;AAAA,EAAA,IAArDC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACnC,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBpB,KAAK,GAAAmB,SAAA,CAALnB,KAAK,CAAA;AACb,EAAA,IAAAqB,qBAAA,GAA0BC,qBAAqB,EAAE;IAAzCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEtB,MAAM,GAAAoB,qBAAA,CAANpB,MAAM,CAAA;EAErB,oBACEuB,GAAA,CAAC/B,yBAAyB,EAAAgC,aAAA,CAAAA,aAAA,CACpBC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAE,sBAAA;AAAuB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACrDC,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACbL,MAAAA,KAAK,EAAE,CAAA;KACP;AACFtB,IAAAA,MAAM,EAAEA,MAAO;AACf4B,IAAAA,OAAO,EAAE5B,MAAM,GAAG,CAAC,GAAG,CAAE;AACxB6B,IAAAA,QAAQ,EAAC,OAAO;AAChBC,IAAAA,IAAI,EAAC,WAAW;AAChBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,MAAM,EAAC,WAAW;AAClBC,IAAAA,KAAK,EAAC,WAAW;AACjBhB,IAAAA,MAAM,EAAEA,MAAO;IACfiB,eAAe,EAAEnC,KAAK,CAACoC,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,UAAU,CAAC,GAAG,CAAA;AAAE,GAAA,CAC/D,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"BottomSheetBackdrop.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBackdrop.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledBottomSheetBackdrop = styled(BaseBox)<{ isOpen: boolean }>(({ theme, isOpen }) => {\n  return {\n    transitionDuration: `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: isOpen\n      ? castWebType(theme.motion.easing.entrance.revealing)\n      : castWebType(theme.motion.easing.exit.revealing),\n    pointerEvents: isOpen ? 'all' : 'none',\n    transitionProperty: 'opacity',\n  };\n});\n\nconst BottomSheetBackdrop = ({ zIndex }: { zIndex: number }): React.ReactElement => {\n  const { close, isOpen } = useBottomSheetContext();\n\n  return (\n    <StyledBottomSheetBackdrop\n      {...metaAttribute({ testID: 'bottomsheet-backdrop' })}\n      onClick={() => {\n        close();\n      }}\n      isOpen={isOpen}\n      opacity={isOpen ? 1 : 0}\n      position=\"fixed\"\n      left=\"spacing.0\"\n      top=\"spacing.0\"\n      bottom=\"spacing.0\"\n      right=\"spacing.0\"\n      zIndex={zIndex}\n      backgroundColor=\"overlay.background.subtle\"\n    />\n  );\n};\n\nexport { BottomSheetBackdrop };\n"],"names":["StyledBottomSheetBackdrop","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isOpen","transitionDuration","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","castWebType","easing","entrance","revealing","exit","pointerEvents","transitionProperty","BottomSheetBackdrop","_ref2","zIndex","_useBottomSheetContex","useBottomSheetContext","close","_jsx","_objectSpread","metaAttribute","testID","onClick","opacity","position","left","top","bottom","right","backgroundColor"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,yBAAyB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAsB,CAAA,CAAA,UAAAC,IAAA,EAAuB;AAAA,EAAA,IAApBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM,CAAA;EACrF,OAAO;AACLC,IAAAA,kBAAkB,EAAAC,EAAAA,CAAAA,MAAA,CAAKC,cAAc,CAACJ,KAAK,CAACK,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAE;IACvEC,wBAAwB,EAAEP,MAAM,GAC5BQ,WAAW,CAACT,KAAK,CAACK,MAAM,CAACK,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,GACnDH,WAAW,CAACT,KAAK,CAACK,MAAM,CAACK,MAAM,CAACG,IAAI,CAACD,SAAS,CAAC;AACnDE,IAAAA,aAAa,EAAEb,MAAM,GAAG,KAAK,GAAG,MAAM;AACtCc,IAAAA,kBAAkB,EAAE,SAAA;GACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAA2D;AAAA,EAAA,IAArDC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACnC,EAAA,IAAAC,qBAAA,GAA0BC,qBAAqB,EAAE;IAAzCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEpB,MAAM,GAAAkB,qBAAA,CAANlB,MAAM,CAAA;EAErB,oBACEqB,GAAA,CAAC7B,yBAAyB,EAAA8B,aAAA,CAAAA,aAAA,CACpBC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAE,sBAAA;AAAuB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACrDC,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACbL,MAAAA,KAAK,EAAE,CAAA;KACP;AACFpB,IAAAA,MAAM,EAAEA,MAAO;AACf0B,IAAAA,OAAO,EAAE1B,MAAM,GAAG,CAAC,GAAG,CAAE;AACxB2B,IAAAA,QAAQ,EAAC,OAAO;AAChBC,IAAAA,IAAI,EAAC,WAAW;AAChBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,MAAM,EAAC,WAAW;AAClBC,IAAAA,KAAK,EAAC,WAAW;AACjBd,IAAAA,MAAM,EAAEA,MAAO;AACfe,IAAAA,eAAe,EAAC,2BAAA;AAA2B,GAAA,CAC5C,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/BottomSheet/BottomSheetCommon.js

@@ -6,11 +6,9 @@ import '../Button/IconButton/index.js';
 import '../Icons/index.js';
 import '../../utils/index.js';
 import '../../tokens/global/index.js';
-import '../BladeProvider/index.js';
 import '../../utils/makeSpace/index.js';
 import '../../utils/makeSize/index.js';
 import { jsx } from 'react/jsx-runtime';
-import useTheme from '../BladeProvider/useTheme.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
@@ -33,8 +31,6 @@ var BottomSheetEmptyHeader = /*#__PURE__*/React__default.forwardRef(function (_r
   var _useBottomSheetContex = useBottomSheetContext(),
     close = _useBottomSheetContex.close,
     isHeaderFloating = _useBottomSheetContex.isHeaderFloating;
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
   var webOnlyEventHandlers = isReactNative() ? {} : {
     onClickCapture: onClickCapture,
     onKeyDown: onKeyDown,
@@ -74,7 +70,7 @@ var BottomSheetEmptyHeader = /*#__PURE__*/React__default.forwardRef(function (_r
       width: makeSize(size[28]),
       height: makeSize(size[28]),
       flexShrink: 0,
-      backgroundColor: theme.colors.surface.background.level2.lowContrast,
+      backgroundColor: "popup.background.subtle",
       borderRadius: "max",
       zIndex: 100,
       children: /*#__PURE__*/jsx(IconButton, {

package/build/lib/web/development/components/BottomSheet/BottomSheetCommon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetCommon.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetCommon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { size } from '~tokens/global';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\ntype BottomSheetEmptyHeaderProps = Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n>;\n\nconst BottomSheetEmptyHeader = React.forwardRef<BladeElementRef, BottomSheetEmptyHeaderProps>(\n  (\n    {\n      onClickCapture,\n      onKeyDown,\n      onKeyUp,\n      onLostPointerCapture,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n    },\n    ref,\n  ) => {\n    const { close, isHeaderFloating } = useBottomSheetContext();\n    const { theme } = useTheme();\n    const webOnlyEventHandlers: Record<string, any> = isReactNative()\n      ? {}\n      : {\n          onClickCapture,\n          onKeyDown,\n          onKeyUp,\n          onLostPointerCapture,\n          onPointerCancel,\n          onPointerDown,\n          onPointerMove,\n          onPointerUp,\n        };\n\n    let topOffset: 'spacing.5' | 'spacing.0' | undefined = isHeaderFloating\n      ? 'spacing.5'\n      : undefined;\n    if (isReactNative()) {\n      topOffset = 'spacing.0';\n    }\n\n    return (\n      <BaseBox\n        position={isHeaderFloating ? 'absolute' : 'relative'}\n        // bottomsheet empty header suppose to be 28px in height\n        // the grab handle height is 20px & here we are adding 8px\n        // total = 28px\n        height={makeSize(size[8])}\n        touchAction=\"none\"\n        top={topOffset}\n        right=\"spacing.0\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          position=\"absolute\"\n          // the bottomsheet handle has a height of 16px + 4px padding\n          // we need to make put the close button at 16px from top so adjusting the 4px\n          // cannot use position=fixed because RN won't support it\n          top={isHeaderFloating ? 'spacing.0' : makeSpace(-size[4])}\n          right=\"spacing.5\"\n          width={makeSize(size[28])}\n          height={makeSize(size[28])}\n          flexShrink={0}\n          backgroundColor={theme.colors.surface.background.level2.lowContrast}\n          borderRadius=\"max\"\n          zIndex={100}\n        >\n          <IconButton\n            ref={ref}\n            size=\"large\"\n            icon={CloseIcon}\n            accessibilityLabel=\"Close\"\n            onClick={close}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nexport { BottomSheetEmptyHeader };\n"],"names":["BottomSheetEmptyHeader","React","forwardRef","_ref","ref","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","_useBottomSheetContex","useBottomSheetContext","close","isHeaderFloating","_useTheme","useTheme","theme","webOnlyEventHandlers","isReactNative","topOffset","undefined","_jsx","BaseBox","_objectSpread","position","height","makeSize","size","touchAction","top","right","children","display","alignItems","justifyContent","makeSpace","width","flexShrink","backgroundColor","colors","surface","background","level2","lowContrast","borderRadius","zIndex","IconButton","icon","CloseIcon","accessibilityLabel","onClick"],"mappings":"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"}
+{"version":3,"file":"BottomSheetCommon.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetCommon.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\ntype BottomSheetEmptyHeaderProps = Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n>;\n\nconst BottomSheetEmptyHeader = React.forwardRef<BladeElementRef, BottomSheetEmptyHeaderProps>(\n  (\n    {\n      onClickCapture,\n      onKeyDown,\n      onKeyUp,\n      onLostPointerCapture,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n    },\n    ref,\n  ) => {\n    const { close, isHeaderFloating } = useBottomSheetContext();\n    const webOnlyEventHandlers: Record<string, any> = isReactNative()\n      ? {}\n      : {\n          onClickCapture,\n          onKeyDown,\n          onKeyUp,\n          onLostPointerCapture,\n          onPointerCancel,\n          onPointerDown,\n          onPointerMove,\n          onPointerUp,\n        };\n\n    let topOffset: 'spacing.5' | 'spacing.0' | undefined = isHeaderFloating\n      ? 'spacing.5'\n      : undefined;\n    if (isReactNative()) {\n      topOffset = 'spacing.0';\n    }\n\n    return (\n      <BaseBox\n        position={isHeaderFloating ? 'absolute' : 'relative'}\n        // bottomsheet empty header suppose to be 28px in height\n        // the grab handle height is 20px & here we are adding 8px\n        // total = 28px\n        height={makeSize(size[8])}\n        touchAction=\"none\"\n        top={topOffset}\n        right=\"spacing.0\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          position=\"absolute\"\n          // the bottomsheet handle has a height of 16px + 4px padding\n          // we need to make put the close button at 16px from top so adjusting the 4px\n          // cannot use position=fixed because RN won't support it\n          top={isHeaderFloating ? 'spacing.0' : makeSpace(-size[4])}\n          right=\"spacing.5\"\n          width={makeSize(size[28])}\n          height={makeSize(size[28])}\n          flexShrink={0}\n          backgroundColor=\"popup.background.subtle\"\n          borderRadius=\"max\"\n          zIndex={100}\n        >\n          <IconButton\n            ref={ref}\n            size=\"large\"\n            icon={CloseIcon}\n            accessibilityLabel=\"Close\"\n            onClick={close}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  },\n);\n\nexport { BottomSheetEmptyHeader };\n"],"names":["BottomSheetEmptyHeader","React","forwardRef","_ref","ref","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","_useBottomSheetContex","useBottomSheetContext","close","isHeaderFloating","webOnlyEventHandlers","isReactNative","topOffset","undefined","_jsx","BaseBox","_objectSpread","position","height","makeSize","size","touchAction","top","right","children","display","alignItems","justifyContent","makeSpace","width","flexShrink","backgroundColor","borderRadius","zIndex","IconButton","icon","CloseIcon","accessibilityLabel","onClick"],"mappings":"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"}

package/build/lib/web/development/components/BottomSheet/BottomSheetFooter.web.js

@@ -4,10 +4,8 @@ import { useBottomSheetContext } from './BottomSheetContext.js';
 import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/BaseBox/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
-import '../BladeProvider/index.js';
 import '../../utils/metaAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
-import useTheme from '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -16,8 +14,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 var BottomSheetFooter = function BottomSheetFooter(_ref) {
   var children = _ref.children;
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
   var _useBottomSheetContex = useBottomSheetContext(),
     setFooterHeight = _useBottomSheetContex.setFooterHeight,
     isOpen = _useBottomSheetContex.isOpen,
@@ -37,7 +33,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
     width: "100%",
     flexShrink: 0,
     marginTop: "auto",
-    backgroundColor: theme.colors.surface.background.level2.lowContrast,
+    backgroundColor: "popup.background.subtle",
     touchAction: "none",
     zIndex: 2
   }, metaAttribute({

package/build/lib/web/development/components/BottomSheet/BottomSheetFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst BottomSheetFooter = ({ children }: BaseFooterProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor={theme.colors.surface.background.level2.lowContrast}\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","_useTheme","useTheme","theme","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","colors","surface","background","level2","lowContrast","touchAction","zIndex","metaAttribute","name","MetaConstants","BaseFooter"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA0D;AAAA,EAAA,IAApDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AACnC,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;IAChBC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,MAAM,CAACC,WAAY;AACpEC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACpC,iBAAAA;GAAmB,CAAC,GACxDU,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,EAAI,CAAA,EAAA,EAAA,EAAA;IAAAR,QAAA,eAEZkB,GAAA,CAACiB,UAAU,EAAA;AAAAnC,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst BottomSheetFooter = ({ children }: BaseFooterProps): React.ReactElement => {\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor=\"popup.background.subtle\"\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","touchAction","zIndex","metaAttribute","name","MetaConstants","BaseFooter"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA0D;AAAA,EAAA,IAApDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AACnC,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC5B,iBAAAA;GAAmB,CAAC,GACxDO,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,EAAI,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,eAEZe,GAAA,CAACY,UAAU,EAAA;AAAA3B,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/BottomSheet/getBottomSheetGrabHandleStyles.js

@@ -17,7 +17,7 @@ var getHandlePartStyles = function getHandlePartStyles(_ref) {
     content: "''",
     width: makeSize(size[56]),
     height: makeSize(size[4]),
-    backgroundColor: theme.colors.brand.gray.a100.lowContrast,
+    backgroundColor: theme.colors.interactive.background.gray.faded,
     // TODO: we do not have 16px radius token
     borderRadius: makeSpace(theme.spacing[5])
   };

package/build/lib/web/development/components/BottomSheet/getBottomSheetGrabHandleStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBottomSheetGrabHandleStyles.js","sources":["../../../../../../src/components/BottomSheet/getBottomSheetGrabHandleStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size } from '~tokens/global';\n\nconst getHandlePartStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    margin: 'auto',\n    content: \"''\",\n    width: makeSize(size[56]),\n    height: makeSize(size[4]),\n    backgroundColor: theme.colors.brand.gray.a100.lowContrast,\n    // TODO: we do not have 16px radius token\n    borderRadius: makeSpace(theme.spacing[5]),\n  };\n};\nconst getBottomSheetGrabHandleStyles = ({\n  theme,\n  isHeaderFloating,\n}: {\n  theme: Theme;\n  isHeaderFloating?: boolean;\n}): CSSObject => {\n  return {\n    position: isHeaderFloating ? 'absolute' : 'relative',\n    flexShrink: 0,\n    paddingTop: makeSpace(theme.spacing[4]),\n    marginBottom: makeSpace(theme.spacing[2]),\n    touchAction: 'none',\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 100,\n    ...(isReactNative() ? undefined : { ':after': getHandlePartStyles({ theme }) }),\n  };\n};\n\nexport { getBottomSheetGrabHandleStyles, getHandlePartStyles };\n"],"names":["getHandlePartStyles","_ref","theme","margin","content","width","makeSize","size","height","backgroundColor","colors","brand","gray","a100","lowContrast","borderRadius","makeSpace","spacing","getBottomSheetGrabHandleStyles","_ref2","isHeaderFloating","_objectSpread","position","flexShrink","paddingTop","marginBottom","touchAction","display","flexDirection","alignItems","justifyContent","zIndex","isReactNative","undefined"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA+C;AAAA,EAAA,IAAzCC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAClC,OAAO;AACLC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzBC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzBE,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACC,WAAW;AACzD;IACAC,YAAY,EAAEC,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAA;GACzC,CAAA;AACH,EAAC;AACD,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAAC,KAAA,EAMnB;AAAA,EAAA,IALfjB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACLkB,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB,CAAA;AAKhB,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAEF,gBAAgB,GAAG,UAAU,GAAG,UAAU;AACpDG,IAAAA,UAAU,EAAE,CAAC;IACbC,UAAU,EAAER,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;IACvCQ,YAAY,EAAET,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;AACzCS,IAAAA,WAAW,EAAE,MAAM;AACnBrB,IAAAA,KAAK,EAAE,MAAM;AACbsB,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,MAAM,EAAE,GAAA;AAAG,GAAA,EACPC,aAAa,EAAE,GAAGC,SAAS,GAAG;IAAE,QAAQ,EAAEjC,mBAAmB,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAAA;KAAO,CAAA;GAAG,CAAA,CAAA;AAElF;;;;"}
+{"version":3,"file":"getBottomSheetGrabHandleStyles.js","sources":["../../../../../../src/components/BottomSheet/getBottomSheetGrabHandleStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size } from '~tokens/global';\n\nconst getHandlePartStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    margin: 'auto',\n    content: \"''\",\n    width: makeSize(size[56]),\n    height: makeSize(size[4]),\n    backgroundColor: theme.colors.interactive.background.gray.faded,\n    // TODO: we do not have 16px radius token\n    borderRadius: makeSpace(theme.spacing[5]),\n  };\n};\nconst getBottomSheetGrabHandleStyles = ({\n  theme,\n  isHeaderFloating,\n}: {\n  theme: Theme;\n  isHeaderFloating?: boolean;\n}): CSSObject => {\n  return {\n    position: isHeaderFloating ? 'absolute' : 'relative',\n    flexShrink: 0,\n    paddingTop: makeSpace(theme.spacing[4]),\n    marginBottom: makeSpace(theme.spacing[2]),\n    touchAction: 'none',\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 100,\n    ...(isReactNative() ? undefined : { ':after': getHandlePartStyles({ theme }) }),\n  };\n};\n\nexport { getBottomSheetGrabHandleStyles, getHandlePartStyles };\n"],"names":["getHandlePartStyles","_ref","theme","margin","content","width","makeSize","size","height","backgroundColor","colors","interactive","background","gray","faded","borderRadius","makeSpace","spacing","getBottomSheetGrabHandleStyles","_ref2","isHeaderFloating","_objectSpread","position","flexShrink","paddingTop","marginBottom","touchAction","display","flexDirection","alignItems","justifyContent","zIndex","isReactNative","undefined"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA+C;AAAA,EAAA,IAAzCC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAClC,OAAO;AACLC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzBC,IAAAA,MAAM,EAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzBE,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAK;AAC/D;IACAC,YAAY,EAAEC,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAA;GACzC,CAAA;AACH,EAAC;AACD,IAAMC,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAAC,KAAA,EAMnB;AAAA,EAAA,IALfjB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACLkB,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB,CAAA;AAKhB,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAEF,gBAAgB,GAAG,UAAU,GAAG,UAAU;AACpDG,IAAAA,UAAU,EAAE,CAAC;IACbC,UAAU,EAAER,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;IACvCQ,YAAY,EAAET,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC;AACzCS,IAAAA,WAAW,EAAE,MAAM;AACnBrB,IAAAA,KAAK,EAAE,MAAM;AACbsB,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,MAAM,EAAE,GAAA;AAAG,GAAA,EACPC,aAAa,EAAE,GAAGC,SAAS,GAAG;IAAE,QAAQ,EAAEjC,mBAAmB,CAAC;AAAEE,MAAAA,KAAK,EAALA,KAAAA;KAAO,CAAA;GAAG,CAAA,CAAA;AAElF;;;;"}

package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js

@@ -17,6 +17,9 @@ import { getMediaQuery } from '../../../utils/getMediaQuery/getMediaQuery.js';
 var _excluded = ["base"];
 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; }
+var isSpacingToken = function isSpacingToken(value) {
+  return typeof value === 'string' && value.startsWith('spacing.');
+};
 var getSpacingValue = function getSpacingValue(spacingValue, theme, breakpoint) {
   if (isEmpty(spacingValue)) {
     return undefined;
@@ -33,7 +36,7 @@ var getSpacingValue = function getSpacingValue(spacingValue, theme, breakpoint)
       return getSpacingValue(value, theme);
     }).join(' ');
   }
-  if (typeof responsiveSpacingValue === 'string' && responsiveSpacingValue.startsWith('spacing.')) {
+  if (isSpacingToken(responsiveSpacingValue)) {
     var spacingReturnValue = getIn(theme, responsiveSpacingValue);
     return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue) : undefined;
   }
@@ -43,20 +46,28 @@ var getSpacingValue = function getSpacingValue(spacingValue, theme, breakpoint)
 };
 var getColorValue = function getColorValue(color, theme, breakpoint) {
   var responsiveBackgroundValue = getResponsiveValue(color, breakpoint);
+  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here
   var tokenValue = getIn(theme, "colors.".concat(responsiveBackgroundValue));
   return tokenValue !== null && tokenValue !== void 0 ? tokenValue : responsiveBackgroundValue;
 };
 var getBorderRadiusValue = function getBorderRadiusValue(borderRadius, theme, breakpoint) {
   var responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);
-  return isEmpty(responsiveBorderRadiusValue) ? undefined : makeBorderSize(getIn(theme, "border.radius.".concat(responsiveBorderRadiusValue)));
+  return isEmpty(responsiveBorderRadiusValue) ? undefined :
+  // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex
+  makeBorderSize(getIn(theme, "border.radius.".concat(responsiveBorderRadiusValue)));
 };
 var getBorderWidthValue = function getBorderWidthValue(borderWidth, theme, breakpoint) {
   var responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);
-  return isEmpty(responsiveBorderWidthValue) ? undefined : makeBorderSize(getIn(theme, "border.width.".concat(responsiveBorderWidthValue)));
+  return isEmpty(responsiveBorderWidthValue) ? undefined :
+  // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex
+  makeBorderSize(getIn(theme, "border.width.".concat(responsiveBorderWidthValue)));
 };
 var getElevationValue = function getElevationValue(elevation, theme, breakpoint) {
   var responsiveElevationValue = getResponsiveValue(elevation, breakpoint);
-  return isEmpty(responsiveElevationValue) ? undefined : getIn(theme, "elevation.".concat(responsiveElevationValue));
+  return isEmpty(responsiveElevationValue) ? undefined :
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+  // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex
+  getIn(theme, "elevation.".concat(responsiveElevationValue));
 };
 var getAllProps = function getAllProps(props, breakpoint) {
   var _props$paddingTop, _props$paddingBottom, _props$paddingRight, _props$paddingLeft, _props$marginBottom, _props$marginTop, _props$marginRight, _props$marginLeft;