@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1,17 +1,15 @@
-import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
+import '../../../utils/makeTypographySize/index.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 '../../../utils/index.js';
+import '../../../utils/makeLetterSpacing/index.js';
+import '../../../utils/logger/index.js';
+import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
 import { makeLetterSpacing } from '../../../utils/makeLetterSpacing/makeLetterSpacing.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { logger } from '../../../utils/logger/logger.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};}}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);};
+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:{};var headingVariationStyles=fontFamily==='heading'&&!isReactNative()?{fontVariationSettings:"'opsz' 60"}:{};return Object.assign({color:textColor,fontFamily:themeFontFamily,fontSize:themeFontSize,fontWeight:themeFontWeight,fontStyle:fontStyle,textDecorationLine:actualTextDecorationLine},dottedStyles,headingVariationStyles,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 { 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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"}
+{"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  // Apply Display optical size (opsz: 60) for heading font on web.\n  // The TASA Orbiter variable font has three named optical-size instances:\n  //   Text (opsz:8), Deck (opsz:32), Display (opsz:60).\n  // Without this, browsers default to opsz:8 (Text), which doesn't match\n  // \"TASA Orbiter Display\" that designers have installed locally.\n  const headingVariationStyles: CSSObject =\n    fontFamily === 'heading' && !isReactNative() ? { fontVariationSettings: \"'opsz' 60\" } : {};\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine: actualTextDecorationLine,\n    ...dottedStyles,\n    ...headingVariationStyles,\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","headingVariationStyles","fontVariationSettings","Object","assign","textDecorationColor","margin","padding"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { BaseText } from './BaseText.native.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,23 +1,27 @@
 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';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../../utils/makeTypographySize/index.native.js';
+import '../BaseText/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/logger/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import '../../BladeProvider/useTheme.js';
+import { makeTypographySize } from '../../../utils/makeTypographySize/makeTypographySize.native.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
-import { jsx } from 'react/jsx-runtime';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
+import { BaseText } from '../BaseText/BaseText.native.js';
+import { isAndroid } from '../../../utils/platform/getOS.native.js';
 
-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);
+var _excluded=["children","size","weight","isHighlighted","color","testID","textTransform"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Typography/Code/Code.tsx";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,style:isAndroid()?{includeFontPadding:false}:undefined,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 { 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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"}
+{"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, isAndroid } 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        // Android's default font padding nudges inline code up relative to adjacent text.\n        style={(isAndroid() ? { includeFontPadding: false } : undefined) as never}\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":["this","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","style","isAndroid","includeFontPadding","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Code } from './Code.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,17 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { BaseText } from '../BaseText/BaseText.native.js';
+import '../BaseText/index.js';
 import { useValidateAsProp } from '../utils.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
-import '../../BladeProvider/useTheme.js';
+import { BaseText } from '../BaseText/BaseText.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["as","size","weight","color","children","testID","textAlign","textDecorationLine","textTransform"];var validAsValues=['span','h1','h2','h3','h4','h5','h6'];var getProps=function getProps(_ref){var as=_ref.as,size=_ref.size,weight=_ref.weight,color=_ref.color,testID=_ref.testID;var isPlatformWeb=getPlatformType()==='browser'||getPlatformType()==='node';var letterSpacing=weight==='medium'||weight==='regular'?50:100;var props={color:color,fontSize:800,fontWeight:weight,fontStyle:'normal',lineHeight:800,fontFamily:'heading',accessibilityProps:isPlatformWeb?{}:{role:'heading'},componentName:'display',testID:testID,letterSpacing:letterSpacing};if(size==='small'){props.fontSize=800;props.lineHeight=800;}else if(size==='medium'){props.fontSize=900;props.lineHeight=900;}else if(size==='large'){props.fontSize=1000;props.lineHeight=1000;}else if(size==='xlarge'){props.fontSize=1100;props.lineHeight=1100;}props.as=isPlatformWeb?'h1':undefined;props.as=as||props.as;return props;};var _Display=function _Display(_ref2,ref){var as=_ref2.as,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'semibold':_ref2$weight,_ref2$color=_ref2.color,color=_ref2$color===void 0?'surface.text.gray.normal':_ref2$color,children=_ref2.children,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);useValidateAsProp({componentName:'Display',as:as,validAsValues:validAsValues});var props=getProps({as:as,size:size,color:color,weight:weight,testID:testID});return jsx(BaseText,Object.assign({ref:ref},props,{textAlign:textAlign,textDecorationLine:textDecorationLine,textTransform:textTransform},getStyledProps(styledProps),makeAnalyticsAttribute(styledProps),{children:children}));};var Display=React__default.forwardRef(_Display);
+var _excluded=["as","size","weight","color","children","testID","textAlign","textDecorationLine","textTransform"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Typography/Display/Display.tsx";var validAsValues=['span','h1','h2','h3','h4','h5','h6'];var getProps=function getProps(_ref){var as=_ref.as,size=_ref.size,weight=_ref.weight,color=_ref.color,testID=_ref.testID;var isPlatformWeb=getPlatformType()==='browser'||getPlatformType()==='node';var letterSpacing=weight==='medium'||weight==='regular'?50:100;var props={color:color,fontSize:800,fontWeight:weight,fontStyle:'normal',lineHeight:800,fontFamily:'heading',accessibilityProps:isPlatformWeb?{}:{role:'heading'},componentName:'display',testID:testID,letterSpacing:letterSpacing};if(size==='small'){props.fontSize=800;props.lineHeight=800;}else if(size==='medium'){props.fontSize=900;props.lineHeight=900;}else if(size==='large'){props.fontSize=1000;props.lineHeight=1000;}else if(size==='xlarge'){props.fontSize=1100;props.lineHeight=1100;}props.as=isPlatformWeb?'h1':undefined;props.as=as||props.as;return props;};var _Display=function _Display(_ref2,ref){var as=_ref2.as,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'semibold':_ref2$weight,_ref2$color=_ref2.color,color=_ref2$color===void 0?'surface.text.gray.normal':_ref2$color,children=_ref2.children,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);useValidateAsProp({componentName:'Display',as:as,validAsValues:validAsValues});var props=getProps({as:as,size:size,color:color,weight:weight,testID:testID});return jsx(BaseText,Object.assign({ref:ref},props,{textAlign:textAlign,textDecorationLine:textDecorationLine,textTransform:textTransform},getStyledProps(styledProps),makeAnalyticsAttribute(styledProps),{children:children}));};var Display=React__default.forwardRef(_Display);
 
 export { Display };
 //# sourceMappingURL=Display.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Display.js","sources":["../../../../../../src/components/Typography/Display/Display.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } 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 { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport type DisplayProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Display component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of title\n   */\n  color?: BaseTextProps['color'];\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  textTransform?: BaseTextProps['textTransform'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nconst getProps = ({\n  as,\n  size,\n  weight,\n  color,\n  testID,\n}: Pick<DisplayProps, 'as' | 'size' | 'color' | 'weight' | 'testID'>): Omit<\n  BaseTextProps,\n  'children'\n> => {\n  const isPlatformWeb = getPlatformType() === 'browser' || getPlatformType() === 'node';\n  const letterSpacing = weight === 'medium' || weight === 'regular' ? 50 : 100;\n  const props: Omit<BaseTextProps, 'children'> = {\n    color,\n    fontSize: 800,\n    fontWeight: weight,\n    fontStyle: 'normal',\n    lineHeight: 800,\n    fontFamily: 'heading',\n    accessibilityProps: isPlatformWeb ? {} : { role: 'heading' },\n    componentName: 'display',\n    testID,\n    letterSpacing,\n  };\n\n  if (size === 'small') {\n    props.fontSize = 800;\n    props.lineHeight = 800;\n  } else if (size === 'medium') {\n    props.fontSize = 900;\n    props.lineHeight = 900;\n  } else if (size === 'large') {\n    props.fontSize = 1000;\n    props.lineHeight = 1000;\n  } else if (size === 'xlarge') {\n    props.fontSize = 1100;\n    props.lineHeight = 1100;\n  }\n\n  props.as = isPlatformWeb ? 'h1' : undefined;\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nconst _Display = (\n  {\n    as,\n    size = 'small',\n    weight = 'semibold',\n    color = 'surface.text.gray.normal',\n    children,\n    testID,\n    textAlign,\n    textDecorationLine,\n    textTransform,\n    ...styledProps\n  }: DisplayProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  useValidateAsProp({ componentName: 'Display', as, validAsValues });\n\n  const props = getProps({ as, size, color, weight, testID });\n\n  return (\n    <BaseText\n      ref={ref}\n      {...props}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      textTransform={textTransform}\n      {...getStyledProps(styledProps)}\n      {...makeAnalyticsAttribute(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n\nconst Display = React.forwardRef(_Display);\nexport { Display };\n"],"names":["validAsValues","getProps","_ref","as","size","weight","color","testID","isPlatformWeb","getPlatformType","letterSpacing","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","role","componentName","undefined","_Display","_ref2","ref","_ref2$size","_ref2$weight","_ref2$color","children","textAlign","textDecorationLine","textTransform","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","Object","assign","getStyledProps","makeAnalyticsAttribute","Display","React","forwardRef"],"mappings":";;;;;;;;;;;;;;kHAWA,IAAMA,aAAa,CAAG,CAAC,MAAM,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAU,CAmB3E,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAST,CAAA,IARHC,EAAE,CAAAD,IAAA,CAAFC,EAAE,CACFC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CACLC,MAAM,CAAAL,IAAA,CAANK,MAAM,CAKN,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,SAAS,EAAIA,eAAe,EAAE,GAAK,MAAM,CACrF,IAAMC,aAAa,CAAGL,MAAM,GAAK,QAAQ,EAAIA,MAAM,GAAK,SAAS,CAAG,EAAE,CAAG,GAAG,CAC5E,IAAMM,KAAsC,CAAG,CAC7CL,KAAK,CAALA,KAAK,CACLM,QAAQ,CAAE,GAAG,CACbC,UAAU,CAAER,MAAM,CAClBS,SAAS,CAAE,QAAQ,CACnBC,UAAU,CAAE,GAAG,CACfC,UAAU,CAAE,SAAS,CACrBC,kBAAkB,CAAET,aAAa,CAAG,EAAE,CAAG,CAAEU,IAAI,CAAE,SAAU,CAAC,CAC5DC,aAAa,CAAE,SAAS,CACxBZ,MAAM,CAANA,MAAM,CACNG,aAAa,CAAbA,aACF,CAAC,CAED,GAAIN,IAAI,GAAK,OAAO,CAAE,CACpBO,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACxB,CAAC,KAAM,GAAIX,IAAI,GAAK,QAAQ,CAAE,CAC5BO,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACxB,CAAC,KAAM,GAAIX,IAAI,GAAK,OAAO,CAAE,CAC3BO,KAAK,CAACC,QAAQ,CAAG,IAAI,CACrBD,KAAK,CAACI,UAAU,CAAG,IAAI,CACzB,CAAC,KAAM,GAAIX,IAAI,GAAK,QAAQ,CAAE,CAC5BO,KAAK,CAACC,QAAQ,CAAG,IAAI,CACrBD,KAAK,CAACI,UAAU,CAAG,IAAI,CACzB,CAEAJ,KAAK,CAACR,EAAE,CAAGK,aAAa,CAAG,IAAI,CAAGY,SAAS,CAE3CT,KAAK,CAACR,EAAE,CAAGA,EAAE,EAAIQ,KAAK,CAACR,EAAE,CACzB,OAAOQ,KAAK,CACd,CAAC,CAED,IAAMU,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAaZC,GAA+B,CACd,CAAA,IAZfpB,EAAE,CAAAmB,KAAA,CAAFnB,EAAE,CAAAqB,UAAA,CAAAF,KAAA,CACFlB,IAAI,CAAJA,IAAI,CAAAoB,UAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,UAAA,CAAAC,YAAA,CAAAH,KAAA,CACdjB,MAAM,CAANA,MAAM,CAAAoB,YAAA,GAAG,KAAA,CAAA,CAAA,UAAU,CAAAA,YAAA,CAAAC,WAAA,CAAAJ,KAAA,CACnBhB,KAAK,CAALA,KAAK,CAAAoB,WAAA,GAAA,KAAA,CAAA,CAAG,0BAA0B,CAAAA,WAAA,CAClCC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRpB,MAAM,CAAAe,KAAA,CAANf,MAAM,CACNqB,SAAS,CAAAN,KAAA,CAATM,SAAS,CACTC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAClBC,aAAa,CAAAR,KAAA,CAAbQ,aAAa,CACVC,WAAW,CAAAC,wBAAA,CAAAV,KAAA,CAAAW,SAAA,EAIhBC,iBAAiB,CAAC,CAAEf,aAAa,CAAE,SAAS,CAAEhB,EAAE,CAAFA,EAAE,CAAEH,aAAa,CAAbA,aAAc,CAAC,CAAC,CAElE,IAAMW,KAAK,CAAGV,QAAQ,CAAC,CAAEE,EAAE,CAAFA,EAAE,CAAEC,IAAI,CAAJA,IAAI,CAAEE,KAAK,CAALA,KAAK,CAAED,MAAM,CAANA,MAAM,CAAEE,MAAM,CAANA,MAAO,CAAC,CAAC,CAE3D,OACE4B,GAAA,CAACC,QAAQ,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACPf,GAAG,CAAEA,GAAI,CAAA,CACLZ,KAAK,CACTiB,CAAAA,SAAS,CAAEA,SAAU,CACrBC,kBAAkB,CAAEA,kBAAmB,CACvCC,aAAa,CAAEA,aAAc,CACzBS,CAAAA,cAAc,CAACR,WAAW,CAAC,CAC3BS,sBAAsB,CAACT,WAAW,CAAC,CAAA,CAAAJ,QAAA,CAEtCA,QAAQ,CAAA,CACD,CAAC,CAEf,CAAC,CAEK,IAAAc,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACtB,QAAQ;;;;"}
+{"version":3,"file":"Display.js","sources":["../../../../../../src/components/Typography/Display/Display.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } 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 { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport type DisplayProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Display component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of title\n   */\n  color?: BaseTextProps['color'];\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  textTransform?: BaseTextProps['textTransform'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nconst getProps = ({\n  as,\n  size,\n  weight,\n  color,\n  testID,\n}: Pick<DisplayProps, 'as' | 'size' | 'color' | 'weight' | 'testID'>): Omit<\n  BaseTextProps,\n  'children'\n> => {\n  const isPlatformWeb = getPlatformType() === 'browser' || getPlatformType() === 'node';\n  const letterSpacing = weight === 'medium' || weight === 'regular' ? 50 : 100;\n  const props: Omit<BaseTextProps, 'children'> = {\n    color,\n    fontSize: 800,\n    fontWeight: weight,\n    fontStyle: 'normal',\n    lineHeight: 800,\n    fontFamily: 'heading',\n    accessibilityProps: isPlatformWeb ? {} : { role: 'heading' },\n    componentName: 'display',\n    testID,\n    letterSpacing,\n  };\n\n  if (size === 'small') {\n    props.fontSize = 800;\n    props.lineHeight = 800;\n  } else if (size === 'medium') {\n    props.fontSize = 900;\n    props.lineHeight = 900;\n  } else if (size === 'large') {\n    props.fontSize = 1000;\n    props.lineHeight = 1000;\n  } else if (size === 'xlarge') {\n    props.fontSize = 1100;\n    props.lineHeight = 1100;\n  }\n\n  props.as = isPlatformWeb ? 'h1' : undefined;\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nconst _Display = (\n  {\n    as,\n    size = 'small',\n    weight = 'semibold',\n    color = 'surface.text.gray.normal',\n    children,\n    testID,\n    textAlign,\n    textDecorationLine,\n    textTransform,\n    ...styledProps\n  }: DisplayProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  useValidateAsProp({ componentName: 'Display', as, validAsValues });\n\n  const props = getProps({ as, size, color, weight, testID });\n\n  return (\n    <BaseText\n      ref={ref}\n      {...props}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      textTransform={textTransform}\n      {...getStyledProps(styledProps)}\n      {...makeAnalyticsAttribute(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n\nconst Display = React.forwardRef(_Display);\nexport { Display };\n"],"names":["validAsValues","getProps","_ref","as","size","weight","color","testID","isPlatformWeb","getPlatformType","letterSpacing","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","role","componentName","undefined","_Display","_ref2","ref","_ref2$size","_ref2$weight","_ref2$color","children","textAlign","textDecorationLine","textTransform","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","Object","assign","getStyledProps","makeAnalyticsAttribute","Display","React","forwardRef"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Display } from './Display.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,17 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { BaseText } from '../BaseText/BaseText.native.js';
+import '../BaseText/index.js';
 import { useValidateAsProp } from '../utils.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import '../../BladeProvider/useTheme.js';
+import { BaseText } from '../BaseText/BaseText.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["as","size","weight","color","children","testID","textAlign","textDecorationLine","wordBreak","textTransform"];var validAsValues=['span','h1','h2','h3','h4','h5','h6'];var getHeadingProps=function getHeadingProps(_ref){var as=_ref.as,size=_ref.size,weight=_ref.weight,color=_ref.color,testID=_ref.testID;var props={color:color,fontSize:300,fontWeight:weight!=null?weight:'semibold',fontStyle:'normal',lineHeight:300,fontFamily:'heading',accessibilityProps:isReactNative()?{role:'heading'}:{},componentName:'heading',testID:testID};if(size==='small'){props.fontSize=300;props.lineHeight=300;props.as='h6';}else if(size==='medium'){props.fontSize=400;props.lineHeight=400;props.as='h5';}else if(size==='large'){props.fontSize=500;props.lineHeight=500;props.as='h4';}else if(size==='xlarge'){props.fontSize=600;props.lineHeight=600;props.as='h3';}else if(size==='2xlarge'){props.fontSize=700;props.lineHeight=700;props.as='h2';}props.as=as||props.as;return props;};var _Heading=function _Heading(_ref2,ref){var as=_ref2.as,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'semibold':_ref2$weight,_ref2$color=_ref2.color,color=_ref2$color===void 0?'surface.text.gray.normal':_ref2$color,children=_ref2.children,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,wordBreak=_ref2.wordBreak,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);useValidateAsProp({componentName:'Heading',as:as,validAsValues:validAsValues});var props=getHeadingProps({as:as,size:size,weight:weight,color:color,testID:testID});return jsx(BaseText,Object.assign({},props,{ref:ref,textAlign:textAlign,textDecorationLine:textDecorationLine,textTransform:textTransform,wordBreak:wordBreak},getStyledProps(styledProps),makeAnalyticsAttribute(styledProps),{children:children}));};var Heading=React__default.forwardRef(_Heading);
+var _excluded=["as","size","weight","color","children","testID","textAlign","textDecorationLine","wordBreak","textTransform"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Typography/Heading/Heading.tsx";var validAsValues=['span','h1','h2','h3','h4','h5','h6'];var getHeadingProps=function getHeadingProps(_ref){var as=_ref.as,size=_ref.size,weight=_ref.weight,color=_ref.color,testID=_ref.testID;var props={color:color,fontSize:300,fontWeight:weight!=null?weight:'semibold',fontStyle:'normal',lineHeight:300,fontFamily:'heading',accessibilityProps:isReactNative()?{role:'heading'}:{},componentName:'heading',testID:testID};if(size==='small'){props.fontSize=300;props.lineHeight=300;props.as='h6';}else if(size==='medium'){props.fontSize=400;props.lineHeight=400;props.as='h5';}else if(size==='large'){props.fontSize=500;props.lineHeight=500;props.as='h4';}else if(size==='xlarge'){props.fontSize=600;props.lineHeight=600;props.as='h3';}else if(size==='2xlarge'){props.fontSize=700;props.lineHeight=700;props.as='h2';}props.as=as||props.as;return props;};var _Heading=function _Heading(_ref2,ref){var as=_ref2.as,_ref2$size=_ref2.size,size=_ref2$size===void 0?'small':_ref2$size,_ref2$weight=_ref2.weight,weight=_ref2$weight===void 0?'semibold':_ref2$weight,_ref2$color=_ref2.color,color=_ref2$color===void 0?'surface.text.gray.normal':_ref2$color,children=_ref2.children,testID=_ref2.testID,textAlign=_ref2.textAlign,textDecorationLine=_ref2.textDecorationLine,wordBreak=_ref2.wordBreak,textTransform=_ref2.textTransform,styledProps=_objectWithoutProperties(_ref2,_excluded);useValidateAsProp({componentName:'Heading',as:as,validAsValues:validAsValues});var props=getHeadingProps({as:as,size:size,weight:weight,color:color,testID:testID});return jsx(BaseText,Object.assign({},props,{ref:ref,textAlign:textAlign,textDecorationLine:textDecorationLine,textTransform:textTransform,wordBreak:wordBreak},getStyledProps(styledProps),makeAnalyticsAttribute(styledProps),{children:children}));};var Heading=React__default.forwardRef(_Heading);
 
 export { Heading, getHeadingProps };
 //# sourceMappingURL=Heading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport type { ReactElement } 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 { isReactNative } from '~utils';\nimport type { BladeElementRef, TestID, ElementTiming } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport type HeadingProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Heading component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of heading\n   */\n  color?: BaseTextProps['color'];\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  textTransform?: BaseTextProps['textTransform'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nexport const getHeadingProps = ({\n  as,\n  size,\n  weight,\n  color,\n  testID,\n}: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>): Omit<\n  BaseTextProps,\n  'children'\n> => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    color,\n    fontSize: 300,\n    fontWeight: weight ?? 'semibold',\n    fontStyle: 'normal',\n    lineHeight: 300,\n    fontFamily: 'heading',\n    accessibilityProps: isReactNative() ? { role: 'heading' } : {},\n    componentName: 'heading',\n    testID,\n  };\n\n  if (size === 'small') {\n    props.fontSize = 300;\n    props.lineHeight = 300;\n    props.as = 'h6';\n  } else if (size === 'medium') {\n    props.fontSize = 400;\n    props.lineHeight = 400;\n    props.as = 'h5';\n  } else if (size === 'large') {\n    props.fontSize = 500;\n    props.lineHeight = 500;\n    props.as = 'h4';\n  } else if (size === 'xlarge') {\n    props.fontSize = 600;\n    props.lineHeight = 600;\n    props.as = 'h3';\n  } else if (size === '2xlarge') {\n    props.fontSize = 700;\n    props.lineHeight = 700;\n    props.as = 'h2';\n  }\n\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nconst _Heading = (\n  {\n    as,\n    size = 'small',\n    weight = 'semibold',\n    color = 'surface.text.gray.normal',\n    children,\n    testID,\n    textAlign,\n    textDecorationLine,\n    wordBreak,\n    textTransform,\n    ...styledProps\n  }: HeadingProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  useValidateAsProp({ componentName: 'Heading', as, validAsValues });\n\n  const props = getHeadingProps({ as, size, weight, color, testID });\n\n  return (\n    <BaseText\n      {...props}\n      ref={ref}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      textTransform={textTransform}\n      wordBreak={wordBreak}\n      {...getStyledProps(styledProps)}\n      {...makeAnalyticsAttribute(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n\nconst Heading = React.forwardRef(_Heading);\n\nexport { Heading };\n"],"names":["validAsValues","getHeadingProps","_ref","as","size","weight","color","testID","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","isReactNative","role","componentName","_Heading","_ref2","ref","_ref2$size","_ref2$weight","_ref2$color","children","textAlign","textDecorationLine","wordBreak","textTransform","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","Object","assign","getStyledProps","makeAnalyticsAttribute","Heading","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Heading.js","sources":["../../../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport React from 'react';\nimport type { ReactElement } 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 { isReactNative } from '~utils';\nimport type { BladeElementRef, TestID, ElementTiming } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validAsValues = ['span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;\nexport type HeadingProps = {\n  as?: typeof validAsValues[number];\n  /**\n   * Overrides the color of the Heading component.\n   *\n   * **Note** This takes priority over `type` and `contrast` prop to decide color of heading\n   */\n  color?: BaseTextProps['color'];\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n  children: React.ReactNode;\n  textAlign?: BaseTextProps['textAlign'];\n  textDecorationLine?: BaseTextProps['textDecorationLine'];\n  size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  textTransform?: BaseTextProps['textTransform'];\n  wordBreak?: BaseTextProps['wordBreak'];\n} & TestID &\n  ElementTiming &\n  StyledPropsBlade;\n\nexport const getHeadingProps = ({\n  as,\n  size,\n  weight,\n  color,\n  testID,\n}: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>): Omit<\n  BaseTextProps,\n  'children'\n> => {\n  const props: Omit<BaseTextProps, 'children'> = {\n    color,\n    fontSize: 300,\n    fontWeight: weight ?? 'semibold',\n    fontStyle: 'normal',\n    lineHeight: 300,\n    fontFamily: 'heading',\n    accessibilityProps: isReactNative() ? { role: 'heading' } : {},\n    componentName: 'heading',\n    testID,\n  };\n\n  if (size === 'small') {\n    props.fontSize = 300;\n    props.lineHeight = 300;\n    props.as = 'h6';\n  } else if (size === 'medium') {\n    props.fontSize = 400;\n    props.lineHeight = 400;\n    props.as = 'h5';\n  } else if (size === 'large') {\n    props.fontSize = 500;\n    props.lineHeight = 500;\n    props.as = 'h4';\n  } else if (size === 'xlarge') {\n    props.fontSize = 600;\n    props.lineHeight = 600;\n    props.as = 'h3';\n  } else if (size === '2xlarge') {\n    props.fontSize = 700;\n    props.lineHeight = 700;\n    props.as = 'h2';\n  }\n\n  // override the computed `as` prop if user passed an `as` prop\n  props.as = as || props.as;\n  return props;\n};\n\nconst _Heading = (\n  {\n    as,\n    size = 'small',\n    weight = 'semibold',\n    color = 'surface.text.gray.normal',\n    children,\n    testID,\n    textAlign,\n    textDecorationLine,\n    wordBreak,\n    textTransform,\n    ...styledProps\n  }: HeadingProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  useValidateAsProp({ componentName: 'Heading', as, validAsValues });\n\n  const props = getHeadingProps({ as, size, weight, color, testID });\n\n  return (\n    <BaseText\n      {...props}\n      ref={ref}\n      textAlign={textAlign}\n      textDecorationLine={textDecorationLine}\n      textTransform={textTransform}\n      wordBreak={wordBreak}\n      {...getStyledProps(styledProps)}\n      {...makeAnalyticsAttribute(styledProps)}\n    >\n      {children}\n    </BaseText>\n  );\n};\n\nconst Heading = React.forwardRef(_Heading);\n\nexport { Heading };\n"],"names":["validAsValues","getHeadingProps","_ref","as","size","weight","color","testID","props","fontSize","fontWeight","fontStyle","lineHeight","fontFamily","accessibilityProps","isReactNative","role","componentName","_Heading","_ref2","ref","_ref2$size","_ref2$weight","_ref2$color","children","textAlign","textDecorationLine","wordBreak","textTransform","styledProps","_objectWithoutProperties","_excluded","useValidateAsProp","_jsx","BaseText","Object","assign","getStyledProps","makeAnalyticsAttribute","Heading","React","forwardRef"],"mappings":";;;;;;;;;;;;;4PAYA,IAAMA,aAAa,CAAG,CAAC,MAAM,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAE,IAAI,CAAU,CAoB9D,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CASvB,CAAA,IARHC,EAAE,CAAAD,IAAA,CAAFC,EAAE,CACFC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,KAAK,CAAAJ,IAAA,CAALI,KAAK,CACLC,MAAM,CAAAL,IAAA,CAANK,MAAM,CAKN,IAAMC,KAAsC,CAAG,CAC7CF,KAAK,CAALA,KAAK,CACLG,QAAQ,CAAE,GAAG,CACbC,UAAU,CAAEL,MAAM,EAAA,IAAA,CAANA,MAAM,CAAI,UAAU,CAChCM,SAAS,CAAE,QAAQ,CACnBC,UAAU,CAAE,GAAG,CACfC,UAAU,CAAE,SAAS,CACrBC,kBAAkB,CAAEC,aAAa,EAAE,CAAG,CAAEC,IAAI,CAAE,SAAU,CAAC,CAAG,EAAE,CAC9DC,aAAa,CAAE,SAAS,CACxBV,MAAM,CAANA,MACF,CAAC,CAED,GAAIH,IAAI,GAAK,OAAO,CAAE,CACpBI,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACL,EAAE,CAAG,IAAI,CACjB,CAAC,KAAM,GAAIC,IAAI,GAAK,QAAQ,CAAE,CAC5BI,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACL,EAAE,CAAG,IAAI,CACjB,CAAC,KAAM,GAAIC,IAAI,GAAK,OAAO,CAAE,CAC3BI,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACL,EAAE,CAAG,IAAI,CACjB,CAAC,KAAM,GAAIC,IAAI,GAAK,QAAQ,CAAE,CAC5BI,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACL,EAAE,CAAG,IAAI,CACjB,CAAC,KAAM,GAAIC,IAAI,GAAK,SAAS,CAAE,CAC7BI,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACL,EAAE,CAAG,IAAI,CACjB,CAGAK,KAAK,CAACL,EAAE,CAAGA,EAAE,EAAIK,KAAK,CAACL,EAAE,CACzB,OAAOK,KAAK,CACd,EAEA,IAAMU,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAcZC,GAA+B,CACd,CAAA,IAbfjB,EAAE,CAAAgB,KAAA,CAAFhB,EAAE,CAAAkB,UAAA,CAAAF,KAAA,CACFf,IAAI,CAAJA,IAAI,CAAAiB,UAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,UAAA,CAAAC,YAAA,CAAAH,KAAA,CACdd,MAAM,CAANA,MAAM,CAAAiB,YAAA,GAAG,KAAA,CAAA,CAAA,UAAU,CAAAA,YAAA,CAAAC,WAAA,CAAAJ,KAAA,CACnBb,KAAK,CAALA,KAAK,CAAAiB,WAAA,GAAG,KAAA,CAAA,CAAA,0BAA0B,CAAAA,WAAA,CAClCC,QAAQ,CAAAL,KAAA,CAARK,QAAQ,CACRjB,MAAM,CAAAY,KAAA,CAANZ,MAAM,CACNkB,SAAS,CAAAN,KAAA,CAATM,SAAS,CACTC,kBAAkB,CAAAP,KAAA,CAAlBO,kBAAkB,CAClBC,SAAS,CAAAR,KAAA,CAATQ,SAAS,CACTC,aAAa,CAAAT,KAAA,CAAbS,aAAa,CACVC,WAAW,CAAAC,wBAAA,CAAAX,KAAA,CAAAY,SAAA,CAAA,CAIhBC,iBAAiB,CAAC,CAAEf,aAAa,CAAE,SAAS,CAAEd,EAAE,CAAFA,EAAE,CAAEH,aAAa,CAAbA,aAAc,CAAC,CAAC,CAElE,IAAMQ,KAAK,CAAGP,eAAe,CAAC,CAAEE,EAAE,CAAFA,EAAE,CAAEC,IAAI,CAAJA,IAAI,CAAEC,MAAM,CAANA,MAAM,CAAEC,KAAK,CAALA,KAAK,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAElE,OACE0B,GAAA,CAACC,QAAQ,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACH5B,KAAK,CAAA,CACTY,GAAG,CAAEA,GAAI,CACTK,SAAS,CAAEA,SAAU,CACrBC,kBAAkB,CAAEA,kBAAmB,CACvCE,aAAa,CAAEA,aAAc,CAC7BD,SAAS,CAAEA,SAAU,CAAA,CACjBU,cAAc,CAACR,WAAW,CAAC,CAC3BS,sBAAsB,CAACT,WAAW,CAAC,CAAA,CAAAL,QAAA,CAEtCA,QAAQ,CAAA,CACD,CAAC,CAEf,CAAC,CAEK,IAAAe,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACvB,QAAQ;;;;"}

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

@@ -0,0 +1,2 @@
+export { Heading, getHeadingProps } from './Heading.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,17 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { BaseText } from '../BaseText/BaseText.native.js';
+import '../BaseText/index.js';
 import { useValidateAsProp } from '../utils.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../Box/styledProps/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/logger/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../../utils/logger/logger.js';
-import '../../BladeProvider/useTheme.js';
+import { BaseText } from '../BaseText/BaseText.native.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.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;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'});
+var _excluded=["as","variant","weight","size","truncateAfterLines","children","color","testID","textAlign","textDecorationLine","wordBreak","textTransform","elementtiming"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Typography/Text/Text.tsx";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      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":";;;;;;;;;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,QAAA,CAAA,MAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,OAAA,CAAA,QAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,eAAA,CAAA,eAAA,CAAA,CAUA,IAAMA,aAAa,CAAG,CAAC,GAAG,CAAE,MAAM,CAAE,KAAK,CAAE,MAAM,CAAE,YAAY,CAAE,MAAM,CAAE,GAAG,CAAE,OAAO,CAAU,CAqDzF,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAQyB,CAPzC,IAAAC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CAAAC,UAAA,CAAAJ,IAAA,CACJK,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,0BAA0B,CAAAA,UAAA,CAClCE,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,SAAS,CAAAP,IAAA,CAATO,SAAS,CACTC,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAElB,IAAMC,KAAyB,CAAG,CAChCJ,KAAK,CAALA,KAAK,CACLK,QAAQ,CAAE,GAAG,CACbC,UAAU,CAAET,MAAM,EAAA,IAAA,CAANA,MAAM,CAAI,SAAS,CAC/BU,SAAS,CAAE,QAAQ,CACnBC,UAAU,CAAE,GAAG,CACfC,UAAU,CAAE,MAAM,CAClBC,aAAa,CAAE,MAAM,CACrBT,MAAM,CAANA,MAAM,CACNC,SAAS,CAATA,SAAS,CACTC,kBAAkB,CAAlBA,kBACF,CAAC,CAED,GAAIP,OAAO,GAAK,SAAS,CAAE,CAEzB,GAAIE,IAAI,EAAIA,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAAE,CACjD,GAAIa,OAAO,CAAE,CACXC,eAAe,CAAC,CACdC,UAAU,CAAE,MAAM,CAClBC,OAAO,CAAE,mBAAmBhB,IAAI,CAAA,2BAAA,CAClC,CAAC,CAAC,CACJ,CAEAA,IAAI,CAAG,OAAO,CAChB,CACF,CAAC,KAAUF,GAAAA,OAAO,GAAK,SAAS,EAAI,CAACE,IAAI,CAAE,CACzCA,IAAI,CAAG,QAAQ,CACjB,CAEA,GAAIF,OAAO,GAAK,MAAM,CAAE,CACtB,GAAIE,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACF,CACA,GAAInB,OAAO,GAAK,SAAS,CAAE,CACzB,GAAIE,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACE,UAAU,CAAG,SAAS,CAC5BF,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACE,UAAU,CAAG,SAAS,CAC5BF,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACF,CAEA,OAAOX,KAAK,CACd,EAEA,IAAMY,KAAK,CAAG,SAARA,KAAKA,CAAAC,KAAA,CAiBTC,GAA+B,CACd,CAAA,IAAAC,QAAA,CAAAF,KAAA,CAhBfG,EAAE,CAAFA,EAAE,CAAAD,QAAA,GAAA,KAAA,CAAA,CAAG,GAAG,CAAAA,QAAA,CAAAE,aAAA,CAAAJ,KAAA,CACRrB,OAAO,CAAPA,OAAO,CAAAyB,aAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,aAAA,CAAAC,YAAA,CAAAL,KAAA,CAChBpB,MAAM,CAANA,MAAM,CAAAyB,YAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,YAAA,CAClBxB,IAAI,CAAAmB,KAAA,CAAJnB,IAAI,CACJyB,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAClBC,QAAQ,CAAAP,KAAA,CAARO,QAAQ,CACRxB,KAAK,CAAAiB,KAAA,CAALjB,KAAK,CACLC,MAAM,CAAAgB,KAAA,CAANhB,MAAM,CACNC,SAAS,CAAAe,KAAA,CAATf,SAAS,CACTC,kBAAkB,CAAAc,KAAA,CAAlBd,kBAAkB,CAClBsB,SAAS,CAAAR,KAAA,CAATQ,SAAS,CACTC,aAAa,CAAAT,KAAA,CAAbS,aAAa,CACbC,aAAa,CAAAV,KAAA,CAAbU,aAAa,CACVC,WAAW,CAAAC,wBAAA,CAAAZ,KAAA,CAAAa,SAAA,CAIhB,CAAA,IAAM1B,KAAsC,CAAA2B,MAAA,CAAAC,MAAA,CAC1CZ,CAAAA,EAAE,CAAFA,EAAE,CACFG,kBAAkB,CAAlBA,kBAAkB,CAClBE,SAAS,CAATA,SAAS,CACTC,aAAa,CAAbA,aAAa,CACbC,aAAa,CAAbA,aAAa,EACVjC,YAAY,CAAC,CACdE,OAAO,CAAPA,OAAO,CACPC,MAAM,CAANA,MAAM,CACNG,KAAK,CAALA,KAAK,CACLF,IAAI,CAAJA,IAAI,CACJG,MAAM,CAANA,MAAM,CACNC,SAAS,CAATA,SAAS,CACTC,kBAAkB,CAAlBA,kBACF,CAAC,CAAC,CACH,CAED8B,iBAAiB,CAAC,CAAEvB,aAAa,CAAE,MAAM,CAAEU,EAAE,CAAFA,EAAE,CAAE3B,aAAa,CAAbA,aAAc,CAAC,CAAC,CAE/D,OACEyC,GAAA,CAACC,QAAQ,CAAAJ,MAAA,CAAAC,MAAA,CAAA,CAACd,GAAG,CAAEA,GAAI,EAAKd,KAAK,CAAMgC,cAAc,CAACR,WAAW,CAAC,CAAA,CAAAJ,QAAA,CAC3DA,QAAQ,CACD,CAAA,CAAC,CAEf,CAAC,CAEK,IAAAa,IAAI,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACxB,KAAK,CAAC,CAAE,CAC7DyB,WAAW,CAAE,MAAM,CACnBC,WAAW,CAAE,MACf,CAAC;;;;"}
+{"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":["this","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":";;;;;;;;;;;;;AAEA,IAAA,SAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,QAAA,CAAA,MAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,OAAA,CAAA,QAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,WAAA,CAAA,eAAA,CAAA,eAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,sFAAA,CAUA,IAAMC,aAAa,CAAG,CAAC,GAAG,CAAE,MAAM,CAAE,KAAK,CAAE,MAAM,CAAE,YAAY,CAAE,MAAM,CAAE,GAAG,CAAE,OAAO,CAAU,CAqDzF,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAQyB,CAPzC,IAAAC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CAAAC,UAAA,CAAAJ,IAAA,CACJK,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,0BAA0B,CAAAA,UAAA,CAClCE,MAAM,CAAAN,IAAA,CAANM,MAAM,CACNC,SAAS,CAAAP,IAAA,CAATO,SAAS,CACTC,kBAAkB,CAAAR,IAAA,CAAlBQ,kBAAkB,CAElB,IAAMC,KAAyB,CAAG,CAChCJ,KAAK,CAALA,KAAK,CACLK,QAAQ,CAAE,GAAG,CACbC,UAAU,CAAET,MAAM,EAAA,IAAA,CAANA,MAAM,CAAI,SAAS,CAC/BU,SAAS,CAAE,QAAQ,CACnBC,UAAU,CAAE,GAAG,CACfC,UAAU,CAAE,MAAM,CAClBC,aAAa,CAAE,MAAM,CACrBT,MAAM,CAANA,MAAM,CACNC,SAAS,CAATA,SAAS,CACTC,kBAAkB,CAAlBA,kBACF,CAAC,CAED,GAAIP,OAAO,GAAK,SAAS,CAAE,CAEzB,GAAIE,IAAI,EAAIA,IAAI,GAAK,OAAO,EAAIA,IAAI,GAAK,QAAQ,CAAE,CACjD,GAAIa,OAAO,CAAE,CACXC,eAAe,CAAC,CACdC,UAAU,CAAE,MAAM,CAClBC,OAAO,CAAE,mBAAmBhB,IAAI,CAAA,2BAAA,CAClC,CAAC,CAAC,CACJ,CAEAA,IAAI,CAAG,OAAO,CAChB,CACF,CAAC,KAAUF,GAAAA,OAAO,GAAK,SAAS,EAAI,CAACE,IAAI,CAAE,CACzCA,IAAI,CAAG,QAAQ,CACjB,CAEA,GAAIF,OAAO,GAAK,MAAM,CAAE,CACtB,GAAIE,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,GAAG,CACtBJ,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACF,CACA,GAAInB,OAAO,GAAK,SAAS,CAAE,CACzB,GAAIE,IAAI,GAAK,OAAO,CAAE,CACpBM,KAAK,CAACC,QAAQ,CAAG,EAAE,CACnBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACE,UAAU,CAAG,SAAS,CAC5BF,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACA,GAAIjB,IAAI,GAAK,QAAQ,CAAE,CACrBM,KAAK,CAACC,QAAQ,CAAG,GAAG,CACpBD,KAAK,CAACI,UAAU,CAAG,EAAE,CACrBJ,KAAK,CAACE,UAAU,CAAG,SAAS,CAC5BF,KAAK,CAACW,aAAa,CAAG,EAAE,CAC1B,CACF,CAEA,OAAOX,KAAK,CACd,EAEA,IAAMY,KAAK,CAAG,SAARA,KAAKA,CAAAC,KAAA,CAiBTC,GAA+B,CACd,CAAA,IAAAC,QAAA,CAAAF,KAAA,CAhBfG,EAAE,CAAFA,EAAE,CAAAD,QAAA,GAAA,KAAA,CAAA,CAAG,GAAG,CAAAA,QAAA,CAAAE,aAAA,CAAAJ,KAAA,CACRrB,OAAO,CAAPA,OAAO,CAAAyB,aAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,aAAA,CAAAC,YAAA,CAAAL,KAAA,CAChBpB,MAAM,CAANA,MAAM,CAAAyB,YAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,YAAA,CAClBxB,IAAI,CAAAmB,KAAA,CAAJnB,IAAI,CACJyB,kBAAkB,CAAAN,KAAA,CAAlBM,kBAAkB,CAClBC,QAAQ,CAAAP,KAAA,CAARO,QAAQ,CACRxB,KAAK,CAAAiB,KAAA,CAALjB,KAAK,CACLC,MAAM,CAAAgB,KAAA,CAANhB,MAAM,CACNC,SAAS,CAAAe,KAAA,CAATf,SAAS,CACTC,kBAAkB,CAAAc,KAAA,CAAlBd,kBAAkB,CAClBsB,SAAS,CAAAR,KAAA,CAATQ,SAAS,CACTC,aAAa,CAAAT,KAAA,CAAbS,aAAa,CACbC,aAAa,CAAAV,KAAA,CAAbU,aAAa,CACVC,WAAW,CAAAC,wBAAA,CAAAZ,KAAA,CAAAa,SAAA,CAIhB,CAAA,IAAM1B,KAAsC,CAAA2B,MAAA,CAAAC,MAAA,CAC1CZ,CAAAA,EAAE,CAAFA,EAAE,CACFG,kBAAkB,CAAlBA,kBAAkB,CAClBE,SAAS,CAATA,SAAS,CACTC,aAAa,CAAbA,aAAa,CACbC,aAAa,CAAbA,aAAa,EACVjC,YAAY,CAAC,CACdE,OAAO,CAAPA,OAAO,CACPC,MAAM,CAANA,MAAM,CACNG,KAAK,CAALA,KAAK,CACLF,IAAI,CAAJA,IAAI,CACJG,MAAM,CAANA,MAAM,CACNC,SAAS,CAATA,SAAS,CACTC,kBAAkB,CAAlBA,kBACF,CAAC,CAAC,CACH,CAED8B,iBAAiB,CAAC,CAAEvB,aAAa,CAAE,MAAM,CAAEU,EAAE,CAAFA,EAAE,CAAE3B,aAAa,CAAbA,aAAc,CAAC,CAAC,CAE/D,OACEyC,GAAA,CAACC,QAAQ,CAAAJ,MAAA,CAAAC,MAAA,CAAA,CAACd,GAAG,CAAEA,GAAI,EAAKd,KAAK,CAAMgC,cAAc,CAACR,WAAW,CAAC,CAAA,CAAAJ,QAAA,CAC3DA,QAAQ,CACD,CAAA,CAAC,CAEf,CAAC,CAEK,IAAAa,IAAI,CAAGC,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACxB,KAAK,CAAC,CAAE,CAC7DyB,WAAW,CAAE,MAAM,CACnBC,WAAW,CAAE,MACf,CAAC;;;;"}

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

@@ -0,0 +1,2 @@
+export { Text, getTextProps } from './Text.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import './Heading/index.js';
+import './Text/index.js';
+import './Code/index.js';
+import './Display/index.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
 var useValidateAsProp=function useValidateAsProp(_ref){var as=_ref.as,componentName=_ref.componentName,validAsValues=_ref.validAsValues;React__default.useEffect(function(){if(__DEV__){if(as&&!validAsValues.includes(as)){throwBladeError({message:`Invalid \`as\` prop value - ${as}. Only ${validAsValues.join(', ')} are accepted`,moduleName:componentName});}}},[as,componentName,validAsValues]);};

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/Typography/utils.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\nconst useValidateAsProp = ({\n  as,\n  componentName,\n  validAsValues,\n}: {\n  as?: string;\n  componentName: string;\n  validAsValues: readonly string[];\n}): void => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (as && !validAsValues.includes(as)) {\n        throwBladeError({\n          message: `Invalid \\`as\\` prop value - ${as}. Only ${validAsValues.join(\n            ', ',\n          )} are accepted`,\n          moduleName: componentName,\n        });\n      }\n    }\n  }, [as, componentName, validAsValues]);\n};\n\nexport { useValidateAsProp };\n"],"names":["useValidateAsProp","_ref","as","componentName","validAsValues","React","useEffect","__DEV__","includes","throwBladeError","message","join","moduleName"],"mappings":";;;AAGM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAQX,CAAA,IAPVC,EAAE,CAAAD,IAAA,CAAFC,EAAE,CACFC,aAAa,CAAAF,IAAA,CAAbE,aAAa,CACbC,aAAa,CAAAH,IAAA,CAAbG,aAAa,CAMbC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAIC,OAAO,CAAE,CACX,GAAIL,EAAE,EAAI,CAACE,aAAa,CAACI,QAAQ,CAACN,EAAE,CAAC,CAAE,CACrCO,eAAe,CAAC,CACdC,OAAO,CAAE,CAA+BR,4BAAAA,EAAAA,EAAE,UAAUE,aAAa,CAACO,IAAI,CACpE,IACF,CAAC,eAAe,CAChBC,UAAU,CAAET,aACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAE,CAACD,EAAE,CAAEC,aAAa,CAAEC,aAAa,CAAC,CAAC,CACxC;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Typography/utils.ts"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\nconst useValidateAsProp = ({\n  as,\n  componentName,\n  validAsValues,\n}: {\n  as?: string;\n  componentName: string;\n  validAsValues: readonly string[];\n}): void => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (as && !validAsValues.includes(as)) {\n        throwBladeError({\n          message: `Invalid \\`as\\` prop value - ${as}. Only ${validAsValues.join(\n            ', ',\n          )} are accepted`,\n          moduleName: componentName,\n        });\n      }\n    }\n  }, [as, componentName, validAsValues]);\n};\n\nexport { useValidateAsProp };\n"],"names":["useValidateAsProp","_ref","as","componentName","validAsValues","React","useEffect","__DEV__","includes","throwBladeError","message","join","moduleName"],"mappings":";;;;AAGM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAQX,CAAA,IAPVC,EAAE,CAAAD,IAAA,CAAFC,EAAE,CACFC,aAAa,CAAAF,IAAA,CAAbE,aAAa,CACbC,aAAa,CAAAH,IAAA,CAAbG,aAAa,CAMbC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAIC,OAAO,CAAE,CACX,GAAIL,EAAE,EAAI,CAACE,aAAa,CAACI,QAAQ,CAACN,EAAE,CAAC,CAAE,CACrCO,eAAe,CAAC,CACdC,OAAO,CAAE,CAA+BR,4BAAAA,EAAAA,EAAE,UAAUE,aAAa,CAACO,IAAI,CACpE,IACF,CAAC,eAAe,CAChBC,UAAU,CAAET,aACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAE,CAACD,EAAE,CAAEC,aAAa,CAAEC,aAAa,CAAC,CAAC,CACxC;;;;"}

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

