@razorpay/blade 11.38.1 → 12.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...rest },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","makeAnalyticsAttribute","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, _motionMeta, ...rest },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","__DEV__","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","Object","assign","metaAttribute","MetaConstants","Chip","getStyledProps","makeAnalyticsAttribute","display","isReactNative","getOuterMotionRef","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","getInnerMotionRef","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Chip/ChipGroup.js

@@ -15,13 +15,14 @@ import '../../tokens/global/motion.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import '../BladeProvider/useTheme.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.native.js';
-import '../Typography/BaseText/BaseText.native.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["accessibilityLabel","label","labelPosition","necessityIndicator","validationState","errorText","helpText","isRequired","children","isDisabled","name","defaultValue","onChange","value","size","color","testID","selectionType"];var ChipGroup=function ChipGroup(_ref){var accessibilityLabel=_ref.accessibilityLabel,label=_ref.label,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,helpText=_ref.helpText,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,rest=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,color:color,selectionType:selectionType,isRequired:isRequired,validationState:validationState,necessityIndicator:necessityIndicator}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:chipGroupLabelSizeTokens[size],children:label}):null,jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{marginBottom:chipGroupGapTokens[size].bottom,marginRight:chipGroupGapTokens[size].right,children:child},index);})}),jsx(FormHint,{size:chipGroupLabelSizeTokens[size],type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};
+var _excluded=["accessibilityLabel","label","labelPosition","necessityIndicator","validationState","errorText","helpText","isRequired","children","isDisabled","name","defaultValue","onChange","value","size","color","testID","selectionType"];var _ChipGroup=function _ChipGroup(_ref,ref){var accessibilityLabel=_ref.accessibilityLabel,label=_ref.label,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,errorText=_ref.errorText,helpText=_ref.helpText,_ref$isRequired=_ref.isRequired,isRequired=_ref$isRequired===void 0?false:_ref$isRequired,children=_ref.children,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,defaultValue=_ref.defaultValue,onChange=_ref.onChange,value=_ref.value,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,testID=_ref.testID,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,rest=_objectWithoutProperties(_ref,_excluded);var _useChipGroup=useChipGroup({defaultValue:defaultValue,onChange:onChange,value:value,isDisabled:isDisabled,name:name,size:size,color:color,selectionType:selectionType,isRequired:isRequired,validationState:validationState,necessityIndicator:necessityIndicator}),contextValue=_useChipGroup.contextValue,ids=_useChipGroup.ids;var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();if(__DEV__){if(selectionType==='single'&&Array.isArray(defaultValue)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "defaultValue" prop must be a string value, but an array was provided.`});}if(selectionType==='single'&&Array.isArray(value)){throwBladeError({moduleName:'ChipGroup',message:`When "selectionType" is "single", the "value" prop must be a string value, but an array was provided.`});}}return jsx(ChipGroupProvider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),{children:jsxs(SelectorGroupField,Object.assign({position:labelPosition,accessibilityRole:selectionType==='single'?'radiogroup':'group',labelledBy:ids.labelId,componentName:"chip-group",testID:testID},makeAnalyticsAttribute(rest),{children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:ids.labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:chipGroupLabelSizeTokens[size],children:label}):null,jsxs(BaseBox,{children:[jsx(VisuallyHidden,{children:jsx(Text,{children:accessibilityLabel})}),jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:React__default.Children.map(children,function(child,index){return jsx(BaseBox,{marginBottom:chipGroupGapTokens[size].bottom,marginRight:chipGroupGapTokens[size].right,children:child},index);})}),jsx(FormHint,{size:chipGroupLabelSizeTokens[size],type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText})]})]}))}))});};var ChipGroup=React__default.forwardRef(_ChipGroup);
 
 export { ChipGroup };
 //# sourceMappingURL=ChipGroup.js.map

package/build/lib/native/components/Chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens, chipGroupLabelSizeTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  label,\n  labelPosition = 'top',\n  necessityIndicator = 'none',\n  validationState = 'none',\n  errorText,\n  helpText,\n  isRequired = false,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...rest\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right","FormHint","type"],"mappings":"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"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens, chipGroupLabelSizeTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef } from '~utils/types';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _ChipGroup = (\n  {\n    accessibilityLabel,\n    label,\n    labelPosition = 'top',\n    necessityIndicator = 'none',\n    validationState = 'none',\n    errorText,\n    helpText,\n    isRequired = false,\n    children,\n    isDisabled = false,\n    name,\n    defaultValue,\n    onChange,\n    value,\n    size = 'small',\n    color = 'primary',\n    testID,\n    selectionType = 'single',\n    ...rest\n  }: ChipGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox ref={ref as never} {...getStyledProps(rest)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nconst ChipGroup = React.forwardRef(_ChipGroup);\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["_ChipGroup","_ref","ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","rest","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","trim","__DEV__","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","Object","assign","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","makeAnalyticsAttribute","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right","FormHint","type","ChipGroup","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Chip/chipTokens.js

@@ -2,7 +2,7 @@ import '../../tokens/global/typography.js';
 import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
 
-var chipGroupGapTokens={xsmall:{right:'spacing.3',bottom:'spacing.3'},small:{right:'spacing.3',bottom:'spacing.3'},medium:{right:'spacing.3',bottom:'spacing.4'},large:{right:'spacing.3',bottom:'spacing.4'}};var chipHeightTokens={xsmall:size[24],small:size[28],medium:size[36],large:size[48]};var chipGroupLabelSizeTokens={xsmall:'small',small:'medium',medium:'large',large:'large'};var chipHorizontalPaddingTokens={withoutIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}},withIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.5',large:'spacing.6'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}}};var chipColorTokens={text:{unchecked:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled',primary:'interactive.text.primary.normal',positive:'interactive.text.positive.normal',negative:'interactive.text.negative.normal'},icon:{unchecked:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled',primary:'interactive.icon.primary.normal',positive:'interactive.icon.positive.normal',negative:'interactive.icon.negative.normal'},background:{unchecked:{default:'surface.background.gray.intense',hover:'interactive.background.gray.faded',disabled:'transparent'},primary:{default:'interactive.background.primary.faded',hover:'interactive.background.primary.fadedHighlighted',disabled:'interactive.background.primary.disabled'},positive:{default:'interactive.background.positive.faded',hover:'interactive.background.positive.fadedHighlighted',disabled:'interactive.background.positive.disabled'},negative:{default:'interactive.background.negative.faded',hover:'interactive.background.negative.fadedHighlighted',disabled:'interactive.background.negative.disabled'}},border:{unchecked:{default:'interactive.border.gray.faded',hover:'interactive.border.gray.faded',disabled:'interactive.border.gray.disabled'},primary:{default:'interactive.border.primary.default',hover:'interactive.border.primary.default',disabled:'interactive.border.primary.disabled'},positive:{default:'interactive.border.positive.default',hover:'interactive.border.positive.default',disabled:'interactive.border.positive.disabled'},negative:{default:'interactive.border.negative.default',hover:'interactive.border.negative.default',disabled:'interactive.border.negative.disabled'}}};var getChipInputHoverTokens=function getChipInputHoverTokens(color){return {default:{background:{checked:'colors.transparent',unchecked:'colors.transparent'},border:{checked:`colors.${chipColorTokens.border[color||'default'].hover}`,unchecked:'colors.interactive.border.gray.faded'}}};};var chipIconSizes={xsmall:'small',small:'small',medium:'medium',large:'large'};var chipTextSizes={xsmall:{variant:'body',size:'small'},small:{variant:'body',size:'medium'},medium:{variant:'body',size:'large'},large:{variant:'body',size:'large'}};var chipMotionTokens={duration:'duration.xquick',easing:'easing.standard.effective'};
+var chipGroupGapTokens={xsmall:{right:'spacing.3',bottom:'spacing.3'},small:{right:'spacing.3',bottom:'spacing.3'},medium:{right:'spacing.3',bottom:'spacing.4'},large:{right:'spacing.3',bottom:'spacing.4'}};var chipHeightTokens={xsmall:size[24],small:size[28],medium:size[36],large:size[48]};var chipGroupLabelSizeTokens={xsmall:'small',small:'medium',medium:'large',large:'large'};var chipHorizontalPaddingTokens={withoutIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}},withIcon:{left:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.5',large:'spacing.6'},right:{xsmall:'spacing.4',small:'spacing.4',medium:'spacing.6',large:'spacing.7'}}};var chipColorTokens={text:{unchecked:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled',primary:'interactive.text.primary.normal',positive:'interactive.text.positive.normal',negative:'interactive.text.negative.normal'},icon:{unchecked:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled',primary:'interactive.icon.primary.normal',positive:'interactive.icon.positive.normal',negative:'interactive.icon.negative.normal'},background:{unchecked:{default:'surface.background.gray.intense',hover:'interactive.background.gray.faded',disabled:'transparent'},primary:{default:'interactive.background.primary.faded',hover:'interactive.background.primary.fadedHighlighted',disabled:'interactive.background.primary.disabled'},positive:{default:'interactive.background.positive.faded',hover:'interactive.background.positive.fadedHighlighted',disabled:'interactive.background.positive.disabled'},negative:{default:'interactive.background.negative.faded',hover:'interactive.background.negative.fadedHighlighted',disabled:'interactive.background.negative.disabled'}},border:{unchecked:{default:'interactive.border.gray.faded',hover:'interactive.border.gray.faded',disabled:'interactive.border.gray.disabled'},primary:{default:'interactive.border.primary.default',hover:'interactive.border.primary.default',disabled:'interactive.border.primary.disabled'},positive:{default:'interactive.border.positive.default',hover:'interactive.border.positive.default',disabled:'interactive.border.positive.disabled'},negative:{default:'interactive.border.negative.default',hover:'interactive.border.negative.default',disabled:'interactive.border.negative.disabled'}}};var getChipInputHoverTokens=function getChipInputHoverTokens(color){return {default:{background:{checked:'colors.transparent',unchecked:'colors.transparent'},border:{checked:`colors.${chipColorTokens.border[color||'default'].hover}`,unchecked:'colors.interactive.border.gray.faded'}}};};var chipIconSizes={xsmall:'small',small:'small',medium:'medium',large:'large'};var chipTextSizes={xsmall:{variant:'body',size:'small'},small:{variant:'body',size:'medium'},medium:{variant:'body',size:'large'},large:{variant:'body',size:'large'}};var chipMotionTokens={duration:'duration.xquick',easing:'easing.standard'};
 
 export { chipColorTokens, chipGroupGapTokens, chipGroupLabelSizeTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
 //# sourceMappingURL=chipTokens.js.map

package/build/lib/native/components/Chip/chipTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'surface.background.gray.intense',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      hover: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}
+{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'surface.background.gray.intense',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      hover: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState, useRef, useCallback, useMemo, Children } from 'react';
+import { forwardRef, useState, useRef, useCallback, useMemo, Children } from 'react';
 import { CollapsibleContext } from './CollapsibleContext.js';
 import { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles.native.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
@@ -19,7 +19,7 @@ import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isVal
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","direction","defaultIsExpanded","isExpanded","onExpandChange","testID","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations"];var MIN_WIDTH=makeSize(size[200]);var Collapsible=function Collapsible(_ref){var children=_ref.children,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,_ref$defaultIsExpande=_ref.defaultIsExpanded,defaultIsExpanded=_ref$defaultIsExpande===void 0?false:_ref$defaultIsExpande,isExpanded=_ref.isExpanded,onExpandChange=_ref.onExpandChange,testID=_ref.testID,_ref$_shouldApplyWidt=_ref._shouldApplyWidthRestrictions,_shouldApplyWidthRestrictions=_ref$_shouldApplyWidt===void 0?true:_ref$_shouldApplyWidt,_ref$_dangerouslyDisa=_ref._dangerouslyDisableValidations,_dangerouslyDisableValidations=_ref$_dangerouslyDisa===void 0?false:_ref$_dangerouslyDisa,rest=_objectWithoutProperties(_ref,_excluded);var _useState=useState(isExpanded!=null?isExpanded:defaultIsExpanded),_useState2=_slicedToArray(_useState,2),isBodyExpanded=_useState2[0],setIsBodyExpanded=_useState2[1];var collapsibleBodyId=useId(MetaConstants.CollapsibleBody);var initialDefaultExpanded=useRef(Boolean(defaultIsExpanded||isExpanded));var handleExpandChange=useCallback(function(nextIsExpanded){if(typeof isExpanded!=='undefined'){onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}else {setIsBodyExpanded(nextIsExpanded);onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}},[onExpandChange,isExpanded]);var contextValue=useMemo(function(){return {isExpanded:isExpanded!=null?isExpanded:isBodyExpanded,onExpandChange:handleExpandChange,defaultIsExpanded:initialDefaultExpanded.current,direction:direction,collapsibleBodyId:collapsibleBodyId};},[isBodyExpanded,direction,handleExpandChange,isExpanded,collapsibleBodyId]);if(__DEV__){Children.forEach(children,function(child){if(!(isValidAllowedChildren(child,MetaConstants.CollapsibleBody)||isValidAllowedChildren(child,MetaConstants.CollapsibleButton)||isValidAllowedChildren(child,MetaConstants.CollapsibleLink))&&!_dangerouslyDisableValidations){throwBladeError({message:`only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,moduleName:'Collapsible'});}});}return jsx(CollapsibleContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.Collapsible,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(BaseBox,{display:"flex",flexDirection:direction==='bottom'?'column':'column-reverse',alignItems:"flex-start",minWidth:_shouldApplyWidthRestrictions?MIN_WIDTH:makeSize(size[0]),maxWidth:_shouldApplyWidthRestrictions?MAX_WIDTH:MAX_WIDTH_NO_RESTRICTIONS,children:children})}))});};
+var _excluded=["children","direction","defaultIsExpanded","isExpanded","onExpandChange","testID","_shouldApplyWidthRestrictions","_dangerouslyDisableValidations"];var MIN_WIDTH=makeSize(size[200]);var _Collapsible=function _Collapsible(_ref,ref){var children=_ref.children,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,_ref$defaultIsExpande=_ref.defaultIsExpanded,defaultIsExpanded=_ref$defaultIsExpande===void 0?false:_ref$defaultIsExpande,isExpanded=_ref.isExpanded,onExpandChange=_ref.onExpandChange,testID=_ref.testID,_ref$_shouldApplyWidt=_ref._shouldApplyWidthRestrictions,_shouldApplyWidthRestrictions=_ref$_shouldApplyWidt===void 0?true:_ref$_shouldApplyWidt,_ref$_dangerouslyDisa=_ref._dangerouslyDisableValidations,_dangerouslyDisableValidations=_ref$_dangerouslyDisa===void 0?false:_ref$_dangerouslyDisa,rest=_objectWithoutProperties(_ref,_excluded);var _useState=useState(isExpanded!=null?isExpanded:defaultIsExpanded),_useState2=_slicedToArray(_useState,2),isBodyExpanded=_useState2[0],setIsBodyExpanded=_useState2[1];var collapsibleBodyId=useId(MetaConstants.CollapsibleBody);var initialDefaultExpanded=useRef(Boolean(defaultIsExpanded||isExpanded));var handleExpandChange=useCallback(function(nextIsExpanded){if(typeof isExpanded!=='undefined'){onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}else {setIsBodyExpanded(nextIsExpanded);onExpandChange==null?void 0:onExpandChange({isExpanded:nextIsExpanded});}},[onExpandChange,isExpanded]);var contextValue=useMemo(function(){return {isExpanded:isExpanded!=null?isExpanded:isBodyExpanded,onExpandChange:handleExpandChange,defaultIsExpanded:initialDefaultExpanded.current,direction:direction,collapsibleBodyId:collapsibleBodyId};},[isBodyExpanded,direction,handleExpandChange,isExpanded,collapsibleBodyId]);if(__DEV__){Children.forEach(children,function(child){if(!(isValidAllowedChildren(child,MetaConstants.CollapsibleBody)||isValidAllowedChildren(child,MetaConstants.CollapsibleButton)||isValidAllowedChildren(child,MetaConstants.CollapsibleLink))&&!_dangerouslyDisableValidations){throwBladeError({message:`only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,moduleName:'Collapsible'});}});}return jsx(CollapsibleContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Collapsible,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(BaseBox,{display:"flex",flexDirection:direction==='bottom'?'column':'column-reverse',alignItems:"flex-start",minWidth:_shouldApplyWidthRestrictions?MIN_WIDTH:makeSize(size[0]),maxWidth:_shouldApplyWidthRestrictions?MAX_WIDTH:MAX_WIDTH_NO_RESTRICTIONS,children:children})}))});};var Collapsible=forwardRef(_Collapsible);
 
 export { Collapsible };
 //# sourceMappingURL=Collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst Collapsible = ({\n  children,\n  direction = 'bottom',\n  defaultIsExpanded = false,\n  isExpanded,\n  onExpandChange,\n  testID,\n  _shouldApplyWidthRestrictions = true,\n  _dangerouslyDisableValidations = false,\n  ...rest\n}: CollapsibleProps): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, MetaConstants.CollapsibleBody) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleButton) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleLink)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","Collapsible","_ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS"],"mappings":"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"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo, forwardRef } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst _Collapsible = (\n  {\n    children,\n    direction = 'bottom',\n    defaultIsExpanded = false,\n    isExpanded,\n    onExpandChange,\n    testID,\n    _shouldApplyWidthRestrictions = true,\n    _dangerouslyDisableValidations = false,\n    ...rest\n  }: CollapsibleProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, MetaConstants.CollapsibleBody) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleButton) ||\n          isValidAllowedChildren(child, MetaConstants.CollapsibleLink)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst Collapsible = forwardRef(_Collapsible);\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","_Collapsible","_ref","ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","Collapsible","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Collapsible/commonStyles.js

@@ -4,7 +4,7 @@ import 'react';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
 import '../BladeProvider/useTheme.js';
 
-var getCollapsibleBodyContentBoxProps=function getCollapsibleBodyContentBoxProps(_ref){var direction=_ref.direction,_hasMargin=_ref._hasMargin;if(!_hasMargin){return {};}return {marginTop:direction==='bottom'?'spacing.5':'spacing.0',marginBottom:direction==='top'?'spacing.5':'spacing.0'};};var getOpacity=function getOpacity(_ref2){var isExpanded=_ref2.isExpanded;return isExpanded?1:0.8;};var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration.xmoderate);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard.effective;};var getCollapsibleChevronIconTransforms=function getCollapsibleChevronIconTransforms(){return {transformExpanded:-180,transformCollapsed:0};};
+var getCollapsibleBodyContentBoxProps=function getCollapsibleBodyContentBoxProps(_ref){var direction=_ref.direction,_hasMargin=_ref._hasMargin;if(!_hasMargin){return {};}return {marginTop:direction==='bottom'?'spacing.5':'spacing.0',marginBottom:direction==='top'?'spacing.5':'spacing.0'};};var getOpacity=function getOpacity(_ref2){var isExpanded=_ref2.isExpanded;return isExpanded?1:0.8;};var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration.moderate);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard;};var getCollapsibleChevronIconTransforms=function getCollapsibleChevronIconTransforms(){return {transformExpanded:-180,transformCollapsed:0};};
 
 export { getCollapsibleBodyContentBoxProps, getCollapsibleChevronIconTransforms, getOpacity, getTransitionDuration, getTransitionEasing };
 //# sourceMappingURL=commonStyles.js.map

package/build/lib/native/components/Collapsible/commonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.5' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.5' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.xmoderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard.effective;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","xmoderate","getTransitionEasing","easing","standard","effective","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;;;;AAMM,IAAAA,iCAAiC,CAAG,SAApCA,iCAAiCA,CAAAC,IAAA,CAMvB,CAAA,IALdC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAKV,GAAI,CAACA,UAAU,CAAE,CACf,OAAO,EAAE,CACX,CAEA,OAAO,CAKLC,SAAS,CAAEF,SAAS,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAW,CAC7DG,YAAY,CAAEH,SAAS,GAAK,KAAK,CAAG,WAAW,CAAG,WACpD,CAAC,CACH,EAEM,IAAAI,UAAU,CAAG,SAAbA,UAAUA,CAAAC,KAAA,MAAMC,UAAU,CAAAD,KAAA,CAAVC,UAAU,CAAyC,OAAAA,UAAU,CAAG,CAAC,CAAG,GAAG,CAAC,EAGxF,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,CAAA,CAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CAG/F,EAAM,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,SAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAEpF,EAAM,IAAAC,mCAAmC,CAAG,SAAtCA,mCAAmCA,UAGnC,CAAEC,iBAAiB,CAAE,CAAC,GAAG,CAAEC,kBAAkB,CAAE,CAAE,CAAC,CAAC;;;;"}
+{"version":3,"file":"commonStyles.js","sources":["../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.5' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.5' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.moderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","moderate","getTransitionEasing","easing","standard","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;;;;AAMM,IAAAA,iCAAiC,CAAG,SAApCA,iCAAiCA,CAAAC,IAAA,CAMvB,CAAA,IALdC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CAKV,GAAI,CAACA,UAAU,CAAE,CACf,OAAO,EAAE,CACX,CAEA,OAAO,CAKLC,SAAS,CAAEF,SAAS,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAW,CAC7DG,YAAY,CAAEH,SAAS,GAAK,KAAK,CAAG,WAAW,CAAG,WACpD,CAAC,CACH,EAEM,IAAAI,UAAU,CAAG,SAAbA,UAAUA,CAAAC,KAAA,MAAMC,UAAU,CAAAD,KAAA,CAAVC,UAAU,CAAA,OAAyCA,UAAU,CAAG,CAAC,CAAG,GAAG,CAAA,EAGvF,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,SAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,EAGxF,IAAAC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,CAAA,CAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAE1E,EAAM,IAAAC,mCAAmC,CAAG,SAAtCA,mCAAmCA,UAGnC,CAAEC,iBAAiB,CAAE,CAAC,GAAG,CAAEC,kBAAkB,CAAE,CAAE,CAAC,CAAC;;;;"}

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

@@ -1,30 +1,31 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import { StyledCounter } from './StyledCounter.native.js';
 import { counterHeight, horizontalPadding } from './counterTokens.js';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-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 { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import 'styled-components/native';
 import '@gorhom/portal';
 import 'react-native-gesture-handler';
+import useTheme from '../BladeProvider/useTheme.js';
+import 'react-native';
+import '@babel/runtime/helpers/slicedToArray';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import '../BottomSheet/BottomSheetStack.js';
+import { jsx } from 'react/jsx-runtime';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var _excluded=["value","max","color","emphasis","size","testID"];var getColorProps=function getColorProps(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis;var props={textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Counter=function _Counter(_ref2){var value=_ref2.value,max=_ref2.max,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(StyledCounter,{minHeight:makeSize(counterHeight[size]),backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",weight:"medium",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(_Counter,{displayName:'Counter',componentId:'Counter'});
+var _excluded=["value","max","color","emphasis","size","testID"];var getColorProps=function getColorProps(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'neutral':_ref$color,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'subtle':_ref$emphasis;var props={textColor:'feedback.text.neutral.intense',backgroundColor:'feedback.background.neutral.subtle'};if(color==='primary'){props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`surface.text.primary.normal`;props.backgroundColor=`surface.background.primary.${emphasis}`;}else {props.textColor=emphasis==='intense'?`surface.text.staticWhite.normal`:`feedback.text.${color}.intense`;props.backgroundColor=`feedback.background.${color}.${emphasis}`;}return props;};var _Counter=function _Counter(_ref2,ref){var value=_ref2.value,max=_ref2.max,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$emphasis=_ref2.emphasis,emphasis=_ref2$emphasis===void 0?'subtle':_ref2$emphasis,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var content=`${value}`;if(max&&value>max){content=`${max}+`;}var _useTheme=useTheme(),platform=_useTheme.platform;var _getColorProps=getColorProps({color:color,emphasis:emphasis}),backgroundColor=_getColorProps.backgroundColor,textColor=_getColorProps.textColor;var counterTextSizes={small:{variant:'body',size:'xsmall'},medium:{variant:'body',size:'small'},large:{variant:'body',size:'medium'}};return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},metaAttribute({name:MetaConstants.Counter,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsx(StyledCounter,{minHeight:makeSize(counterHeight[size]),backgroundColor:backgroundColor,size:size,platform:platform,children:jsx(BaseBox,{paddingX:horizontalPadding[size],display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",overflow:"hidden",children:jsx(Text,Object.assign({},counterTextSizes[size],{textAlign:"center",weight:"medium",truncateAfterLines:1,color:textColor,children:content}))})})}));};var Counter=assignWithoutSideEffects(React__default.forwardRef(_Counter),{displayName:'Counter',componentId:'Counter'});
 
 export { Counter };
 //# sourceMappingURL=Counter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  color = 'neutral',\n  emphasis = 'subtle',\n  size = 'medium',\n  testID,\n  ...rest\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,OAAA,CAAA,UAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAqDA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAMD,CAAA,IAAAC,UAAA,CAAAD,IAAA,CALhBE,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,aAAA,CAAAH,IAAA,CACjBI,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,aAAA,CAKnB,IAAME,KAAiB,CAAG,CACxBC,SAAS,CAAE,+BAA+B,CAC1CC,eAAe,CAAE,oCACnB,CAAC,CAED,GAAIL,KAAK,GAAK,SAAS,CAAE,CAEvBG,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAI,CAAgC,+BAAA,CAAA,CAAI,CAA4B,2BAAA,CAAA,CAC5FC,KAAK,CAACE,eAAe,CAAI,CAA6BH,2BAAAA,EAAAA,QAAS,CAAC,CAAA,CAClE,CAAC,KAAM,CAELC,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,CAAI,CAAA,+BAAA,CAAgC,CAAI,CAAA,cAAA,EAAgBF,KAAM,CAAA,QAAA,CAAS,CAC/FG,KAAK,CAACE,eAAe,CAAI,CAAA,oBAAA,EAAsBL,KAAM,CAAA,CAAA,EAAGE,QAAS,CAAA,CAAC,CACpE,CACA,OAAOC,KAAK,CACd,CAAC,CAED,IAAMG,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAQ0B,CAPtC,IAAAC,KAAK,CAAAD,KAAA,CAALC,KAAK,CACLC,GAAG,CAAAF,KAAA,CAAHE,GAAG,CAAAC,WAAA,CAAAH,KAAA,CACHP,KAAK,CAALA,KAAK,CAAAU,WAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,WAAA,CAAAC,cAAA,CAAAJ,KAAA,CACjBL,QAAQ,CAARA,QAAQ,CAAAS,cAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,cAAA,CAAAC,UAAA,CAAAL,KAAA,CACnBM,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,UAAA,CACfE,MAAM,CAAAP,KAAA,CAANO,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAT,KAAA,CAAAU,SAAA,CAAA,CAEP,IAAIC,OAAO,CAAI,CAAEV,EAAAA,KAAM,CAAC,CAAA,CACxB,GAAIC,GAAG,EAAID,KAAK,CAAGC,GAAG,CAAE,CACtBS,OAAO,CAAI,GAAET,GAAI,CAAA,CAAA,CAAE,CACrB,CAEA,IAAAU,SAAA,CAAqBC,QAAQ,EAAE,CAAvBC,QAAQ,CAAAF,SAAA,CAARE,QAAQ,CAChB,IAAAC,cAAA,CAAuCzB,aAAa,CAAC,CACnDG,KAAK,CAALA,KAAK,CACLE,QAAQ,CAARA,QACF,CAAC,CAAC,CAHMG,eAAe,CAAAiB,cAAA,CAAfjB,eAAe,CAAED,SAAS,CAAAkB,cAAA,CAATlB,SAAS,CAKlC,IAAMmB,gBAAgB,CAAG,CACvBC,KAAK,CAAE,CACLC,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,QACR,CAAC,CACDa,MAAM,CAAE,CACND,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,OACR,CAAC,CACDc,KAAK,CAAE,CACLF,OAAO,CAAE,MAAM,CACfZ,IAAI,CAAE,QACR,CACF,CAAU,CAEV,OACEe,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAGC,aAAa,EAAE,CAAG,MAAM,CAAG,aAAwB,CACzDC,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,OAAO,CAAEvB,MAAM,CAANA,MAAO,CAAC,CAAC,CACtDwB,cAAc,CAACvB,IAAI,CAAC,CACpBwB,sBAAsB,CAACxB,IAAI,CAAC,CAAAyB,CAAAA,QAAA,CAEhCZ,GAAA,CAACa,aAAa,CACZC,CAAAA,SAAS,CAAEC,QAAQ,CAACC,aAAa,CAAC/B,IAAI,CAAC,CAAE,CACzCR,eAAe,CAAEA,eAAgB,CACjCQ,IAAI,CAAEA,IAAK,CACXQ,QAAQ,CAAEA,QAAS,CAAAmB,QAAA,CAEnBZ,GAAA,CAACC,OAAO,CACNgB,CAAAA,QAAQ,CAAEC,iBAAiB,CAACjC,IAAI,CAAE,CAClCmB,OAAO,CAAC,MAAM,CACde,aAAa,CAAC,KAAK,CACnBC,cAAc,CAAC,QAAQ,CACvBC,UAAU,CAAC,QAAQ,CACnBC,QAAQ,CAAC,QAAQ,CAAAV,QAAA,CAEjBZ,GAAA,CAACuB,IAAI,CAAArB,MAAA,CAAAC,MAAA,CAAA,EAAA,CACCR,gBAAgB,CAACV,IAAI,CAAC,CAC1BuC,CAAAA,SAAS,CAAC,QAAQ,CAClBC,MAAM,CAAC,QAAQ,CACfC,kBAAkB,CAAE,CAAE,CACtBtD,KAAK,CAAEI,SAAU,CAAAoC,QAAA,CAEhBtB,OAAO,CACJ,CAAA,CAAC,CACA,CAAC,CACG,CAAC,CACT,CAAA,CAAC,CAEd,CAAC,CAEK,IAAAmB,OAAO,CAAGkB,wBAAwB,CAACjD,QAAQ,CAAE,CACjDkD,WAAW,CAAE,SAAS,CACtBC,WAAW,CAAE,SACf,CAAC;;;;"}
+{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = (\n  {\n    value,\n    max,\n    color = 'neutral',\n    emphasis = 'subtle',\n    size = 'medium',\n    testID,\n    ...rest\n  }: CounterProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(React.forwardRef(_Counter), {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import 'react';
+import React__default from 'react';
 import styled from 'styled-components/native';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
@@ -16,7 +16,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["orientation","dividerStyle","variant","thickness","height","width","testID"];var StyledDivider=styled(BaseBox)(function(_ref){var theme=_ref.theme,borderPosition=_ref.borderPosition,dividerStyle=_ref.dividerStyle,thickness=_ref.thickness,isDividerHorizontal=_ref.isDividerHorizontal,width=_ref.width,height=_ref.height;return Object.assign(_defineProperty(_defineProperty({borderWidth:0},`${borderPosition}Style`,dividerStyle),`${borderPosition}Width`,makeBorderSize(theme.border.width[thickness])),isDividerHorizontal?{flexGrow:1,width:width}:{alignSelf:'stretch',height:height});});var Divider=function Divider(_ref2){var _ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'horizontal':_ref2$orientation,_ref2$dividerStyle=_ref2.dividerStyle,dividerStyle=_ref2$dividerStyle===void 0?'solid':_ref2$dividerStyle,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'muted':_ref2$variant,_ref2$thickness=_ref2.thickness,thickness=_ref2$thickness===void 0?'thin':_ref2$thickness,height=_ref2.height,width=_ref2.width,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var isDividerHorizontal=orientation==='horizontal';var borderPosition=isDividerHorizontal?'borderBottom':'borderLeft';var borderColor=_defineProperty({},`${borderPosition}Color`,`surface.border.gray.${variant}`);var accessibilityProps=isReactNative()?{}:makeAccessible({role:'separator'});return jsx(StyledDivider,Object.assign({borderPosition:borderPosition,isDividerHorizontal:isDividerHorizontal,dividerStyle:dividerStyle,thickness:thickness,height:height,width:width},borderColor,metaAttribute({name:MetaConstants.Divider,testID:testID}),getStyledProps(styledProps),accessibilityProps));};
+var _excluded=["orientation","dividerStyle","variant","thickness","height","width","testID"];var StyledDivider=styled(BaseBox)(function(_ref){var theme=_ref.theme,borderPosition=_ref.borderPosition,dividerStyle=_ref.dividerStyle,thickness=_ref.thickness,isDividerHorizontal=_ref.isDividerHorizontal,width=_ref.width,height=_ref.height;return Object.assign(_defineProperty(_defineProperty({borderWidth:0},`${borderPosition}Style`,dividerStyle),`${borderPosition}Width`,makeBorderSize(theme.border.width[thickness])),isDividerHorizontal?{flexGrow:1,width:width}:{alignSelf:'stretch',height:height});});var _Divider=function _Divider(_ref2,ref){var _ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'horizontal':_ref2$orientation,_ref2$dividerStyle=_ref2.dividerStyle,dividerStyle=_ref2$dividerStyle===void 0?'solid':_ref2$dividerStyle,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'muted':_ref2$variant,_ref2$thickness=_ref2.thickness,thickness=_ref2$thickness===void 0?'thin':_ref2$thickness,height=_ref2.height,width=_ref2.width,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var isDividerHorizontal=orientation==='horizontal';var borderPosition=isDividerHorizontal?'borderBottom':'borderLeft';var borderColor=_defineProperty({},`${borderPosition}Color`,`surface.border.gray.${variant}`);var accessibilityProps=isReactNative()?{}:makeAccessible({role:'separator'});return jsx(StyledDivider,Object.assign({ref:ref,borderPosition:borderPosition,isDividerHorizontal:isDividerHorizontal,dividerStyle:dividerStyle,thickness:thickness,height:height,width:width},borderColor,metaAttribute({name:MetaConstants.Divider,testID:testID}),getStyledProps(styledProps),accessibilityProps));};var Divider=React__default.forwardRef(_Divider);
 
 export { Divider };
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle' | 'muted';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  borderWidth: 0,\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst Divider = ({\n  orientation = 'horizontal',\n  dividerStyle = 'solid',\n  variant = 'muted',\n  thickness = 'thin',\n  height,\n  width,\n  testID,\n  ...styledProps\n}: DividerProps): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","_defineProperty","borderWidth","makeBorderSize","border","flexGrow","alignSelf","Divider","_ref2","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle' | 'muted';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  borderWidth: 0,\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst _Divider = (\n  {\n    orientation = 'horizontal',\n    dividerStyle = 'solid',\n    variant = 'muted',\n    thickness = 'thin',\n    height,\n    width,\n    testID,\n    ...styledProps\n  }: DividerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      ref={ref as never}\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst Divider = React.forwardRef(_Divider);\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","_defineProperty","borderWidth","makeBorderSize","border","flexGrow","alignSelf","_Divider","_ref2","ref","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","Divider","getStyledProps","React","forwardRef"],"mappings":"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"}

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

@@ -1,15 +1,9 @@
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../Typography/BaseText/BaseText.native.js';
-import 'react';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { jsx } from 'react/jsx-runtime';
 
 var Drawer=function Drawer(_props){throwBladeError({message:'Drawer is not yet implemented for native',moduleName:'Drawer'});return jsx(Text,{children:"Drawer Component is not available for Native mobile apps."});};
 

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.native.js","sources":["../../../../../src/components/Drawer/Drawer.native.tsx"],"sourcesContent":["import type { DrawerProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Drawer = (_props: DrawerProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Drawer is not yet implemented for native',\n    moduleName: 'Drawer',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Drawer };\n"],"names":["Drawer","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;;;;;;;AAIM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAmB,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}
+{"version":3,"file":"Drawer.native.js","sources":["../../../../../src/components/Drawer/Drawer.native.tsx"],"sourcesContent":["import type { DrawerProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Drawer = (_props: DrawerProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Drawer is not yet implemented for native',\n    moduleName: 'Drawer',\n  });\n\n  return <Text>Drawer Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Drawer };\n"],"names":["Drawer","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,MAAM,CAAG,SAATA,MAAMA,CAAIC,MAAmB,CAAyB,CAC1DC,eAAe,CAAC,CACdC,OAAO,CAAE,0CAA0C,CACnDC,UAAU,CAAE,QACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E;;;;"}