@razorpay/blade 12.67.0 → 12.89.0

package/build/lib/web/development/components/LightBox/LightBoxMainView.web.js

@@ -0,0 +1,92 @@
+import 'react';
+import styled from 'styled-components';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Carousel/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
+import { Carousel } from '../Carousel/Carousel.web.js';
+import { CarouselItem } from '../Carousel/CarouselItem.web.js';
+
+var LIGHTBOX_MAX_WIDTH = {
+  base: '100%',
+  m: '680px'
+};
+var LIGHTBOX_MAX_HEIGHT = {
+  base: '60vh',
+  m: '480px'
+};
+var LightBoxContentWrapper = function LightBoxContentWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsx(BaseBox, {
+    width: LIGHTBOX_MAX_WIDTH,
+    height: LIGHTBOX_MAX_HEIGHT,
+    justifyContent: "center",
+    alignItems: "center",
+    display: "flex",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    children: children
+  });
+};
+var StyledMainImage = /*#__PURE__*/styled.img.withConfig({
+  displayName: "LightBoxMainViewweb__StyledMainImage",
+  componentId: "sc-1s0k75-0"
+})({
+  display: 'block',
+  width: 'auto',
+  height: 'auto',
+  maxWidth: '100%',
+  maxHeight: '100%',
+  objectFit: 'contain'
+});
+var LightBoxMainView = function LightBoxMainView(_ref2) {
+  var items = _ref2.items,
+    activeIndex = _ref2.activeIndex,
+    onChange = _ref2.onChange;
+  return /*#__PURE__*/jsx(Box, {
+    overflow: "hidden",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    children: /*#__PURE__*/jsx(Carousel, {
+      activeSlide: activeIndex,
+      onChange: onChange,
+      visibleItems: 1,
+      shouldAddStartEndSpacing: false,
+      navigationButtonPosition: "side",
+      showNavigationButtons: false,
+      showIndicators: false,
+      width: "100%",
+      carouselItemWidth: "100%",
+      carouselItemAlignment: "center",
+      children: items.map(function (item, i) {
+        var _item$alt;
+        return /*#__PURE__*/jsx(CarouselItem, {
+          children: /*#__PURE__*/jsx(BaseBox, {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: {
+              base: 'spacing.0',
+              m: 'spacing.5'
+            },
+            children: item.src ? /*#__PURE__*/jsx(LightBoxContentWrapper, {
+              children: /*#__PURE__*/jsx(StyledMainImage, {
+                src: item.src,
+                alt: (_item$alt = item.alt) !== null && _item$alt !== void 0 ? _item$alt : "Item ".concat(i + 1)
+              })
+            }) : /*#__PURE__*/jsx(LightBoxContentWrapper, {
+              children: item.children
+            })
+          })
+        }, i);
+      })
+    })
+  });
+};
+
+export { LightBoxMainView };
+//# sourceMappingURL=LightBoxMainView.web.js.map

package/build/lib/web/development/components/LightBox/LightBoxMainView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxMainView.web.js","sources":["../../../../../../src/components/LightBox/LightBoxMainView.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { LightBoxItemProps } from './types';\nimport { Box } from '~components/Box';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Carousel, CarouselItem } from '~components/Carousel';\n\ntype LightBoxMainViewProps = {\n  items: LightBoxItemProps[];\n  activeIndex: number;\n  onChange: (index: number) => void;\n};\n\nconst LIGHTBOX_MAX_WIDTH = { base: '100%', m: '680px' } as const;\nconst LIGHTBOX_MAX_HEIGHT = { base: '60vh', m: '480px' } as const;\n\ntype LightBoxContentWrapperProps = {\n  children: React.ReactNode;\n};\n\nconst LightBoxContentWrapper = ({ children }: LightBoxContentWrapperProps): React.ReactElement => (\n  <BaseBox\n    width={LIGHTBOX_MAX_WIDTH}\n    height={LIGHTBOX_MAX_HEIGHT}\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    display=\"flex\"\n    onClick={(e) => e.stopPropagation()}\n  >\n    {children}\n  </BaseBox>\n);\n\nconst StyledMainImage = styled.img({\n  display: 'block',\n  width: 'auto',\n  height: 'auto',\n  maxWidth: '100%',\n  maxHeight: '100%',\n  objectFit: 'contain',\n});\n\nconst LightBoxMainView = ({\n  items,\n  activeIndex,\n  onChange,\n}: LightBoxMainViewProps): React.ReactElement => (\n  <Box overflow=\"hidden\" height=\"100%\" display=\"flex\" alignItems=\"center\">\n    <Carousel\n      activeSlide={activeIndex}\n      onChange={onChange}\n      visibleItems={1}\n      shouldAddStartEndSpacing={false}\n      navigationButtonPosition=\"side\"\n      showNavigationButtons={false}\n      showIndicators={false}\n      width=\"100%\"\n      carouselItemWidth=\"100%\"\n      carouselItemAlignment=\"center\"\n    >\n      {items.map((item, i) => (\n        <CarouselItem key={i}>\n          <BaseBox\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            padding={{ base: 'spacing.0', m: 'spacing.5' }}\n          >\n            {item.src ? (\n              <LightBoxContentWrapper>\n                <StyledMainImage src={item.src} alt={item.alt ?? `Item ${i + 1}`} />\n              </LightBoxContentWrapper>\n            ) : (\n              <LightBoxContentWrapper>{item.children}</LightBoxContentWrapper>\n            )}\n          </BaseBox>\n        </CarouselItem>\n      ))}\n    </Carousel>\n  </Box>\n);\n\nexport { LightBoxMainView };\n"],"names":["LIGHTBOX_MAX_WIDTH","base","m","LIGHTBOX_MAX_HEIGHT","LightBoxContentWrapper","_ref","children","_jsx","BaseBox","width","height","justifyContent","alignItems","display","onClick","e","stopPropagation","StyledMainImage","styled","img","withConfig","displayName","componentId","maxWidth","maxHeight","objectFit","LightBoxMainView","_ref2","items","activeIndex","onChange","Box","overflow","Carousel","activeSlide","visibleItems","shouldAddStartEndSpacing","navigationButtonPosition","showNavigationButtons","showIndicators","carouselItemWidth","carouselItemAlignment","map","item","i","_item$alt","CarouselItem","padding","src","alt","concat"],"mappings":"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"}