@@ -1,11 +1,12 @@
 import 'react';
 import styled from 'styled-components/native';
 import { screenReaderStyles } from './ScreenReaderStyles.js';
+import '../../utils/metaAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { jsx } from 'react/jsx-runtime';
 
-var StyledVisuallyHidden=styled.View(screenReaderStyles);var VisuallyHidden=function VisuallyHidden(_ref){var children=_ref.children,testID=_ref.testID;return jsx(StyledVisuallyHidden,Object.assign({},metaAttribute({name:MetaConstants.VisuallyHidden,testID:testID}),{children:children}));};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/VisuallyHidden/VisuallyHidden.native.tsx";var StyledVisuallyHidden=styled.View(screenReaderStyles);var VisuallyHidden=function VisuallyHidden(_ref){var children=_ref.children,testID=_ref.testID;return jsx(StyledVisuallyHidden,Object.assign({},metaAttribute({name:MetaConstants.VisuallyHidden,testID:testID}),{children:children}));};
 
 export { VisuallyHidden };
 //# sourceMappingURL=VisuallyHidden.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.native.js","sources":["../../../../../src/components/VisuallyHidden/VisuallyHidden.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport { screenReaderStyles } from './ScreenReaderStyles';\nimport type { VisuallyHiddenProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledVisuallyHidden = styled.View(screenReaderStyles);\n\nexport const VisuallyHidden = ({ children, testID }: VisuallyHiddenProps): React.ReactElement => {\n  return (\n    <StyledVisuallyHidden {...metaAttribute({ name: MetaConstants.VisuallyHidden, testID })}>\n      {children}\n    </StyledVisuallyHidden>\n  );\n};\n"],"names":["StyledVisuallyHidden","styled","View","screenReaderStyles","VisuallyHidden","_ref","children","testID","_jsx","Object","assign","metaAttribute","name","MetaConstants"],"mappings":";;;;;;;AAMA,IAAMA,oBAAoB,CAAGC,MAAM,CAACC,IAAI,CAACC,kBAAkB,CAAC,CAE/C,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAAsE,CAAhE,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAC/C,OACEC,GAAA,CAACR,oBAAoB,CAAAS,MAAA,CAAAC,MAAA,IAAKC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACT,cAAc,CAAEG,MAAM,CAANA,MAAO,CAAC,CAAC,EAAAD,QAAA,CACpFA,QAAQ,CACW,CAAA,CAAC,CAE3B;;;;"}
