@razorpay/blade 12.67.0 → 12.89.0

package/build/lib/native/components/Tooltip/TooltipContent.js

@@ -8,13 +8,13 @@ import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
+import '../BladeProvider/useTheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var TooltipContent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,title=_ref.title,arrow=_ref.arrow,side=_ref.side,style=_ref.style,isVisible=_ref.isVisible;return jsxs(TooltipContentWrapper,{position:isReactNative()?'absolute':'relative',paddingTop:"spacing.3",paddingBottom:"spacing.3",paddingLeft:"spacing.4",paddingRight:"spacing.4",maxWidth:makeSize(size[200]),ref:ref,styles:style,side:side,isVisible:isVisible,children:[title?jsx(Text,{weight:"semibold",size:"medium",color:"surface.text.staticWhite.normal",children:title}):null,jsx(Text,{variant:"body",size:"small",weight:"regular",color:"surface.text.staticWhite.subtle",wordBreak:"break-word",children:children}),arrow]});});
+var TooltipContent=React__default.forwardRef(function(_ref,ref){var children=_ref.children,title=_ref.title,arrow=_ref.arrow,side=_ref.side,style=_ref.style,isVisible=_ref.isVisible,colorScheme=_ref.colorScheme;return jsxs(TooltipContentWrapper,{position:isReactNative()?'absolute':'relative',padding:"spacing.4",gap:"spacing.2",display:"flex",flexDirection:"column",maxWidth:makeSize(size[200]),ref:ref,styles:style,side:side,isVisible:isVisible,colorScheme:colorScheme,children:[title?jsx(Text,{weight:"semibold",size:"medium",color:"surface.text.staticWhite.normal",children:title}):null,jsx(Text,{variant:"body",size:"small",weight:"regular",color:"surface.text.staticWhite.subtle",wordBreak:"break-word",children:children}),arrow]});});
 
 export { TooltipContent };
 //# sourceMappingURL=TooltipContent.js.map

package/build/lib/native/components/Tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React from 'react';\nimport { TooltipContentWrapper } from './TooltipContentWrapper';\nimport type { TooltipContentProps } from './types';\nimport { Text } from '~components/Typography';\nimport { isReactNative, makeSize } from '~utils';\nimport { size } from '~tokens/global';\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ children, title, arrow, side, style, isVisible }, ref) => {\n    return (\n      <TooltipContentWrapper\n        position={isReactNative() ? 'absolute' : 'relative'}\n        paddingTop=\"spacing.3\"\n        paddingBottom=\"spacing.3\"\n        paddingLeft=\"spacing.4\"\n        paddingRight=\"spacing.4\"\n        maxWidth={makeSize(size[200])}\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n      >\n        {title ? (\n          <Text weight=\"semibold\" size=\"medium\" color=\"surface.text.staticWhite.normal\">\n            {title}\n          </Text>\n        ) : null}\n        <Text\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n          color=\"surface.text.staticWhite.subtle\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n        {arrow}\n      </TooltipContentWrapper>\n    );\n  },\n);\n\nexport { TooltipContent };\n"],"names":["TooltipContent","React","forwardRef","_ref","ref","children","title","arrow","side","style","isVisible","_jsxs","TooltipContentWrapper","position","isReactNative","paddingTop","paddingBottom","paddingLeft","paddingRight","maxWidth","makeSize","size","styles","_jsx","Text","weight","color","variant","wordBreak"],"mappings":";;;;;;;;;;;;;;;;AAOM,IAAAA,cAAc,CAAGC,cAAK,CAACC,UAAU,CACrC,SAAAC,IAAA,CAAqDC,GAAG,CAAK,CAAA,IAA1DC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAEC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CAAEC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAAEC,KAAK,CAAAN,IAAA,CAALM,KAAK,CAAEC,SAAS,CAAAP,IAAA,CAATO,SAAS,CAC/C,OACEC,IAAA,CAACC,qBAAqB,CACpBC,CAAAA,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAW,CACpDC,UAAU,CAAC,WAAW,CACtBC,aAAa,CAAC,WAAW,CACzBC,WAAW,CAAC,WAAW,CACvBC,YAAY,CAAC,WAAW,CACxBC,QAAQ,CAAEC,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,CAAE,CAC9BjB,GAAG,CAAEA,GAAa,CAClBkB,MAAM,CAAEb,KAAM,CACdD,IAAI,CAAEA,IAAK,CACXE,SAAS,CAAEA,SAAU,CAAAL,QAAA,CAEpBC,CAAAA,KAAK,CACJiB,GAAA,CAACC,IAAI,CAACC,CAAAA,MAAM,CAAC,UAAU,CAACJ,IAAI,CAAC,QAAQ,CAACK,KAAK,CAAC,iCAAiC,CAAArB,QAAA,CAC1EC,KAAK,CACF,CAAC,CACL,IAAI,CACRiB,GAAA,CAACC,IAAI,CAAA,CACHG,OAAO,CAAC,MAAM,CACdN,IAAI,CAAC,OAAO,CACZI,MAAM,CAAC,SAAS,CAChBC,KAAK,CAAC,iCAAiC,CACvCE,SAAS,CAAC,YAAY,CAAAvB,QAAA,CAErBA,QAAQ,CACL,CAAC,CACNE,KAAK,CACe,CAAA,CAAC,CAE5B,CACF;;;;"}
+{"version":3,"file":"TooltipContent.js","sources":["../../../../../src/components/Tooltip/TooltipContent.tsx"],"sourcesContent":["import React from 'react';\nimport { TooltipContentWrapper } from './TooltipContentWrapper';\nimport type { TooltipContentProps } from './types';\nimport { Text } from '~components/Typography';\nimport { isReactNative, makeSize } from '~utils';\nimport { size } from '~tokens/global';\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ children, title, arrow, side, style, isVisible, colorScheme }, ref) => {\n    return (\n      <TooltipContentWrapper\n        position={isReactNative() ? 'absolute' : 'relative'}\n        padding=\"spacing.4\"\n        gap=\"spacing.2\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        maxWidth={makeSize(size[200])}\n        ref={ref as never}\n        styles={style}\n        side={side}\n        isVisible={isVisible}\n        colorScheme={colorScheme}\n      >\n        {title ? (\n          <Text weight=\"semibold\" size=\"medium\" color=\"surface.text.staticWhite.normal\">\n            {title}\n          </Text>\n        ) : null}\n        <Text\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n          color=\"surface.text.staticWhite.subtle\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n        {arrow}\n      </TooltipContentWrapper>\n    );\n  },\n);\n\nexport { TooltipContent };\n"],"names":["TooltipContent","React","forwardRef","_ref","ref","children","title","arrow","side","style","isVisible","colorScheme","_jsxs","TooltipContentWrapper","position","isReactNative","padding","gap","display","flexDirection","maxWidth","makeSize","size","styles","_jsx","Text","weight","color","variant","wordBreak"],"mappings":";;;;;;;;;;;;;;;;AAOM,IAAAA,cAAc,CAAGC,cAAK,CAACC,UAAU,CACrC,SAAAC,IAAA,CAAkEC,GAAG,CAAK,CAAvE,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAEC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CAAEC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAAEC,KAAK,CAAAN,IAAA,CAALM,KAAK,CAAEC,SAAS,CAAAP,IAAA,CAATO,SAAS,CAAEC,WAAW,CAAAR,IAAA,CAAXQ,WAAW,CAC5D,OACEC,IAAA,CAACC,qBAAqB,CACpBC,CAAAA,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAW,CACpDC,OAAO,CAAC,WAAW,CACnBC,GAAG,CAAC,WAAW,CACfC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,QAAQ,CACtBC,QAAQ,CAAEC,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,CAAE,CAC9BlB,GAAG,CAAEA,GAAa,CAClBmB,MAAM,CAAEd,KAAM,CACdD,IAAI,CAAEA,IAAK,CACXE,SAAS,CAAEA,SAAU,CACrBC,WAAW,CAAEA,WAAY,CAAAN,QAAA,CAAA,CAExBC,KAAK,CACJkB,GAAA,CAACC,IAAI,CAACC,CAAAA,MAAM,CAAC,UAAU,CAACJ,IAAI,CAAC,QAAQ,CAACK,KAAK,CAAC,iCAAiC,CAAAtB,QAAA,CAC1EC,KAAK,CACF,CAAC,CACL,IAAI,CACRkB,GAAA,CAACC,IAAI,CACHG,CAAAA,OAAO,CAAC,MAAM,CACdN,IAAI,CAAC,OAAO,CACZI,MAAM,CAAC,SAAS,CAChBC,KAAK,CAAC,iCAAiC,CACvCE,SAAS,CAAC,YAAY,CAAAxB,QAAA,CAErBA,QAAQ,CACL,CAAC,CACNE,KAAK,CACe,CAAA,CAAC,CAE5B,CACF;;;;"}

package/build/lib/native/components/Tooltip/TooltipContentWrapper.native.js

@@ -11,13 +11,13 @@ import useTheme from '../BladeProvider/useTheme.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import { castNativeType } from '../../utils/platform/castUtils.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
 import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
+import '../BottomSheet/BottomSheetStack.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","styles","side","isVisible"];var StyledTooltipContentWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,styles=_ref.styles;return getTooltipContentWrapperStyles({theme:theme,styles:styles});});var TooltipContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance;var duration=theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withDelay(duration,withTiming(isVisible?1:0,timings));translate.value=withDelay(duration,withTiming(isVisible?0:offset,timings));},[isVisible]);var animatedStyles=useAnimatedStyle(function(){var transform=isHorizontal?'translateX':'translateY';return {opacity:opacity.value,transform:[_defineProperty({},transform,translate.value)]};},[isVisible]);return jsx(Animated.View,{style:animatedStyles,children:jsx(StyledTooltipContentWrapper,Object.assign({styles:styles,style:castNativeType(theme.elevation.lowRaised),elevation:20,ref:ref,collapse:false},props,{children:children}))});});
+var _excluded=["children","styles","side","isVisible"];var StyledTooltipContentWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,styles=_ref.styles,_ref$colorScheme=_ref.colorScheme,colorScheme=_ref$colorScheme===void 0?'light':_ref$colorScheme;return getTooltipContentWrapperStyles({theme:theme,styles:styles,colorScheme:colorScheme});});var TooltipContentWrapper=React__default.forwardRef(function(_ref2,ref){var children=_ref2.children,styles=_ref2.styles,side=_ref2.side,isVisible=_ref2.isVisible,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var isOppositeAxis=side==='right'||side==='bottom';var isHorizontal=side==='left'||side==='right';var offset=isOppositeAxis?-size[4]:size[4];var translate=useSharedValue(offset);var opacity=useSharedValue(0);var easing=theme.motion.easing.entrance;var duration=theme.motion.duration.quick;React__default.useEffect(function(){var timings={easing:easing,duration:duration};opacity.value=withDelay(duration,withTiming(isVisible?1:0,timings));translate.value=withDelay(duration,withTiming(isVisible?0:offset,timings));},[isVisible]);var animatedStyles=useAnimatedStyle(function(){var transform=isHorizontal?'translateX':'translateY';return {opacity:opacity.value,transform:[_defineProperty({},transform,translate.value)]};},[isVisible]);return jsx(Animated.View,{style:animatedStyles,children:jsx(StyledTooltipContentWrapper,Object.assign({styles:styles,style:castNativeType(theme.elevation.lowRaised),elevation:20,ref:ref,collapse:false},props,{children:children}))});});
 
 export { TooltipContentWrapper };
 //# sourceMappingURL=TooltipContentWrapper.native.js.map

