@razorpay/blade 12.37.0 → 12.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * eg: `theme.elevation.midRaised`\n   *\n   * @default `theme.elevation.lowRaised`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    backgroundColor = 'surface.background.gray.intense',\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius={borderRadius}\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * eg: `theme.elevation.midRaised`\n   *\n   * @default `theme.elevation.lowRaised`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    backgroundColor = 'surface.background.gray.intense',\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius={borderRadius}\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius={borderRadius}\n          elevation={elevation}\n          textAlign={'left' as never}\n          backgroundColor={backgroundColor}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","_ref$backgroundColor","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Card/CardContext.js

@@ -3,26 +3,31 @@ import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
-var CardContext = /*#__PURE__*/React__default.createContext(null);
+var CardContext = /*#__PURE__*/React__default.createContext({
+  size: undefined
+});
 var useVerifyInsideCard = function useVerifyInsideCard(componentName) {
   var context = React__default.useContext(CardContext);
   if (true) {
-    if (!context) {
+    if (!(context !== null && context !== void 0 && context.size)) {
       throwBladeError({
         message: "".concat(componentName, " cannot be used outside of Card component"),
         moduleName: 'Card'
       });
     }
   }
-  return true;
+  return context;
 };
 var CardProvider = function CardProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    size = _ref.size;
   return /*#__PURE__*/jsx(CardContext.Provider, {
-    value: true,
+    value: {
+      size: size
+    },
     children: children
   });
 };
 
-export { CardProvider, useVerifyInsideCard };
+export { CardContext, CardProvider, useVerifyInsideCard };
 //# sourceMappingURL=CardContext.js.map

package/build/lib/web/development/components/Card/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","sources":["../../../../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype CardContextType = true | null;\nconst CardContext = React.createContext<CardContextType>(null);\n\nconst useVerifyInsideCard = (componentName: string): CardContextType => {\n  const context = React.useContext(CardContext);\n  if (__DEV__) {\n    if (!context) {\n      throwBladeError({\n        message: `${componentName} cannot be used outside of Card component`,\n        moduleName: 'Card',\n      });\n    }\n  }\n  return true;\n};\n\ntype CardProviderProps = { children: React.ReactNode };\nconst CardProvider = ({ children }: CardProviderProps): React.ReactElement => {\n  return <CardContext.Provider value={true}>{children}</CardContext.Provider>;\n};\n\nexport { useVerifyInsideCard, CardProvider };\n"],"names":["CardContext","React","createContext","useVerifyInsideCard","componentName","context","useContext","throwBladeError","message","concat","moduleName","CardProvider","_ref","children","_jsx","Provider","value"],"mappings":";;;;;AAIA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB,IAAI,CAAC,CAAA;AAE9D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,aAAqB,EAAsB;AACtE,EAAA,IAAMC,OAAO,GAAGJ,cAAK,CAACK,UAAU,CAACN,WAAW,CAAC,CAAA;AAC7C,EAAA,IAAI,IAAO,EAAE;IACX,IAAI,CAACK,OAAO,EAAE;AACZE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAC,EAAAA,CAAAA,MAAA,CAAKL,aAAa,EAA2C,2CAAA,CAAA;AACpEM,QAAAA,UAAU,EAAE,MAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb,EAAC;AAGD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAC9B,EAAA,oBAAOC,GAAA,CAACd,WAAW,CAACe,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE,IAAK;AAAAH,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAuB,CAAC,CAAA;AAC7E;;;;"}
+{"version":3,"file":"CardContext.js","sources":["../../../../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import React from 'react';\nimport { throwBladeError } from '~utils/logger';\n\ntype CardContextType = { size: 'large' | 'medium' | undefined };\nconst CardContext = React.createContext<CardContextType>({ size: undefined });\n\nconst useVerifyInsideCard = (componentName: string): CardContextType => {\n  const context = React.useContext(CardContext);\n  if (__DEV__) {\n    if (!context?.size) {\n      throwBladeError({\n        message: `${componentName} cannot be used outside of Card component`,\n        moduleName: 'Card',\n      });\n    }\n  }\n  return context;\n};\n\ntype CardProviderProps = { children: React.ReactNode };\nconst CardProvider = ({\n  children,\n  size,\n}: CardProviderProps & { size: 'large' | 'medium' }): React.ReactElement => {\n  return <CardContext.Provider value={{ size }}>{children}</CardContext.Provider>;\n};\n\nexport { useVerifyInsideCard, CardProvider, CardContext };\n"],"names":["CardContext","React","createContext","size","undefined","useVerifyInsideCard","componentName","context","useContext","throwBladeError","message","concat","moduleName","CardProvider","_ref","children","_jsx","Provider","value"],"mappings":";;;;;AAIA,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAkB;AAAEC,EAAAA,IAAI,EAAEC,SAAAA;AAAU,CAAC,EAAC;AAE7E,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,aAAqB,EAAsB;AACtE,EAAA,IAAMC,OAAO,GAAGN,cAAK,CAACO,UAAU,CAACR,WAAW,CAAC,CAAA;AAC7C,EAAA,IAAI,IAAO,EAAE;IACX,IAAI,EAACO,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEJ,IAAI,CAAE,EAAA;AAClBM,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAC,EAAAA,CAAAA,MAAA,CAAKL,aAAa,EAA2C,2CAAA,CAAA;AACpEM,QAAAA,UAAU,EAAE,MAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AACA,EAAA,OAAOL,OAAO,CAAA;AAChB,EAAC;AAGD,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAG0D;AAAA,EAAA,IAF1EC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRZ,IAAI,GAAAW,IAAA,CAAJX,IAAI,CAAA;AAEJ,EAAA,oBAAOa,GAAA,CAAChB,WAAW,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEf,MAAAA,IAAI,EAAJA,IAAAA;KAAO;AAAAY,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAuB,CAAC,CAAA;AACjF;;;;"}