+{"version":3,"file":"VisuallyHidden.native.js","sources":["../../../../../src/components/VisuallyHidden/VisuallyHidden.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport { screenReaderStyles } from './ScreenReaderStyles';\nimport type { VisuallyHiddenProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledVisuallyHidden = styled.View(screenReaderStyles);\n\nexport const VisuallyHidden = ({ children, testID }: VisuallyHiddenProps): React.ReactElement => {\n  return (\n    <StyledVisuallyHidden {...metaAttribute({ name: MetaConstants.VisuallyHidden, testID })}>\n      {children}\n    </StyledVisuallyHidden>\n  );\n};\n"],"names":["this","StyledVisuallyHidden","styled","View","screenReaderStyles","VisuallyHidden","_ref","children","testID","_jsx","Object","assign","metaAttribute","name","MetaConstants"],"mappings":";;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,sGAAA,CAMA,IAAMC,oBAAoB,CAAGC,MAAM,CAACC,IAAI,CAACC,kBAAkB,CAAC,CAE/C,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAAsE,CAAhE,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAC/C,OACEC,GAAA,CAACR,oBAAoB,CAAAS,MAAA,CAAAC,MAAA,IAAKC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACT,cAAc,CAAEG,MAAM,CAANA,MAAO,CAAC,CAAC,EAAAD,QAAA,CACpFA,QAAQ,CACW,CAAA,CAAC,CAE3B;;;;"}

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

@@ -0,0 +1,4 @@
+export { VisuallyHidden } from './VisuallyHidden.native.js';
+export { screenReaderStyles } from './ScreenReaderStyles.js';
+import './types.js';
+//# sourceMappingURL=index.native.js.map

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

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

package/build/lib/native/components/VisuallyHidden/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/VisuallyHidden/types.js.map

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