package/build/lib/native/components/Tooltip/TooltipContentWrapper.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContentWrapper.native.js","sources":["../../../../../src/components/Tooltip/TooltipContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getTooltipContentWrapperStyles } from './getTooltipContentWrapperStyles';\nimport type { TooltipContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst StyledTooltipContentWrapper = styled(BaseBox)<{ collapse?: boolean; styles: CSSProperties }>(\n  ({ theme, styles }) => {\n    return getTooltipContentWrapperStyles({ theme, styles });\n  },\n);\n\nconst TooltipContentWrapper = React.forwardRef<View, TooltipContentWrapperProps>(\n  ({ children, styles, side, isVisible, ...props }, ref) => {\n    const { theme } = useTheme();\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledTooltipContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in TooltipContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledTooltipContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { TooltipContentWrapper };\n"],"names":["StyledTooltipContentWrapper","styled","BaseBox","_ref","theme","styles","getTooltipContentWrapperStyles","TooltipContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":";;;;;;;;;;;;;;;;;;;uDAoBA,IAAMA,2BAA2B,CAAGC,MAAM,CAACC,OAAO,CAAC,CACjD,SAAAC,IAAA,CAAuB,CAApB,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACd,OAAOC,8BAA8B,CAAC,CAAEF,KAAK,CAALA,KAAK,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC1D,CACF,CAAC,CAEK,IAAAE,qBAAqB,CAAGC,cAAK,CAACC,UAAU,CAC5C,SAAAC,KAAA,CAAkDC,GAAG,CAAK,CAAA,IAAvDC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAEP,MAAM,CAAAK,KAAA,CAANL,MAAM,CAAEQ,IAAI,CAAAH,KAAA,CAAJG,IAAI,CAAEC,SAAS,CAAAJ,KAAA,CAATI,SAAS,CAAKC,KAAK,CAAAC,wBAAA,CAAAN,KAAA,CAAAO,SAAA,CAAA,CAC5C,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBf,KAAK,CAAAc,SAAA,CAALd,KAAK,CAEb,IAAMgB,cAAc,CAAGP,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAC5D,IAAMQ,YAAY,CAAGR,IAAI,GAAK,MAAM,EAAIA,IAAI,GAAK,OAAO,CACxD,IAAMS,MAAM,CAAGF,cAAc,CAAG,CAACG,IAAI,CAAC,CAAC,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAElD,IAAMC,SAAS,CAAGC,cAAc,CAACH,MAAM,CAAC,CACxC,IAAMI,OAAO,CAAGD,cAAc,CAAC,CAAC,CAAC,CAEjC,IAAME,MAAM,CAAIvB,KAAK,CAACwB,MAAM,CAACD,MAAM,CAACE,QAAgC,CACpE,IAAMC,QAAQ,CAAG1B,KAAK,CAACwB,MAAM,CAACE,QAAQ,CAACC,KAAK,CAE5CvB,cAAK,CAACwB,SAAS,CAAC,UAAM,CACpB,IAAMC,OAAO,CAAG,CAAEN,MAAM,CAANA,MAAM,CAAEG,QAAQ,CAARA,QAAS,CAAC,CACpCJ,OAAO,CAACQ,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACtB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAEmB,OAAO,CAAC,CAAC,CAC3ET,SAAS,CAACU,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACtB,SAAS,CAAG,CAAC,CAAGQ,MAAM,CAAEW,OAAO,CAAC,CAAC,CAEpF,CAAC,CAAE,CAACnB,SAAS,CAAC,CAAC,CAGf,IAAMuB,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,IAAMC,SAAS,CAAGlB,YAAY,CAAG,YAAY,CAAG,YAAY,CAC5D,OAAO,CACLK,OAAO,CAAEA,OAAO,CAACQ,KAAK,CACtBK,SAAS,CAAE,CAAAC,eAAA,CAAA,EAAA,CAAID,SAAS,CAAGf,SAAS,CAACU,KAAK,EAC5C,CAAC,CACH,CAAC,CAAE,CAACpB,SAAS,CAAC,CAAC,CAEf,OACE2B,GAAA,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEP,cAAe,CAAAzB,QAAA,CACnC6B,GAAA,CAACzC,2BAA2B,CAAA6C,MAAA,CAAAC,MAAA,CAAA,CAC1BzC,MAAM,CAAEA,MAAO,CAGfuC,KAAK,CAAEG,cAAc,CAAC3C,KAAK,CAAC4C,SAAS,CAACC,SAAS,CAAE,CACjDD,SAAS,CAAE,EAAG,CACdrC,GAAG,CAAEA,GAAa,CAClBuC,QAAQ,CAAE,KAAM,CAGXnC,CAAAA,KAAK,CAAAH,CAAAA,QAAA,CAETA,QAAQ,CAAA,CACkB,CAAC,CACjB,CAAC,CAEpB,CACF;;;;"}
+{"version":3,"file":"TooltipContentWrapper.native.js","sources":["../../../../../src/components/Tooltip/TooltipContentWrapper.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSProperties } from 'react';\nimport styled from 'styled-components/native';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { View } from 'react-native';\nimport { getTooltipContentWrapperStyles } from './getTooltipContentWrapperStyles';\nimport type { TooltipContentWrapperProps } from './types';\nimport type { ColorSchemeNames } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { castNativeType } from '~utils';\n\nconst StyledTooltipContentWrapper = styled(BaseBox)<{\n  collapse?: boolean;\n  styles: CSSProperties;\n  colorScheme?: ColorSchemeNames;\n}>(({ theme, styles, colorScheme = 'light' }) => {\n  return getTooltipContentWrapperStyles({ theme, styles, colorScheme });\n});\n\nconst TooltipContentWrapper = React.forwardRef<View, TooltipContentWrapperProps>(\n  ({ children, styles, side, isVisible, ...props }, ref) => {\n    const { theme } = useTheme();\n\n    const isOppositeAxis = side === 'right' || side === 'bottom';\n    const isHorizontal = side === 'left' || side === 'right';\n    const offset = isOppositeAxis ? -size[4] : size[4];\n\n    const translate = useSharedValue(offset);\n    const opacity = useSharedValue(0);\n\n    const easing = (theme.motion.easing.entrance as unknown) as EasingFn;\n    const duration = theme.motion.duration.quick;\n\n    React.useEffect(() => {\n      const timings = { easing, duration };\n      opacity.value = withDelay(duration, withTiming(isVisible ? 1 : 0, timings));\n      translate.value = withDelay(duration, withTiming(isVisible ? 0 : offset, timings));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isVisible]);\n\n    // @ts-expect-error types aren't liking the dynamic object prop `[transform]`\n    const animatedStyles = useAnimatedStyle(() => {\n      const transform = isHorizontal ? 'translateX' : 'translateY';\n      return {\n        opacity: opacity.value,\n        transform: [{ [transform]: translate.value }],\n      };\n    }, [isVisible]);\n\n    return (\n      <Animated.View style={animatedStyles}>\n        <StyledTooltipContentWrapper\n          styles={styles}\n          // Shadow styles need to be passed directly through native style prop\n          // Cannot be done via styled components\n          style={castNativeType(theme.elevation.lowRaised)}\n          elevation={20}\n          ref={ref as never}\n          collapse={false}\n          // if I don't assert this TS throws error\n          // I think because of the intersection type in TooltipContentWrapperProps\n          {...(props as any)}\n        >\n          {children}\n        </StyledTooltipContentWrapper>\n      </Animated.View>\n    );\n  },\n);\n\nexport { TooltipContentWrapper };\n"],"names":["StyledTooltipContentWrapper","styled","BaseBox","_ref","theme","styles","_ref$colorScheme","colorScheme","getTooltipContentWrapperStyles","TooltipContentWrapper","React","forwardRef","_ref2","ref","children","side","isVisible","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","isOppositeAxis","isHorizontal","offset","size","translate","useSharedValue","opacity","easing","motion","entrance","duration","quick","useEffect","timings","value","withDelay","withTiming","animatedStyles","useAnimatedStyle","transform","_defineProperty","_jsx","Animated","View","style","Object","assign","castNativeType","elevation","lowRaised","collapse"],"mappings":";;;;;;;;;;;;;;;;;;;uDAqBA,IAAMA,2BAA2B,CAAGC,MAAM,CAACC,OAAO,CAAC,CAIhD,SAAAC,IAAA,CAA8C,CAA3C,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAAC,gBAAA,CAAAH,IAAA,CAAEI,WAAW,CAAXA,WAAW,CAAAD,gBAAA,UAAG,OAAO,CAAAA,gBAAA,CACxC,OAAOE,8BAA8B,CAAC,CAAEJ,KAAK,CAALA,KAAK,CAAEC,MAAM,CAANA,MAAM,CAAEE,WAAW,CAAXA,WAAY,CAAC,CAAC,CACvE,CAAC,CAAC,CAEI,IAAAE,qBAAqB,CAAGC,cAAK,CAACC,UAAU,CAC5C,SAAAC,KAAA,CAAkDC,GAAG,CAAK,CAAvD,IAAAC,QAAQ,CAAAF,KAAA,CAARE,QAAQ,CAAET,MAAM,CAAAO,KAAA,CAANP,MAAM,CAAEU,IAAI,CAAAH,KAAA,CAAJG,IAAI,CAAEC,SAAS,CAAAJ,KAAA,CAATI,SAAS,CAAKC,KAAK,CAAAC,wBAAA,CAAAN,KAAA,CAAAO,SAAA,CAAA,CAC5C,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBjB,KAAK,CAAAgB,SAAA,CAALhB,KAAK,CAEb,IAAMkB,cAAc,CAAGP,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAC5D,IAAMQ,YAAY,CAAGR,IAAI,GAAK,MAAM,EAAIA,IAAI,GAAK,OAAO,CACxD,IAAMS,MAAM,CAAGF,cAAc,CAAG,CAACG,IAAI,CAAC,CAAC,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAElD,IAAMC,SAAS,CAAGC,cAAc,CAACH,MAAM,CAAC,CACxC,IAAMI,OAAO,CAAGD,cAAc,CAAC,CAAC,CAAC,CAEjC,IAAME,MAAM,CAAIzB,KAAK,CAAC0B,MAAM,CAACD,MAAM,CAACE,QAAgC,CACpE,IAAMC,QAAQ,CAAG5B,KAAK,CAAC0B,MAAM,CAACE,QAAQ,CAACC,KAAK,CAE5CvB,cAAK,CAACwB,SAAS,CAAC,UAAM,CACpB,IAAMC,OAAO,CAAG,CAAEN,MAAM,CAANA,MAAM,CAAEG,QAAQ,CAARA,QAAS,CAAC,CACpCJ,OAAO,CAACQ,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACtB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAEmB,OAAO,CAAC,CAAC,CAC3ET,SAAS,CAACU,KAAK,CAAGC,SAAS,CAACL,QAAQ,CAAEM,UAAU,CAACtB,SAAS,CAAG,CAAC,CAAGQ,MAAM,CAAEW,OAAO,CAAC,CAAC,CAEpF,CAAC,CAAE,CAACnB,SAAS,CAAC,CAAC,CAGf,IAAMuB,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,IAAMC,SAAS,CAAGlB,YAAY,CAAG,YAAY,CAAG,YAAY,CAC5D,OAAO,CACLK,OAAO,CAAEA,OAAO,CAACQ,KAAK,CACtBK,SAAS,CAAE,CAAAC,eAAA,IAAID,SAAS,CAAGf,SAAS,CAACU,KAAK,EAC5C,CAAC,CACH,CAAC,CAAE,CAACpB,SAAS,CAAC,CAAC,CAEf,OACE2B,GAAA,CAACC,QAAQ,CAACC,IAAI,CAACC,CAAAA,KAAK,CAAEP,cAAe,CAAAzB,QAAA,CACnC6B,GAAA,CAAC3C,2BAA2B,CAAA+C,MAAA,CAAAC,MAAA,CAAA,CAC1B3C,MAAM,CAAEA,MAAO,CAGfyC,KAAK,CAAEG,cAAc,CAAC7C,KAAK,CAAC8C,SAAS,CAACC,SAAS,CAAE,CACjDD,SAAS,CAAE,EAAG,CACdrC,GAAG,CAAEA,GAAa,CAClBuC,QAAQ,CAAE,KAAM,CAAA,CAGXnC,KAAK,CAAA,CAAAH,QAAA,CAETA,QAAQ,CACkB,CAAA,CAAC,CACjB,CAAC,CAEpB,CACF;;;;"}

package/build/lib/native/components/Tooltip/constants.js

@@ -1,4 +1,4 @@
-var ARROW_WIDTH=14;var ARROW_HEIGHT=7;
+var ARROW_WIDTH=14;var ARROW_HEIGHT=8;
 
 export { ARROW_HEIGHT, ARROW_WIDTH };
 //# sourceMappingURL=constants.js.map

package/build/lib/native/components/Tooltip/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/Tooltip/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 7;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Tooltip/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 14;\nexport const ARROW_HEIGHT = 8;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAa,IAAAA,WAAW,CAAG,GACd,IAAAC,YAAY,CAAG;;;;"}

package/build/lib/native/components/Tooltip/getTooltipContentWrapperStyles.js

@@ -4,9 +4,11 @@ import 'react';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import '../BladeProvider/useTheme.js';
 
-var getTooltipContentWrapperStyles=function getTooltipContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles;return Object.assign({backgroundColor:theme.colors.popup.background.intense,borderWidth:makeBorderSize(theme.border.width.thin),borderRadius:makeBorderSize(theme.border.radius.medium),borderColor:theme.colors.popup.border.intense,borderStyle:'solid',boxShadow:isReactNative()?undefined:castWebType(theme.elevation.lowRaised)},styles);};
+var getTooltipContentWrapperStyles=function getTooltipContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,colorScheme=_ref.colorScheme;var isDarkMode=colorScheme==='dark';return Object.assign({backgroundColor:theme.colors.popup.background.gray.intense,borderRadius:makeBorderSize(theme.border.radius.medium)},isDarkMode&&{borderWidth:makeBorderSize(theme.border.width.thin),borderColor:theme.colors.popup.border.gray.intense,borderStyle:'solid'},{boxShadow:isReactNative()?undefined:castWebType(theme.elevation.lowRaised),backdropFilter:isReactNative()?undefined:`blur(${theme.backdropBlur.high}px)`},styles);};
 
 export { getTooltipContentWrapperStyles };
 //# sourceMappingURL=getTooltipContentWrapperStyles.js.map

package/build/lib/native/components/Tooltip/getTooltipContentWrapperStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTooltipContentWrapperStyles.js","sources":["../../../../../src/components/Tooltip/getTooltipContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeBorderSize, castWebType, isReactNative } from '~utils';\n\nconst getTooltipContentWrapperStyles = ({\n  theme,\n  styles,\n}: {\n  theme: Theme;\n  styles: React.CSSProperties;\n}): CSSObject => {\n  return {\n    backgroundColor: theme.colors.popup.background.intense,\n    borderWidth: makeBorderSize(theme.border.width.thin),\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    borderColor: theme.colors.popup.border.intense,\n    borderStyle: 'solid',\n    boxShadow: isReactNative() ? undefined : castWebType(theme.elevation.lowRaised),\n    ...styles,\n  };\n};\n\nexport { getTooltipContentWrapperStyles };\n"],"names":["getTooltipContentWrapperStyles","_ref","theme","styles","Object","assign","backgroundColor","colors","popup","background","intense","borderWidth","makeBorderSize","border","width","thin","borderRadius","radius","medium","borderColor","borderStyle","boxShadow","isReactNative","undefined","castWebType","elevation","lowRaised"],"mappings":";;;;;;;;AAKM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAMnB,CAAA,IALfC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAKN,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,eAAe,CAAEJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CACtDC,WAAW,CAAEC,cAAc,CAACV,KAAK,CAACW,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CACpDC,YAAY,CAAEJ,cAAc,CAACV,KAAK,CAACW,MAAM,CAACI,MAAM,CAACC,MAAM,CAAC,CACxDC,WAAW,CAAEjB,KAAK,CAACK,MAAM,CAACC,KAAK,CAACK,MAAM,CAACH,OAAO,CAC9CU,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAGC,WAAW,CAACtB,KAAK,CAACuB,SAAS,CAACC,SAAS,CAAC,CAC5EvB,CAAAA,MAAM,CAEb,CAAA;;;;"}
+{"version":3,"file":"getTooltipContentWrapperStyles.js","sources":["../../../../../src/components/Tooltip/getTooltipContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { makeBorderSize, castWebType, isReactNative } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme/theme';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getTooltipContentWrapperStyles = ({\n  theme,\n  styles,\n  colorScheme,\n}: {\n  theme: Theme;\n  styles: React.CSSProperties;\n  colorScheme: ColorSchemeNames;\n}): CSSObject => {\n  const isDarkMode = colorScheme === 'dark';\n\n  return {\n    backgroundColor: theme.colors.popup.background.gray.intense,\n    borderRadius: makeBorderSize(theme.border.radius.medium),\n    ...(isDarkMode && {\n      borderWidth: makeBorderSize(theme.border.width.thin),\n      borderColor: theme.colors.popup.border.gray.intense,\n      borderStyle: 'solid',\n    }),\n    boxShadow: isReactNative() ? undefined : castWebType(theme.elevation.lowRaised),\n    backdropFilter: isReactNative() ? undefined : `blur(${theme.backdropBlur.high}px)`,\n    ...styles,\n  };\n};\n\nexport { getTooltipContentWrapperStyles };\n"],"names":["getTooltipContentWrapperStyles","_ref","theme","styles","colorScheme","isDarkMode","Object","assign","backgroundColor","colors","popup","background","gray","intense","borderRadius","makeBorderSize","border","radius","medium","borderWidth","width","thin","borderColor","borderStyle","boxShadow","isReactNative","undefined","castWebType","elevation","lowRaised","backdropFilter","backdropBlur","high"],"mappings":";;;;;;;;;;AAMM,IAAAA,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,CAQnB,CAAA,IAPfC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CAMX,IAAMC,UAAU,CAAGD,WAAW,GAAK,MAAM,CAEzC,OAAAE,MAAA,CAAAC,MAAA,CACEC,CAAAA,eAAe,CAAEN,KAAK,CAACO,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,OAAO,CAC3DC,YAAY,CAAEC,cAAc,CAACb,KAAK,CAACc,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,CAAA,CACpDb,UAAU,EAAI,CAChBc,WAAW,CAAEJ,cAAc,CAACb,KAAK,CAACc,MAAM,CAACI,KAAK,CAACC,IAAI,CAAC,CACpDC,WAAW,CAAEpB,KAAK,CAACO,MAAM,CAACC,KAAK,CAACM,MAAM,CAACJ,IAAI,CAACC,OAAO,CACnDU,WAAW,CAAE,OACf,CAAC,CACDC,CAAAA,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAGC,WAAW,CAACzB,KAAK,CAAC0B,SAAS,CAACC,SAAS,CAAC,CAC/EC,cAAc,CAAEL,aAAa,EAAE,CAAGC,SAAS,CAAG,CAAQxB,KAAAA,EAAAA,KAAK,CAAC6B,YAAY,CAACC,IAAI,CAAA,GAAA,CAAK,EAC/E7B,MAAM,CAAA,CAEb;;;;"}