package/build/lib/web/development/components/Card/CardHeader.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import 'react';
-import { useVerifyInsideCard } from './CardContext.js';
+import { useContext } from 'react';
+import { useVerifyInsideCard, CardContext } from './CardContext.js';
 import { ComponentIds } from './Card.js';
 import '../Badge/index.js';
 import '../Link/index.js';
@@ -137,6 +137,7 @@ var _CardHeader = function _CardHeader(_ref2) {
 var CardHeader = /*#__PURE__*/assignWithoutSideEffects(_CardHeader, {
   componentId: ComponentIds.CardHeader
 });
+var CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];
 var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
   var title = _ref3.title,
     subtitle = _ref3.subtitle,
@@ -144,6 +145,8 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
     suffix = _ref3.suffix,
     rest = _objectWithoutProperties(_ref3, _excluded2);
   useVerifyInsideCard('CardHeaderLeading');
+  var _useContext = useContext(CardContext),
+    size = _useContext.size;
   if (true) {
     if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {
       throwBladeError({
@@ -151,62 +154,53 @@ var _CardHeaderLeading = function _CardHeaderLeading(_ref3) {
         moduleName: 'CardHeaderLeading'
       });
     }
-    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {
-      throwBladeError({
-        message: "Only `".concat(ComponentIds.CardHeaderCounter, "` component is accepted in prefix"),
-        moduleName: 'CardHeaderLeading'
-      });
-    }
   }
-  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
-    flex: 1,
+  var isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix));
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
     display: "flex",
-    flexDirection: "row",
-    children: [/*#__PURE__*/jsx(BaseBox, {
-      marginRight: "spacing.3",
-      alignSelf: "center",
+    flexDirection: "column",
+    gap: "spacing.4",
+    children: /*#__PURE__*/jsxs(BaseBox, {
+      flex: 1,
       display: "flex",
-      children: prefix
-    }), /*#__PURE__*/jsxs(BaseBox, {
-      marginRight: "spacing.5",
-      children: [/*#__PURE__*/jsxs(BaseBox, {
+      flexDirection: "row",
+      children: [prefix && /*#__PURE__*/jsx(BaseBox, {
+        marginRight: "spacing.3",
+        alignSelf: "center",
         display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        flexWrap: "wrap",
-        children: [/*#__PURE__*/jsx(Text, {
-          color: "surface.text.gray.normal",
-          size: "large",
-          weight: "semibold",
-          children: title
-        }), /*#__PURE__*/jsx(BaseBox, {
-          marginLeft: "spacing.3",
-          children: suffix
+        children: prefix
+      }), /*#__PURE__*/jsxs(BaseBox, {
+        marginRight: "spacing.5",
+        children: [/*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          flexWrap: "wrap",
+          children: [/*#__PURE__*/jsx(Text, {
+            color: "surface.text.gray.normal",
+            size: size,
+            weight: "semibold",
+            children: title
+          }), suffix && isSuffixACardComponent ? /*#__PURE__*/jsx(BaseBox, {
+            marginLeft: "spacing.3",
+            children: suffix
+          }) : suffix]
+        }), subtitle && /*#__PURE__*/jsx(Text, {
+          color: "surface.text.gray.subtle",
+          textAlign: "left",
+          size: "small",
+          children: subtitle
         })]
-      }), subtitle && /*#__PURE__*/jsx(Text, {
-        color: "surface.text.gray.subtle",
-        textAlign: "left",
-        size: "small",
-        children: subtitle
       })]
-    })]
+    })
   }));
 };
 var CardHeaderLeading = /*#__PURE__*/assignWithoutSideEffects(_CardHeaderLeading, {
   componentId: ComponentIds.CardHeaderLeading
 });