package/build/lib/web/development/components/LightBox/LightBoxThumbnailStrip.web.js

@@ -0,0 +1,72 @@
+import 'react';
+import styled from 'styled-components';
+import '../../utils/makeMotionTime/index.web.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import '../BladeProvider/index.js';
+import '../Card/index.js';
+import '../Box/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { Box } from '../Box/Box.js';
+import { Card, CardBody } from '../Card/Card.js';
+
+var StyledThumbnailImage = /*#__PURE__*/styled.img.withConfig({
+  displayName: "LightBoxThumbnailStripweb__StyledThumbnailImage",
+  componentId: "amkrn0-0"
+})({
+  width: '100%',
+  height: '100%',
+  objectFit: 'cover',
+  display: 'block'
+});
+var LightBoxThumbnailStrip = function LightBoxThumbnailStrip(_ref) {
+  var items = _ref.items,
+    activeIndex = _ref.activeIndex,
+    onSelect = _ref.onSelect;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var thumbnailOpacityTransition = "opacity ".concat(makeMotionTime(theme.motion.duration.quick), " ").concat(castWebType(theme.motion.easing.standard));
+  return /*#__PURE__*/jsx(Box, {
+    display: "flex",
+    flexDirection: "row",
+    gap: "spacing.3",
+    overflowX: "auto",
+    padding: "spacing.3",
+    justifyContent: "center",
+    flexShrink: "0",
+    children: items.map(function (item, i) {
+      var _item$alt, _item$alt2;
+      return /*#__PURE__*/jsx(Card, {
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          onSelect(i);
+        },
+        isSelected: i === activeIndex,
+        opacity: i === activeIndex ? 1 : 0.7,
+        transition: thumbnailOpacityTransition,
+        padding: "spacing.0",
+        accessibilityLabel: (_item$alt = item.alt) !== null && _item$alt !== void 0 ? _item$alt : "Item ".concat(i + 1),
+        width: "80px",
+        height: "80px",
+        flexShrink: "0",
+        children: /*#__PURE__*/jsx(CardBody, {
+          height: "100%",
+          children: /*#__PURE__*/jsx(Box, {
+            overflow: "hidden",
+            borderRadius: "medium",
+            width: "100%",
+            height: "100%",
+            children: /*#__PURE__*/jsx(StyledThumbnailImage, {
+              src: item.thumbnail,
+              alt: (_item$alt2 = item.alt) !== null && _item$alt2 !== void 0 ? _item$alt2 : "Thumbnail ".concat(i + 1)
+            })
+          })
+        })
+      }, i);
+    })
+  });
+};
+
+export { LightBoxThumbnailStrip };
+//# sourceMappingURL=LightBoxThumbnailStrip.web.js.map

package/build/lib/web/development/components/LightBox/LightBoxThumbnailStrip.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxThumbnailStrip.web.js","sources":["../../../../../../src/components/LightBox/LightBoxThumbnailStrip.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { LightBoxItemProps } from './types';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils/platform/castUtils';\nimport { useTheme } from '~components/BladeProvider';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\n\ntype LightBoxThumbnailStripProps = {\n  items: LightBoxItemProps[];\n  activeIndex: number;\n  onSelect: (index: number) => void;\n};\n\nconst StyledThumbnailImage = styled.img({\n  width: '100%',\n  height: '100%',\n  objectFit: 'cover',\n  display: 'block',\n});\n\nconst LightBoxThumbnailStrip = ({\n  items,\n  activeIndex,\n  onSelect,\n}: LightBoxThumbnailStripProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const thumbnailOpacityTransition = `opacity ${makeMotionTime(\n    theme.motion.duration.quick,\n  )} ${castWebType(theme.motion.easing.standard)}`;\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.3\"\n      overflowX=\"auto\"\n      padding=\"spacing.3\"\n      justifyContent=\"center\"\n      flexShrink=\"0\"\n    >\n      {items.map((item, i) => (\n        <Card\n          key={i}\n          onClick={(e) => {\n            e.stopPropagation();\n            onSelect(i);\n          }}\n          isSelected={i === activeIndex}\n          opacity={i === activeIndex ? 1 : 0.7}\n          transition={thumbnailOpacityTransition}\n          padding=\"spacing.0\"\n          accessibilityLabel={item.alt ?? `Item ${i + 1}`}\n          width=\"80px\"\n          height=\"80px\"\n          flexShrink=\"0\"\n        >\n          <CardBody height=\"100%\">\n            <Box overflow=\"hidden\" borderRadius=\"medium\" width=\"100%\" height=\"100%\">\n              <StyledThumbnailImage src={item.thumbnail} alt={item.alt ?? `Thumbnail ${i + 1}`} />\n            </Box>\n          </CardBody>\n        </Card>\n      ))}\n    </Box>\n  );\n};\n\nexport { LightBoxThumbnailStrip };\n"],"names":["StyledThumbnailImage","styled","img","withConfig","displayName","componentId","width","height","objectFit","display","LightBoxThumbnailStrip","_ref","items","activeIndex","onSelect","_useTheme","useTheme","theme","thumbnailOpacityTransition","concat","makeMotionTime","motion","duration","quick","castWebType","easing","standard","_jsx","Box","flexDirection","gap","overflowX","padding","justifyContent","flexShrink","children","map","item","i","_item$alt","_item$alt2","Card","onClick","e","stopPropagation","isSelected","opacity","transition","accessibilityLabel","alt","CardBody","overflow","borderRadius","src","thumbnail"],"mappings":"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"}