package/build/lib/native/components/TopNav/TopNavContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var TopNavContext=React__default.createContext(null);var useTopNavContext=function useTopNavContext(){return React__default.useContext(TopNavContext);};
+
+export { TopNavContext, useTopNavContext };
+//# sourceMappingURL=TopNavContext.js.map

package/build/lib/native/components/TopNav/TopNavContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavContext.js","sources":["../../../../../src/components/TopNav/TopNavContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { ColorSchemeNames } from '~tokens/theme';\n\ntype TopNavContextProps = {\n  colorScheme: ColorSchemeNames;\n};\n\nconst TopNavContext = React.createContext<TopNavContextProps | null>(null);\n\n/**\n * Returns the TopNav context if inside a TopNav, otherwise null.\n * Stores the original app colorScheme so that overlay components\n * (Menu, Popover, etc.) rendered inside TopNav can reset back to\n * the app's colorScheme instead of inheriting TopNav's dark theme.\n */\nconst useTopNavContext = (): TopNavContextProps | null => {\n  return React.useContext(TopNavContext);\n};\n\nexport type { TopNavContextProps };\nexport { TopNavContext, useTopNavContext };\n"],"names":["TopNavContext","React","createContext","useTopNavContext","useContext"],"mappings":";;AAOM,IAAAA,aAAa,CAAGC,cAAK,CAACC,aAAa,CAA4B,IAAI,EAQnE,IAAAC,gBAAgB,CAAG,SAAnBA,gBAAgBA,EAAoC,CACxD,OAAOF,cAAK,CAACG,UAAU,CAACJ,aAAa,CAAC,CACxC;;;;"}

package/build/lib/native/components/TopNav/TopNavOverlayThemeOverride.js

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { ThemeProvider } from 'styled-components/native';
+import { useTopNavContext } from './TopNavContext.js';
+import bladeTheme from '../../tokens/theme/bladeTheme.js';
+import 'ts-deepmerge';
+import '@babel/runtime/helpers/slicedToArray';
+import 'tinycolor2';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import { BladeProvider } from '../BladeProvider/BladeProvider.native.js';
+import useTheme, { ThemeContext } from '../BladeProvider/useTheme.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var TopNavOverlayThemeOverride=function TopNavOverlayThemeOverride(_ref){var children=_ref.children,shouldOverrideTheme=_ref.shouldOverrideTheme;var topNavContext=useTopNavContext();var _useTheme=useTheme(),platform=_useTheme.platform;var isDark=shouldOverrideTheme?(topNavContext==null?void 0:topNavContext.colorScheme)==='dark':true;var overrideTheme=React__default.useMemo(function(){return Object.assign({},bladeTheme,{colors:isDark?bladeTheme.colors.onDark:bladeTheme.colors.onLight,elevation:isDark?bladeTheme.elevation.onDark:bladeTheme.elevation.onLight,typography:bladeTheme.typography[platform]});},[isDark,platform]);if(!topNavContext){return jsx(Fragment,{children:children});}if(shouldOverrideTheme!==undefined){var noop=function noop(){};return jsx(ThemeContext.Provider,{value:{theme:overrideTheme,colorScheme:shouldOverrideTheme?topNavContext.colorScheme:'dark',setColorScheme:noop,platform:platform},children:jsx(ThemeProvider,{theme:overrideTheme,children:children})});}return jsx(BladeProvider,{themeTokens:bladeTheme,colorScheme:topNavContext.colorScheme,children:children});};
+
+export { TopNavOverlayThemeOverride };
+//# sourceMappingURL=TopNavOverlayThemeOverride.js.map