-var headerTrailingAllowedComponents = [ComponentIds.CardHeaderLink, ComponentIds.CardHeaderText, ComponentIds.CardHeaderIconButton, ComponentIds.CardHeaderBadge, ComponentIds.CardHeaderAmount];
 var _CardHeaderTrailing = function _CardHeaderTrailing(_ref4) {
   var visual = _ref4.visual;
   useVerifyInsideCard('CardHeaderTrailing');
-  if (true) {
-    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual))) {
-      throwBladeError({
-        message: "Only one of `".concat(headerTrailingAllowedComponents.join(', '), "` component is accepted in visual"),
-        moduleName: 'CardHeaderTrailing'
-      });
-    }
-  }
   return /*#__PURE__*/jsx(BaseBox, {
     alignSelf: "center",
     children: visual

package/build/lib/web/development/components/Card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useVerifyInsideCard } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * Accepts: `CardHeaderCounter` component\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n\n    if (suffix && !isValidAllowedChildren(suffix, ComponentIds.CardHeaderCounter)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderCounter}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  return (\n    <BaseBox {...makeAnalyticsAttribute(rest)} flex={1} display=\"flex\" flexDirection=\"row\">\n      <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n        {prefix}\n      </BaseBox>\n      <BaseBox marginRight=\"spacing.5\">\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n          <Text color=\"surface.text.gray.normal\" size=\"large\" weight=\"semibold\">\n            {title}\n          </Text>\n          <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n        </BaseBox>\n        {subtitle && (\n          <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n            {subtitle}\n          </Text>\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   * Accepts: `CardHeaderLink`, `CardHeaderText`, `CardHeaderIconButton`, `CardHeaderBadge`\n   */\n  visual?: React.ReactNode;\n};\n\nconst headerTrailingAllowedComponents = [\n  ComponentIds.CardHeaderLink,\n  ComponentIds.CardHeaderText,\n  ComponentIds.CardHeaderIconButton,\n  ComponentIds.CardHeaderBadge,\n  ComponentIds.CardHeaderAmount,\n];\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  if (__DEV__) {\n    if (visual && !headerTrailingAllowedComponents.includes(getComponentId(visual)!)) {\n      throwBladeError({\n        message: `Only one of \\`${headerTrailingAllowedComponents.join(\n          ', ',\n        )}\\` component is accepted in visual`,\n        moduleName: 'CardHeaderTrailing',\n      });\n    }\n  }\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","isValidAllowedChildren","throwBladeError","message","concat","moduleName","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","headerTrailingAllowedComponents","_CardHeaderTrailing","_ref4","visual","includes","getComponentId","join"],"mappings":"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"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useContext } from 'react';\nimport { useVerifyInsideCard, CardContext } from './CardContext';\nimport { ComponentIds } from './Card';\nimport type { CardSpacingValueType } from './types';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport type { LinkProps } from '~components/Link';\nimport { Link } from '~components/Link';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport type { CounterProps } from '~components/Counter';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TextProps, TextVariant } from '~components/Typography';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { minHeight } from '~components/Button/BaseButton/buttonTokens';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { AmountProps } from '~components/Amount';\nimport { Amount } from '~components/Amount';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CardHeaderIcon = ({ icon: Icon }: { icon: IconComponent }): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIcon');\n\n  return <Icon color=\"surface.icon.gray.normal\" size=\"large\" />;\n};\nconst CardHeaderIcon = assignWithoutSideEffects(_CardHeaderIcon, {\n  componentId: ComponentIds.CardHeaderIcon,\n});\n\nconst _CardHeaderCounter = (props: CounterProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderCounter');\n\n  return <Counter {...props} />;\n};\nconst CardHeaderCounter = assignWithoutSideEffects(_CardHeaderCounter, {\n  componentId: ComponentIds.CardHeaderCounter,\n});\n\nconst _CardHeaderBadge = (props: BadgeProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderBadge');\n\n  return <Badge {...props} />;\n};\nconst CardHeaderBadge = assignWithoutSideEffects(_CardHeaderBadge, {\n  componentId: ComponentIds.CardHeaderBadge,\n});\n\nconst _CardHeaderAmount = (props: AmountProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderAmount');\n\n  return <Amount {...props} />;\n};\n\nconst CardHeaderAmount = assignWithoutSideEffects(_CardHeaderAmount, {\n  componentId: ComponentIds.CardHeaderAmount,\n});\n\nconst _CardHeaderText = (props: TextProps<{ variant: TextVariant }>): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderText');\n\n  return <Text textAlign=\"left\" {...props} />;\n};\nconst CardHeaderText = assignWithoutSideEffects(_CardHeaderText, {\n  componentId: ComponentIds.CardHeaderText,\n});\n\nconst _CardHeaderLink = (props: LinkProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLink');\n\n  return <Link {...props} />;\n};\nconst CardHeaderLink = assignWithoutSideEffects(_CardHeaderLink, {\n  componentId: ComponentIds.CardHeaderLink,\n});\n\ntype CardHeaderIconButtonProps = Omit<\n  ButtonProps,\n  'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'\n> & {\n  icon: IconComponent;\n};\n\nconst _CardHeaderIconButton = (props: CardHeaderIconButtonProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderIconButton');\n\n  return (\n    <BaseBox width={makeSpace(minHeight.xsmall)}>\n      <Button {...props} variant=\"tertiary\" size=\"xsmall\" iconPosition=\"left\" isFullWidth />\n    </BaseBox>\n  );\n};\nconst CardHeaderIconButton = assignWithoutSideEffects(_CardHeaderIconButton, {\n  componentId: ComponentIds.CardHeaderIconButton,\n});\n\ntype CardHeaderProps = {\n  children?: React.ReactNode;\n  /**\n   * For spacing between divider and header title\n   */\n  paddingBottom?: CardSpacingValueType;\n  /**\n   * For spacing between body content and divider\n   */\n  marginBottom?: CardSpacingValueType;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardHeader = ({\n  children,\n  testID,\n  marginBottom = 'spacing.4',\n  paddingBottom = 'spacing.4',\n  showDivider = true,\n  ...rest\n}: CardHeaderProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeader');\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'CardHeader',\n    allowedComponents: [ComponentIds.CardHeaderLeading, ComponentIds.CardHeaderTrailing],\n  });\n\n  return (\n    <BaseBox\n      marginBottom={marginBottom}\n      {...metaAttribute({ name: MetaConstants.CardHeader, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        paddingBottom={paddingBottom}\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n      >\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\nconst CardHeader = assignWithoutSideEffects(_CardHeader, { componentId: ComponentIds.CardHeader });\n\nconst CardHeaderSuffixComponents = [ComponentIds.CardHeaderCounter, ComponentIds.CardHeaderLink];\ntype CardHeaderLeadingProps = {\n  title: string;\n  subtitle?: string;\n  /**\n   * prefix element of Card\n   *\n   * Accepts: `CardHeaderIcon` component\n   */\n  prefix?: React.ReactNode;\n  /**\n   * suffix element of Card\n   *\n   * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.\n   */\n  suffix?: React.ReactNode;\n} & DataAnalyticsAttribute;\nconst _CardHeaderLeading = ({\n  title,\n  subtitle,\n  prefix,\n  suffix,\n  ...rest\n}: CardHeaderLeadingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderLeading');\n  const { size } = useContext(CardContext);\n\n  if (__DEV__) {\n    if (prefix && !isValidAllowedChildren(prefix, ComponentIds.CardHeaderIcon)) {\n      throwBladeError({\n        message: `Only \\`${ComponentIds.CardHeaderIcon}\\` component is accepted in prefix`,\n        moduleName: 'CardHeaderLeading',\n      });\n    }\n  }\n\n  const isSuffixACardComponent = CardHeaderSuffixComponents.includes(getComponentId(suffix)!);\n\n  return (\n    <BaseBox\n      {...makeAnalyticsAttribute(rest)}\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.4\"\n    >\n      <BaseBox flex={1} display=\"flex\" flexDirection=\"row\">\n        {prefix && (\n          <BaseBox marginRight=\"spacing.3\" alignSelf=\"center\" display=\"flex\">\n            {prefix}\n          </BaseBox>\n        )}\n\n        <BaseBox marginRight=\"spacing.5\">\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" flexWrap=\"wrap\">\n            <Text color=\"surface.text.gray.normal\" size={size} weight=\"semibold\">\n              {title}\n            </Text>\n            {/* if we are using CardHeaderSuffixComponents we still need marginLeft for spacing ,\n             but if it's not a CardHeaderSuffixComponents we don't need marginLeft for example in case of tooltip */}\n            {suffix && isSuffixACardComponent ? (\n              <BaseBox marginLeft=\"spacing.3\">{suffix}</BaseBox>\n            ) : (\n              suffix\n            )}\n          </BaseBox>\n          {subtitle && (\n            <Text color=\"surface.text.gray.subtle\" textAlign=\"left\" size=\"small\">\n              {subtitle}\n            </Text>\n          )}\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\nconst CardHeaderLeading = assignWithoutSideEffects(_CardHeaderLeading, {\n  componentId: ComponentIds.CardHeaderLeading,\n});\n\ntype CardHeaderTrailingProps = {\n  /**\n   * Renders a visual ornament in card header trailing section\n   *\n   */\n  visual?: React.ReactNode;\n};\n\nconst _CardHeaderTrailing = ({ visual }: CardHeaderTrailingProps): React.ReactElement => {\n  useVerifyInsideCard('CardHeaderTrailing');\n\n  return <BaseBox alignSelf=\"center\">{visual}</BaseBox>;\n};\nconst CardHeaderTrailing = assignWithoutSideEffects(_CardHeaderTrailing, {\n  componentId: ComponentIds.CardHeaderTrailing,\n});\n\nexport {\n  CardHeader,\n  CardHeaderLeading,\n  CardHeaderTrailing,\n  CardHeaderBadge,\n  CardHeaderIcon,\n  CardHeaderCounter,\n  CardHeaderText,\n  CardHeaderLink,\n  CardHeaderAmount,\n  CardHeaderIconButton,\n};\n"],"names":["_CardHeaderIcon","_ref","Icon","icon","useVerifyInsideCard","_jsx","color","size","CardHeaderIcon","assignWithoutSideEffects","componentId","ComponentIds","_CardHeaderCounter","props","Counter","_objectSpread","CardHeaderCounter","_CardHeaderBadge","Badge","CardHeaderBadge","_CardHeaderAmount","Amount","CardHeaderAmount","_CardHeaderText","Text","textAlign","CardHeaderText","_CardHeaderLink","Link","CardHeaderLink","_CardHeaderIconButton","BaseBox","width","makeSpace","minHeight","xsmall","children","Button","variant","iconPosition","isFullWidth","CardHeaderIconButton","_CardHeader","_ref2","testID","_ref2$marginBottom","marginBottom","_ref2$paddingBottom","paddingBottom","_ref2$showDivider","showDivider","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","CardHeaderLeading","CardHeaderTrailing","_jsxs","metaAttribute","name","MetaConstants","CardHeader","makeAnalyticsAttribute","display","flexDirection","justifyContent","Divider","CardHeaderSuffixComponents","_CardHeaderLeading","_ref3","title","subtitle","prefix","suffix","_excluded2","_useContext","useContext","CardContext","isValidAllowedChildren","throwBladeError","message","concat","moduleName","isSuffixACardComponent","includes","getComponentId","gap","flex","marginRight","alignSelf","alignItems","flexWrap","weight","marginLeft","_CardHeaderTrailing","_ref4","visual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoE;AAAA,EAAA,IAAxDC,IAAI,GAAAD,IAAA,CAAVE,IAAI,CAAA;EAC7BC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;EAErC,oBAAOC,GAAA,CAACH,IAAI,EAAA;AAACI,IAAAA,KAAK,EAAC,0BAA0B;AAACC,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAE,CAAC,CAAA;AAC/D,CAAC,CAAA;AACD,IAAMC,cAAc,gBAAGC,wBAAwB,CAACT,eAAe,EAAE;EAC/DU,WAAW,EAAEC,YAAY,CAACH,cAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAmB,EAAyB;EACtET,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;EAExC,oBAAOC,GAAA,CAACS,OAAO,EAAAC,aAAA,CAAKF,EAAAA,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/B,CAAC,CAAA;AACD,IAAMG,iBAAiB,gBAAGP,wBAAwB,CAACG,kBAAkB,EAAE;EACrEF,WAAW,EAAEC,YAAY,CAACK,iBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIJ,KAAiB,EAAyB;EAClET,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;EAEtC,oBAAOC,GAAA,CAACa,KAAK,EAAAH,aAAA,CAAKF,EAAAA,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC7B,CAAC,CAAA;AACD,IAAMM,eAAe,gBAAGV,wBAAwB,CAACQ,gBAAgB,EAAE;EACjEP,WAAW,EAAEC,YAAY,CAACQ,eAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIP,KAAkB,EAAyB;EACpET,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;EAEvC,oBAAOC,GAAA,CAACgB,MAAM,EAAAN,aAAA,CAAKF,EAAAA,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC9B,CAAC,CAAA;AAED,IAAMS,gBAAgB,gBAAGb,wBAAwB,CAACW,iBAAiB,EAAE;EACnEV,WAAW,EAAEC,YAAY,CAACW,gBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIV,KAA0C,EAAyB;EAC1FT,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAErC,EAAA,oBAAOC,GAAA,CAACmB,IAAI,EAAAT,aAAA,CAAA;AAACU,IAAAA,SAAS,EAAC,MAAA;GAAWZ,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC7C,CAAC,CAAA;AACD,IAAMa,cAAc,gBAAGjB,wBAAwB,CAACc,eAAe,EAAE;EAC/Db,WAAW,EAAEC,YAAY,CAACe,cAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAId,KAAgB,EAAyB;EAChET,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;EAErC,oBAAOC,GAAA,CAACuB,IAAI,EAAAb,aAAA,CAAKF,EAAAA,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC5B,CAAC,CAAA;AACD,IAAMgB,cAAc,gBAAGpB,wBAAwB,CAACkB,eAAe,EAAE;EAC/DjB,WAAW,EAAEC,YAAY,CAACkB,cAAAA;AAC5B,CAAC,EAAC;AASF,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIjB,KAAgC,EAAyB;EACtFT,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;EAE3C,oBACEC,GAAA,CAAC0B,OAAO,EAAA;AAACC,IAAAA,KAAK,EAAEC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAE;IAAAC,QAAA,eAC1C/B,GAAA,CAACgC,MAAM,EAAAtB,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKF,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEyB,MAAAA,OAAO,EAAC,UAAU;AAAC/B,MAAAA,IAAI,EAAC,QAAQ;AAACgC,MAAAA,YAAY,EAAC,MAAM;MAACC,WAAW,EAAA,IAAA;KAAE,CAAA,CAAA;AAAC,GAC/E,CAAC,CAAA;AAEd,CAAC,CAAA;AACD,IAAMC,oBAAoB,gBAAGhC,wBAAwB,CAACqB,qBAAqB,EAAE;EAC3EpB,WAAW,EAAEC,YAAY,CAAC8B,oBAAAA;AAC5B,CAAC,EAAC;AAmBF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAO0B;AAAA,EAAA,IANzCP,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IACRQ,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAAC,kBAAA,GAAAF,KAAA,CACNG,YAAY;AAAZA,IAAAA,YAAY,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,kBAAA;IAAAE,mBAAA,GAAAJ,KAAA,CAC1BK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,mBAAA;IAAAE,iBAAA,GAAAN,KAAA,CAC3BO,WAAW;AAAXA,IAAAA,WAAW,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;AACfE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,KAAA,EAAAU,SAAA,CAAA,CAAA;EAEPjD,mBAAmB,CAAC,YAAY,CAAC,CAAA;AACjCkD,EAAAA,wBAAwB,CAAC;AACvBlB,IAAAA,QAAQ,EAARA,QAAQ;AACRmB,IAAAA,aAAa,EAAE,YAAY;IAC3BC,iBAAiB,EAAE,CAAC7C,YAAY,CAAC8C,iBAAiB,EAAE9C,YAAY,CAAC+C,kBAAkB,CAAA;AACrF,GAAC,CAAC,CAAA;EAEF,oBACEC,IAAA,CAAC5B,OAAO,EAAAhB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACN+B,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAAA,EACvBc,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAEnB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACzDoB,sBAAsB,CAACb,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAf,QAAA,EAAA,cAEhC/B,GAAA,CAAC0B,OAAO,EAAA;AACNiB,MAAAA,aAAa,EAAEA,aAAc;AAC7BiB,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,cAAc,EAAC,eAAe;AAAA/B,MAAAA,QAAA,EAE7BA,QAAAA;KACM,CAAC,EACTc,WAAW,gBAAG7C,GAAA,CAAC+D,OAAO,EAAA,EAAE,CAAC,GAAG,IAAI,CAAA;AAAA,GAAA,CAC1B,CAAC,CAAA;AAEd,CAAC,CAAA;AACD,IAAML,UAAU,gBAAGtD,wBAAwB,CAACiC,WAAW,EAAE;EAAEhC,WAAW,EAAEC,YAAY,CAACoD,UAAAA;AAAW,CAAC,EAAC;AAElG,IAAMM,0BAA0B,GAAG,CAAC1D,YAAY,CAACK,iBAAiB,EAAEL,YAAY,CAACkB,cAAc,CAAC,CAAA;AAiBhG,IAAMyC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAM0B;AAAA,EAAA,IALhDC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,MAAM,GAAAH,KAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,KAAA,CAANI,MAAM;AACHxB,IAAAA,IAAI,GAAAC,wBAAA,CAAAmB,KAAA,EAAAK,UAAA,CAAA,CAAA;EAEPxE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AACxC,EAAA,IAAAyE,WAAA,GAAiBC,UAAU,CAACC,WAAW,CAAC;IAAhCxE,IAAI,GAAAsE,WAAA,CAAJtE,IAAI,CAAA;AAEZ,EAAA,IAAI,IAAO,EAAE;IACX,IAAImE,MAAM,IAAI,CAACM,sBAAsB,CAACN,MAAM,EAAE/D,YAAY,CAACH,cAAc,CAAC,EAAE;AAC1EyE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,WAAAC,MAAA,CAAYxE,YAAY,CAACH,cAAc,EAAoC,mCAAA,CAAA;AAClF4E,QAAAA,UAAU,EAAE,mBAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,IAAMC,sBAAsB,GAAGhB,0BAA0B,CAACiB,QAAQ,CAACC,cAAc,CAACZ,MAAM,CAAE,CAAC,CAAA;EAE3F,oBACEtE,GAAA,CAAC0B,OAAO,EAAAhB,aAAA,CAAAA,aAAA,CACFiD,EAAAA,EAAAA,sBAAsB,CAACb,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCc,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBsB,IAAAA,GAAG,EAAC,WAAW;IAAApD,QAAA,eAEfuB,IAAA,CAAC5B,OAAO,EAAA;AAAC0D,MAAAA,IAAI,EAAE,CAAE;AAACxB,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,KAAK;AAAA9B,MAAAA,QAAA,EACjDsC,CAAAA,MAAM,iBACLrE,GAAA,CAAC0B,OAAO,EAAA;AAAC2D,QAAAA,WAAW,EAAC,WAAW;AAACC,QAAAA,SAAS,EAAC,QAAQ;AAAC1B,QAAAA,OAAO,EAAC,MAAM;AAAA7B,QAAAA,QAAA,EAC/DsC,MAAAA;AAAM,OACA,CACV,eAEDf,IAAA,CAAC5B,OAAO,EAAA;AAAC2D,QAAAA,WAAW,EAAC,WAAW;QAAAtD,QAAA,EAAA,cAC9BuB,IAAA,CAAC5B,OAAO,EAAA;AAACkC,UAAAA,OAAO,EAAC,MAAM;AAACC,UAAAA,aAAa,EAAC,KAAK;AAAC0B,UAAAA,UAAU,EAAC,QAAQ;AAACC,UAAAA,QAAQ,EAAC,MAAM;UAAAzD,QAAA,EAAA,cAC7E/B,GAAA,CAACmB,IAAI,EAAA;AAAClB,YAAAA,KAAK,EAAC,0BAA0B;AAACC,YAAAA,IAAI,EAAEA,IAAK;AAACuF,YAAAA,MAAM,EAAC,UAAU;AAAA1D,YAAAA,QAAA,EACjEoC,KAAAA;WACG,CAAC,EAGNG,MAAM,IAAIU,sBAAsB,gBAC/BhF,GAAA,CAAC0B,OAAO,EAAA;AAACgE,YAAAA,UAAU,EAAC,WAAW;AAAA3D,YAAAA,QAAA,EAAEuC,MAAAA;WAAgB,CAAC,GAElDA,MACD,CAAA;AAAA,SACM,CAAC,EACTF,QAAQ,iBACPpE,GAAA,CAACmB,IAAI,EAAA;AAAClB,UAAAA,KAAK,EAAC,0BAA0B;AAACmB,UAAAA,SAAS,EAAC,MAAM;AAAClB,UAAAA,IAAI,EAAC,OAAO;AAAA6B,UAAAA,QAAA,EACjEqC,QAAAA;AAAQ,SACL,CACP,CAAA;AAAA,OACM,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AACD,IAAMhB,iBAAiB,gBAAGhD,wBAAwB,CAAC6D,kBAAkB,EAAE;EACrE5D,WAAW,EAAEC,YAAY,CAAC8C,iBAAAA;AAC5B,CAAC,EAAC;AAUF,IAAMuC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAAgE;AAAA,EAAA,IAA1DC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;EACnC9F,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;EAEzC,oBAAOC,GAAA,CAAC0B,OAAO,EAAA;AAAC4D,IAAAA,SAAS,EAAC,QAAQ;AAAAvD,IAAAA,QAAA,EAAE8D,MAAAA;AAAM,GAAU,CAAC,CAAA;AACvD,CAAC,CAAA;AACD,IAAMxC,kBAAkB,gBAAGjD,wBAAwB,CAACuF,mBAAmB,EAAE;EACvEtF,WAAW,EAAEC,YAAY,CAAC+C,kBAAAA;AAC5B,CAAC;;;;"}

package/build/lib/web/development/components/Input/BaseInput/BaseInputVisuals.js

@@ -249,7 +249,7 @@ var BaseInputVisuals = function BaseInputVisuals(_ref9) {
           size: textSize[size],
           variant: "body",
           weight: "regular",
-          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',
+          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted',
           children: prefix
         })
       })) : null, leadingDropDown ? /*#__PURE__*/jsx(BaseBox, {

package/build/lib/web/development/components/Input/BaseInput/BaseInputVisuals.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\nimport { isReactNative } from '~utils';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretchTrailingBox,\n}: {\n  shouldStretchTrailingBox?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretchTrailingBox ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n  none: 'surface.icon.gray.subtle',\n  error: 'feedback.icon.negative.intense',\n  success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.3',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasLeadingInteractionElement,\n  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.3';\n  }\n\n  return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && (hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getTrailingIconStyles = ({\n  hasTrailingIcon,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasTrailingIcon && hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n  leadingDropDown,\n  trailingDropDown,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n  validationState,\n  errorText,\n  successText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n}): string => {\n  if (validationState === 'error' && errorText) {\n    return errorText;\n  }\n\n  if (validationState === 'success' && successText) {\n    return successText;\n  }\n\n  return '';\n};\n\nconst ValidationIconTooltip = ({\n  children,\n  validationState,\n  errorText,\n  successText,\n  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && validationState === 'error' && errorText) ||\n    (validationState === 'success' && successText)\n  ) {\n    return (\n      <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {children}\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return children;\n};\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\n  errorText,\n  successText,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown;\n\n  if (__DEV__) {\n    if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n      throwBladeError({\n        message: 'trailingButton must be a valid Blade Link component',\n        moduleName: 'BaseInput',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles()}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size={iconSize[size]}\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox paddingLeft=\"spacing.2\" display=\"flex\">\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretchTrailingBox:\n            hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretchTrailingBox:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            <ValidationIconTooltip\n              showHintsAsTooltip={showHintsAsTooltip}\n              errorText={errorText}\n              successText={successText}\n              validationState={validationState}\n            >\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            </ValidationIconTooltip>\n          </BaseBox>\n        ) : null}\n        {TrailingButton ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {React.cloneElement(TrailingButton, {\n              size,\n              variant: 'button',\n              isDisabled,\n            })}\n          </BaseBox>\n        ) : null}\n        {hasTrailingDropDown ? (\n          <BaseBox paddingRight=\"spacing.2\" display=\"flex\">\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretchTrailingBox","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}
+{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\nimport { isReactNative } from '~utils';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretchTrailingBox,\n}: {\n  shouldStretchTrailingBox?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretchTrailingBox ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n  none: 'surface.icon.gray.subtle',\n  error: 'feedback.icon.negative.intense',\n  success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.3',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasLeadingInteractionElement,\n  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.3';\n  }\n\n  return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && (hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getTrailingIconStyles = ({\n  hasTrailingIcon,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasTrailingIcon && hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n  leadingDropDown,\n  trailingDropDown,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n  validationState,\n  errorText,\n  successText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n}): string => {\n  if (validationState === 'error' && errorText) {\n    return errorText;\n  }\n\n  if (validationState === 'success' && successText) {\n    return successText;\n  }\n\n  return '';\n};\n\nconst ValidationIconTooltip = ({\n  children,\n  validationState,\n  errorText,\n  successText,\n  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && validationState === 'error' && errorText) ||\n    (validationState === 'success' && successText)\n  ) {\n    return (\n      <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {children}\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return children;\n};\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\n  errorText,\n  successText,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown;\n\n  if (__DEV__) {\n    if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n      throwBladeError({\n        message: 'trailingButton must be a valid Blade Link component',\n        moduleName: 'BaseInput',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles()}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size={iconSize[size]}\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox paddingLeft=\"spacing.2\" display=\"flex\">\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretchTrailingBox:\n            hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretchTrailingBox:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            <ValidationIconTooltip\n              showHintsAsTooltip={showHintsAsTooltip}\n              errorText={errorText}\n              successText={successText}\n              validationState={validationState}\n            >\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            </ValidationIconTooltip>\n          </BaseBox>\n        ) : null}\n        {TrailingButton ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {React.cloneElement(TrailingButton, {\n              size,\n              variant: 'button',\n              isDisabled,\n            })}\n          </BaseBox>\n        ) : null}\n        {hasTrailingDropDown ? (\n          <BaseBox paddingRight=\"spacing.2\" display=\"flex\">\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretchTrailingBox","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}

package/build/lib/web/development/components/List/ListItem.js

@@ -97,7 +97,7 @@ var _ListItem = function _ListItem(_ref3) {
   // Get children that are not a List component and are valid allowed children
   var validChildItem = childrenArray.filter(function (child) {
     if (getComponentId(child) === MetaConstants.List) return null;
-    if (typeof child === 'string' || isValidAllowedChildren(child, MetaConstants.ListItemLink) || isValidAllowedChildren(child, MetaConstants.ListItemText) || isValidAllowedChildren(child, MetaConstants.ListItemCode)) {
+    if (typeof child === 'string' || typeof child === 'number' || isValidAllowedChildren(child, MetaConstants.ListItemLink) || isValidAllowedChildren(child, MetaConstants.ListItemText) || isValidAllowedChildren(child, MetaConstants.ListItemCode)) {
       return child;
     } else if (true) {
       throwBladeError({

package/build/lib/web/development/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n  listItemBulletMarginRight,\n  listItemBulletMarginTop,\n  listItemOrderedBulletBoxSize,\n  listItemMarginBottom,\n  listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n  /**\n   * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n   *\n   */\n  children: React.ReactNode;\n  /**\n   * Icon to be rendered for a ListItem's bullet.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Icon color of the ListItem's bullet.\n   *\n   */\n  iconColor?: ListProps['iconColor'];\n  /**\n   * This is a private prop to be used only for internal logic purposes.\n   *\n   */\n  _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n  level?: number;\n  variant: NonNullable<ListProps['variant']>;\n  hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n  marginLeft: level\n    ? getIn(\n        theme,\n        listItemMarginLeft[\n          `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n            ListProps['variant'] | 'unorderedWithIcon'\n          >\n        ][level],\n      )\n    : 0,\n}));\n\nconst ListItemContentChildren = ({\n  children,\n  size,\n}: {\n  children: React.ReactNode[];\n  size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n  /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n    As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n   */\n  return getPlatformType() === 'react-native' ? (\n    <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n      {children.map((child, index) => {\n        if (typeof child === 'string') {\n          return (\n            <Text key={index} variant=\"body\" size={size}>\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size}>\n      {children}\n    </Text>\n  );\n};\n\nconst _ListItem = ({\n  children,\n  icon: Icon,\n  iconColor: listItemIconColor,\n  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\n  const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n  if (__DEV__) {\n    if (level && level > 3) {\n      throwBladeError({\n        message: 'List Nesting is allowed only upto 3 levels.',\n        moduleName: 'List',\n      });\n    }\n  }\n\n  const childrenArray = React.Children.toArray(children);\n\n  // Get children that are not a List component and are valid allowed children\n  const validChildItem = childrenArray.filter((child) => {\n    if (getComponentId(child) === MetaConstants.List) return null;\n\n    if (\n      typeof child === 'string' ||\n      typeof child === 'number' ||\n      isValidAllowedChildren(child, MetaConstants.ListItemLink) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemText) ||\n      isValidAllowedChildren(child, MetaConstants.ListItemCode)\n    ) {\n      return child;\n    } else if (__DEV__) {\n      throwBladeError({\n        message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n        moduleName: 'ListItem',\n      });\n    }\n    return null;\n  });\n  // Get child that is a List component\n  const childList = childrenArray.filter((child) =>\n    getComponentId(child) === MetaConstants.List ? child : null,\n  );\n  const hasIcon = Boolean(ItemIcon);\n\n  return (\n    <StyledListItem\n      level={level}\n      variant={variant}\n      hasIcon={hasIcon}\n      {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        marginBottom={listItemMarginBottom}\n      >\n        {variant === 'unordered' ? (\n          <BaseBox\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={\n              listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n            }\n            display=\"flex\"\n            alignSelf=\"flex-start\"\n          >\n            {ItemIcon ? (\n              <ItemIcon size={size} color={iconColorToken} />\n            ) : (\n              <UnorderedItemIcon level={level} />\n            )}\n          </BaseBox>\n        ) : (\n          <BaseBox\n            width={listItemOrderedBulletBoxSize[variant][platform][size]}\n            height={listItemOrderedBulletBoxSize[variant][platform][size]}\n            marginRight={listItemBulletMarginRight[variant]}\n            marginTop={listItemBulletMarginTop[variant][platform][size]}\n            display=\"flex\"\n            flexShrink={0}\n            justifyContent=\"center\"\n            alignSelf=\"flex-start\"\n            alignItems=\"center\"\n            borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n            backgroundColor={\n              variant === 'ordered-filled'\n                ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n                : undefined\n            }\n          >\n            <Text\n              variant=\"body\"\n              color=\"surface.text.gray.muted\"\n              size={variant === 'ordered' ? size : 'xsmall'}\n            >\n              {`${getOrderedListItemBullet({\n                itemNumber: _itemNumber ?? 1,\n                level: level ?? 1,\n              })}${variant === 'ordered' ? '.' : ''}`}\n            </Text>\n          </BaseBox>\n        )}\n        <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n      </BaseBox>\n      {childList}\n    </StyledListItem>\n  );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","color","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}