package/build/lib/web/development/components/LightBox/index.js

@@ -0,0 +1,4 @@
+export { LightBox } from './LightBox.web.js';
+export { LightBoxBody } from './LightBoxBody.web.js';
+export { LightBoxItem } from './LightBoxItem.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/LightBox/index.js.map

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

package/build/lib/web/development/components/Link/BaseLink/BaseLink.js

@@ -33,6 +33,17 @@ var _excluded = ["children", "icon", "iconPosition", "isDisabled", "onClick", "o
   _excluded2 = ["currentInteraction", "setCurrentInteraction"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Maps link size to icon size based on Figma design specs
+ * - Large/Medium links use medium (16px) icons
+ * - Small/XSmall links use small (12px) icons
+ */
+var linkSizeToIconSizeMap = {
+  xsmall: 'small',
+  small: 'small',
+  medium: 'medium',
+  large: 'medium'
+};
 var getColorToken = function getColorToken(_ref) {
   var variant = _ref.variant,
     color = _ref.color,
@@ -43,7 +54,7 @@ var getColorToken = function getColorToken(_ref) {
   var map = {
     "default": 'normal',
     hover: 'subtle',
-    focus: 'normal',
+    focus: 'subtle',
     disabled: 'disabled'
   };
   if (isDisabled && variant == 'button') {
@@ -93,7 +104,7 @@ var getProps = function getProps(_ref2) {
     }),
     fontSize: textSizes.fontSize[size],
     lineHeight: textSizes.lineHeight[size],
-    iconSize: size,
+    iconSize: linkSizeToIconSizeMap[size],
     iconPadding: children !== null && children !== void 0 && children.trim() ? 'spacing.2' : 'spacing.0',
     textColor: getColorToken({
       variant: variant,
@@ -102,7 +113,7 @@ var getProps = function getProps(_ref2) {
       currentInteraction: currentInteraction,
       isDisabled: isDisabled
     }),
-    focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),
+    focusRingColor: getIn(theme.colors, 'interactive.border.primary.faded'),
     motionDuration: 'duration.2xquick',
     motionEasing: 'easing.standard',
     cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',

package/build/lib/web/development/components/Link/BaseLink/BaseLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLink.js","sources":["../../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconColors, IconComponent, IconProps } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type {\n  BaseTextProps,\n  BaseTextSizes,\n  TextColors,\n} from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport type { ActionStates } from '~utils/useInteraction';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseLinkCommonProps = {\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n  opacity?: number;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\ntype LinkActionStates = ActionStates;\nconst getColorToken = ({\n  variant,\n  color,\n  currentInteraction,\n  isDisabled,\n  element,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: LinkActionStates;\n  isDisabled: boolean;\n}): IconColors | TextColors => {\n  let state = currentInteraction;\n  const map = {\n    default: 'normal',\n    hover: 'subtle',\n    focus: 'normal',\n    disabled: 'disabled',\n  } as const;\n\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n\n  if (color && color !== 'primary') {\n    if (color !== 'white') {\n      return `interactive.${element}.${color}.${map[state]}`;\n    }\n    return `interactive.${element}.staticWhite.${map[state]}`;\n  }\n  return `interactive.${element}.primary.${map[state]}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: size,\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'primary',\n    opacity,\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n) => {\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n        opacity={opacity}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"medium\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["getColorToken","_ref","variant","color","currentInteraction","isDisabled","element","state","map","hover","focus","disabled","concat","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","xsmall","small","medium","large","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","_objectSpread","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","makeAnalyticsAttribute","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseLink.js","sources":["../../../../../../../src/components/Link/BaseLink/BaseLink.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport type { SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport type { GestureResponderEvent } from 'react-native';\nimport StyledBaseLink from './StyledBaseLink';\nimport getIn from '~utils/lodashButBetter/get';\nimport useInteraction from '~utils/useInteraction';\nimport type { IconColors, IconComponent, IconProps, IconSize } from '~components/Icons';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type {\n  DotNotationSpacingStringToken,\n  StringChildrenType,\n  TestID,\n  BladeElementRef,\n} from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { Platform } from '~utils';\nimport { isReactNative } from '~utils';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type {\n  BaseTextProps,\n  BaseTextSizes,\n  TextColors,\n} from '~components/Typography/BaseText/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { AccessibilityProps } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeCommonEvents } from '~components/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport type { ActionStates } from '~utils/useInteraction';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseLinkCommonProps = {\n  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';\n  icon?: IconComponent;\n  iconPosition?: 'left' | 'right';\n  onClick?: (event: SyntheticEvent) => void;\n  onBlur?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  }>;\n  onMouseLeave?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  }>;\n  onKeyDown?: Platform.Select<{\n    native: (event: GestureResponderEvent) => void;\n    web: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  }>;\n  accessibilityProps?: Partial<AccessibilityProps>;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  /**\n   * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.\n   */\n  hitSlop?:\n    | {\n        top?: number;\n        right?: number;\n        bottom?: number;\n        left?: number;\n      }\n    | number;\n  /**\n   * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.\n   */\n  htmlTitle?: string;\n  opacity?: number;\n} & TestID &\n  StyledPropsBlade &\n  Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype BaseLinkWithoutIconProps = BaseLinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype BaseLinkWithIconProps = BaseLinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  BaseLink Props with or without an icon\n*/\ntype BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;\n\n/*\n  BaseLink Props when variant is anchor\n*/\ntype BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  BaseLink Props when variant is button\n*/\ntype BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  BaseLink Props when variant is anchor or button\n*/\nexport type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;\n\ntype BaseLinkStyleProps = {\n  as: 'a' | 'button';\n  textDecorationLine: 'underline' | 'none';\n  iconColor: IconProps['color'];\n  iconSize: IconProps['size'];\n  iconPadding: DotNotationSpacingStringToken;\n  textColor: BaseTextProps['color'];\n  focusRingColor: string;\n  motionDuration: DurationString;\n  motionEasing: EasingString;\n  cursor: CSSObject['cursor'];\n  disabled: boolean;\n  role: 'button' | 'link';\n  defaultRel: BaseLinkProps['rel'];\n  type?: 'button';\n  fontSize: BaseTextProps['fontSize'];\n  lineHeight: BaseTextProps['lineHeight'];\n};\n\ntype LinkActionStates = ActionStates;\n\n/**\n * Maps link size to icon size based on Figma design specs\n * - Large/Medium links use medium (16px) icons\n * - Small/XSmall links use small (12px) icons\n */\nconst linkSizeToIconSizeMap: Record<NonNullable<BaseLinkProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst getColorToken = ({\n  variant,\n  color,\n  currentInteraction,\n  isDisabled,\n  element,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: LinkActionStates;\n  isDisabled: boolean;\n}): IconColors | TextColors => {\n  let state = currentInteraction;\n  const map = {\n    default: 'normal',\n    hover: 'subtle',\n    focus: 'subtle',\n    disabled: 'disabled',\n  } as const;\n\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n\n  if (color && color !== 'primary') {\n    if (color !== 'white') {\n      return `interactive.${element}.${color}.${map[state]}`;\n    }\n    return `interactive.${element}.staticWhite.${map[state]}`;\n  }\n  return `interactive.${element}.primary.${map[state]}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  target: BaseLinkProps['target'];\n  size: NonNullable<BaseLinkProps['size']>;\n}): BaseLinkStyleProps => {\n  const isButton = variant === 'button';\n  const textSizes: {\n    fontSize: Record<NonNullable<BaseLinkProps['size']>, keyof FontSize>;\n    lineHeight: Record<NonNullable<BaseLinkProps['size']>, keyof Typography['lineHeights']>;\n  } = {\n    fontSize: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n    lineHeight: {\n      xsmall: 25,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  };\n\n  const props: BaseLinkStyleProps = {\n    as: isButton ? 'button' : 'a',\n    textDecorationLine: !isButton && currentInteraction !== 'default' ? 'underline' : 'none',\n    iconColor: getColorToken({\n      variant,\n      color,\n      element: 'icon',\n      currentInteraction,\n      isDisabled,\n    }) as IconProps['color'],\n    fontSize: textSizes.fontSize[size],\n    lineHeight: textSizes.lineHeight[size],\n    iconSize: linkSizeToIconSizeMap[size],\n    iconPadding: children?.trim() ? 'spacing.2' : 'spacing.0',\n    textColor: getColorToken({\n      variant,\n      color,\n      element: 'text',\n      currentInteraction,\n      isDisabled,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'interactive.border.primary.faded'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard',\n    cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',\n    disabled: isButton && isDisabled,\n    role: isButton ? 'button' : 'link',\n    defaultRel: target && target === '_blank' ? 'noreferrer noopener' : undefined,\n    type: isButton ? 'button' : undefined,\n  };\n\n  return props;\n};\n\nconst _BaseLink: React.ForwardRefRenderFunction<BladeElementRef, BaseLinkProps> = (\n  {\n    children,\n    icon: Icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    onKeyDown,\n    variant = 'anchor',\n    href,\n    target,\n    rel,\n    color = 'primary',\n    opacity,\n    accessibilityProps,\n    // @ts-expect-error avoiding exposing to public\n    className,\n    // @ts-expect-error avoiding exposing to public\n    style,\n    size = 'medium',\n    testID,\n    hitSlop,\n    htmlTitle,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    onMouseDown,\n    onMouseUp,\n    ...rest\n  },\n  ref,\n) => {\n  const childrenString = getStringFromReactText(children);\n  const { currentInteraction, setCurrentInteraction, ...syntheticEvents } = useInteraction();\n  const { theme } = useTheme();\n  if (__DEV__) {\n    if (!Icon && !childrenString?.trim()) {\n      throwBladeError({\n        message: `At least one of icon or text is required to render a link.`,\n        moduleName: 'BaseLink',\n      });\n    }\n  }\n  const {\n    as,\n    textDecorationLine,\n    iconColor,\n    iconPadding,\n    iconSize,\n    fontSize,\n    textColor,\n    focusRingColor,\n    motionDuration,\n    motionEasing,\n    cursor,\n    disabled,\n    role,\n    defaultRel,\n    type,\n    lineHeight,\n  } = getProps({\n    theme,\n    variant,\n    currentInteraction,\n    children: childrenString,\n    isDisabled,\n    color,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (onClick) {\n      onClick(event);\n    }\n  };\n\n  const asProp = isReactNative() ? undefined : 'span';\n  return (\n    <StyledBaseLink\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Link, testID })}\n      accessibilityProps={{\n        ...makeAccessible({\n          role,\n          disabled,\n          ...accessibilityProps,\n        }),\n      }}\n      variant={variant}\n      as={as}\n      href={href}\n      target={target}\n      rel={rel ?? defaultRel}\n      onClick={handleOnClick}\n      {...syntheticEvents}\n      onBlur={(event: any) => {\n        onBlur?.(event);\n        syntheticEvents.onBlur();\n      }}\n      onFocus={(event: any) => {\n        onFocus?.(event);\n        syntheticEvents.onFocus();\n      }}\n      onMouseLeave={(event: any) => {\n        if (onMouseLeave) {\n          onMouseLeave(event);\n        }\n        syntheticEvents.onMouseLeave();\n      }}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseUp={onMouseUp}\n      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      // @ts-ignore Because we avoided exposing className to public\n      className={className}\n      style={style}\n      hitSlop={hitSlop}\n      title={htmlTitle}\n    >\n      <BaseBox\n        as={asProp}\n        display=\"flex\"\n        flexDirection=\"row\"\n        className=\"content-container\"\n        alignItems=\"center\"\n        opacity={opacity}\n      >\n        {Icon && iconPosition == 'left' ? (\n          <BaseBox as={asProp} paddingRight={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n        <BaseText\n          as={asProp}\n          textDecorationLine={textDecorationLine}\n          color={textColor}\n          fontSize={fontSize}\n          lineHeight={lineHeight}\n          textAlign=\"center\"\n          fontWeight=\"medium\"\n        >\n          {children}\n        </BaseText>\n        {Icon && iconPosition == 'right' ? (\n          <BaseBox as={asProp} paddingLeft={iconPadding} display=\"flex\" alignItems=\"center\">\n            <Icon color={iconColor} size={iconSize} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledBaseLink>\n  );\n};\n\nconst BaseLink = assignWithoutSideEffects(React.forwardRef(_BaseLink), {\n  displayName: 'BaseLink',\n  componentId: 'BaseLink',\n});\n\nexport default BaseLink;\n"],"names":["linkSizeToIconSizeMap","xsmall","small","medium","large","getColorToken","_ref","variant","color","currentInteraction","isDisabled","element","state","map","hover","focus","disabled","concat","getProps","_ref2","theme","children","target","size","isButton","textSizes","fontSize","lineHeight","props","as","textDecorationLine","iconColor","iconSize","iconPadding","trim","textColor","focusRingColor","getIn","colors","motionDuration","motionEasing","cursor","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","opacity","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","rest","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","_useInteraction","useInteraction","setCurrentInteraction","syntheticEvents","_excluded2","_useTheme","useTheme","throwBladeError","message","moduleName","_getProps","handleOnClick","event","asProp","isReactNative","_jsx","StyledBaseLink","_objectSpread","metaAttribute","name","MetaConstants","Link","makeAccessible","getStyledProps","makeAnalyticsAttribute","title","_jsxs","BaseBox","display","flexDirection","alignItems","paddingRight","BaseText","textAlign","fontWeight","paddingLeft","BaseLink","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Link/BaseLink/StyledBaseLink.web.js

@@ -32,11 +32,12 @@ var StyledLink = /*#__PURE__*/styled.button.withConfig({
     transitionDuration: castWebType(makeMotionTime(getIn(props.theme.motion, props.motionDuration))),
     '.content-container': {
       width: 'max-content',
-      borderRadius: makeBorderSize(props.theme.border.radius.small)
+      borderRadius: makeBorderSize(props.theme.border.radius.xsmall)
     },
     '&:focus-visible': {
       '.content-container': {
-        boxShadow: "0px 0px 0px 4px ".concat(props.focusRingColor)
+        outline: "4px solid ".concat(props.focusRingColor),
+        outlineOffset: '1px'
       }
     },
     '*': {

package/build/lib/web/development/components/Link/BaseLink/StyledBaseLink.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseLink.web.js","sources":["../../../../../../../src/components/Link/BaseLink/StyledBaseLink.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport type { StyledBaseLinkProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType } from '~utils';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\n\nconst StyledLink = styled.button\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'StyledLink',\n  })\n  .attrs<StyledBaseLinkProps>((props: StyledBaseLinkProps) => ({\n    ...props.accessibilityProps,\n  }))<StyledBaseLinkProps>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles(props),\n    display: 'inline-block',\n    borderRadius: makeBorderSize(props.theme.border.radius.small),\n    transitionProperty: 'box-shadow',\n    transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n    transitionDuration: castWebType(\n      makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n    ),\n    '.content-container': {\n      width: 'max-content',\n      borderRadius: makeBorderSize(props.theme.border.radius.small),\n    },\n    '&:focus-visible': {\n      '.content-container': {\n        boxShadow: `0px 0px 0px 4px ${props.focusRingColor}`,\n      },\n    },\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n      transitionDuration: castWebType(\n        makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n      ),\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nexport default StyledLink;\n"],"names":["StyledLink","styled","button","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","attrs","props","_objectSpread","accessibilityProps","componentId","styledPropsCSSObject","useStyledProps","getStyledLinkStyles","display","borderRadius","makeBorderSize","theme","border","radius","small","transitionProperty","transitionTimingFunction","getIn","motion","motionEasing","transitionDuration","castWebType","makeMotionTime","motionDuration","width","boxShadow","concat","focusRingColor"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,MAAM,CAC7BC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC,CAAC,CACDC,KAAK,CAAsB,UAACC,KAA0B,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA,EAAA,EAClDD,KAAK,CAACE,kBAAkB,CAAA,CAAA;AAAA,CAC3B,CAAC,CAAAP,UAAA,CAAA;EAAAG,WAAA,EAAA,+BAAA;EAAAK,WAAA,EAAA,cAAA;AAAA,CAAsB,CAAA,CAAA,UAACH,KAAK,EAAK;AACpC,EAAA,IAAMI,oBAAoB,GAAGC,cAAc,CAACL,KAAK,CAAC,CAAA;AAClD,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKK,mBAAmB,CAACN,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAC7BO,IAAAA,OAAO,EAAE,cAAc;AACvBC,IAAAA,YAAY,EAAEC,cAAc,CAACT,KAAK,CAACU,KAAK,CAACC,MAAM,CAACC,MAAM,CAACC,KAAK,CAAC;AAC7DC,IAAAA,kBAAkB,EAAE,YAAY;AAChCC,IAAAA,wBAAwB,EAAEC,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACkB,YAAY,CAAC;AACvEC,IAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACL,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACsB,cAAc,CAAC,CAChE,CAAC;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,KAAK,EAAE,aAAa;MACpBf,YAAY,EAAEC,cAAc,CAACT,KAAK,CAACU,KAAK,CAACC,MAAM,CAACC,MAAM,CAACC,KAAK,CAAA;KAC7D;AACD,IAAA,iBAAiB,EAAE;AACjB,MAAA,oBAAoB,EAAE;AACpBW,QAAAA,SAAS,EAAAC,kBAAAA,CAAAA,MAAA,CAAqBzB,KAAK,CAAC0B,cAAc,CAAA;AACpD,OAAA;KACD;AACD,IAAA,GAAG,EAAE;AACHZ,MAAAA,kBAAkB,EAAE,aAAa;AACjCC,MAAAA,wBAAwB,EAAEC,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACkB,YAAY,CAAC;AACvEC,MAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACL,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACsB,cAAc,CAAC,CAChE,CAAA;AACF,KAAA;AAAC,GAAA,EACElB,oBAAoB,CAAA,CAAA;AAE3B,CAAC;;;;"}
+{"version":3,"file":"StyledBaseLink.web.js","sources":["../../../../../../../src/components/Link/BaseLink/StyledBaseLink.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport getStyledLinkStyles from './getStyledLinkStyles';\nimport type { StyledBaseLinkProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType } from '~utils';\nimport { useStyledProps } from '~components/Box/styledProps';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { omitPropsFromHTML } from '~utils/omitPropsFromHTML';\n\nconst StyledLink = styled.button\n  .withConfig({\n    shouldForwardProp: omitPropsFromHTML,\n    displayName: 'StyledLink',\n  })\n  .attrs<StyledBaseLinkProps>((props: StyledBaseLinkProps) => ({\n    ...props.accessibilityProps,\n  }))<StyledBaseLinkProps>((props) => {\n  const styledPropsCSSObject = useStyledProps(props);\n  return {\n    ...getStyledLinkStyles(props),\n    display: 'inline-block',\n    borderRadius: makeBorderSize(props.theme.border.radius.small),\n    transitionProperty: 'box-shadow',\n    transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n    transitionDuration: castWebType(\n      makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n    ),\n    '.content-container': {\n      width: 'max-content',\n      borderRadius: makeBorderSize(props.theme.border.radius.xsmall),\n    },\n    '&:focus-visible': {\n      '.content-container': {\n        outline: `4px solid ${props.focusRingColor}`,\n        outlineOffset: '1px',\n      },\n    },\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: getIn(props.theme.motion, props.motionEasing),\n      transitionDuration: castWebType(\n        makeMotionTime(getIn(props.theme.motion, props.motionDuration)),\n      ),\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nexport default StyledLink;\n"],"names":["StyledLink","styled","button","withConfig","shouldForwardProp","omitPropsFromHTML","displayName","attrs","props","_objectSpread","accessibilityProps","componentId","styledPropsCSSObject","useStyledProps","getStyledLinkStyles","display","borderRadius","makeBorderSize","theme","border","radius","small","transitionProperty","transitionTimingFunction","getIn","motion","motionEasing","transitionDuration","castWebType","makeMotionTime","motionDuration","width","xsmall","outline","concat","focusRingColor","outlineOffset"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,MAAM,CAC7BC,UAAU,CAAC;AACVC,EAAAA,iBAAiB,EAAEC,iBAAiB;AACpCC,EAAAA,WAAW,EAAE,YAAA;AACf,CAAC,CAAC,CACDC,KAAK,CAAsB,UAACC,KAA0B,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA,EAAA,EAClDD,KAAK,CAACE,kBAAkB,CAAA,CAAA;AAAA,CAC3B,CAAC,CAAAP,UAAA,CAAA;EAAAG,WAAA,EAAA,+BAAA;EAAAK,WAAA,EAAA,cAAA;AAAA,CAAsB,CAAA,CAAA,UAACH,KAAK,EAAK;AACpC,EAAA,IAAMI,oBAAoB,GAAGC,cAAc,CAACL,KAAK,CAAC,CAAA;AAClD,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKK,mBAAmB,CAACN,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAC7BO,IAAAA,OAAO,EAAE,cAAc;AACvBC,IAAAA,YAAY,EAAEC,cAAc,CAACT,KAAK,CAACU,KAAK,CAACC,MAAM,CAACC,MAAM,CAACC,KAAK,CAAC;AAC7DC,IAAAA,kBAAkB,EAAE,YAAY;AAChCC,IAAAA,wBAAwB,EAAEC,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACkB,YAAY,CAAC;AACvEC,IAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACL,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACsB,cAAc,CAAC,CAChE,CAAC;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,KAAK,EAAE,aAAa;MACpBf,YAAY,EAAEC,cAAc,CAACT,KAAK,CAACU,KAAK,CAACC,MAAM,CAACC,MAAM,CAACY,MAAM,CAAA;KAC9D;AACD,IAAA,iBAAiB,EAAE;AACjB,MAAA,oBAAoB,EAAE;AACpBC,QAAAA,OAAO,eAAAC,MAAA,CAAe1B,KAAK,CAAC2B,cAAc,CAAE;AAC5CC,QAAAA,aAAa,EAAE,KAAA;AACjB,OAAA;KACD;AACD,IAAA,GAAG,EAAE;AACHd,MAAAA,kBAAkB,EAAE,aAAa;AACjCC,MAAAA,wBAAwB,EAAEC,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACkB,YAAY,CAAC;AACvEC,MAAAA,kBAAkB,EAAEC,WAAW,CAC7BC,cAAc,CAACL,KAAK,CAAChB,KAAK,CAACU,KAAK,CAACO,MAAM,EAAEjB,KAAK,CAACsB,cAAc,CAAC,CAChE,CAAA;AACF,KAAA;AAAC,GAAA,EACElB,oBAAoB,CAAA,CAAA;AAE3B,CAAC;;;;"}

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

@@ -55,6 +55,7 @@ var ListItemContentChildren = function ListItemContentChildren(_ref2) {
         return /*#__PURE__*/jsx(Text, {
           variant: "body",
           size: size,
+          color: "surface.text.gray.subtle",
           children: child
         }, index);
       }
@@ -63,6 +64,7 @@ var ListItemContentChildren = function ListItemContentChildren(_ref2) {
   }) : /*#__PURE__*/jsx(Text, {
     variant: "body",
     size: size,
+    color: "surface.text.gray.subtle",
     children: children
   });
 };

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      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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"}
+{"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} color=\"surface.text.gray.subtle\">\n              {child}\n            </Text>\n          );\n        }\n        return child;\n      })}\n    </BaseBox>\n  ) : (\n    <Text variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\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","color","_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","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}

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

@@ -1,10 +1,15 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import styled from 'styled-components';
+import { ListViewProvider } from './ListViewContext.js';
+import '../../utils/makeSurfaceStyles/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
-import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getSurfaceBoxShadow, getSurfaceStyles } from '../../utils/makeSurfaceStyles/makeSurfaceStyles.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
@@ -12,16 +17,56 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 var _excluded = ["testID", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ListView = function ListView(_ref) {
-  var testID = _ref.testID,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
-    name: MetaConstants.ListView,
-    testID: testID
-  })), makeAnalyticsAttribute(rest)), {}, {
-    children: children
-  }));
+var ListViewSurface = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ListViewweb__ListViewSurface",
+  componentId: "sc-3r0ctz-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    colorScheme = _ref.colorScheme;
+  var isDarkMode = colorScheme === 'dark';
+  var _getSurfaceBoxShadow = getSurfaceBoxShadow(theme, colorScheme),
+    elevation = _getSurfaceBoxShadow.elevation,
+    top = _getSurfaceBoxShadow.top;
+  var borderColor = theme.colors.interactive.border.gray.disabled;
+  return _objectSpread(_objectSpread({
+    width: '100%',
+    display: 'flex',
+    position: 'relative',
+    flexDirection: 'column',
+    boxSizing: 'border-box'
+  }, getSurfaceStyles(theme, colorScheme, {
+    beforeGradientZIndex: 0
+  })), {}, {
+    boxShadow: "".concat(elevation, ", ").concat(top),
+    borderLeft: "1px solid ".concat(borderColor),
+    borderRight: "1px solid ".concat(borderColor),
+    borderBottom: "1px solid ".concat(borderColor)
+  }, !isDarkMode && {
+    borderTop: "1px solid ".concat(borderColor)
+  });
+});
+var ListView = function ListView(_ref2) {
+  var testID = _ref2.testID,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useTheme = useTheme(),
+    colorScheme = _useTheme.colorScheme;
+  return /*#__PURE__*/jsx(ListViewProvider, {
+    value: {
+      isInsideListView: true
+    },
+    children: /*#__PURE__*/jsx(ListViewSurface, _objectSpread(_objectSpread(_objectSpread({
+      colorScheme: colorScheme,
+      borderRadius: "medium",
+      overflow: "hidden",
+      backgroundColor: "surface.background.gray.intense"
+    }, metaAttribute({
+      name: MetaConstants.ListView,
+      testID: testID
+    })), makeAnalyticsAttribute(rest)), {}, {
+      children: children
+    }))
+  });
 };
 
 export { ListView };

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import type { ListViewProps } from './types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.ListView, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { ListView };\n"],"names":["ListView","_ref","testID","children","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAC3C,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACZ,QAAQ;AAAEE,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACvDW,sBAAsB,CAACT,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { ListViewProps } from './types';\nimport { ListViewProvider } from './ListViewContext';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceBoxShadow, getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport useTheme from '~components/BladeProvider/useTheme';\n\nconst ListViewSurface = styled(BaseBox)<{ colorScheme: ColorSchemeNames }>(\n  ({ theme, colorScheme }) => {\n    const isDarkMode = colorScheme === 'dark';\n    const { elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n    const borderColor = theme.colors.interactive.border.gray.disabled;\n\n    return {\n      width: '100%',\n      display: 'flex',\n      position: 'relative',\n      flexDirection: 'column',\n      boxSizing: 'border-box',\n      ...getSurfaceStyles(theme, colorScheme, { beforeGradientZIndex: 0 }),\n      boxShadow: `${elevation}, ${top}`,\n      borderLeft: `1px solid ${borderColor}`,\n      borderRight: `1px solid ${borderColor}`,\n      borderBottom: `1px solid ${borderColor}`,\n      ...(!isDarkMode && {\n        borderTop: `1px solid ${borderColor}`,\n      }),\n    };\n  },\n);\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  const { colorScheme } = useTheme();\n  return (\n    <ListViewProvider value={{ isInsideListView: true }}>\n      <ListViewSurface\n        colorScheme={colorScheme}\n        borderRadius=\"medium\"\n        overflow=\"hidden\"\n        backgroundColor=\"surface.background.gray.intense\"\n        {...metaAttribute({ name: MetaConstants.ListView, testID })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </ListViewSurface>\n    </ListViewProvider>\n  );\n};\n\nexport { ListView };\n"],"names":["ListViewSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","isDarkMode","_getSurfaceBoxShadow","getSurfaceBoxShadow","elevation","top","borderColor","colors","interactive","border","gray","disabled","_objectSpread","width","display","position","flexDirection","boxSizing","getSurfaceStyles","beforeGradientZIndex","boxShadow","concat","borderLeft","borderRight","borderBottom","borderTop","ListView","_ref2","testID","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","ListViewProvider","value","isInsideListView","borderRadius","overflow","backgroundColor","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CACrC,CAAA,CAAA,UAAAC,IAAA,EAA4B;AAAA,EAAA,IAAzBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AACnB,EAAA,IAAMC,UAAU,GAAGD,WAAW,KAAK,MAAM,CAAA;AACzC,EAAA,IAAAE,oBAAA,GAA2BC,mBAAmB,CAACJ,KAAK,EAAEC,WAAW,CAAC;IAA1DI,SAAS,GAAAF,oBAAA,CAATE,SAAS;IAAEC,GAAG,GAAAH,oBAAA,CAAHG,GAAG,CAAA;AACtB,EAAA,IAAMC,WAAW,GAAGP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,MAAM,CAACC,IAAI,CAACC,QAAQ,CAAA;EAEjE,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;AAAY,GAAA,EACpBC,gBAAgB,CAACnB,KAAK,EAAEC,WAAW,EAAE;AAAEmB,IAAAA,oBAAoB,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACpEC,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKjB,SAAS,QAAAiB,MAAA,CAAKhB,GAAG,CAAE;AACjCiB,IAAAA,UAAU,EAAAD,YAAAA,CAAAA,MAAA,CAAef,WAAW,CAAE;AACtCiB,IAAAA,WAAW,EAAAF,YAAAA,CAAAA,MAAA,CAAef,WAAW,CAAE;IACvCkB,YAAY,EAAA,YAAA,CAAAH,MAAA,CAAef,WAAW,CAAA;GAClC,EAAA,CAACL,UAAU,IAAI;IACjBwB,SAAS,EAAA,YAAA,CAAAJ,MAAA,CAAef,WAAW,CAAA;GACpC,CAAA,CAAA;AAEL,CAAC,CACF,CAAA;AAED,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAC3C,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BlC,WAAW,GAAAiC,SAAA,CAAXjC,WAAW,CAAA;EACnB,oBACEmC,GAAA,CAACC,gBAAgB,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,gBAAgB,EAAE,IAAA;KAAO;IAAAT,QAAA,eAClDM,GAAA,CAAC3C,eAAe,EAAAoB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdZ,MAAAA,WAAW,EAAEA,WAAY;AACzBuC,MAAAA,YAAY,EAAC,QAAQ;AACrBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,eAAe,EAAC,iCAAA;AAAiC,KAAA,EAC7CC,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAClB,QAAQ;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EACvDiB,sBAAsB,CAACf,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAE/BA,QAAAA;KACc,CAAA,CAAA;AAAC,GACF,CAAC,CAAA;AAEvB;;;;"}