package/build/lib/native/components/TopNav/TopNavOverlayThemeOverride.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavOverlayThemeOverride.js","sources":["../../../../../src/components/TopNav/TopNavOverlayThemeOverride.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components';\nimport { useTopNavContext } from './TopNavContext';\nimport { bladeTheme } from '~tokens/theme';\nimport { BladeProvider, useTheme } from '~components/BladeProvider';\nimport type { Theme } from '~components/BladeProvider';\nimport { ThemeContext } from '~components/BladeProvider/useTheme';\n\ntype TopNavOverlayThemeOverrideProps = {\n  children: React.ReactNode;\n  /**\n   * When `true`, switches the theme to the app's original colorScheme\n   * (stored in TopNavContext) instead of TopNav's default dark theme.\n   *\n   * Used by SearchInput to toggle between dark (unfocused) and the\n   * original app theme (focused) while inside TopNav.\n   *\n   * @default false — stays in dark theme (TopNav's default)\n   */\n  shouldOverrideTheme?: boolean;\n};\n\n/**\n * Wraps children with the correct theme when rendered inside TopNav.\n *\n * TopNav forces a dark theme, but overlay/child components should render\n * in the app's original colorScheme. This wrapper centralises that logic.\n *\n * - Without `shouldOverrideTheme` (default): wraps with BladeProvider using\n *   the app's original colorScheme (for portalled overlays like Popover, Menu).\n * - With `shouldOverrideTheme={false}`: stays in TopNav's dark theme.\n * - With `shouldOverrideTheme={true}`: switches to the app's original colorScheme\n *   via ThemeContext + StyledThemeProvider (for inline theme switches like SearchInput).\n *\n * Outside TopNav this is a no-op passthrough.\n */\nconst TopNavOverlayThemeOverride = ({\n  children,\n  shouldOverrideTheme,\n}: TopNavOverlayThemeOverrideProps): React.ReactElement => {\n  const topNavContext = useTopNavContext();\n  const { platform } = useTheme();\n\n  const isDark = shouldOverrideTheme ? topNavContext?.colorScheme === 'dark' : true;\n  const overrideTheme: Theme = React.useMemo(\n    () => ({\n      ...bladeTheme,\n      colors: isDark ? bladeTheme.colors.onDark : bladeTheme.colors.onLight,\n      elevation: isDark ? bladeTheme.elevation.onDark : bladeTheme.elevation.onLight,\n      typography: bladeTheme.typography[platform],\n    }),\n    [isDark, platform],\n  );\n\n  if (!topNavContext) {\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    return <>{children}</>;\n  }\n\n  if (shouldOverrideTheme !== undefined) {\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    const noop = (): void => {};\n\n    return (\n      <ThemeContext.Provider\n        value={{\n          theme: overrideTheme,\n          colorScheme: shouldOverrideTheme ? topNavContext.colorScheme : 'dark',\n          setColorScheme: noop,\n          platform,\n        }}\n      >\n        <StyledThemeProvider theme={overrideTheme}>{children}</StyledThemeProvider>\n      </ThemeContext.Provider>\n    );\n  }\n\n  return (\n    <BladeProvider themeTokens={bladeTheme} colorScheme={topNavContext.colorScheme}>\n      {children}\n    </BladeProvider>\n  );\n};\n\nexport { TopNavOverlayThemeOverride };\n"],"names":["TopNavOverlayThemeOverride","_ref","children","shouldOverrideTheme","topNavContext","useTopNavContext","_useTheme","useTheme","platform","isDark","colorScheme","overrideTheme","React","useMemo","Object","assign","bladeTheme","colors","onDark","onLight","elevation","typography","_jsx","_Fragment","undefined","noop","ThemeContext","Provider","value","theme","setColorScheme","StyledThemeProvider","BladeProvider","themeTokens"],"mappings":";;;;;;;;;;;;;AAoCM,IAAAA,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,CAG2B,CAFzD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,mBAAmB,CAAAF,IAAA,CAAnBE,mBAAmB,CAEnB,IAAMC,aAAa,CAAGC,gBAAgB,EAAE,CACxC,IAAAC,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAEhB,IAAMC,MAAM,CAAGN,mBAAmB,CAAG,CAAAC,aAAa,EAAA,IAAA,CAAA,KAAA,CAAA,CAAbA,aAAa,CAAEM,WAAW,IAAK,MAAM,CAAG,IAAI,CACjF,IAAMC,aAAoB,CAAGC,cAAK,CAACC,OAAO,CACxC,UAAAC,CAAAA,OAAAA,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,UAAU,CACbC,CAAAA,MAAM,CAAER,MAAM,CAAGO,UAAU,CAACC,MAAM,CAACC,MAAM,CAAGF,UAAU,CAACC,MAAM,CAACE,OAAO,CACrEC,SAAS,CAAEX,MAAM,CAAGO,UAAU,CAACI,SAAS,CAACF,MAAM,CAAGF,UAAU,CAACI,SAAS,CAACD,OAAO,CAC9EE,UAAU,CAAEL,UAAU,CAACK,UAAU,CAACb,QAAQ,CAAC,IAC3C,CACF,CAACC,MAAM,CAAED,QAAQ,CACnB,CAAC,CAED,GAAI,CAACJ,aAAa,CAAE,CAElB,OAAOkB,GAAA,CAAAC,QAAA,CAAA,CAAArB,QAAA,CAAGA,QAAQ,CAAG,CAAC,CACxB,CAEA,GAAIC,mBAAmB,GAAKqB,SAAS,CAAE,CAErC,IAAMC,IAAI,CAAG,SAAPA,IAAIA,EAAe,EAAE,CAE3B,OACEH,GAAA,CAACI,YAAY,CAACC,QAAQ,EACpBC,KAAK,CAAE,CACLC,KAAK,CAAElB,aAAa,CACpBD,WAAW,CAAEP,mBAAmB,CAAGC,aAAa,CAACM,WAAW,CAAG,MAAM,CACrEoB,cAAc,CAAEL,IAAI,CACpBjB,QAAQ,CAARA,QACF,CAAE,CAAAN,QAAA,CAEFoB,GAAA,CAACS,aAAmB,CAAA,CAACF,KAAK,CAAElB,aAAc,CAAAT,QAAA,CAAEA,QAAQ,CAAsB,CAAC,CACtD,CAAC,CAE5B,CAEA,OACEoB,GAAA,CAACU,aAAa,CAAA,CAACC,WAAW,CAAEjB,UAAW,CAACN,WAAW,CAAEN,aAAa,CAACM,WAAY,CAAAR,QAAA,CAC5EA,QAAQ,CACI,CAAC,CAEpB;;;;"}

package/build/lib/native/components/Typography/BaseText/getBaseTextStyles.js

@@ -1,13 +1,17 @@
-import getIn from '../../../utils/lodashButBetter/get.js';
 import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
+import { DOTTED_UNDERLINE_STYLES } from './tokens.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
 import 'react-native';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
+import { logger } from '../../../utils/logger/logger.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import '../../../tokens/global/typography.js';
+import '../../../tokens/global/motion.js';
 import '../../BladeProvider/useTheme.js';
 import { makeLetterSpacing } from '../../../utils/makeLetterSpacing/makeLetterSpacing.js';
 
-var getBaseTextStyles=function getBaseTextStyles(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,_ref$fontFamily=_ref.fontFamily,fontFamily=_ref$fontFamily===void 0?'text':_ref$fontFamily,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?200:_ref$fontSize,_ref$fontWeight=_ref.fontWeight,fontWeight=_ref$fontWeight===void 0?'regular':_ref$fontWeight,_ref$fontStyle=_ref.fontStyle,fontStyle=_ref$fontStyle===void 0?'normal':_ref$fontStyle,_ref$textDecorationLi=_ref.textDecorationLine,textDecorationLine=_ref$textDecorationLi===void 0?'none':_ref$textDecorationLi,numberOfLines=_ref.numberOfLines,wordBreak=_ref.wordBreak,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?100:_ref$lineHeight,_ref$letterSpacing=_ref.letterSpacing,letterSpacing=_ref$letterSpacing===void 0?100:_ref$letterSpacing,textAlign=_ref.textAlign,opacity=_ref.opacity,theme=_ref.theme,textTransform=_ref.textTransform;var textColor=color==='currentColor'?'currentColor':getIn(theme.colors,color);var themeFontFamily=theme.typography.fonts.family[fontFamily];var themeFontSize=makeTypographySize(theme.typography.fonts.size[fontSize]);var themeFontWeight=theme.typography.fonts.weight[fontWeight];var themeLineHeight=makeTypographySize(theme.typography.lineHeights[lineHeight]);var themeLetterSpacing=makeLetterSpacing(theme.typography.letterSpacings[letterSpacing],theme.typography.fonts.size[fontSize]);var truncateStyles={};var wordBreakStyles={};if(numberOfLines!==undefined){if(isReactNative()){truncateStyles={};}else {truncateStyles={overflow:'hidden',display:'-webkit-box','line-clamp':`${numberOfLines}`,'-webkit-line-clamp':`${numberOfLines}`,'-webkit-box-orient':'vertical',overflowWrap:'break-word'};}}if(wordBreak!==undefined){if(isReactNative()){wordBreakStyles={};}else {wordBreakStyles={wordBreak:wordBreak};}}return Object.assign({color:textColor,fontFamily:themeFontFamily,fontSize:themeFontSize,fontWeight:themeFontWeight,fontStyle:fontStyle,textDecorationLine:textDecorationLine},textDecorationLine!=='none'&&{textDecorationColor:textColor},{lineHeight:themeLineHeight,letterSpacing:themeLetterSpacing,textAlign:textAlign,margin:0,padding:0,opacity:opacity,textTransform:textTransform},truncateStyles,wordBreakStyles);};
+var getBaseTextStyles=function getBaseTextStyles(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,_ref$fontFamily=_ref.fontFamily,fontFamily=_ref$fontFamily===void 0?'text':_ref$fontFamily,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?200:_ref$fontSize,_ref$fontWeight=_ref.fontWeight,fontWeight=_ref$fontWeight===void 0?'regular':_ref$fontWeight,_ref$fontStyle=_ref.fontStyle,fontStyle=_ref$fontStyle===void 0?'normal':_ref$fontStyle,_ref$textDecorationLi=_ref.textDecorationLine,textDecorationLine=_ref$textDecorationLi===void 0?'none':_ref$textDecorationLi,numberOfLines=_ref.numberOfLines,wordBreak=_ref.wordBreak,_ref$lineHeight=_ref.lineHeight,lineHeight=_ref$lineHeight===void 0?100:_ref$lineHeight,_ref$letterSpacing=_ref.letterSpacing,letterSpacing=_ref$letterSpacing===void 0?100:_ref$letterSpacing,textAlign=_ref.textAlign,opacity=_ref.opacity,theme=_ref.theme,textTransform=_ref.textTransform;var textColor=color==='currentColor'?'currentColor':getIn(theme.colors,color);var themeFontFamily=theme.typography.fonts.family[fontFamily];var themeFontSize=makeTypographySize(theme.typography.fonts.size[fontSize]);var themeFontWeight=theme.typography.fonts.weight[fontWeight];var themeLineHeight=makeTypographySize(theme.typography.lineHeights[lineHeight]);var themeLetterSpacing=makeLetterSpacing(theme.typography.letterSpacings[letterSpacing],theme.typography.fonts.size[fontSize]);var truncateStyles={};var wordBreakStyles={};if(numberOfLines!==undefined){if(isReactNative()){truncateStyles={};}else {truncateStyles={overflow:'hidden',display:'-webkit-box','line-clamp':`${numberOfLines}`,'-webkit-line-clamp':`${numberOfLines}`,'-webkit-box-orient':'vertical',overflowWrap:'break-word'};}}if(wordBreak!==undefined){if(isReactNative()){wordBreakStyles={};}else {wordBreakStyles={wordBreak:wordBreak};}}var isDotted=textDecorationLine==='dotted';var actualTextDecorationLine=isDotted?'underline':textDecorationLine;if(isDotted&&isReactNative()){logger({message:'textDecorationLine="dotted" is not supported on React Native. Falling back to "underline".',moduleName:'BaseText',type:'warn'});}var dottedStyles=isDotted&&!isReactNative()?DOTTED_UNDERLINE_STYLES:{};return Object.assign({color:textColor,fontFamily:themeFontFamily,fontSize:themeFontSize,fontWeight:themeFontWeight,fontStyle:fontStyle,textDecorationLine:actualTextDecorationLine},dottedStyles,textDecorationLine!=='none'&&{textDecorationColor:textColor},{lineHeight:themeLineHeight,letterSpacing:themeLetterSpacing,textAlign:textAlign,margin:0,padding:0,opacity:opacity,textTransform:textTransform},truncateStyles,wordBreakStyles);};
 
 export { getBaseTextStyles as default };
 //# sourceMappingURL=getBaseTextStyles.js.map

