@razorpay/blade 10.23.5 → 11.1.0

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

@@ -20,32 +20,32 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
     isTextArea = _ref.isTextArea,
     isDropdownTrigger = _ref.isDropdownTrigger;
   // normal state
-  var backgroundColor = theme.colors.brand.gray.a50.lowContrast;
-  var borderBottomColor = theme.colors.brand.gray.a100.lowContrast;
+  var backgroundColor = theme.colors.interactive.background.gray["default"];
+  var borderBottomColor = theme.colors.interactive.background.gray.highlighted;
 
   // hoverState
   if (isHovered) {
-    backgroundColor = theme.colors.brand.gray.a100.lowContrast;
+    backgroundColor = theme.colors.interactive.background.gray.highlighted;
   }
 
   // focused state
   if (isFocused) {
-    backgroundColor = theme.colors.brand.primary[300];
+    backgroundColor = theme.colors.interactive.background.primary.faded;
   }
 
   // disabled state
   if (isDisabled) {
-    backgroundColor = theme.colors.brand.gray.a50.lowContrast;
-    borderBottomColor = theme.colors.brand.gray[300].lowContrast;
+    backgroundColor = theme.colors.interactive.background.gray.disabled;
+    borderBottomColor = 'transparent';
   }
 
   // validation state
   if (validationState === 'error') {
-    backgroundColor = theme.colors.feedback.background.negative.lowContrast;
-    borderBottomColor = theme.colors.feedback.border.negative.highContrast;
+    backgroundColor = theme.colors.interactive.background.negative.faded;
+    borderBottomColor = theme.colors.interactive.background.negative["default"];
   } else if (validationState === 'success') {
-    backgroundColor = theme.colors.feedback.background.positive.lowContrast;
-    borderBottomColor = theme.colors.feedback.border.positive.highContrast;
+    backgroundColor = theme.colors.interactive.background.positive.faded;
+    borderBottomColor = theme.colors.interactive.background.positive["default"];
   }
   return {
     backgroundColor: backgroundColor,
@@ -104,9 +104,8 @@ var getBaseInputStyles = function getBaseInputStyles(_ref3) {
   return _objectSpread(_objectSpread({}, getTextStyles({
     size: 'medium',
     variant: 'body',
-    type: isDisabled ? 'placeholder' : 'subtle',
     weight: 'regular',
-    contrast: 'low',
+    color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',
     theme: theme
   })), {}, {
     // take the full available width of parent container for input field

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

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = theme.colors.brand.gray.a50.lowContrast;\n  let borderBottomColor = theme.colors.brand.gray.a100.lowContrast;\n\n  // hoverState\n  if (isHovered) {\n    backgroundColor = theme.colors.brand.gray.a100.lowContrast;\n  }\n\n  // focused state\n  if (isFocused) {\n    backgroundColor = theme.colors.brand.primary[300];\n  }\n\n  // disabled state\n  if (isDisabled) {\n    backgroundColor = theme.colors.brand.gray.a50.lowContrast;\n    borderBottomColor = theme.colors.brand.gray[300].lowContrast;\n  }\n\n  // validation state\n  if (validationState === 'error') {\n    backgroundColor = theme.colors.feedback.background.negative.lowContrast;\n    borderBottomColor = theme.colors.feedback.border.negative.highContrast;\n  } else if (validationState === 'success') {\n    backgroundColor = theme.colors.feedback.background.positive.lowContrast;\n    borderBottomColor = theme.colors.feedback.border.positive.highContrast;\n  }\n\n  return {\n    backgroundColor,\n    borderBottomColor,\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.small),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.small),\n    borderBottomWidth: makeBorderSize(theme.border.width.thin),\n    borderBottomStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[4];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...getTextStyles({\n      size: 'medium',\n      variant: 'body',\n      type: isDisabled ? 'placeholder' : 'subtle',\n      weight: 'regular',\n      contrast: 'low',\n      theme,\n    }),\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix })),\n    paddingRight:\n      hasInteractionElement || hasSuffix || hasTrailingIcon\n        ? makeSpace(theme.spacing[3])\n        : makeSpace(theme.spacing[4]),\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n"],"names":["getInputBackgroundAndBorderStyles","_ref","theme","isHovered","isFocused","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","colors","brand","gray","a50","lowContrast","borderBottomColor","a100","primary","feedback","background","negative","border","highContrast","positive","borderTopLeftRadius","makeBorderSize","radius","small","borderTopRightRadius","borderBottomWidth","width","thin","borderBottomStyle","display","flexDirection","alignItems","undefined","position","height","getLeftPadding","_ref2","hasLeadingIcon","hasPrefix","spacing","getBaseInputStyles","_ref3","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","_getInputVisualsToBeR","getInputVisualsToBeRendered","hasInteractionElement","hasSuffix","hasTrailingIcon","isDropdownWithTags","isReactNative","getPlatformType","_objectSpread","getTextStyles","size","variant","type","weight","contrast","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","BASEINPUT_DEFAULT_HEIGHT","minHeight","resize"],"mappings":"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"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'interactionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n>): CSSObject => {\n  // normal state\n  let backgroundColor = theme.colors.interactive.background.gray.default;\n  let borderBottomColor = theme.colors.interactive.background.gray.highlighted;\n\n  // hoverState\n  if (isHovered) {\n    backgroundColor = theme.colors.interactive.background.gray.highlighted;\n  }\n\n  // focused state\n  if (isFocused) {\n    backgroundColor = theme.colors.interactive.background.primary.faded;\n  }\n\n  // disabled state\n  if (isDisabled) {\n    backgroundColor = theme.colors.interactive.background.gray.disabled;\n    borderBottomColor = 'transparent';\n  }\n\n  // validation state\n  if (validationState === 'error') {\n    backgroundColor = theme.colors.interactive.background.negative.faded;\n    borderBottomColor = theme.colors.interactive.background.negative.default;\n  } else if (validationState === 'success') {\n    backgroundColor = theme.colors.interactive.background.positive.faded;\n    borderBottomColor = theme.colors.interactive.background.positive.default;\n  }\n\n  return {\n    backgroundColor,\n    borderBottomColor,\n    borderTopLeftRadius: makeBorderSize(theme.border.radius.small),\n    borderTopRightRadius: makeBorderSize(theme.border.radius.small),\n    borderBottomWidth: makeBorderSize(theme.border.width.thin),\n    borderBottomStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger ? 'auto' : undefined,\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix) {\n    return theme.spacing[3];\n  }\n\n  return theme.spacing[4];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  interactionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    interactionElement,\n    suffix,\n    trailingIcon,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return {\n    ...getTextStyles({\n      size: 'medium',\n      variant: 'body',\n      weight: 'regular',\n      color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n      theme,\n    }),\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: 'transparent',\n    paddingTop: makeSpace(theme.spacing[3]),\n    paddingBottom: makeSpace(theme.spacing[3]),\n    paddingLeft: makeSpace(getLeftPadding({ theme, isDropdownTrigger, hasLeadingIcon, hasPrefix })),\n    paddingRight:\n      hasInteractionElement || hasSuffix || hasTrailingIcon\n        ? makeSpace(theme.spacing[3])\n        : makeSpace(theme.spacing[4]),\n    textAlign,\n    width: '100%',\n    height: isTextArea || isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    minHeight: isDropdownWithTags ? undefined : makeSpace(BASEINPUT_DEFAULT_HEIGHT),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n"],"names":["getInputBackgroundAndBorderStyles","_ref","theme","isHovered","isFocused","isDisabled","validationState","isTextArea","isDropdownTrigger","backgroundColor","colors","interactive","background","gray","borderBottomColor","highlighted","primary","faded","disabled","negative","positive","borderTopLeftRadius","makeBorderSize","border","radius","small","borderTopRightRadius","borderBottomWidth","width","thin","borderBottomStyle","display","flexDirection","alignItems","undefined","position","height","getLeftPadding","_ref2","hasLeadingIcon","hasPrefix","spacing","getBaseInputStyles","_ref3","leadingIcon","prefix","interactionElement","suffix","trailingIcon","textAlign","hasTags","_getInputVisualsToBeR","getInputVisualsToBeRendered","hasInteractionElement","hasSuffix","hasTrailingIcon","isDropdownWithTags","isReactNative","getPlatformType","_objectSpread","getTextStyles","size","variant","weight","color","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","BASEINPUT_DEFAULT_HEIGHT","minHeight","resize"],"mappings":"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"}

package/build/lib/web/development/components/Input/DropdownInputTriggers/Chevron.js

@@ -5,7 +5,7 @@ import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import ChevronUpIcon from '../../Icons/ChevronUpIcon/ChevronUpIcon.js';
 
 var Chevron = function Chevron(props) {
-  var iconColor = "surface.text.".concat(props.isDisabled ? 'placeholder' : 'normal', ".lowContrast");
+  var iconColor = "surface.icon.gray.".concat(props.isDisabled ? 'disabled' : 'muted');
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(ChevronDownIcon, {
       display: props.isOpen ? 'none' : 'flex',

package/build/lib/web/development/components/Input/DropdownInputTriggers/Chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sources":["../../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.text.${\n    props.isDisabled ? 'placeholder' : 'normal'\n  }.lowContrast` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","concat","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;AAGA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAiD,EAAyB;EACzF,IAAMC,SAAS,GAAAC,eAAAA,CAAAA,MAAA,CACbF,KAAK,CAACG,UAAU,GAAG,aAAa,GAAG,QAAQ,EACtB,cAAA,CAAA,CAAA;EAEvB,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,eAAe,EAAA;AAACC,MAAAA,OAAO,EAAET,KAAK,CAACU,MAAM,GAAG,MAAM,GAAG,MAAO;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAEX,SAAAA;AAAU,KAAE,CAAC,eAC5FM,GAAA,CAACM,aAAa,EAAA;AAACJ,MAAAA,OAAO,EAAET,KAAK,CAACU,MAAM,GAAG,MAAM,GAAG,MAAO;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAEX,SAAAA;AAAU,KAAE,CAAC,CAAA;AAAA,GAC1F,CAAC,CAAA;AAEP;;;;"}
+{"version":3,"file":"Chevron.js","sources":["../../../../../../../src/components/Input/DropdownInputTriggers/Chevron.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\n\nconst Chevron = (props: { isOpen?: boolean; isDisabled?: boolean }): React.ReactElement => {\n  const iconColor = `surface.icon.gray.${props.isDisabled ? 'disabled' : 'muted'}` as const;\n\n  return (\n    <>\n      <ChevronDownIcon display={props.isOpen ? 'none' : 'flex'} size=\"medium\" color={iconColor} />\n      <ChevronUpIcon display={props.isOpen ? 'flex' : 'none'} size=\"medium\" color={iconColor} />\n    </>\n  );\n};\n\nexport { Chevron };\n"],"names":["Chevron","props","iconColor","concat","isDisabled","_jsxs","_Fragment","children","_jsx","ChevronDownIcon","display","isOpen","size","color","ChevronUpIcon"],"mappings":";;;;;;AAGA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAiD,EAAyB;EACzF,IAAMC,SAAS,GAAAC,oBAAAA,CAAAA,MAAA,CAAwBF,KAAK,CAACG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAW,CAAA;EAEzF,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,eAAe,EAAA;AAACC,MAAAA,OAAO,EAAET,KAAK,CAACU,MAAM,GAAG,MAAM,GAAG,MAAO;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAEX,SAAAA;AAAU,KAAE,CAAC,eAC5FM,GAAA,CAACM,aAAa,EAAA;AAACJ,MAAAA,OAAO,EAAET,KAAK,CAACU,MAAM,GAAG,MAAM,GAAG,MAAO;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAEX,SAAAA;AAAU,KAAE,CAAC,CAAA;AAAA,GAC1F,CAAC,CAAA;AAEP;;;;"}

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

@@ -1,7 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState } from 'react';
+import React__default from 'react';
 import StyledLink from './StyledBaseLink.web.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import useInteraction from '../../../utils/useInteraction.js';
@@ -35,25 +34,26 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var getColorToken = function getColorToken(_ref) {
   var variant = _ref.variant,
     color = _ref.color,
-    element = _ref.element,
     currentInteraction = _ref.currentInteraction,
     isDisabled = _ref.isDisabled,
-    isVisited = _ref.isVisited;
+    element = _ref.element;
   var state = currentInteraction;
+  var map = {
+    "default": 'normal',
+    hover: 'subtle',
+    focus: 'normal',
+    disabled: 'disabled'
+  };
   if (isDisabled && variant == 'button') {
     state = 'disabled';
   }
-  if (isVisited && variant == 'anchor') {
-    // visited state is only valid for anchor variant
-    state = 'visited';
-  }
-  if (color && color !== 'default' && state !== 'visited') {
+  if (color && color !== 'primary') {
     if (color !== 'white') {
-      return "feedback.".concat(color, ".action.").concat(element, ".link.").concat(state, ".lowContrast");
+      return "interactive.".concat(element, ".").concat(color, ".").concat(map[state]);
     }
-    return "white.action.".concat(element, ".link.").concat(state);
+    return "interactive.".concat(element, ".staticWhite.").concat(map[state]);
   }
-  return "action.".concat(element, ".link.").concat(state);
+  return "interactive.".concat(element, ".primary.").concat(map[state]);
 };
 var getProps = function getProps(_ref2) {
   var theme = _ref2.theme,
@@ -62,7 +62,6 @@ var getProps = function getProps(_ref2) {
     children = _ref2.children,
     isDisabled = _ref2.isDisabled,
     color = _ref2.color,
-    isVisited = _ref2.isVisited,
     target = _ref2.target,
     size = _ref2.size;
   var isButton = variant === 'button';
@@ -74,10 +73,10 @@ var getProps = function getProps(_ref2) {
       large: 200
     },
     lineHeight: {
-      xsmall: 50,
-      small: 50,
+      xsmall: 25,
+      small: 75,
       medium: 100,
-      large: 300
+      large: 200
     }
   };
   var props = {
@@ -88,8 +87,7 @@ var getProps = function getProps(_ref2) {
       color: color,
       element: 'icon',
       currentInteraction: currentInteraction,
-      isDisabled: isDisabled,
-      isVisited: isVisited
+      isDisabled: isDisabled
     }),
     fontSize: textSizes.fontSize[size],
     lineHeight: textSizes.lineHeight[size],
@@ -100,10 +98,9 @@ var getProps = function getProps(_ref2) {
       color: color,
       element: 'text',
       currentInteraction: currentInteraction,
-      isDisabled: isDisabled,
-      isVisited: isVisited
+      isDisabled: isDisabled
     }),
-    focusRingColor: getIn(theme.colors, 'brand.primary.400'),
+    focusRingColor: getIn(theme.colors, 'interactive.background.primary.faded'),
     motionDuration: 'duration.2xquick',
     motionEasing: 'easing.standard.effective',
     cursor: isButton && isDisabled ? 'not-allowed' : 'pointer',
@@ -129,7 +126,7 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
     target = _ref3.target,
     rel = _ref3.rel,
     _ref3$color = _ref3.color,
-    color = _ref3$color === void 0 ? 'default' : _ref3$color,
+    color = _ref3$color === void 0 ? 'primary' : _ref3$color,
     accessibilityProps = _ref3.accessibilityProps,
     className = _ref3.className,
     style = _ref3.style,
@@ -147,10 +144,6 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
     onTouchStart = _ref3.onTouchStart,
     onTouchEnd = _ref3.onTouchEnd,
     styledProps = _objectWithoutProperties(_ref3, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isVisited = _useState2[0],
-    setIsVisited = _useState2[1];
   var childrenString = getStringFromReactText(children);
   var _useInteraction = useInteraction(),
     currentInteraction = _useInteraction.currentInteraction,
@@ -173,7 +166,6 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
       children: childrenString,
       isDisabled: isDisabled,
       color: color,
-      isVisited: isVisited,
       target: target,
       size: size
     }),
@@ -194,10 +186,6 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
     type = _getProps.type,
     lineHeight = _getProps.lineHeight;
   var handleOnClick = function handleOnClick(event) {
-    if (!isVisited && variant === 'anchor') {
-      // visited state is only valid for anchor variant
-      setIsVisited(true);
-    }
     if (onClick) {
       onClick(event);
     }
@@ -275,7 +263,7 @@ var _BaseLink = function _BaseLink(_ref3, ref) {
         fontSize: fontSize,
         lineHeight: lineHeight,
         textAlign: "center",
-        fontWeight: "bold",
+        fontWeight: "medium",
         children: children
       }), Icon && iconPosition == 'right' ? /*#__PURE__*/jsx(BaseBox, {
         as: asProp,

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, { useState } 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 { 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 { LinkActionStates } from '~tokens/theme/theme';\nimport type { DurationString, EasingString, FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps, BaseTextSizes } 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';\n\ntype BaseLinkCommonProps = {\n  color?: 'default' | '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} & 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\nconst getColorToken = ({\n  variant,\n  color,\n  element,\n  currentInteraction,\n  isDisabled,\n  isVisited,\n}: {\n  variant: BaseLinkProps['variant'];\n  color: BaseLinkProps['color'];\n  element: 'icon' | 'text';\n  currentInteraction: keyof LinkActionStates;\n  isDisabled: boolean;\n  isVisited: boolean;\n}): IconProps['color'] | BaseTextProps['color'] => {\n  let state = currentInteraction;\n  if (isDisabled && variant == 'button') {\n    state = 'disabled';\n  }\n  if (isVisited && variant == 'anchor') {\n    // visited state is only valid for anchor variant\n    state = 'visited';\n  }\n\n  if (color && color !== 'default' && state !== 'visited') {\n    if (color !== 'white') {\n      return `feedback.${color}.action.${element}.link.${state}.lowContrast`;\n    }\n    return `white.action.${element}.link.${state}`;\n  }\n  return `action.${element}.link.${state}`;\n};\n\nconst getProps = ({\n  theme,\n  variant,\n  currentInteraction,\n  children,\n  isDisabled,\n  color,\n  isVisited,\n  target,\n  size,\n}: {\n  theme: Theme;\n  variant: NonNullable<BaseLinkProps['variant']>;\n  currentInteraction: keyof LinkActionStates;\n  children?: string;\n  isDisabled: boolean;\n  color: BaseLinkProps['color'];\n  isVisited: boolean;\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: 50,\n      small: 50,\n      medium: 100,\n      large: 300,\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      isVisited,\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      isVisited,\n    }) as BaseTextProps['color'],\n    focusRingColor: getIn(theme.colors, 'brand.primary.400'),\n    motionDuration: 'duration.2xquick',\n    motionEasing: 'easing.standard.effective',\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 = 'default',\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    ...styledProps\n  },\n  ref,\n) => {\n  const [isVisited, setIsVisited] = useState(false);\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    isVisited,\n    target,\n    size,\n  });\n\n  const handleOnClick = (event: SyntheticEvent): void => {\n    if (!isVisited && variant === 'anchor') {\n      // visited state is only valid for anchor variant\n      setIsVisited(true);\n    }\n\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      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\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      >\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=\"bold\"\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","element","currentInteraction","isDisabled","isVisited","state","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","disabled","role","defaultRel","undefined","type","_BaseLink","_ref3","ref","Icon","icon","_ref3$iconPosition","iconPosition","_ref3$isDisabled","onClick","onKeyDown","_ref3$variant","href","rel","_ref3$color","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","setIsVisited","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","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 } 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';\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} & 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.effective',\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    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    ...styledProps\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      disabled={disabled}\n      type={type}\n      cursor={cursor}\n      focusRingColor={focusRingColor}\n      motionDuration={motionDuration}\n      motionEasing={motionEasing}\n      setCurrentInteraction={setCurrentInteraction}\n      {...getStyledProps(styledProps)}\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      >\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","accessibilityProps","className","style","_ref3$size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_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","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/Link/Link.js

@@ -23,7 +23,7 @@ var _Link = function _Link(_ref, ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'anchor' : _ref$variant,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
+    color = _ref$color === void 0 ? 'primary' : _ref$color,
     href = _ref.href,
     target = _ref.target,
     rel = _ref.rel,

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'default' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'default',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\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    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../src/components/Link/Link/Link.tsx"],"sourcesContent":["import type { ReactElement, SyntheticEvent } from 'react';\nimport React from 'react';\nimport type { BaseLinkProps } from '../BaseLink';\nimport { BaseLink } from '../BaseLink';\nimport type { IconComponent } from '~components/Icons';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID, BladeElementRef } from '~utils/types';\nimport type { Platform } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeCommonEvents } from '~components/types';\n\ntype LinkCommonProps = {\n  variant?: 'anchor' | 'button';\n  icon?: IconComponent;\n  color?: 'primary' | 'white' | 'neutral';\n  iconPosition?: 'left' | 'right';\n  isDisabled?: boolean;\n  onClick?: (event: SyntheticEvent) => void;\n  href?: string;\n  target?: string;\n  accessibilityLabel?: string;\n\n  /**\n   * It is exposed for internal usage with tooltip.\n   *\n   * @private\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Sets the size of the link\n   *\n   * @default medium\n   */\n  size?: BaseLinkProps['size'];\n} & TestID &\n  StyledPropsBlade &\n  BladeCommonEvents &\n  Platform.Select<{\n    native: {\n      /**\n       * Defines how far your touch can start away from the link\n       */\n      hitSlop?:\n        | {\n            top?: number;\n            right?: number;\n            bottom?: number;\n            left?: number;\n          }\n        | number;\n      /**\n       * This is a web only prop and has no effect on react-native.\n       */\n      htmlTitle?: undefined;\n    };\n    web: {\n      /**\n       * This is a react-native only prop and has no effect on web.\n       */\n      hitSlop?: undefined;\n      /**\n       * The title of the link which is displayed as a tooltip.\n       */\n      htmlTitle?: string;\n    };\n  }>;\n\n/*\n  Mandatory children prop when icon is not provided\n*/\ntype LinkWithoutIconProps = LinkCommonProps & {\n  icon?: undefined;\n  children: StringChildrenType;\n};\n\n/*\n  Optional children prop when icon is provided\n*/\ntype LinkWithIconProps = LinkCommonProps & {\n  icon: IconComponent;\n  children?: StringChildrenType;\n};\n\n/*\n  Link Props with or without an icon\n*/\ntype LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;\n\n/*\n  Link Props when variant is anchor\n*/\ntype LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'anchor';\n  href?: string;\n  target?: string;\n  rel?: string;\n  isDisabled?: undefined;\n};\n\n/*\n  Link Props when variant is button\n*/\nexport type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {\n  variant?: 'button';\n  isDisabled?: boolean;\n  href?: undefined;\n  target?: undefined;\n  rel?: undefined;\n};\n\n/*\n  Link Props when variant is anchor or button\n*/\nexport type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;\n\nconst _Link: React.ForwardRefRenderFunction<BladeElementRef, LinkProps> = (\n  {\n    children,\n    icon,\n    iconPosition = 'left',\n    isDisabled = false,\n    onClick,\n    variant = 'anchor',\n    color = 'primary',\n    href,\n    target,\n    rel,\n    accessibilityLabel,\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    ...rest\n  },\n  ref,\n): ReactElement => {\n  return (\n    <BaseLink\n      {...(icon ? { icon, children } : { children })}\n      {...(variant === 'anchor' ? { variant, href, target, rel } : { variant, isDisabled })}\n      ref={ref as never}\n      iconPosition={iconPosition}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel, describedBy: rest['aria-describedby'] }}\n      size={size}\n      color={color}\n      testID={testID}\n      hitSlop={hitSlop}\n      htmlTitle={htmlTitle}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n      {...getStyledProps(rest)}\n    />\n  );\n};\n\nconst Link = assignWithoutSideEffects(React.forwardRef(_Link), {\n  displayName: 'Link',\n  componentId: 'Link',\n});\n\nexport default Link;\n"],"names":["_Link","_ref","ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","onClick","_ref$variant","variant","_ref$color","color","href","target","rel","accessibilityLabel","_ref$size","size","testID","hitSlop","htmlTitle","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","rest","_objectWithoutProperties","_excluded","_jsx","BaseLink","_objectSpread","accessibilityProps","label","describedBy","getStyledProps","Link","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -105,9 +105,7 @@ var _List = function _List(_ref3) {
   return /*#__PURE__*/jsx(ListProvider, {
     value: listContextValue,
     children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
-      children: /*#__PURE__*/jsx(ListElement, _objectSpread(_objectSpread(_objectSpread({
-        marginTop: level ? undefined : 'spacing.3'
-      }, metaAttribute({
+      children: /*#__PURE__*/jsx(ListElement, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
         name: MetaConstants.List,
         testID: testID
       })), makeAccessible({

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          marginTop={level ? undefined : 'spacing.3'}\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ListProvider, useListContext } from './ListContext';\nimport { UnorderedList } from './UnorderedList';\nimport { OrderedList } from './OrderedList';\nimport type { ListItemProps } from './ListItem';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { IconComponent } from '~components/Icons';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListCommonProps = {\n  /**\n   * ListItem to be rendered for the List.\n   *\n   */\n  children: React.ReactElement<ListItemProps> | React.ReactElement<ListItemProps>[];\n  /**\n   * Sets the variant to be rendered for the List.\n   *\n   * @default 'unordered'\n   */\n  variant?: 'unordered' | 'ordered' | 'ordered-filled';\n  /**\n   * Sets the size for the List.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ListWithIconProps = ListCommonProps & {\n  variant?: 'unordered';\n  icon?: IconComponent;\n};\ntype ListWithoutIconProps = ListCommonProps & {\n  variant?: 'ordered' | 'ordered-filled';\n  icon?: undefined;\n};\ntype ListProps = ListWithIconProps | ListWithoutIconProps;\n\nconst StyledOrderedList = styled(OrderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\nconst StyledUnorderedList = styled(UnorderedList)<{ marginTop?: DotNotationSpacingStringToken }>(\n  ({ marginTop, theme }) => ({\n    marginTop: marginTop ? makeSpace(getIn(theme, marginTop)) : undefined,\n  }),\n);\n\n/**\n * List Component is used to display a set of related items that are composed of text/links. Each list item begins with a bullet or a number.\n *\n * ## Usage\n *\n * ```tsx\n *   <List\n *     variant='unordered'\n *     size='medium'\n *   >\n *    <ListItem>\n *      Item 1\n *      <List>\n *        <ListItem>Item 1.1</ListItem>\n *      </List>\n *    </ListItem>\n *    <ListItem>Item 2</ListItem>\n *  <List />\n * ```\n */\nconst _List = ({\n  variant = 'unordered',\n  size,\n  children,\n  icon,\n  testID,\n  ...styledProps\n}: ListProps): React.ReactElement => {\n  const ListElement = variant === 'unordered' ? StyledUnorderedList : StyledOrderedList;\n  const { level, size: listContextSize } = useListContext();\n  const listContextValue = useMemo(\n    () => ({\n      level: level ? level + 1 : 1,\n      size: size ?? listContextSize,\n      icon,\n      variant,\n    }),\n    [icon, level, listContextSize, size, variant],\n  );\n\n  const childrenArray = React.Children.toArray(children);\n  const childListItems = childrenArray.filter((child) => {\n    if (isValidAllowedChildren(child, MetaConstants.ListItem)) {\n      return child;\n    }\n    if (__DEV__) {\n      throwBladeError({\n        message: 'You can only pass a ListItem as a child to List.',\n        moduleName: 'List',\n      });\n    }\n    return null;\n  });\n\n  return (\n    <ListProvider value={listContextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <ListElement\n          {...metaAttribute({ name: MetaConstants.List, testID })}\n          {...makeAccessible({ role: 'list' })} // Role needed for react-native\n        >\n          {variant === 'unordered'\n            ? childListItems\n            : childListItems.map(\n                (child, index) =>\n                  React.cloneElement(child as React.ReactElement, { _itemNumber: index + 1 }), // adds _itemNumber for rendering ordered list bullets\n              )}\n        </ListElement>\n      </BaseBox>\n    </ListProvider>\n  );\n};\n\nconst List = assignWithoutSideEffects(_List, { componentId: MetaConstants.List });\n\nexport { List };\nexport type { ListProps };\n"],"names":["StyledOrderedList","styled","OrderedList","withConfig","displayName","componentId","_ref","marginTop","theme","makeSpace","getIn","undefined","StyledUnorderedList","UnorderedList","_ref2","_List","_ref3","_ref3$variant","variant","size","children","icon","testID","styledProps","_objectWithoutProperties","_excluded","ListElement","_useListContext","useListContext","level","listContextSize","listContextValue","useMemo","childrenArray","React","Children","toArray","childListItems","filter","child","isValidAllowedChildren","MetaConstants","ListItem","throwBladeError","message","moduleName","_jsx","ListProvider","value","BaseBox","_objectSpread","getStyledProps","metaAttribute","name","List","makeAccessible","role","map","index","cloneElement","_itemNumber","assignWithoutSideEffects"],"mappings":"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"}

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

@@ -128,7 +128,7 @@ var _ListItem = function _ListItem(_ref3) {
         alignSelf: "flex-start",
         children: ItemIcon ? /*#__PURE__*/jsx(ItemIcon, {
           size: size,
-          color: "surface.text.subdued.lowContrast"
+          color: "surface.icon.gray.muted"
         }) : /*#__PURE__*/jsx(UnorderedItemIcon, {
           level: level
         })
@@ -143,10 +143,10 @@ var _ListItem = function _ListItem(_ref3) {
         alignSelf: "flex-start",
         alignItems: "center",
         borderRadius: variant === 'ordered-filled' ? 'max' : undefined,
-        backgroundColor: variant === 'ordered-filled' ? getIn(theme, 'colors.brand.gray.a100.lowContrast') : undefined,
+        backgroundColor: variant === 'ordered-filled' ? getIn(theme.colors, 'feedback.background.neutral.subtle') : undefined,
         children: /*#__PURE__*/jsx(Text, {
           variant: "body",
-          type: "subtle",
+          color: "surface.text.gray.muted",
           size: variant === 'ordered' ? size : 'xsmall',
           children: "".concat(getOrderedListItemBullet({
             itemNumber: _itemNumber !== null && _itemNumber !== void 0 ? _itemNumber : 1,

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   * 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  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\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=\"surface.text.subdued.lowContrast\" />\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.brand.gray.a100.lowContrast')\n                : undefined\n            }\n          >\n            <Text variant=\"body\" type=\"subtle\" size={variant === 'ordered' ? size : 'xsmall'}>\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","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","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","type","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   * 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  _itemNumber,\n  testID,\n}: ListItemProps): React.ReactElement => {\n  const { level, size, icon: ListContextIcon, variant } = useListContext();\n  const { theme, platform } = useTheme();\n  const ItemIcon = Icon ?? ListContextIcon;\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=\"surface.icon.gray.muted\" />\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","Icon","icon","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","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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"}