@razorpay/blade 11.38.1 → 12.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\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\ntype CheckboxProps = {\n  /**\n   * If `true`, The checkbox will be checked. This also makes the checkbox controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Checkbox` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * Sets the label of the checkbox\n   */\n  children?: React.ReactNode;\n  /**\n   * Help text for the checkbox\n   */\n  helpText?: string;\n  /**\n   * Error text for the checkbox\n   *\n   * Renders when `validationState` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   * This does not modify the isChecked property.\n   *\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the checkbox input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the checkbox will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the checkbox input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * If `error`, the checkbox input is marked as invalid,\n   * and `invalid` attribute will be added\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the tab-index property on checkbox element\n   *\n   */\n  tabIndex?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n  {\n    defaultChecked,\n    validationState,\n    isChecked,\n    isDisabled,\n    isIndeterminate,\n    isRequired,\n    name,\n    onChange,\n    value,\n    children,\n    helpText,\n    errorText,\n    size = 'medium',\n    tabIndex,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const groupProps = useCheckboxGroupContext();\n\n  // ban certain props in checkbox while inside group\n  const hasValidationState = !isUndefined(validationState);\n  const hasName = !isUndefined(name);\n  const hasDefaultChecked = !isUndefined(defaultChecked);\n  const hasIsChecked = !isUndefined(isChecked);\n  const hasOnChange = !isUndefined(onChange);\n\n  if (__DEV__) {\n    if (\n      (hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) &&\n      !isEmpty(groupProps)\n    ) {\n      const props = [\n        hasValidationState ? 'validationState' : undefined,\n        hasName ? 'name' : undefined,\n        hasDefaultChecked ? 'defaultChecked' : undefined,\n        hasIsChecked ? 'isChecked' : undefined,\n        hasOnChange ? 'onChange' : undefined,\n      ]\n        .filter(Boolean)\n        .join(',');\n\n      throwBladeError({\n        message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n        moduleName: 'Checkbox',\n      });\n    }\n\n    // mandate value prop when using inside group\n    if (!value && !isEmpty(groupProps)) {\n      throw new Error(\n        `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      `,\n      );\n    }\n  }\n\n  const _validationState = validationState ?? groupProps?.validationState;\n  const _hasError = _validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = Boolean(\n    isRequired || groupProps?.isRequired || groupProps?.necessityIndicator === 'required',\n  );\n  const _name = name ?? groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n  const _size = groupProps.size ?? size;\n  const { theme } = useTheme();\n  const formHintSize = {\n    small: 'medium',\n    medium: 'medium',\n    large: 'large',\n  } as const;\n\n  const showSupportingText = helpText;\n\n  const handleChange: OnChange = ({ isChecked, event, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n\n    onChange?.({ isChecked, event, value });\n  };\n\n  const { state, ids, inputProps } = useCheckbox({\n    defaultChecked,\n    isChecked: _isChecked,\n    isIndeterminate,\n    hasError: _hasError,\n    hasHelperText: Boolean(showSupportingText),\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.Checkbox, testID })} {...getStyledProps(rest)}>\n      <SelectorLabel\n        componentName={MetaConstants.CheckboxLabel}\n        inputProps={state.isReactNative ? inputProps : {}}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={checkboxHoverTokens}\n              isChecked={state.isChecked || Boolean(isIndeterminate)}\n              isDisabled={_isDisabled}\n              hasError={_hasError}\n              inputProps={inputProps}\n              tabIndex={tabIndex}\n              ref={ref}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <CheckboxIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isIndeterminate={isIndeterminate}\n              isDisabled={_isDisabled}\n              isNegative={_hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showSupportingText ? (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n      </SelectorLabel>\n      <FormHint\n        size={formHintSize[_size]}\n        errorText={errorText}\n        errorTextId={ids?.errorTextId}\n        type={validationState === 'error' ? 'error' : 'help'}\n      />\n    </BaseBox>\n  );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n  displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","concat","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","_objectSpread","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React from 'react';\nimport { useCheckboxGroupContext } from './CheckboxGroup/CheckboxGroupContext';\nimport { CheckboxIcon } from './CheckboxIcon';\nimport { useCheckbox } from './useCheckbox';\nimport { checkboxHoverTokens, checkboxSizes } from './checkboxTokens';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint } from '~components/Form';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorTitle } from '~components/Form/Selector/SelectorTitle';\nimport { SelectorSupportText } from '~components/Form/Selector/SelectorSupportText';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef, DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeSize, useTheme } from '~utils';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport type { MotionMetaProp } from '~components/BaseMotion';\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\ntype CheckboxProps = {\n  /**\n   * If `true`, The checkbox will be checked. This also makes the checkbox controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the checkbox will be initially checked. This also makes the checkbox uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Checkbox` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * Sets the label of the checkbox\n   */\n  children?: React.ReactNode;\n  /**\n   * Help text for the checkbox\n   */\n  helpText?: string;\n  /**\n   * Error text for the checkbox\n   *\n   * Renders when `validationState` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * If `true`, the checkbox will be indeterminate.\n   * This does not modify the isChecked property.\n   *\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * The name of the input field in a checkbox\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the checkbox input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the checkbox will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the checkbox input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * If `error`, the checkbox input is marked as invalid,\n   * and `invalid` attribute will be added\n   */\n  validationState?: 'error' | 'none';\n  /**\n   * Size of the checkbox\n   *\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Sets the tab-index property on checkbox element\n   *\n   */\n  tabIndex?: number;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade &\n  MotionMetaProp;\n\nconst _Checkbox: React.ForwardRefRenderFunction<BladeElementRef, CheckboxProps> = (\n  {\n    defaultChecked,\n    validationState,\n    isChecked,\n    isDisabled,\n    isIndeterminate,\n    isRequired,\n    name,\n    onChange,\n    value,\n    children,\n    helpText,\n    errorText,\n    size = 'medium',\n    tabIndex,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n) => {\n  const groupProps = useCheckboxGroupContext();\n\n  // ban certain props in checkbox while inside group\n  const hasValidationState = !isUndefined(validationState);\n  const hasName = !isUndefined(name);\n  const hasDefaultChecked = !isUndefined(defaultChecked);\n  const hasIsChecked = !isUndefined(isChecked);\n  const hasOnChange = !isUndefined(onChange);\n\n  if (__DEV__) {\n    if (\n      (hasValidationState || hasName || hasDefaultChecked || hasIsChecked || hasOnChange) &&\n      !isEmpty(groupProps)\n    ) {\n      const props = [\n        hasValidationState ? 'validationState' : undefined,\n        hasName ? 'name' : undefined,\n        hasDefaultChecked ? 'defaultChecked' : undefined,\n        hasIsChecked ? 'isChecked' : undefined,\n        hasOnChange ? 'onChange' : undefined,\n      ]\n        .filter(Boolean)\n        .join(',');\n\n      throwBladeError({\n        message: `Cannot set \\`${props}\\` on <Checkbox /> when it's inside <CheckboxGroup />, Please set it on the <CheckboxGroup /> itself`,\n        moduleName: 'Checkbox',\n      });\n    }\n\n    // mandate value prop when using inside group\n    if (!value && !isEmpty(groupProps)) {\n      throw new Error(\n        `[Blade Checkbox]: <CheckboxGroup /> requires that you pass unique \"value\" prop to each <Checkbox />\n      <CheckboxGroup>\n        <Checkbox value=\"apple\">Apple</Checkbox>\n        <Checkbox value=\"mango\">Mango</Checkbox>\n      </CheckboxGroup>\n      `,\n      );\n    }\n  }\n\n  const _validationState = validationState ?? groupProps?.validationState;\n  const _hasError = _validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = Boolean(\n    isRequired || groupProps?.isRequired || groupProps?.necessityIndicator === 'required',\n  );\n  const _name = name ?? groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = isChecked ?? groupProps?.state?.isChecked(value!);\n  const _size = groupProps.size ?? size;\n  const { theme } = useTheme();\n  const formHintSize = {\n    small: 'medium',\n    medium: 'medium',\n    large: 'large',\n  } as const;\n\n  const showSupportingText = helpText;\n\n  const handleChange: OnChange = ({ isChecked, event, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n\n    onChange?.({ isChecked, event, value });\n  };\n\n  const { state, ids, inputProps } = useCheckbox({\n    defaultChecked,\n    isChecked: _isChecked,\n    isIndeterminate,\n    hasError: _hasError,\n    hasHelperText: Boolean(showSupportingText),\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  // Checkbox icon's size & margin + margin-left of SelectorTitle which is 2\n  const helpTextLeftSpacing = makeSize(checkboxSizes.icon[size].width + theme.spacing[3]);\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ name: MetaConstants.Checkbox, testID })}\n      {...getStyledProps(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.CheckboxLabel}\n        inputProps={state.isReactNative ? inputProps : {}}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={checkboxHoverTokens}\n              isChecked={state.isChecked || Boolean(isIndeterminate)}\n              isDisabled={_isDisabled}\n              hasError={_hasError}\n              inputProps={inputProps}\n              tabIndex={tabIndex}\n              ref={getInnerMotionRef({ _motionMeta, ref })}\n              {...makeAnalyticsAttribute(rest)}\n            />\n            <CheckboxIcon\n              size={_size}\n              isChecked={state.isChecked}\n              isIndeterminate={isIndeterminate}\n              isDisabled={_isDisabled}\n              isNegative={_hasError}\n            />\n            {children ? (\n              <SelectorTitle size={_size} isDisabled={_isDisabled}>\n                {children}\n              </SelectorTitle>\n            ) : null}\n          </BaseBox>\n          {showSupportingText ? (\n            <BaseBox marginLeft={helpTextLeftSpacing}>\n              <SelectorSupportText size={_size} id={ids?.helpTextId}>\n                {helpText}\n              </SelectorSupportText>\n            </BaseBox>\n          ) : null}\n        </BaseBox>\n      </SelectorLabel>\n      <FormHint\n        size={formHintSize[_size]}\n        errorText={errorText}\n        errorTextId={ids?.errorTextId}\n        type={validationState === 'error' ? 'error' : 'help'}\n      />\n    </BaseBox>\n  );\n};\n\nconst Checkbox = assignWithoutSideEffects(React.forwardRef(_Checkbox), {\n  displayName: 'Checkbox',\n});\n\nexport type { CheckboxProps };\nexport { Checkbox };\n"],"names":["_Checkbox","_ref","ref","_groupProps$state","_groupProps$size","defaultChecked","validationState","isChecked","isDisabled","isIndeterminate","isRequired","name","onChange","value","children","helpText","errorText","_ref$size","size","tabIndex","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","groupProps","useCheckboxGroupContext","hasValidationState","isUndefined","hasName","hasDefaultChecked","hasIsChecked","hasOnChange","isEmpty","props","undefined","filter","Boolean","join","throwBladeError","message","concat","moduleName","Error","_validationState","_hasError","_isDisabled","_isRequired","necessityIndicator","_name","_isChecked","state","_size","_useTheme","useTheme","theme","formHintSize","small","medium","large","showSupportingText","handleChange","_ref2","event","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useCheckbox","useCheckbox","hasError","hasHelperText","ids","inputProps","helpTextLeftSpacing","makeSize","checkboxSizes","icon","width","spacing","_jsxs","BaseBox","_objectSpread","getOuterMotionRef","metaAttribute","MetaConstants","Checkbox","getStyledProps","_jsx","SelectorLabel","componentName","CheckboxLabel","isReactNative","style","cursor","display","flexDirection","SelectorInput","hoverTokens","checkboxHoverTokens","getInnerMotionRef","makeAnalyticsAttribute","CheckboxIcon","isNegative","SelectorTitle","marginLeft","SelectorSupportText","id","helpTextId","FormHint","errorTextId","type","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}

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

@@ -25,8 +25,8 @@ var Fade = function Fade(_ref2) {
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var duration = theme.motion.duration.xquick;
-  var enter = /*#__PURE__*/css(["animation:", " ", " ", ";"], fadeIn, makeMotionTime(duration), theme.motion.easing.entrance.effective);
-  var exit = /*#__PURE__*/css(["animation:", " ", " ", ";"], fadeOut, makeMotionTime(duration), theme.motion.easing.exit.effective);
+  var enter = /*#__PURE__*/css(["animation:", " ", " ", ";"], fadeIn, makeMotionTime(duration), theme.motion.easing.entrance);
+  var exit = /*#__PURE__*/css(["animation:", " ", " ", ";"], fadeOut, makeMotionTime(duration), theme.motion.easing.exit);
 
   // if show is undefined do not initialize the animation to prevent flash of animation
   var animation = show === undefined ? null : show ? enter : exit;

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.web.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/Fade.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst fadeIn = keyframes`\n  from {\n    transform: scale(.6);\n    opacity: 0;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  from {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(.6);\n    opacity: 0;\n  }\n`;\n\nconst AnimatedFade = styled.div<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst Fade = ({ show, children, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const duration = theme.motion.duration.xquick;\n  const enter = css`\n    animation: ${fadeIn} ${makeMotionTime(duration)}\n      ${theme.motion.easing.entrance.effective as string};\n  `;\n\n  const exit = css`\n    animation: ${fadeOut} ${makeMotionTime(duration)}\n      ${theme.motion.easing.exit.effective as string};\n  `;\n\n  // if show is undefined do not initialize the animation to prevent flash of animation\n  const animation = show === undefined ? null : show ? enter : exit;\n\n  return (\n    <AnimatedFade\n      animationType={animation}\n      style={{\n        opacity: show ? 1 : 0,\n        ...styles,\n      }}\n    >\n      {children}\n    </AnimatedFade>\n  );\n};\n\nexport { Fade };\n"],"names":["fadeIn","keyframes","fadeOut","AnimatedFade","styled","div","withConfig","displayName","componentId","_ref","animationType","css","Fade","_ref2","show","children","styles","_useTheme","useTheme","theme","duration","motion","xquick","enter","makeMotionTime","easing","entrance","effective","exit","animation","undefined","_jsx","style","_objectSpread","opacity"],"mappings":";;;;;;;;;;;AAUA,IAAMA,MAAM,gBAAGC,SAAS,CAUvB,CAAA,uEAAA,CAAA,CAAA,CAAA;AAED,IAAMC,OAAO,gBAAGD,SAAS,CAUxB,CAAA,uEAAA,CAAA,CAAA,CAAA;AAED,IAAME,YAAY,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAC7B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,aAAa,GAAAD,IAAA,CAAbC,aAAa,CAAA;EAAA,OACdA,aAAa,KAAK,IAAI,GAClB,EAAE,GACFC,GAAG,CACCD,CAAAA,EAAAA,EAAAA,EAAAA,CAAAA,EAAAA,aAAa,CAChB,CAAA;AAAA,CACR,CAAA,CAAA;AAED,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAAC,KAAA,EAA8C;AAAA,EAAA,IAAxCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM,CAAA;AACpC,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,IAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACD,QAAQ,CAACE,MAAM,CAAA;EAC7C,IAAMC,KAAK,gBAAGZ,GAAG,CAAA,CAAA,YAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EACFX,MAAM,EAAIwB,cAAc,CAACJ,QAAQ,CAAC,EAC3CD,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAC3C,CAAA;EAED,IAAMC,IAAI,gBAAGjB,GAAG,CAAA,CAAA,YAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EACDT,OAAO,EAAIsB,cAAc,CAACJ,QAAQ,CAAC,EAC5CD,KAAK,CAACE,MAAM,CAACI,MAAM,CAACG,IAAI,CAACD,SAAS,CACvC,CAAA;;AAED;AACA,EAAA,IAAME,SAAS,GAAGf,IAAI,KAAKgB,SAAS,GAAG,IAAI,GAAGhB,IAAI,GAAGS,KAAK,GAAGK,IAAI,CAAA;EAEjE,oBACEG,GAAA,CAAC5B,YAAY,EAAA;AACXO,IAAAA,aAAa,EAAEmB,SAAU;AACzBG,IAAAA,KAAK,EAAAC,aAAA,CAAA;AACHC,MAAAA,OAAO,EAAEpB,IAAI,GAAG,CAAC,GAAG,CAAA;AAAC,KAAA,EAClBE,MAAM,CACT;AAAAD,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACG,CAAC,CAAA;AAEnB;;;;"}
+{"version":3,"file":"Fade.web.js","sources":["../../../../../../../src/components/Checkbox/CheckboxIcon/Fade.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { FadeProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst fadeIn = keyframes`\n  from {\n    transform: scale(.6);\n    opacity: 0;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  from {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(.6);\n    opacity: 0;\n  }\n`;\n\nconst AnimatedFade = styled.div<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst Fade = ({ show, children, styles }: FadeProps) => {\n  const { theme } = useTheme();\n\n  const duration = theme.motion.duration.xquick;\n  const enter = css`\n    animation: ${fadeIn} ${makeMotionTime(duration)} ${theme.motion.easing.entrance as string};\n  `;\n\n  const exit = css`\n    animation: ${fadeOut} ${makeMotionTime(duration)} ${theme.motion.easing.exit as string};\n  `;\n\n  // if show is undefined do not initialize the animation to prevent flash of animation\n  const animation = show === undefined ? null : show ? enter : exit;\n\n  return (\n    <AnimatedFade\n      animationType={animation}\n      style={{\n        opacity: show ? 1 : 0,\n        ...styles,\n      }}\n    >\n      {children}\n    </AnimatedFade>\n  );\n};\n\nexport { Fade };\n"],"names":["fadeIn","keyframes","fadeOut","AnimatedFade","styled","div","withConfig","displayName","componentId","_ref","animationType","css","Fade","_ref2","show","children","styles","_useTheme","useTheme","theme","duration","motion","xquick","enter","makeMotionTime","easing","entrance","exit","animation","undefined","_jsx","style","_objectSpread","opacity"],"mappings":";;;;;;;;;;;AAUA,IAAMA,MAAM,gBAAGC,SAAS,CAUvB,CAAA,uEAAA,CAAA,CAAA,CAAA;AAED,IAAMC,OAAO,gBAAGD,SAAS,CAUxB,CAAA,uEAAA,CAAA,CAAA,CAAA;AAED,IAAME,YAAY,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAC7B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,aAAa,GAAAD,IAAA,CAAbC,aAAa,CAAA;EAAA,OACdA,aAAa,KAAK,IAAI,GAClB,EAAE,GACFC,GAAG,CACCD,CAAAA,EAAAA,EAAAA,EAAAA,CAAAA,EAAAA,aAAa,CAChB,CAAA;AAAA,CACR,CAAA,CAAA;AAED,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAAC,KAAA,EAA8C;AAAA,EAAA,IAAxCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM,CAAA;AACpC,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,IAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACD,QAAQ,CAACE,MAAM,CAAA;AAC7C,EAAA,IAAMC,KAAK,gBAAGZ,GAAG,gCACFX,MAAM,EAAIwB,cAAc,CAACJ,QAAQ,CAAC,EAAID,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAChF,CAAA;AAED,EAAA,IAAMC,IAAI,gBAAGhB,GAAG,gCACDT,OAAO,EAAIsB,cAAc,CAACJ,QAAQ,CAAC,EAAID,KAAK,CAACE,MAAM,CAACI,MAAM,CAACE,IAAI,CAC7E,CAAA;;AAED;AACA,EAAA,IAAMC,SAAS,GAAGd,IAAI,KAAKe,SAAS,GAAG,IAAI,GAAGf,IAAI,GAAGS,KAAK,GAAGI,IAAI,CAAA;EAEjE,oBACEG,GAAA,CAAC3B,YAAY,EAAA;AACXO,IAAAA,aAAa,EAAEkB,SAAU;AACzBG,IAAAA,KAAK,EAAAC,aAAA,CAAA;AACHC,MAAAA,OAAO,EAAEnB,IAAI,GAAG,CAAC,GAAG,CAAA;AAAC,KAAA,EAClBE,MAAM,CACT;AAAAD,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACG,CAAC,CAAA;AAEnB;;;;"}

package/build/lib/web/development/components/Chip/Chip.js

@@ -19,6 +19,7 @@ import { useRadio } from '../Radio/useRadio.js';
 import '../../utils/index.js';
 import '../Typography/index.js';
 import '../BladeProvider/index.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -34,7 +35,7 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["isDisabled", "value", "children", "icon", "color", "testID"];
+var _excluded = ["isDisabled", "value", "children", "icon", "color", "testID", "_motionMeta"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Chip = function _Chip(_ref, ref) {
@@ -45,6 +46,7 @@ var _Chip = function _Chip(_ref, ref) {
     Icon = _ref.icon,
     color = _ref.color,
     testID = _ref.testID,
+    _motionMeta = _ref._motionMeta,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -142,6 +144,10 @@ var _Chip = function _Chip(_ref, ref) {
     testID: testID
   })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
     display: isReactNative() ? 'flex' : 'inline-flex',
+    ref: getOuterMotionRef({
+      _motionMeta: _motionMeta,
+      ref: ref
+    }),
     children: /*#__PURE__*/jsx(SelectorLabel, {
       componentName: MetaConstants.ChipLabel,
       onTouchStart: handlePointerPressedIn,
@@ -168,7 +174,10 @@ var _Chip = function _Chip(_ref, ref) {
             isDisabled: _isDisabled,
             inputProps: inputProps,
             hasError: hasError,
-            ref: ref
+            ref: getInnerMotionRef({
+              _motionMeta: _motionMeta,
+              ref: ref
+            })
           }), /*#__PURE__*/jsx(AnimatedChip, {
             borderColor: chipBorderColor,
             isDisabled: _isDisabled,

package/build/lib/web/development/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","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","_objectSpread","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","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","_objectSpread","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAMA,KAAiE,GAAG,SAApEA,KAAiEA,CAAAC,IAAA,EAErEC,GAAG,EACA;AAAA,EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,KAAA,CAAA;AAAA,EAAA,IAFDC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAQC,IAAI,GAAAR,IAAA,CAAVS,IAAI;IAAQC,KAAK,GAAAV,IAAA,CAALU,KAAK;IAAEC,MAAM,GAAAX,IAAA,CAANW,MAAM;IAAEC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAG9E,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,UAAU,GAAGC,mBAAmB,EAAE,CAAA;AACxC,EAAA,IAAMC,aAAa,GAAG,CAACC,OAAO,CAACH,UAAU,CAAC,CAAA;AAC1C,EAAA,IAAAI,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAI,IAAO,EAAE;IACX,IAAI,CAACL,aAAa,EAAE;AAClBS,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,MAAM;AAClBC,QAAAA,OAAO,EACL,wFAAA;AACJ,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,IAAMC,QAAQ,GAAG,CAAAd,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEe,eAAe,MAAK,OAAO,CAAA;AACxD,EAAA,IAAMC,WAAW,GAAGlC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIkB,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAElB,UAAU,CAAA;EACxD,IAAMmC,WAAW,GAAG,CAAAjB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkB,UAAU,KAAI,CAAAlB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEmB,kBAAkB,MAAK,UAAU,CAAA;EAC3F,IAAMC,KAAK,GAAGpB,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEqB,IAAI,CAAA;AAC9B;AACA,EAAA,IAAMC,UAAU,GAAGtB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAArB,iBAAA,GAAVqB,UAAU,CAAEuB,KAAK,MAAA,IAAA,IAAA5C,iBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAmB6C,SAAS,CAACzC,KAAM,CAAC,CAAA;AACvD;AACA,EAAA,IAAM0C,cAAc,GAClB,QAAOzB,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE0B,YAAY,CAAA,KAAK,WAAW,GAC3CC,SAAS;AAAC,IACV3B,UAAU,KAAVA,IAAAA,IAAAA,UAAU,wBAAApB,qBAAA,GAAVoB,UAAU,CAAE0B,YAAY,cAAA9C,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAA0BgD,QAAQ,CAAC7C,KAAe,CAAC,CAAC;AAC1D,EAAA,IAAM8C,OAAO,GAAG,CAAA7B,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE8B,aAAa,MAAK,QAAQ,GAAGC,QAAQ,GAAGC,WAAW,CAAA;EAC/E,IAAMC,KAAK,GAAG,CAAAjC,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEkC,IAAI,KAAI,OAAO,CAAA;EACzC,IAAMC,SAAS,IAAAtD,KAAA,GAAGM,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAIa,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEb,KAAK,cAAAN,KAAA,KAAA,KAAA,CAAA,GAAAA,KAAA,GAAI,SAAS,CAAA;AAEzD,EAAA,IAAMuD,YAAsB,GAAG,SAAzBA,YAAsBA,CAAAC,KAAA,EAA6B;AAAA,IAAA,IAAvBb,SAAS,GAAAa,KAAA,CAATb,SAAS;MAAEzC,KAAK,GAAAsD,KAAA,CAALtD,KAAK,CAAA;AAChD,IAAA,IAAIyC,SAAS,EAAE;AAAA,MAAA,IAAAc,kBAAA,CAAA;AACbtC,MAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAsC,kBAAA,GAAVtC,UAAU,CAAEuB,KAAK,MAAAe,IAAAA,IAAAA,kBAAA,uBAAjBA,kBAAA,CAAmBC,QAAQ,CAACxD,KAAM,CAAC,CAAA;AACrC,KAAC,MAAM;AAAA,MAAA,IAAAyD,kBAAA,CAAA;AACLxC,MAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAwC,kBAAA,GAAVxC,UAAU,CAAEuB,KAAK,MAAAiB,IAAAA,IAAAA,kBAAA,uBAAjBA,kBAAA,CAAmBC,WAAW,CAAC1D,KAAM,CAAC,CAAA;AACxC,KAAA;GACD,CAAA;EAED,IAAA2D,QAAA,GAA8Bb,OAAO,CAAC;AACpCJ,MAAAA,cAAc,EAAdA,cAAc;AACdD,MAAAA,SAAS,EAAEF,UAAU;AACrBxC,MAAAA,UAAU,EAAEkC,WAAW;AACvBE,MAAAA,UAAU,EAAED,WAAW;AACvBH,MAAAA,QAAQ,EAARA,QAAQ;AACRO,MAAAA,IAAI,EAAED,KAAK;AACXrC,MAAAA,KAAK,EAALA,KAAK;AACL4D,MAAAA,QAAQ,EAAEP,YAAAA;AACZ,KAAC,CAAC;IATMb,KAAK,GAAAmB,QAAA,CAALnB,KAAK;IAAEqB,UAAU,GAAAF,QAAA,CAAVE,UAAU,CAAA;AAWzB,EAAA,IAAMC,sBAAsB,GAAGxC,cAAK,CAACyC,WAAW,CAAC,YAAM;AACrD,IAAA,IAAI9B,WAAW,EAAE,OAAA;IACjBN,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,GAAC,EAAE,CAACM,WAAW,CAAC,CAAC,CAAA;AAEjB,EAAA,IAAM+B,uBAAuB,GAAG1C,cAAK,CAACyC,WAAW,CAAC,YAAM;AACtD,IAAA,IAAI9B,WAAW,EAAE,OAAA;IACjBN,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,GAAC,EAAE,CAACM,WAAW,CAAC,CAAC,CAAA;EAEjB,IAAMgC,uBAAuB,GAAG3C,cAAK,CAACyC,WAAW,CAC/C,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAIjC,WAAW,EAAE,OAAA;AACjB,IAAA,IAAIiC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBxC,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,KAAA;AACF,GAAC,EACD,CAACM,WAAW,CACd,CAAC,CAAA;EAED,IAAMmC,wBAAwB,GAAG9C,cAAK,CAACyC,WAAW,CAChD,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAIjC,WAAW,EAAE,OAAA;AACjB,IAAA,IAAIiC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBxC,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;AACF,GAAC,EACD,CAACM,WAAW,CACd,CAAC,CAAA;EAED,IAAIoC,WAAW,GAAG,WAAW,CAAA;EAC7B,IAAI9B,UAAU,IAAIa,SAAS,EAAE;AAC3BiB,IAAAA,WAAW,GAAGjB,SAAS,CAAA;AACzB,GAAA;AACA,EAAA,IAAInB,WAAW,EAAE;AACfoC,IAAAA,WAAW,GAAG,UAAU,CAAA;AAC1B,GAAA;AACA,EAAA,IAAMC,aAAa,GAAGC,eAAe,CAACC,IAAI,CAACH,WAAW,CAAC,CAAA;AACvD,EAAA,IAAMI,aAAa,GAAGF,eAAe,CAACpE,IAAI,CAACkE,WAAW,CAAC,CAAA;EAEvD,IAAIK,YAAY,GAAG,WAAW,CAAA;AAC9B,EAAA,IAAMC,YAAY,GAAG1C,WAAW,GAAG,UAAU,GAAG,SAAS,CAAA;EACzD,IAAIM,UAAU,IAAIa,SAAS,EAAE;AAC3BsB,IAAAA,YAAY,GAAGtB,SAAS,CAAA;AAC1B,GAAA;EACA,IAAMwB,mBAAmB,GAAGL,eAAe,CAACM,UAAU,CAACH,YAAY,CAAC,CAACC,YAAY,CAAC,CAAA;EAClF,IAAMG,eAAe,GAAGP,eAAe,CAACQ,MAAM,CAACL,YAAY,CAAC,CAACC,YAAY,CAAC,CAAA;AAE1E,EAAA,oBACEK,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFC,aAAa,CAAC;IAAE7C,IAAI,EAAE8C,aAAa,CAACC,IAAI;AAAEhF,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CACnDiF,EAAAA,cAAc,CAAC/E,IAAI,CAAC,CACpBgF,EAAAA,sBAAsB,CAAChF,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCiF,IAAAA,OAAO,EAAGC,aAAa,EAAE,GAAG,MAAM,GAAG,aAAwB;IAC7D9F,GAAG,EAAE+F,iBAAiB,CAAC;AAAEpF,MAAAA,WAAW,EAAXA,WAAW;AAAEX,MAAAA,GAAG,EAAHA,GAAAA;AAAI,KAAC,CAAE;IAAAM,QAAA,eAE7C+E,GAAA,CAACW,aAAa,EAAA;MACZC,aAAa,EAAER,aAAa,CAACS,SAAU;AACvCC,MAAAA,YAAY,EAAEhC,sBAAuB;AACrCiC,MAAAA,UAAU,EAAE/B,uBAAwB;AACpCgC,MAAAA,WAAW,EAAElC,sBAAuB;AACpCmC,MAAAA,SAAS,EAAEjC,uBAAwB;AACnCkC,MAAAA,UAAU,EAAElC,uBAAwB;AACpCmC,MAAAA,SAAS,EAAElC,uBAAwB;AACnCmC,MAAAA,OAAO,EAAEhC,wBAAyB;MAClCP,UAAU,EAAE4B,aAAa,EAAE,GAAG5B,UAAU,GAAG,EAAG;AAC9CwC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAErE,WAAW,GAAG,aAAa,GAAG,SAAA;OAAY;MAAAhC,QAAA,eAE3D+E,GAAA,CAACC,OAAO,EAAA;AAACO,QAAAA,OAAO,EAAC,MAAM;AAACe,QAAAA,aAAa,EAAC,QAAQ;QAAAtG,QAAA,eAC5CuG,IAAA,CAACvB,OAAO,EAAA;AAACO,UAAAA,OAAO,EAAC,MAAM;AAACiB,UAAAA,UAAU,EAAC,QAAQ;AAACF,UAAAA,aAAa,EAAC,KAAK;UAAAtG,QAAA,EAAA,cAC7D+E,GAAA,CAAC0B,aAAa,EAAA;AACZC,YAAAA,WAAW,EAAEC,uBAAuB,CAACxD,SAAS,CAAE;YAChDX,SAAS,EAAED,KAAK,CAACC,SAAU;AAC3B1C,YAAAA,UAAU,EAAEkC,WAAY;AACxB4B,YAAAA,UAAU,EAAEA,UAAW;AACvB9B,YAAAA,QAAQ,EAAEA,QAAS;YACnBpC,GAAG,EAAEkH,iBAAiB,CAAC;AAAEvG,cAAAA,WAAW,EAAXA,WAAW;AAAEX,cAAAA,GAAG,EAAHA,GAAAA;aAAK,CAAA;AAAE,WAC9C,CAAC,eACFqF,GAAA,CAAC8B,YAAY,EAAA;AACXC,YAAAA,WAAW,EAAEjC,eAAgB;AAC7B/E,YAAAA,UAAU,EAAEkC,WAAY;AACxBP,YAAAA,SAAS,EAAEA,SAAU;YACrBsF,SAAS,EAAEhG,iBAAiB,KAAK,SAAU;YAAAf,QAAA,eAE3CuG,IAAA,CAACS,iBAAiB,EAAA;AAChBF,cAAAA,WAAW,EAAEjC,eAAgB;AAC7BrC,cAAAA,SAAS,EAAEF,UAAW;AACtBxC,cAAAA,UAAU,EAAEkC,WAAY;AACxB7B,cAAAA,KAAK,EAAEgD,SAAU;AACjBoC,cAAAA,OAAO,EAAC,MAAM;AACde,cAAAA,aAAa,EAAC,KAAK;AACnBW,cAAAA,cAAc,EAAC,QAAQ;AACvBT,cAAAA,UAAU,EAAC,QAAQ;AACnBU,cAAAA,QAAQ,EAAC,QAAQ;AACjBC,cAAAA,eAAe,EAAExC,mBAAoB;AACrCyC,cAAAA,YAAY,EAAC,KAAK;AAClBC,cAAAA,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAACzE,QAAQ,CAACK,KAAK,CAAC,GAAG,SAAS,GAAG,MAAO;AACtEqE,cAAAA,WAAW,EACTC,2BAA2B,CAACC,OAAO,CAACvH,IAAI,CAAC,GAAG,UAAU,GAAG,aAAa,CAAC,CAACwH,IAAI,CAC1ExE,KAAK,CAER;AACDyE,cAAAA,YAAY,EACVH,2BAA2B,CAACC,OAAO,CAACvH,IAAI,CAAC,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC0H,KAAK,CAC3E1E,KAAK,CAER;AACD2E,cAAAA,MAAM,EAAEC,QAAQ,CAACC,gBAAgB,CAAC7E,KAAK,CAAC,CAAE;AAAAjD,cAAAA,QAAA,EAEzCC,CAAAA,IAAI,gBACH8E,GAAA,CAACC,OAAO,EAAA;AAAC0C,gBAAAA,YAAY,EAAC,WAAW;AAACnC,gBAAAA,OAAO,EAAC,MAAM;gBAAAvF,QAAA,eAC9C+E,GAAA,CAAC9E,IAAI,EAAA;AAACE,kBAAAA,KAAK,EAAEqE,aAAc;kBAACtB,IAAI,EAAE6E,aAAa,CAAC9E,KAAK,CAAA;iBAAI,CAAA;AAAC,eACnD,CAAC,GACR,IAAI,eACR8B,GAAA,CAACiD,IAAI,EAAA/C,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKgD,aAAa,CAAChF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAEiF,gBAAAA,kBAAkB,EAAE,CAAE;AAAC/H,gBAAAA,KAAK,EAAEkE,aAAc;AAAArE,gBAAAA,QAAA,EACzEA,QAAAA;AAAQ,eAAA,CACL,CAAC,CAAA;aACU,CAAA;AAAC,WACR,CAAC,CAAA;SACR,CAAA;OACF,CAAA;KACI,CAAA;AAAC,GAAA,CACT,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKoF,IAAAA,IAAI,gBAAG+C,wBAAwB,eAAC9G,cAAK,CAAC+G,UAAU,CAAC5I,KAAK,CAAC,EAAE;AAC7D6I,EAAAA,WAAW,EAAE,MAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/Chip/ChipGroup.js

@@ -25,7 +25,7 @@ import { FormHint } from '../Form/FormHint.js';
 var _excluded = ["accessibilityLabel", "label", "labelPosition", "necessityIndicator", "validationState", "errorText", "helpText", "isRequired", "children", "isDisabled", "name", "defaultValue", "onChange", "value", "size", "color", "testID", "selectionType"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ChipGroup = function ChipGroup(_ref) {
+var _ChipGroup = function _ChipGroup(_ref, ref) {
   var accessibilityLabel = _ref.accessibilityLabel,
     label = _ref.label,
     _ref$labelPosition = _ref.labelPosition,
@@ -87,7 +87,9 @@ var ChipGroup = function ChipGroup(_ref) {
   }
   return /*#__PURE__*/jsx(ChipGroupProvider, {
     value: contextValue,
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getStyledProps(rest)), {}, {
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+      ref: ref
+    }, getStyledProps(rest)), {}, {
       children: /*#__PURE__*/jsxs(SelectorGroupField, _objectSpread(_objectSpread({
         position: labelPosition,
         accessibilityRole: selectionType === 'single' ? 'radiogroup' : 'group',
@@ -130,6 +132,7 @@ var ChipGroup = function ChipGroup(_ref) {
     }))
   });
 };
+var ChipGroup = /*#__PURE__*/React__default.forwardRef(_ChipGroup);
 
 export { ChipGroup };
 //# sourceMappingURL=ChipGroup.js.map

package/build/lib/web/development/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","concat","trim","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAoB2B;AAAA,EAAA,IAnBxCC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,kBAAA,GAAAH,IAAA,CACLI,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,qBAAA,GAAAL,IAAA,CACrBM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,qBAAA;IAAAE,oBAAA,GAAAP,IAAA,CAC3BQ,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,oBAAA;IACxBE,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IAAAC,eAAA,GAAAX,IAAA,CACRY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IAAAC,eAAA,GAAAd,IAAA,CACRe,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;IACJC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;IACRC,KAAK,GAAAnB,IAAA,CAALmB,KAAK;IAAAC,SAAA,GAAApB,IAAA,CACLqB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,UAAA,GAAAtB,IAAA,CACduB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,MAAM,GAAAxB,IAAA,CAANwB,MAAM;IAAAC,kBAAA,GAAAzB,IAAA,CACN0B,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,kBAAA;AACrBE,IAAAA,IAAI,GAAAC,wBAAA,CAAA5B,IAAA,EAAA6B,SAAA,CAAA,CAAA;EAEP,IAAAC,aAAA,GAA8BC,YAAY,CAAC;AACzCd,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLJ,MAAAA,UAAU,EAAVA,UAAU;AACVC,MAAAA,IAAI,EAAJA,IAAI;AACJK,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,aAAa,EAAbA,aAAa;AACbd,MAAAA,UAAU,EAAVA,UAAU;AACVJ,MAAAA,eAAe,EAAfA,eAAe;AACfF,MAAAA,kBAAkB,EAAlBA,kBAAAA;AACF,KAAC,CAAC;IAZM0B,YAAY,GAAAF,aAAA,CAAZE,YAAY;IAAEC,GAAG,GAAAH,aAAA,CAAHG,GAAG,CAAA;AAazB,EAAA,IAAMC,SAAS,GAAG1B,eAAe,KAAK,OAAO,IAAIC,SAAS,CAAA;AAC1D,EAAA,IAAM0B,YAAY,GAAG,CAACD,SAAS,IAAIxB,QAAQ,CAAA;EAC3C,IAAM0B,iBAAiB,GAAG,EAAAC,CAAAA,MAAA,CAAGH,SAAS,GAAGzB,SAAS,GAAG,EAAE,OAAA4B,MAAA,CAAIF,YAAY,GAAGzB,QAAQ,GAAG,EAAE,CAAA,CAAG4B,IAAI,EAAE,CAAA;AAEhG,EAAA,IAAI,IAAO,EAAE;IACX,IAAIZ,aAAa,KAAK,QAAQ,IAAIa,KAAK,CAACC,OAAO,CAACvB,YAAY,CAAC,EAAE;AAC7DwB,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,oHAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;IACA,IAAIjB,aAAa,KAAK,QAAQ,IAAIa,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,EAAE;AACtDsB,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,6GAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,oBACEC,GAAA,CAACC,iBAAiB,EAAA;AAAC1B,IAAAA,KAAK,EAAEa,YAAa;AAAAnB,IAAAA,QAAA,eACrC+B,GAAA,CAACE,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,cAAc,CAACrB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAd,MAAAA,QAAA,eAC/BoC,IAAA,CAACC,kBAAkB,EAAAH,aAAA,CAAAA,aAAA,CAAA;AACjBI,QAAAA,QAAQ,EAAE/C,aAAc;AACxBgD,QAAAA,iBAAiB,EAAE1B,aAAa,KAAK,QAAQ,GAAG,YAAY,GAAG,OAAQ;QACvE2B,UAAU,EAAEpB,GAAG,CAACqB,OAAQ;AACxBC,QAAAA,aAAa,EAAC,YAAY;AAC1B/B,QAAAA,MAAM,EAAEA,MAAAA;OACJgC,EAAAA,sBAAsB,CAAC7B,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAd,QAAAA,QAAA,EAE/BX,CAAAA,KAAK,gBACJ0C,GAAA,CAACa,SAAS,EAAA;AACRC,UAAAA,EAAE,EAAC,MAAM;AACTpD,UAAAA,kBAAkB,EAAEA,kBAAmB;AACvC6C,UAAAA,QAAQ,EAAE/C,aAAc;UACxBuD,EAAE,EAAE1B,GAAG,CAACqB,OAAQ;AAChBlB,UAAAA,iBAAiB,EAAEA,iBAAiB,IAAA,GAAA,CAAAC,MAAA,CAAQD,iBAAiB,CAAG;AAChEf,UAAAA,IAAI,EAAEuC,wBAAwB,CAACvC,IAAI,CAAE;AAAAR,UAAAA,QAAA,EAEpCX,KAAAA;AAAK,SACG,CAAC,GACV,IAAI,eACR+C,IAAA,CAACH,OAAO,EAAA;UAAAjC,QAAA,EAAA,cACN+B,GAAA,CAACiB,cAAc,EAAA;YAAAhD,QAAA,eACb+B,GAAA,CAACkB,IAAI,EAAA;AAAAjD,cAAAA,QAAA,EAAEZ,kBAAAA;aAAyB,CAAA;AAAC,WACnB,CAAC,eACjB2C,GAAA,CAACE,OAAO,EAAA;AAACiB,YAAAA,OAAO,EAAC,MAAM;AAACC,YAAAA,aAAa,EAAC,KAAK;AAACC,YAAAA,QAAQ,EAAC,MAAM;AAAApD,YAAAA,QAAA,EACxDqD,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACvD,QAAQ,EAAE,UAACwD,KAAK,EAAEC,KAAK,EAAK;cAC9C,oBACE1B,GAAA,CAACE,OAAO,EAAA;AAENyB,gBAAAA,YAAY,EAAEC,kBAAkB,CAACnD,IAAI,CAAC,CAACoD,MAAO;AAC9CC,gBAAAA,WAAW,EAAEF,kBAAkB,CAACnD,IAAI,CAAC,CAACsD,KAAM;AAAA9D,gBAAAA,QAAA,EAE3CwD,KAAAA;AAAK,eAAA,EAJDC,KAKE,CAAC,CAAA;aAEb,CAAA;AAAC,WACK,CAAC,eACV1B,GAAA,CAACgC,QAAQ,EAAA;AACPvD,YAAAA,IAAI,EAAEuC,wBAAwB,CAACvC,IAAI,CAAE;AACrCwD,YAAAA,IAAI,EAAErE,eAAe,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;AACrDC,YAAAA,SAAS,EAAEA,SAAU;AACrBC,YAAAA,QAAQ,EAAEA,QAAAA;AAAS,WACpB,CAAC,CAAA;AAAA,SACK,CAAC,CAAA;OACQ,CAAA,CAAA;KACb,CAAA,CAAA;AAAC,GACO,CAAC,CAAA;AAExB;;;;"}
+{"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","concat","trim","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAsBdC,GAA+B,EACR;AAAA,EAAA,IArBrBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,kBAAA,GAAAJ,IAAA,CACLK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,qBAAA,GAAAN,IAAA,CACrBO,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,qBAAA;IAAAE,oBAAA,GAAAR,IAAA,CAC3BS,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,oBAAA;IACxBE,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IAAAC,eAAA,GAAAZ,IAAA,CACRa,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IAAAC,eAAA,GAAAf,IAAA,CACRgB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,IAAI,GAAAjB,IAAA,CAAJiB,IAAI;IACJC,YAAY,GAAAlB,IAAA,CAAZkB,YAAY;IACZC,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;IACRC,KAAK,GAAApB,IAAA,CAALoB,KAAK;IAAAC,SAAA,GAAArB,IAAA,CACLsB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IAAAE,UAAA,GAAAvB,IAAA,CACdwB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,MAAM,GAAAzB,IAAA,CAANyB,MAAM;IAAAC,kBAAA,GAAA1B,IAAA,CACN2B,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,kBAAA;AACrBE,IAAAA,IAAI,GAAAC,wBAAA,CAAA7B,IAAA,EAAA8B,SAAA,CAAA,CAAA;EAIT,IAAAC,aAAA,GAA8BC,YAAY,CAAC;AACzCd,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,KAAK,EAALA,KAAK;AACLJ,MAAAA,UAAU,EAAVA,UAAU;AACVC,MAAAA,IAAI,EAAJA,IAAI;AACJK,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,aAAa,EAAbA,aAAa;AACbd,MAAAA,UAAU,EAAVA,UAAU;AACVJ,MAAAA,eAAe,EAAfA,eAAe;AACfF,MAAAA,kBAAkB,EAAlBA,kBAAAA;AACF,KAAC,CAAC;IAZM0B,YAAY,GAAAF,aAAA,CAAZE,YAAY;IAAEC,GAAG,GAAAH,aAAA,CAAHG,GAAG,CAAA;AAazB,EAAA,IAAMC,SAAS,GAAG1B,eAAe,KAAK,OAAO,IAAIC,SAAS,CAAA;AAC1D,EAAA,IAAM0B,YAAY,GAAG,CAACD,SAAS,IAAIxB,QAAQ,CAAA;EAC3C,IAAM0B,iBAAiB,GAAG,EAAAC,CAAAA,MAAA,CAAGH,SAAS,GAAGzB,SAAS,GAAG,EAAE,OAAA4B,MAAA,CAAIF,YAAY,GAAGzB,QAAQ,GAAG,EAAE,CAAA,CAAG4B,IAAI,EAAE,CAAA;AAEhG,EAAA,IAAI,IAAO,EAAE;IACX,IAAIZ,aAAa,KAAK,QAAQ,IAAIa,KAAK,CAACC,OAAO,CAACvB,YAAY,CAAC,EAAE;AAC7DwB,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,oHAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;IACA,IAAIjB,aAAa,KAAK,QAAQ,IAAIa,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,EAAE;AACtDsB,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,WAAW;QACvBC,OAAO,EAAA,6GAAA;AACT,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,oBACEC,GAAA,CAACC,iBAAiB,EAAA;AAAC1B,IAAAA,KAAK,EAAEa,YAAa;AAAAnB,IAAAA,QAAA,eACrC+B,GAAA,CAACE,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAAC/C,MAAAA,GAAG,EAAEA,GAAAA;KAAkBgD,EAAAA,cAAc,CAACrB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAd,MAAAA,QAAA,eAClDoC,IAAA,CAACC,kBAAkB,EAAAH,aAAA,CAAAA,aAAA,CAAA;AACjBI,QAAAA,QAAQ,EAAE/C,aAAc;AACxBgD,QAAAA,iBAAiB,EAAE1B,aAAa,KAAK,QAAQ,GAAG,YAAY,GAAG,OAAQ;QACvE2B,UAAU,EAAEpB,GAAG,CAACqB,OAAQ;AACxBC,QAAAA,aAAa,EAAC,YAAY;AAC1B/B,QAAAA,MAAM,EAAEA,MAAAA;OACJgC,EAAAA,sBAAsB,CAAC7B,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAd,QAAAA,QAAA,EAE/BX,CAAAA,KAAK,gBACJ0C,GAAA,CAACa,SAAS,EAAA;AACRC,UAAAA,EAAE,EAAC,MAAM;AACTpD,UAAAA,kBAAkB,EAAEA,kBAAmB;AACvC6C,UAAAA,QAAQ,EAAE/C,aAAc;UACxBuD,EAAE,EAAE1B,GAAG,CAACqB,OAAQ;AAChBlB,UAAAA,iBAAiB,EAAEA,iBAAiB,IAAA,GAAA,CAAAC,MAAA,CAAQD,iBAAiB,CAAG;AAChEf,UAAAA,IAAI,EAAEuC,wBAAwB,CAACvC,IAAI,CAAE;AAAAR,UAAAA,QAAA,EAEpCX,KAAAA;AAAK,SACG,CAAC,GACV,IAAI,eACR+C,IAAA,CAACH,OAAO,EAAA;UAAAjC,QAAA,EAAA,cACN+B,GAAA,CAACiB,cAAc,EAAA;YAAAhD,QAAA,eACb+B,GAAA,CAACkB,IAAI,EAAA;AAAAjD,cAAAA,QAAA,EAAEZ,kBAAAA;aAAyB,CAAA;AAAC,WACnB,CAAC,eACjB2C,GAAA,CAACE,OAAO,EAAA;AAACiB,YAAAA,OAAO,EAAC,MAAM;AAACC,YAAAA,aAAa,EAAC,KAAK;AAACC,YAAAA,QAAQ,EAAC,MAAM;AAAApD,YAAAA,QAAA,EACxDqD,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACvD,QAAQ,EAAE,UAACwD,KAAK,EAAEC,KAAK,EAAK;cAC9C,oBACE1B,GAAA,CAACE,OAAO,EAAA;AAENyB,gBAAAA,YAAY,EAAEC,kBAAkB,CAACnD,IAAI,CAAC,CAACoD,MAAO;AAC9CC,gBAAAA,WAAW,EAAEF,kBAAkB,CAACnD,IAAI,CAAC,CAACsD,KAAM;AAAA9D,gBAAAA,QAAA,EAE3CwD,KAAAA;AAAK,eAAA,EAJDC,KAKE,CAAC,CAAA;aAEb,CAAA;AAAC,WACK,CAAC,eACV1B,GAAA,CAACgC,QAAQ,EAAA;AACPvD,YAAAA,IAAI,EAAEuC,wBAAwB,CAACvC,IAAI,CAAE;AACrCwD,YAAAA,IAAI,EAAErE,eAAe,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;AACrDC,YAAAA,SAAS,EAAEA,SAAU;AACrBC,YAAAA,QAAQ,EAAEA,QAAAA;AAAS,WACpB,CAAC,CAAA;AAAA,SACK,CAAC,CAAA;OACQ,CAAA,CAAA;KACb,CAAA,CAAA;AAAC,GACO,CAAC,CAAA;AAExB,CAAC,CAAA;AAED,IAAMoE,SAAS,gBAAGZ,cAAK,CAACa,UAAU,CAACjF,UAAU;;;;"}

package/build/lib/web/development/components/Chip/chipTokens.js

@@ -161,7 +161,7 @@ var chipTextSizes = {
 };
 var chipMotionTokens = {
   duration: 'duration.xquick',
-  easing: 'easing.standard.effective'
+  easing: 'easing.standard'
 };
 
 export { chipColorTokens, chipGroupGapTokens, chipGroupLabelSizeTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };

package/build/lib/web/development/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","hover","border","getChipInputHoverTokens","color","checked","concat","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","hover","border","getChipInputHoverTokens","color","checked","concat","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}

package/build/lib/web/development/components/Collapsible/Collapsible.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState, useRef, useCallback, useMemo, Children } from 'react';
+import { useState, useRef, useCallback, useMemo, Children, forwardRef } from 'react';
 import { CollapsibleContext } from './CollapsibleContext.js';
 import { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles.web.js';
 import '../Box/BaseBox/index.js';
@@ -28,7 +28,7 @@ var _excluded = ["children", "direction", "defaultIsExpanded", "isExpanded", "on
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MIN_WIDTH = makeSize(size[200]);
-var Collapsible = function Collapsible(_ref) {
+var _Collapsible = function _Collapsible(_ref, ref) {
   var children = _ref.children,
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'bottom' : _ref$direction,
@@ -89,7 +89,9 @@ var Collapsible = function Collapsible(_ref) {
   }
   return /*#__PURE__*/jsx(CollapsibleContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      ref: ref
+    }, metaAttribute({
       name: MetaConstants.Collapsible,
       testID: testID
     })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
@@ -104,6 +106,7 @@ var Collapsible = function Collapsible(_ref) {
     }))
   });
 };
+var Collapsible = /*#__PURE__*/forwardRef(_Collapsible);
 
 export { Collapsible };
 //# sourceMappingURL=Collapsible.js.map

package/build/lib/web/development/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","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","_objectSpread","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","Children","forEach","child","isValidAllowedChildren","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","_objectSpread","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/web/development/components/Collapsible/commonStyles.js

@@ -23,12 +23,12 @@ var getOpacity = function getOpacity(_ref2) {
 
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 var getTransitionDuration = function getTransitionDuration(theme) {
-  return makeMotionTime(theme.motion.duration.xmoderate);
+  return makeMotionTime(theme.motion.duration.moderate);
 };
 
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 var getTransitionEasing = function getTransitionEasing(theme) {
-  return theme.motion.easing.standard.effective;
+  return theme.motion.easing.standard;
 };
 var getCollapsibleChevronIconTransforms = function getCollapsibleChevronIconTransforms() {
   return {

package/build/lib/web/development/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":";;;AAMA,IAAMA,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAAC,IAAA,EAMvB;AAAA,EAAA,IALdC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAKV,IAAI,CAACA,UAAU,EAAE;AACf,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,OAAO;AACL;AACJ;AACA;AACA;AACIC,IAAAA,SAAS,EAAEF,SAAS,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW;AAC7DG,IAAAA,YAAY,EAAEH,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,WAAA;GACnD,CAAA;AACH,EAAC;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAAA,EAAA,OAAyCA,UAAU,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,EAAC;;AAE9F;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,EAAA;EAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CAAA;AAAA,EAAA;;AAE/F;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,EAAA;EAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA;AAAA,EAAA;AAEpF,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,GAAA;EAAA,OAGnC;IAAEC,iBAAiB,EAAE,CAAC,GAAG;AAAEC,IAAAA,kBAAkB,EAAE,CAAA;GAAG,CAAA;AAAA;;;;"}
+{"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":";;;AAMA,IAAMA,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAAC,IAAA,EAMvB;AAAA,EAAA,IALdC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAKV,IAAI,CAACA,UAAU,EAAE;AACf,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,OAAO;AACL;AACJ;AACA;AACA;AACIC,IAAAA,SAAS,EAAEF,SAAS,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW;AAC7DG,IAAAA,YAAY,EAAEH,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,WAAA;GACnD,CAAA;AACH,EAAC;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAAA,EAAA,OAAyCA,UAAU,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,EAAC;;AAE9F;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,EAAA;EAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAAA,EAAA;;AAE9F;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,EAAA;AAAA,EAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAA;AAAA,EAAA;AAE1E,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,GAAA;EAAA,OAGnC;IAAEC,iBAAiB,EAAE,CAAC,GAAG;AAAEC,IAAAA,kBAAkB,EAAE,CAAA;GAAG,CAAA;AAAA;;;;"}

package/build/lib/web/development/components/Counter/Counter.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
 import { StyledCounter } from './StyledCounter.web.js';
 import { counterHeight, horizontalPadding } from './counterTokens.js';
 import '../Typography/index.js';
@@ -45,7 +46,7 @@ var getColorProps = function getColorProps(_ref) {
   }
   return props;
 };
-var _Counter = function _Counter(_ref2) {
+var _Counter = function _Counter(_ref2, ref) {
   var value = _ref2.value,
     max = _ref2.max,
     _ref2$color = _ref2.color,
@@ -83,6 +84,7 @@ var _Counter = function _Counter(_ref2) {
     }
   };
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: ref,
     display: isReactNative() ? 'flex' : 'inline-flex'
   }, metaAttribute({
     name: MetaConstants.Counter,
@@ -111,7 +113,7 @@ var _Counter = function _Counter(_ref2) {
     })
   }));
 };
-var Counter = /*#__PURE__*/assignWithoutSideEffects(_Counter, {
+var Counter = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.forwardRef(_Counter), {
   displayName: 'Counter',
   componentId: 'Counter'
 });