package/build/lib/native/components/Typography/BaseText/getBaseTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseTextProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n  textTransform,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    textTransform,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textTransform","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","overflowWrap","Object","assign","textDecorationColor","margin","padding"],"mappings":"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"}
+{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport type { StyledBaseTextProps } from './types';\nimport { DOTTED_UNDERLINE_STYLES } from './tokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\nimport { logger } from '~utils/logger';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n  textTransform,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  // Handle 'dotted' as a special case - it creates a dotted underline\n  // Both RN and Web use 'underline' when dotted, just different styling\n  const isDotted = textDecorationLine === 'dotted';\n  const actualTextDecorationLine = isDotted ? 'underline' : textDecorationLine;\n\n  // Warn on React Native since dotted styling isn't supported\n  if (isDotted && isReactNative()) {\n    logger({\n      message:\n        'textDecorationLine=\"dotted\" is not supported on React Native. Falling back to \"underline\".',\n      moduleName: 'BaseText',\n      type: 'warn',\n    });\n  }\n\n  // Apply dotted styles only on web\n  const dottedStyles = isDotted && !isReactNative() ? DOTTED_UNDERLINE_STYLES : {};\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine: actualTextDecorationLine,\n    ...dottedStyles,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    textTransform,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textTransform","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","overflowWrap","isDotted","actualTextDecorationLine","logger","message","moduleName","type","dottedStyles","DOTTED_UNDERLINE_STYLES","Object","assign","textDecorationColor","margin","padding"],"mappings":"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"}

package/build/lib/native/components/Typography/BaseText/tokens.js

@@ -0,0 +1,4 @@
+var DOTTED_UNDERLINE_STYLES={textDecorationStyle:'dotted',textDecorationSkipInk:'none',textDecorationThickness:'10%',textUnderlineOffset:'20%'};
+
+export { DOTTED_UNDERLINE_STYLES };
+//# sourceMappingURL=tokens.js.map

package/build/lib/native/components/Typography/BaseText/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Typography/BaseText/tokens.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\n\nconst DOTTED_UNDERLINE_STYLES: CSSObject = {\n  textDecorationStyle: 'dotted',\n  textDecorationSkipInk: 'none',\n  textDecorationThickness: '10%',\n  textUnderlineOffset: '20%',\n};\n\nexport { DOTTED_UNDERLINE_STYLES };\n"],"names":["DOTTED_UNDERLINE_STYLES","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset"],"mappings":"AAEM,IAAAA,uBAAkC,CAAG,CACzCC,mBAAmB,CAAE,QAAQ,CAC7BC,qBAAqB,CAAE,MAAM,CAC7BC,uBAAuB,CAAE,KAAK,CAC9BC,mBAAmB,CAAE,KACvB;;;;"}

package/build/lib/native/components/Typography/Code/Code.js

@@ -1,6 +1,7 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components/native';
+import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
 import { BaseText } from '../BaseText/BaseText.native.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
@@ -11,13 +12,12 @@ import '../../../tokens/global/motion.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
 import '../../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","size","weight","isHighlighted","color","testID","textTransform"];var platformType=getPlatformType();var isPlatformWeb=platformType==='browser'||platformType==='node';var getCodeFontSizeAndLineHeight=function getCodeFontSizeAndLineHeight(size){switch(size){case'medium':return {fontSize:75,lineHeight:75};case'small':return {fontSize:25,lineHeight:25};default:if(__DEV__){throwBladeError({moduleName:'Code',message:`Unexpected size: ${size}`});}return undefined;}};var CodeContainer=styled(BaseBox)(function(props){var padding=`${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;return {padding:padding,backgroundColor:props.isHighlighted?props.theme.colors.feedback.background.neutral.subtle:undefined,borderRadius:props.theme.border.radius.medium,display:isPlatformWeb?'inline-block':'flex',alignSelf:isPlatformWeb?undefined:'center',verticalAlign:'middle',lineHeight:makeTypographySize(props.theme.typography.lineHeights[0])};});var getCodeColor=function getCodeColor(_ref){var isHighlighted=_ref.isHighlighted,color=_ref.color;if(isHighlighted){if(__DEV__){if(color){throwBladeError({moduleName:'Code',message:'`color` prop cannot be used without `isHighlighted={false}`'});}}return 'surface.text.gray.subtle';}if(color){return color;}return 'surface.text.gray.normal';};var _Code=function _Code(_ref2,ref){var children=_ref2.children,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,_ref2$isHighlighted=_ref2.isHighlighted,isHighlighted=_ref2$isHighlighted===void 0?true:_ref2$isHighlighted,color=_ref2.color,testID=_ref2.testID,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);var _ref3=getCodeFontSizeAndLineHeight(size),fontSize=_ref3.fontSize,lineHeight=_ref3.lineHeight;var codeTextColor=React__default.useMemo(function(){return getCodeColor({isHighlighted:isHighlighted,color:color});},[isHighlighted,color]);return jsx(CodeContainer,Object.assign({ref:ref,size:size,isHighlighted:isHighlighted,as:isPlatformWeb?'span':undefined},metaAttribute({name:MetaConstants.Code,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseText,{color:codeTextColor,fontFamily:"code",fontSize:fontSize,fontWeight:weight,as:isPlatformWeb?'code':undefined,lineHeight:lineHeight,textTransform:textTransform,children:children})}));};var Code=React__default.forwardRef(_Code);
+var _excluded=["children","size","weight","isHighlighted","color","testID","textTransform"];var platformType=getPlatformType();var isPlatformWeb=platformType==='browser'||platformType==='node';var getCodeFontSizeAndLineHeight=function getCodeFontSizeAndLineHeight(size){switch(size){case'medium':return {fontSize:75,lineHeight:75,letterSpacing:100};case'small':return {fontSize:25,lineHeight:25,letterSpacing:100};default:if(__DEV__){throwBladeError({moduleName:'Code',message:`Unexpected size: ${size}`});}return undefined;}};var CodeContainer=styled(BaseBox)(function(props){var padding=`${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;return {padding:padding,backgroundColor:props.isHighlighted?props.theme.colors.feedback.background.neutral.subtle:undefined,borderRadius:props.theme.border.radius.xsmall,display:isPlatformWeb?'inline-block':'flex',alignSelf:isPlatformWeb?undefined:'center',verticalAlign:'middle',lineHeight:makeTypographySize(props.theme.typography.lineHeights[0])};});var getCodeColor=function getCodeColor(_ref){var isHighlighted=_ref.isHighlighted,color=_ref.color;if(isHighlighted){if(__DEV__){if(color){throwBladeError({moduleName:'Code',message:'`color` prop cannot be used without `isHighlighted={false}`'});}}return 'surface.text.gray.subtle';}if(color){return color;}return 'surface.text.gray.normal';};var _Code=function _Code(_ref2,ref){var children=_ref2.children,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,_ref2$isHighlighted=_ref2.isHighlighted,isHighlighted=_ref2$isHighlighted===void 0?true:_ref2$isHighlighted,color=_ref2.color,testID=_ref2.testID,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);var _ref3=getCodeFontSizeAndLineHeight(size),fontSize=_ref3.fontSize,lineHeight=_ref3.lineHeight,letterSpacing=_ref3.letterSpacing;var codeTextColor=React__default.useMemo(function(){return getCodeColor({isHighlighted:isHighlighted,color:color});},[isHighlighted,color]);return jsx(CodeContainer,Object.assign({ref:ref,size:size,isHighlighted:isHighlighted,as:isPlatformWeb?'span':undefined},metaAttribute({name:MetaConstants.Code,testID:testID}),getStyledProps(styledProps),{children:jsx(BaseText,{color:codeTextColor,fontFamily:"code",fontSize:fontSize,fontWeight:weight,as:isPlatformWeb?'code':undefined,lineHeight:lineHeight,letterSpacing:letterSpacing,textTransform:textTransform,children:children})}));};var Code=React__default.forwardRef(_Code);
 
 export { Code };
 //# sourceMappingURL=Code.js.map

package/build/lib/native/components/Typography/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../../../../../../src/components/Typography/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FontSize, Typography } from '~tokens/global';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { throwBladeError } from '~utils/logger';\n\ntype CodeCommonProps = {\n  /**\n   * Sets the color of the Heading component.\n   */\n  children: StringChildrenType;\n  /**\n   * Decides the fontSize and padding of Code\n   *\n   * @default small\n   */\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;\n  isHighlighted?: boolean;\n  textTransform?: BaseTextProps['textTransform'];\n  color?: BaseTextProps['color'];\n} & TestID &\n  StyledPropsBlade;\n\ntype CodeHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted?: true;\n  /**\n   * color prop can only be added when `isHighlighted` is set to `false`\n   */\n  color?: undefined;\n};\n\ntype CodeNonHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted: false;\n  /**\n   * color prop to set color of text when `isHighlighted` is set to false\n   */\n  color?: BaseTextProps['color'];\n};\n\nexport type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;\n\ntype CodeContainerProps = {\n  size: CodeProps['size'];\n  isHighlighted: CodeProps['isHighlighted'];\n};\n\nconst platformType = getPlatformType();\nconst isPlatformWeb = platformType === 'browser' || platformType === 'node';\n\nconst getCodeFontSizeAndLineHeight = (\n  size: CodeProps['size'],\n): { fontSize: keyof FontSize; lineHeight: keyof Typography['lineHeights'] } | undefined => {\n  switch (size) {\n    case 'medium':\n      return { fontSize: 75, lineHeight: 75 };\n    case 'small':\n      return { fontSize: 25, lineHeight: 25 };\n    default:\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: `Unexpected size: ${size}`,\n        });\n      }\n      return undefined;\n  }\n};\n\nconst CodeContainer = styled(BaseBox)<CodeContainerProps>((props) => {\n  const padding = `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;\n  return {\n    padding,\n    backgroundColor: props.isHighlighted\n      ? props.theme.colors.feedback.background.neutral.subtle\n      : undefined,\n    borderRadius: props.theme.border.radius.medium,\n    display: isPlatformWeb ? 'inline-block' : 'flex',\n    alignSelf: isPlatformWeb ? undefined : 'center',\n    verticalAlign: 'middle',\n    lineHeight: makeTypographySize(props.theme.typography.lineHeights[0]),\n  };\n});\n\nconst getCodeColor = ({\n  isHighlighted,\n  color,\n}: Pick<CodeProps, 'isHighlighted' | 'color'>): CodeProps['color'] => {\n  if (isHighlighted) {\n    if (__DEV__) {\n      if (color) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: '`color` prop cannot be used without `isHighlighted={false}`',\n        });\n      }\n    }\n\n    return 'surface.text.gray.subtle';\n  }\n\n  if (color) {\n    return color;\n  }\n\n  return 'surface.text.gray.normal';\n};\n\nconst _Code = (\n  {\n    children,\n    size = 'small',\n    weight = 'regular',\n    isHighlighted = true,\n    color,\n    testID,\n    textTransform,\n    ...styledProps\n  }: CodeProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { fontSize, lineHeight } = getCodeFontSizeAndLineHeight(size)!;\n  const codeTextColor = React.useMemo<CodeProps['color']>(\n    () => getCodeColor({ isHighlighted, color }),\n    [isHighlighted, color],\n  );\n\n  return (\n    <CodeContainer\n      ref={ref as never}\n      size={size}\n      isHighlighted={isHighlighted}\n      as={isPlatformWeb ? 'span' : undefined}\n      {...metaAttribute({ name: MetaConstants.Code, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseText\n        color={codeTextColor}\n        fontFamily=\"code\"\n        fontSize={fontSize}\n        fontWeight={weight}\n        as={isPlatformWeb ? 'code' : undefined}\n        lineHeight={lineHeight}\n        textTransform={textTransform}\n      >\n        {children}\n      </BaseText>\n    </CodeContainer>\n  );\n};\n\n/**\n * Code component can be used for displaying token, variable names, or inlined code snippets.\n *\n * ## Usage\n *\n * ### In Web\n * In web, you can use it inside `Text` component or individually. The component is set to display `inline-block`\n *\n * ```tsx\n * <Text>\n *  Lorem ipsum <Code>SENTRY_TOKEN</Code> normal text\n * </Text>\n * ```\n *\n * ### In React Native\n *\n * In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned\n *\n * ```tsx\n *  <Box flexWrap=\"wrap\" flexDirection=\"row\" alignItems=\"flex-start\">\n *   <Text>Lorem ipsum </Text>\n *   <Code>SENTRY_TOKEN</Code>\n *   <Text> normal text</Text>\n * </Box>\n * ```\n */\nconst Code = React.forwardRef(_Code);\n\nexport { Code };\n"],"names":["platformType","getPlatformType","isPlatformWeb","getCodeFontSizeAndLineHeight","size","fontSize","lineHeight","__DEV__","throwBladeError","moduleName","message","undefined","CodeContainer","styled","BaseBox","props","padding","makeSpace","theme","spacing","backgroundColor","isHighlighted","colors","feedback","background","neutral","subtle","borderRadius","border","radius","medium","display","alignSelf","verticalAlign","makeTypographySize","typography","lineHeights","getCodeColor","_ref","color","_Code","_ref2","ref","children","_ref2$size","_ref2$weight","weight","_ref2$isHighlighted","testID","textTransform","styledProps","_objectWithoutProperties","_excluded","_ref3","codeTextColor","React","useMemo","_jsx","Object","assign","as","metaAttribute","name","MetaConstants","Code","getStyledProps","BaseText","fontFamily","fontWeight","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Code.js","sources":["../../../../../../src/components/Typography/Code/Code.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FontSize, Typography } from '~tokens/global';\nimport type { BladeElementRef, StringChildrenType, TestID } from '~utils/types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { throwBladeError } from '~utils/logger';\n\ntype CodeCommonProps = {\n  /**\n   * Sets the color of the Heading component.\n   */\n  children: StringChildrenType;\n  /**\n   * Decides the fontSize and padding of Code\n   *\n   * @default small\n   */\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'bold'>;\n  isHighlighted?: boolean;\n  textTransform?: BaseTextProps['textTransform'];\n  color?: BaseTextProps['color'];\n} & TestID &\n  StyledPropsBlade;\n\ntype CodeHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted?: true;\n  /**\n   * color prop can only be added when `isHighlighted` is set to `false`\n   */\n  color?: undefined;\n};\n\ntype CodeNonHighlightedProps = CodeCommonProps & {\n  /**\n   * Adds background color to highlight the text\n   *\n   * @default true\n   */\n  isHighlighted: false;\n  /**\n   * color prop to set color of text when `isHighlighted` is set to false\n   */\n  color?: BaseTextProps['color'];\n};\n\nexport type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;\n\ntype CodeContainerProps = {\n  size: CodeProps['size'];\n  isHighlighted: CodeProps['isHighlighted'];\n};\n\nconst platformType = getPlatformType();\nconst isPlatformWeb = platformType === 'browser' || platformType === 'node';\n\nconst getCodeFontSizeAndLineHeight = (\n  size: CodeProps['size'],\n):\n  | {\n      fontSize: keyof FontSize;\n      lineHeight: keyof Typography['lineHeights'];\n      letterSpacing: keyof Typography['letterSpacings'];\n    }\n  | undefined => {\n  switch (size) {\n    case 'medium':\n      return { fontSize: 75, lineHeight: 75, letterSpacing: 100 };\n    case 'small':\n      return { fontSize: 25, lineHeight: 25, letterSpacing: 100 };\n    default:\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: `Unexpected size: ${size}`,\n        });\n      }\n      return undefined;\n  }\n};\n\nconst CodeContainer = styled(BaseBox)<CodeContainerProps>((props) => {\n  const padding = `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[2])}`;\n  return {\n    padding,\n    backgroundColor: props.isHighlighted\n      ? props.theme.colors.feedback.background.neutral.subtle\n      : undefined,\n    borderRadius: props.theme.border.radius.xsmall,\n    display: isPlatformWeb ? 'inline-block' : 'flex',\n    alignSelf: isPlatformWeb ? undefined : 'center',\n    verticalAlign: 'middle',\n    lineHeight: makeTypographySize(props.theme.typography.lineHeights[0]),\n  };\n});\n\nconst getCodeColor = ({\n  isHighlighted,\n  color,\n}: Pick<CodeProps, 'isHighlighted' | 'color'>): CodeProps['color'] => {\n  if (isHighlighted) {\n    if (__DEV__) {\n      if (color) {\n        throwBladeError({\n          moduleName: 'Code',\n          message: '`color` prop cannot be used without `isHighlighted={false}`',\n        });\n      }\n    }\n\n    return 'surface.text.gray.subtle';\n  }\n\n  if (color) {\n    return color;\n  }\n\n  return 'surface.text.gray.normal';\n};\n\nconst _Code = (\n  {\n    children,\n    size = 'small',\n    weight = 'regular',\n    isHighlighted = true,\n    color,\n    testID,\n    textTransform,\n    ...styledProps\n  }: CodeProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { fontSize, lineHeight, letterSpacing } = getCodeFontSizeAndLineHeight(size)!;\n  const codeTextColor = React.useMemo<CodeProps['color']>(\n    () => getCodeColor({ isHighlighted, color }),\n    [isHighlighted, color],\n  );\n\n  return (\n    <CodeContainer\n      ref={ref as never}\n      size={size}\n      isHighlighted={isHighlighted}\n      as={isPlatformWeb ? 'span' : undefined}\n      {...metaAttribute({ name: MetaConstants.Code, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseText\n        color={codeTextColor}\n        fontFamily=\"code\"\n        fontSize={fontSize}\n        fontWeight={weight}\n        as={isPlatformWeb ? 'code' : undefined}\n        lineHeight={lineHeight}\n        letterSpacing={letterSpacing}\n        textTransform={textTransform}\n      >\n        {children}\n      </BaseText>\n    </CodeContainer>\n  );\n};\n\n/**\n * Code component can be used for displaying token, variable names, or inlined code snippets.\n *\n * ## Usage\n *\n * ### In Web\n * In web, you can use it inside `Text` component or individually. The component is set to display `inline-block`\n *\n * ```tsx\n * <Text>\n *  Lorem ipsum <Code>SENTRY_TOKEN</Code> normal text\n * </Text>\n * ```\n *\n * ### In React Native\n *\n * In React Native, you would have to align it using flex to make sure the Code and the surrounding text is correctly aligned\n *\n * ```tsx\n *  <Box flexWrap=\"wrap\" flexDirection=\"row\" alignItems=\"flex-start\">\n *   <Text>Lorem ipsum </Text>\n *   <Code>SENTRY_TOKEN</Code>\n *   <Text> normal text</Text>\n * </Box>\n * ```\n */\nconst Code = React.forwardRef(_Code);\n\nexport { Code };\n"],"names":["platformType","getPlatformType","isPlatformWeb","getCodeFontSizeAndLineHeight","size","fontSize","lineHeight","letterSpacing","__DEV__","throwBladeError","moduleName","message","undefined","CodeContainer","styled","BaseBox","props","padding","makeSpace","theme","spacing","backgroundColor","isHighlighted","colors","feedback","background","neutral","subtle","borderRadius","border","radius","xsmall","display","alignSelf","verticalAlign","makeTypographySize","typography","lineHeights","getCodeColor","_ref","color","_Code","_ref2","ref","children","_ref2$size","_ref2$weight","weight","_ref2$isHighlighted","testID","textTransform","styledProps","_objectWithoutProperties","_excluded","_ref3","codeTextColor","React","useMemo","_jsx","Object","assign","as","metaAttribute","name","MetaConstants","Code","getStyledProps","BaseText","fontFamily","fontWeight","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Typography/Text/Text.js

@@ -12,7 +12,7 @@ import '../../BladeProvider/useTheme.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["as","variant","weight","size","truncateAfterLines","children","color","testID","textAlign","textDecorationLine","wordBreak","textTransform","elementtiming"];var validAsValues=['p','span','div','abbr','figcaption','cite','q','label'];var getTextProps=function getTextProps(_ref){var variant=_ref.variant,weight=_ref.weight,size=_ref.size,_ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,testID=_ref.testID,textAlign=_ref.textAlign,textDecorationLine=_ref.textDecorationLine;var props={color:color,fontSize:100,fontWeight:weight!=null?weight:'regular',fontStyle:'normal',lineHeight:100,fontFamily:'text',componentName:'text',testID:testID,textAlign:textAlign,textDecorationLine:textDecorationLine};if(variant==='caption'){if(size&&size!=='small'&&size!=='medium'){if(__DEV__){throwBladeError({moduleName:'Text',message:`size cannot be '${size}' when variant is 'caption'`});}size='small';}}else if(variant!=='caption'&&!size){size='medium';}if(variant==='body'){if(size==='xsmall'){props.fontSize=25;props.lineHeight=25;}if(size==='small'){props.fontSize=75;props.lineHeight=75;}if(size==='medium'){props.fontSize=100;props.lineHeight=100;}if(size==='large'){props.fontSize=200;props.lineHeight=200;}}if(variant==='caption'){if(size==='small'){props.fontSize=50;props.lineHeight=50;props.fontWeight='regular';}if(size==='medium'){props.fontSize=100;props.lineHeight=50;props.fontWeight='regular';}}return props;};var _Text=function _Text(_ref2,ref){var _ref2$as=_ref2.as,as=_ref2$as===void 0?'p':_ref2$as,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'body':_ref2$variant,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,size=_ref2.size,truncateAfterLines=_ref2.truncateAfterLines,children=_ref2.children,color=_ref2.color,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,wordBreak=_ref2.wordBreak,textTransform=_ref2.textTransform,elementtiming=_ref2.elementtiming,styledProps=_objectWithoutProperties(_ref2,_excluded);var props=Object.assign({as:as,truncateAfterLines:truncateAfterLines,wordBreak:wordBreak,textTransform:textTransform,elementtiming:elementtiming},getTextProps({variant:variant,weight:weight,color:color,size:size,testID:testID,textAlign:textAlign,textDecorationLine:textDecorationLine}));useValidateAsProp({componentName:'Text',as:as,validAsValues:validAsValues});return jsx(BaseText,Object.assign({ref:ref},props,getStyledProps(styledProps),{children:children}));};var Text=assignWithoutSideEffects(React__default.forwardRef(_Text),{displayName:'Text',componentId:'Text'});
+var _excluded=["as","variant","weight","size","truncateAfterLines","children","color","testID","textAlign","textDecorationLine","wordBreak","textTransform","elementtiming"];var validAsValues=['p','span','div','abbr','figcaption','cite','q','label'];var getTextProps=function getTextProps(_ref){var variant=_ref.variant,weight=_ref.weight,size=_ref.size,_ref$color=_ref.color,color=_ref$color===void 0?'surface.text.gray.normal':_ref$color,testID=_ref.testID,textAlign=_ref.textAlign,textDecorationLine=_ref.textDecorationLine;var props={color:color,fontSize:100,fontWeight:weight!=null?weight:'regular',fontStyle:'normal',lineHeight:100,fontFamily:'text',componentName:'text',testID:testID,textAlign:textAlign,textDecorationLine:textDecorationLine};if(variant==='caption'){if(size&&size!=='small'&&size!=='medium'){if(__DEV__){throwBladeError({moduleName:'Text',message:`size cannot be '${size}' when variant is 'caption'`});}size='small';}}else if(variant!=='caption'&&!size){size='medium';}if(variant==='body'){if(size==='xsmall'){props.fontSize=25;props.lineHeight=25;props.letterSpacing=50;}if(size==='small'){props.fontSize=75;props.lineHeight=75;props.letterSpacing=50;}if(size==='medium'){props.fontSize=100;props.lineHeight=100;props.letterSpacing=50;}if(size==='large'){props.fontSize=200;props.lineHeight=200;props.letterSpacing=25;}}if(variant==='caption'){if(size==='small'){props.fontSize=50;props.lineHeight=50;props.fontWeight='regular';props.letterSpacing=50;}if(size==='medium'){props.fontSize=100;props.lineHeight=50;props.fontWeight='regular';props.letterSpacing=50;}}return props;};var _Text=function _Text(_ref2,ref){var _ref2$as=_ref2.as,as=_ref2$as===void 0?'p':_ref2$as,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'body':_ref2$variant,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'regular':_ref2$weight,size=_ref2.size,truncateAfterLines=_ref2.truncateAfterLines,children=_ref2.children,color=_ref2.color,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,wordBreak=_ref2.wordBreak,textTransform=_ref2.textTransform,elementtiming=_ref2.elementtiming,styledProps=_objectWithoutProperties(_ref2,_excluded);var props=Object.assign({as:as,truncateAfterLines:truncateAfterLines,wordBreak:wordBreak,textTransform:textTransform,elementtiming:elementtiming},getTextProps({variant:variant,weight:weight,color:color,size:size,testID:testID,textAlign:textAlign,textDecorationLine:textDecorationLine}));useValidateAsProp({componentName:'Text',as:as,validAsValues:validAsValues});return jsx(BaseText,Object.assign({ref:ref},props,getStyledProps(styledProps),{children:children}));};var Text=assignWithoutSideEffects(React__default.forwardRef(_Text),{displayName:'Text',componentId:'Text'});
 
 export { Text, getTextProps };
 //# sourceMappingURL=Text.js.map

package/build/lib/native/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { BladeElementRef, TestID, ElementTiming } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\nconst validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q', 'label'] as const;\ntype TextCommonProps = {\n  as?: typeof validAsValues[number];\n  truncateAfterLines?: number;\n  children: React.ReactNode;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  /**\n   * Overrides the color of the Text component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of text\n   */\n  color?: BaseTextProps['color'];\n  textAlign?: BaseTextProps['textAlign'];\n  textTransform?: BaseTextProps['textTransform'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nexport type TextVariant = 'body' | 'caption';\n\ntype TextBodyVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'body'>;\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n};\n\ntype TextCaptionVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'caption'>;\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n};\n\nexport type TextProps<T> = T extends { variant: infer Variant }\n  ? Variant extends 'caption'\n    ? TextCaptionVariant\n    : Variant extends 'body'\n    ? TextBodyVariant\n    : T\n  : T;\n\ntype GetTextPropsReturn = Omit<BaseTextProps, 'children'>;\ntype GetTextProps<T extends { variant: TextVariant }> = Pick<\n  TextProps<T>,\n  | 'variant'\n  | 'weight'\n  | 'size'\n  | 'color'\n  | 'testID'\n  | 'textAlign'\n  | 'textDecorationLine'\n  | 'textTransform'\n>;\n\nconst getTextProps = <T extends { variant: TextVariant }>({\n  variant,\n  weight,\n  size,\n  color = 'surface.text.gray.normal',\n  testID,\n  textAlign,\n  textDecorationLine,\n}: GetTextProps<T>): GetTextPropsReturn => {\n  const props: GetTextPropsReturn = {\n    color,\n    fontSize: 100,\n    fontWeight: weight ?? 'regular',\n    fontStyle: 'normal',\n    lineHeight: 100,\n    fontFamily: 'text',\n    componentName: 'text',\n    testID,\n    textAlign,\n    textDecorationLine,\n  };\n\n  if (variant === 'caption') {\n    // variant of caption can only have size of small\n    if (size && size !== 'small' && size !== 'medium') {\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Text',\n          message: `size cannot be '${size}' when variant is 'caption'`,\n        });\n      }\n      // Set size as small in case of invalid size\n      size = 'small';\n    }\n  } else if (variant !== 'caption' && !size) {\n    size = 'medium';\n  }\n\n  if (variant === 'body') {\n    if (size === 'xsmall') {\n      props.fontSize = 25;\n      props.lineHeight = 25;\n    }\n    if (size === 'small') {\n      props.fontSize = 75;\n      props.lineHeight = 75;\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 100;\n    }\n    if (size === 'large') {\n      props.fontSize = 200;\n      props.lineHeight = 200;\n    }\n  }\n  if (variant === 'caption') {\n    if (size === 'small') {\n      props.fontSize = 50;\n      props.lineHeight = 50;\n      props.fontWeight = 'regular';\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 50;\n      props.fontWeight = 'regular';\n    }\n  }\n\n  return props;\n};\n\nconst _Text = <T extends { variant: TextVariant }>(\n  {\n    as = 'p',\n    variant = 'body',\n    weight = 'regular',\n    size,\n    truncateAfterLines,\n    children,\n    color,\n    testID,\n    textAlign,\n    textDecorationLine,\n    wordBreak,\n    textTransform,\n    elementtiming,\n    ...styledProps\n  }: TextProps<T>,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    as,\n    truncateAfterLines,\n    wordBreak,\n    textTransform,\n    elementtiming,\n    ...getTextProps({\n      variant,\n      weight,\n      color,\n      size,\n      testID,\n      textAlign,\n      textDecorationLine,\n    }),\n  };\n\n  useValidateAsProp({ componentName: 'Text', as, validAsValues });\n\n  return (\n    <BaseText ref={ref} {...props} {...getStyledProps(styledProps)}>\n      {children}\n    </BaseText>\n  );\n};\n\nconst Text = assignWithoutSideEffects(React.forwardRef(_Text), {\n  displayName: 'Text',\n  componentId: 'Text',\n});\n\nexport { Text, getTextProps };\n"],"names":["validAsValues","getTextProps","_ref","variant","weight","size","_ref$color","color","testID","textAlign","textDecorationLine","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","componentName","__DEV__","throwBladeError","moduleName","message","_Text","_ref2","ref","_ref2$as","as","_ref2$variant","_ref2$weight","truncateAfterLines","children","wordBreak","textTransform","elementtiming","styledProps","_objectWithoutProperties","_excluded","Object","assign","useValidateAsProp","_jsx","BaseText","getStyledProps","Text","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { BaseText } from '../BaseText';\nimport type { BaseTextProps, BaseTextSizes } from '../BaseText/types';\nimport { useValidateAsProp } from '../utils';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { BladeElementRef, TestID, ElementTiming } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\nconst validAsValues = ['p', 'span', 'div', 'abbr', 'figcaption', 'cite', 'q', 'label'] as const;\ntype TextCommonProps = {\n  as?: typeof validAsValues[number];\n  truncateAfterLines?: number;\n  children: React.ReactNode;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  /**\n   * Overrides the color of the Text component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of text\n   */\n  color?: BaseTextProps['color'];\n  textAlign?: BaseTextProps['textAlign'];\n  textTransform?: BaseTextProps['textTransform'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nexport type TextVariant = 'body' | 'caption';\n\ntype TextBodyVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'body'>;\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n};\n\ntype TextCaptionVariant = TextCommonProps & {\n  variant?: Extract<TextVariant, 'caption'>;\n  size?: Extract<BaseTextSizes, 'small' | 'medium'>;\n};\n\nexport type TextProps<T> = T extends { variant: infer Variant }\n  ? Variant extends 'caption'\n    ? TextCaptionVariant\n    : Variant extends 'body'\n    ? TextBodyVariant\n    : T\n  : T;\n\ntype GetTextPropsReturn = Omit<BaseTextProps, 'children'>;\ntype GetTextProps<T extends { variant: TextVariant }> = Pick<\n  TextProps<T>,\n  | 'variant'\n  | 'weight'\n  | 'size'\n  | 'color'\n  | 'testID'\n  | 'textAlign'\n  | 'textDecorationLine'\n  | 'textTransform'\n>;\n\nconst getTextProps = <T extends { variant: TextVariant }>({\n  variant,\n  weight,\n  size,\n  color = 'surface.text.gray.normal',\n  testID,\n  textAlign,\n  textDecorationLine,\n}: GetTextProps<T>): GetTextPropsReturn => {\n  const props: GetTextPropsReturn = {\n    color,\n    fontSize: 100,\n    fontWeight: weight ?? 'regular',\n    fontStyle: 'normal',\n    lineHeight: 100,\n    fontFamily: 'text',\n    componentName: 'text',\n    testID,\n    textAlign,\n    textDecorationLine,\n  };\n\n  if (variant === 'caption') {\n    // variant of caption can only have size of small\n    if (size && size !== 'small' && size !== 'medium') {\n      if (__DEV__) {\n        throwBladeError({\n          moduleName: 'Text',\n          message: `size cannot be '${size}' when variant is 'caption'`,\n        });\n      }\n      // Set size as small in case of invalid size\n      size = 'small';\n    }\n  } else if (variant !== 'caption' && !size) {\n    size = 'medium';\n  }\n\n  if (variant === 'body') {\n    if (size === 'xsmall') {\n      props.fontSize = 25;\n      props.lineHeight = 25;\n      props.letterSpacing = 50;\n    }\n    if (size === 'small') {\n      props.fontSize = 75;\n      props.lineHeight = 75;\n      props.letterSpacing = 50;\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 100;\n      props.letterSpacing = 50;\n    }\n    if (size === 'large') {\n      props.fontSize = 200;\n      props.lineHeight = 200;\n      props.letterSpacing = 25;\n    }\n  }\n  if (variant === 'caption') {\n    if (size === 'small') {\n      props.fontSize = 50;\n      props.lineHeight = 50;\n      props.fontWeight = 'regular';\n      props.letterSpacing = 50;\n    }\n    if (size === 'medium') {\n      props.fontSize = 100;\n      props.lineHeight = 50;\n      props.fontWeight = 'regular';\n      props.letterSpacing = 50;\n    }\n  }\n\n  return props;\n};\n\nconst _Text = <T extends { variant: TextVariant }>(\n  {\n    as = 'p',\n    variant = 'body',\n    weight = 'regular',\n    size,\n    truncateAfterLines,\n    children,\n    color,\n    testID,\n    textAlign,\n    textDecorationLine,\n    wordBreak,\n    textTransform,\n    elementtiming,\n    ...styledProps\n  }: TextProps<T>,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    as,\n    truncateAfterLines,\n    wordBreak,\n    textTransform,\n    elementtiming,\n    ...getTextProps({\n      variant,\n      weight,\n      color,\n      size,\n      testID,\n      textAlign,\n      textDecorationLine,\n    }),\n  };\n\n  useValidateAsProp({ componentName: 'Text', as, validAsValues });\n\n  return (\n    <BaseText ref={ref} {...props} {...getStyledProps(styledProps)}>\n      {children}\n    </BaseText>\n  );\n};\n\nconst Text = assignWithoutSideEffects(React.forwardRef(_Text), {\n  displayName: 'Text',\n  componentId: 'Text',\n});\n\nexport { Text, getTextProps };\n"],"names":["validAsValues","getTextProps","_ref","variant","weight","size","_ref$color","color","testID","textAlign","textDecorationLine","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","componentName","__DEV__","throwBladeError","moduleName","message","letterSpacing","_Text","_ref2","ref","_ref2$as","as","_ref2$variant","_ref2$weight","truncateAfterLines","children","wordBreak","textTransform","elementtiming","styledProps","_objectWithoutProperties","_excluded","Object","assign","useValidateAsProp","_jsx","BaseText","getStyledProps","Text","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -29,6 +29,7 @@ export { Carousel } from './Carousel/Carousel.native.js';
 export { CarouselItem } from './Carousel/CarouselItem.native.js';
 export { Checkbox } from './Checkbox/Checkbox.js';
 export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
+export { ChatInput } from './ChatInput/ChatInput.native.js';
 export { ChatMessage } from './ChatMessage/ChatMessage.native.js';
 export { ChartLine, ChartLineWrapper } from './Charts/LineChart/LineChart.native.js';
 export { ChartArea, ChartAreaWrapper } from './Charts/AreaChart/AreaChart.native.js';
@@ -63,6 +64,7 @@ export { Elevate } from './Elevate/Elevate.native.js';
 export { EmptyState } from './EmptyState/EmptyState.native.js';
 export { Fade } from './Fade/Fade.native.js';
 export { FileUpload } from './FileUpload/FileUpload.native.js';
+export { FileUploadItem } from './FileUpload/FileUploadItem.js';
 export { default as AcceptPaymentsFilledIcon } from './Icons/AcceptPaymentsFilledIcon/AcceptPaymentsFilledIcon.js';
 export { default as AcceptPaymentsIcon } from './Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
 export { default as ActivityIcon } from './Icons/ActivityIcon/ActivityIcon.js';
@@ -578,15 +580,23 @@ export { useToast } from './Toast/useToast.js';
 export { TabNav } from './TopNav/TabNav/TabNav.native.js';
 export { TabNavItem } from './TopNav/TabNav/TabNavItem.native.js';
 export { TopNav } from './TopNav/TopNav.native.js';
+export { useTopNavContext } from './TopNav/TopNavContext.js';
+export { TopNavOverlayThemeOverride } from './TopNav/TopNavOverlayThemeOverride.js';
 export { Heading, getHeadingProps } from './Typography/Heading/Heading.js';
 export { Text, getTextProps } from './Typography/Text/Text.js';
 export { Code } from './Typography/Code/Code.js';
 export { Display } from './Typography/Display/Display.js';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.native.js';
 export { screenReaderStyles } from './VisuallyHidden/ScreenReaderStyles.js';
+export { LightBox } from './LightBox/LightBox.native.js';
+export { LightBoxBody } from './LightBox/LightBoxBody.native.js';
+export { LightBoxItem } from './LightBox/LightBoxItem.js';
 export { ListView } from './ListView/ListView.native.js';
 export { ListViewFilters } from './ListView/ListViewFilters.native.js';
 export { Preview, PreviewBody, PreviewFooter, PreviewHeader } from './Preview/Preview.native.js';
+export { GenUIProvider } from './GenUI/GenUIProvider.native.js';
+export { useGenUI, useGenUIAction } from './GenUI/GenUIContext.native.js';
+export { GenUISchemaRenderer } from './GenUI/GenUISchemaRenderer.native.js';
 export { BottomSheetBody } from './BottomSheet/BottomSheetBody.native.js';
 export { BottomSheetFooter } from './BottomSheet/BottomSheetFooter.native.js';
 export { BottomSheetHeader } from './BottomSheet/BottomSheetHeader.native.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/native/tokens/global/blur.js

@@ -0,0 +1,4 @@
+var backdropBlur={low:4,medium:8,high:12};
+
+export { backdropBlur };
+//# sourceMappingURL=blur.js.map

package/build/lib/native/tokens/global/blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.js","sources":["../../../../../src/tokens/global/blur.ts"],"sourcesContent":["export type BackdropBlur = Readonly<{\n  /** low: 4px - Subtle background blur effect */\n  low: 4;\n  /** medium: 8px - Moderate background blur effect */\n  medium: 8;\n  /** high: 12px - Strong background blur effect */\n  high: 12;\n}>;\n\nexport const backdropBlur: BackdropBlur = {\n  low: 4,\n  medium: 8,\n  high: 12,\n};\n"],"names":["backdropBlur","low","medium","high"],"mappings":"AASa,IAAAA,YAA0B,CAAG,CACxCC,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,EACR;;;;"}

package/build/lib/native/tokens/global/border.js

@@ -1,4 +1,4 @@
-var border={radius:{none:0,xsmall:1,small:2,medium:4,large:8,xlarge:12,'2xlarge':16,max:9999,round:'50%'},width:{none:0,thinner:0.5,thin:1,thick:1.5,thicker:2}};
+var border={radius:{none:0,'2xsmall':2,xsmall:4,small:8,medium:12,large:16,xlarge:20,'2xlarge':24,max:9999,round:'50%'},width:{none:0,thinner:0.5,thin:1,thick:1.5,thicker:2}};
 
 export { border };
 //# sourceMappingURL=border.js.map

package/build/lib/native/tokens/global/border.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.js","sources":["../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** xsmall: 1(px/rem/pt) */\n  xsmall: 1;\n  /** small: 2(px/rem/pt) */\n  small: 2;\n  /** medium: 4(px/rem/pt) */\n  medium: 4;\n  /** large: 8(px/rem/pt) */\n  large: 8;\n  /** xlarge: 12(px/rem/pt) */\n  xlarge: 12;\n  /** 2xlarge: 16(px/rem/pt) */\n  '2xlarge': 16;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    xsmall: 1,\n    small: 2,\n    medium: 4,\n    large: 8,\n    xlarge: 12,\n    '2xlarge': 16,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","xsmall","small","medium","large","xlarge","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAuCa,IAAAA,MAAc,CAAG,CAC5BC,MAAM,CAAE,CACNC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,EAAE,CACV,SAAS,CAAE,EAAE,CACbC,GAAG,CAAE,IAAI,CACTC,KAAK,CAAE,KACT,CAAC,CACDC,KAAK,CAAE,CACLR,IAAI,CAAE,CAAC,CACPS,OAAO,CAAE,GAAG,CACZC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,GAAG,CACVC,OAAO,CAAE,CACX,CACF;;;;"}
+{"version":3,"file":"border.js","sources":["../../../../../src/tokens/global/border.ts"],"sourcesContent":["type BorderRadius = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** 2xsmall: 2(px/rem/pt) */\n  '2xsmall': 2;\n  /** xsmall: 4(px/rem/pt) */\n  xsmall: 4;\n  /** small: 8(px/rem/pt) */\n  small: 8;\n  /** medium: 12(px/rem/pt) */\n  medium: 12;\n  /** large: 16(px/rem/pt) */\n  large: 16;\n  /** xlarge: 20(px/rem/pt) */\n  xlarge: 20;\n  /** 2xlarge: 24(px/rem/pt) */\n  '2xlarge': 24;\n  /** max: 9999(px/rem/pt). This will round the left and right side of the box element */\n  max: 9999;\n  /** round: 50%(pt). This will turn the box element into a circle */\n  round: '50%';\n}>;\n\ntype BorderWidth = Readonly<{\n  /** none: 0(px/rem/pt) */\n  none: 0;\n  /** thinner: 0.5(px/rem/pt) */\n  thinner: 0.5;\n  /** thin: 1(px/rem/pt) */\n  thin: 1;\n  /** thick: 1.5(px/rem/pt) */\n  thick: 1.5;\n  /** thicker: 2(px/rem/pt) */\n  thicker: 2;\n}>;\n\nexport type Border = Readonly<{\n  radius: BorderRadius;\n  width: BorderWidth;\n}>;\n\nexport const border: Border = {\n  radius: {\n    none: 0,\n    '2xsmall': 2,\n    xsmall: 4,\n    small: 8,\n    medium: 12,\n    large: 16,\n    xlarge: 20,\n    '2xlarge': 24,\n    max: 9999,\n    round: '50%', // this needs to be in % but need to figure out how will we store unitless things\n  },\n  width: {\n    none: 0,\n    thinner: 0.5,\n    thin: 1,\n    thick: 1.5,\n    thicker: 2,\n  },\n};\n"],"names":["border","radius","none","xsmall","small","medium","large","xlarge","max","round","width","thinner","thin","thick","thicker"],"mappings":"AAyCa,IAAAA,MAAc,CAAG,CAC5BC,MAAM,CAAE,CACNC,IAAI,CAAE,CAAC,CACP,SAAS,CAAE,CAAC,CACZC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,EAAE,CACV,SAAS,CAAE,EAAE,CACbC,GAAG,CAAE,IAAI,CACTC,KAAK,CAAE,KACT,CAAC,CACDC,KAAK,CAAE,CACLR,IAAI,CAAE,CAAC,CACPS,OAAO,CAAE,GAAG,CACZC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,GAAG,CACVC,OAAO,CAAE,CACX,CACF;;;;"}