@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/web/development/components/ActionList/ActionListItem.js

@@ -5,7 +5,6 @@ import { StyledActionListItem } from './styles/StyledActionListItem.web.js';
 import { componentIds } from './componentIds.js';
 import { getNormalTextColor, validateActionListItemProps } from './actionListUtils.js';
 import { getActionListSectionRole, isRoleMenu, getActionListItemRole } from './getA11yRoles.js';
-import { useActionListContext } from './ActionList.js';
 import '../Divider/index.js';
 import '../Box/BaseBox/index.js';
 import { useDropdown } from '../Dropdown/useDropdown.js';
@@ -57,8 +56,6 @@ var _ActionListSection = function _ActionListSection(_ref) {
     testID = _ref.testID,
     _hideDivider = _ref._hideDivider,
     _sectionChildValues = _ref._sectionChildValues;
-  var _useActionListContext = useActionListContext(),
-    surfaceLevel = _useActionListContext.surfaceLevel;
   var _useDropdown = useDropdown(),
     hasAutoCompleteInBottomSheetHeader = _useDropdown.hasAutoCompleteInBottomSheetHeader,
     dropdownTriggerer = _useDropdown.dropdownTriggerer,
@@ -78,9 +75,7 @@ var _ActionListSection = function _ActionListSection(_ref) {
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, makeAccessible({
     role: getActionListSectionRole(),
     label: title
-  })), {}, {
-    backgroundColor: "surface.background.level".concat(surfaceLevel, ".lowContrast")
-  }, metaAttribute({
+  })), metaAttribute({
     name: MetaConstants.ActionListSection,
     testID: testID
   })), {}, {
@@ -88,9 +83,9 @@ var _ActionListSection = function _ActionListSection(_ref) {
       hidden: true
     })), {}, {
       children: /*#__PURE__*/jsx(Text, {
-        color: "surface.text.muted.lowContrast",
+        color: "surface.text.gray.muted",
         size: "small",
-        weight: "bold",
+        weight: "semibold",
         children: title
       })
     })) : null, /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAccessible({
@@ -114,10 +109,9 @@ var _ActionListItemIcon = function _ActionListItemIcon(_ref2) {
   var _React$useContext = React__default.useContext(ActionListItemContext),
     intent = _React$useContext.intent,
     isDisabled = _React$useContext.isDisabled;
+  var iconState = isDisabled ? 'disabled' : 'muted';
   return /*#__PURE__*/jsx(Icon, {
-    color: intent === 'negative' ? 'feedback.icon.negative.lowContrast' : getNormalTextColor(isDisabled, {
-      isMuted: true
-    }),
+    color: intent === 'negative' ? 'feedback.icon.negative.intense' : "interactive.icon.gray.".concat(iconState),
     size: "medium"
   });
 };
@@ -217,7 +211,7 @@ var _ActionListItemBody = function _ActionListItemBody(_ref5) {
         flexDirection: "row",
         children: [/*#__PURE__*/jsx(Text, {
           truncateAfterLines: 1,
-          color: intent === 'negative' ? 'feedback.text.negative.lowContrast' : getNormalTextColor(isDisabled),
+          color: intent === 'negative' ? 'feedback.text.negative.intense' : getNormalTextColor(isDisabled),
           children: title
         }), titleSuffix]
       }), /*#__PURE__*/jsx(BaseBox, {

package/build/lib/web/development/components/ActionList/ActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListItem.js","sources":["../../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { useActionListContext } from './ActionList';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { Feedback } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: { name: string; value?: boolean }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<Feedback, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { surfaceLevel } = useActionListContext();\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      backgroundColor={`surface.background.level${surfaceLevel}.lowContrast`}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.muted.lowContrast\" size=\"small\" weight=\"bold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.lowContrast'\n          : getNormalTextColor(isDisabled, { isMuted: true })\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.lowContrast'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useActionListContext","useActionListContext","surfaceLevel","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","_objectSpread","makeAccessible","role","getActionListSectionRole","label","backgroundColor","concat","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","getNormalTextColor","isMuted","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","_props$onClick","call","ActionListItem","onMouseDown","onMouseUp","hasDescription"],"mappings":"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"}
+{"version":3,"file":"ActionListItem.js","sources":["../../../../../../src/components/ActionList/ActionListItem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { StyledActionListItem } from './styles/StyledActionListItem';\nimport { componentIds } from './componentIds';\nimport type { StyledActionListItemProps } from './styles/getBaseActionListItemStyles';\nimport { validateActionListItemProps, getNormalTextColor } from './actionListUtils';\nimport { getActionListItemRole, getActionListSectionRole, isRoleMenu } from './getA11yRoles';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { Checkbox } from '~components/Checkbox';\nimport { size } from '~tokens/global';\nimport type { DropdownProps } from '~components/Dropdown';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport type { BadgeProps } from '~components/Badge';\nimport { Badge } from '~components/Badge';\nimport { Box } from '~components/Box';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\n\ntype ActionListItemProps = {\n  title: string;\n  description?: string;\n  onClick?: (clickProps: { name: string; value?: boolean }) => void;\n  /**\n   * value that you get from `onChange` event on SelectInput or in form submissions.\n   */\n  value: string;\n  /**\n   * Link to open when item is clicked.\n   */\n  href?: string;\n  /**\n   * HTML target of the link\n   */\n  target?: string;\n  /**\n   * Item that goes on left-side of item.\n   *\n   * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`\n   *\n   * Will be overriden in multiselect\n   */\n  leading?: React.ReactNode;\n  /**\n   * Item that goes on right-side of item.\n   *\n   * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Item that goes immediately next to the title.\n   *\n   * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`\n   *\n   */\n  titleSuffix?: React.ReactElement;\n  isDisabled?: boolean;\n  intent?: Extract<FeedbackColors, 'negative'>;\n  /**\n   * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.\n   *\n   * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.\n   */\n  isSelected?: boolean;\n  /**\n   * Internally passed from ActionList. No need to pass it explicitly\n   *\n   * @private\n   */\n  _index?: number;\n} & TestID;\n\nconst ActionListItemContext = React.createContext<{\n  intent?: ActionListItemProps['intent'];\n  isDisabled?: ActionListItemProps['isDisabled'];\n}>({});\n\nconst StyledActionListSectionTitle = styled(BaseBox)((props) => ({\n  // @TODO: replace this styled-component with new layout box when we have padding shorthand\n  padding: makeSize(props.theme.spacing[3]),\n}));\n\ntype ActionListSectionProps = {\n  title: string;\n  children: React.ReactNode[] | React.ReactNode;\n  /**\n   * Internally used to hide the divider on final item in React Native.\n   *\n   * Should not be used by consumers (also won't work on web)\n   *\n   * @private\n   */\n  _hideDivider?: boolean;\n  /**\n   * Internally used to hide / show section in AutoComplete\n   *\n   * @private\n   */\n  _sectionChildValues?: string[];\n} & TestID;\nconst _ActionListSection = ({\n  title,\n  children,\n  testID,\n  _hideDivider,\n  _sectionChildValues,\n}: ActionListSectionProps): React.ReactElement => {\n  const { hasAutoCompleteInBottomSheetHeader, dropdownTriggerer, filteredValues } = useDropdown();\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const isSectionVisible = React.useMemo(() => {\n    if (hasAutoComplete) {\n      const visibleActionListItemInSection = _sectionChildValues?.find((actionItemValue) =>\n        filteredValues.includes(actionItemValue),\n      );\n\n      return Boolean(visibleActionListItemInSection);\n    }\n\n    return true;\n  }, [_sectionChildValues, hasAutoComplete, filteredValues]);\n\n  const showDividerInRN = !(_hideDivider && isReactNative());\n  const showDividerInAutoComplete = hasAutoComplete\n    ? isSectionVisible && filteredValues.length > 1\n    : true;\n\n  return (\n    <BaseBox\n      {...makeAccessible({\n        role: getActionListSectionRole(),\n        label: title,\n      })}\n      {...metaAttribute({ name: MetaConstants.ActionListSection, testID })}\n    >\n      {/* We're announcing title as group label so we can hide this */}\n      {isSectionVisible ? (\n        <StyledActionListSectionTitle {...makeAccessible({ hidden: true })}>\n          <Text color=\"surface.text.gray.muted\" size=\"small\" weight=\"semibold\">\n            {title}\n          </Text>\n        </StyledActionListSectionTitle>\n      ) : null}\n      <BaseBox\n        {...makeAccessible({\n          // On web, we just wrap it in another listbox to announce item count properly for particular group.\n          // On React Native, we ignore it since `menu` + `group` role will take care of accessibility\n          role: isReactNative() ? undefined : 'listbox',\n        })}\n      >\n        {children}\n      </BaseBox>\n      {showDividerInAutoComplete && showDividerInRN ? (\n        <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" />\n      ) : null}\n    </BaseBox>\n  );\n};\n\nconst ActionListSection = assignWithoutSideEffects(_ActionListSection, {\n  componentId: componentIds.ActionListSection,\n});\n\nconst _ActionListItemIcon = ({ icon }: { icon: IconComponent }): React.ReactElement => {\n  const Icon = icon;\n  const { intent, isDisabled } = React.useContext(ActionListItemContext);\n  const iconState = isDisabled ? 'disabled' : 'muted';\n  return (\n    <Icon\n      color={\n        intent === 'negative'\n          ? 'feedback.icon.negative.intense'\n          : `interactive.icon.gray.${iconState}`\n      }\n      size=\"medium\"\n    />\n  );\n};\n\nconst ActionListItemIcon = assignWithoutSideEffects(_ActionListItemIcon, {\n  componentId: componentIds.ActionListItemIcon,\n});\n\nconst _ActionListItemBadgeGroup = ({\n  children,\n}: {\n  children: React.ReactElement[] | React.ReactElement;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n      {children}\n    </Box>\n  );\n};\n\nconst ActionListItemBadgeGroup = assignWithoutSideEffects(_ActionListItemBadgeGroup, {\n  componentId: componentIds.ActionListItemBadgeGroup,\n});\n\nconst _ActionListItemBadge = (props: BadgeProps): React.ReactElement => {\n  return <Badge size=\"medium\" marginLeft=\"spacing.3\" {...props} />;\n};\n\nconst ActionListItemBadge = assignWithoutSideEffects(_ActionListItemBadge, {\n  componentId: componentIds.ActionListItemBadge,\n});\n\nconst _ActionListItemText = ({\n  children,\n}: {\n  children: StringChildrenType;\n}): React.ReactElement => {\n  const { isDisabled } = React.useContext(ActionListItemContext);\n\n  return (\n    <Text variant=\"caption\" color={getNormalTextColor(isDisabled, { isMuted: true })}>\n      {children}\n    </Text>\n  );\n};\n\nconst ActionListItemText = assignWithoutSideEffects(_ActionListItemText, {\n  componentId: componentIds.ActionListItemText,\n});\n\ntype ClickHandlerType = (e: React.MouseEvent<HTMLButtonElement>) => void;\n\nconst makeActionListItemClickable = (\n  clickHandler: ClickHandlerType,\n): { onPress?: StyledActionListItemProps['onPress']; onClick?: ClickHandlerType } => {\n  if (isReactNative()) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n    // @ts-ignore: ignoring ReactNative press type for the peace of mind\n    return { onPress: clickHandler };\n  }\n\n  return {\n    onClick: clickHandler,\n  };\n};\n\nconst _ActionListItemBody = ({\n  selectionType,\n  intent,\n  description,\n  isDisabled,\n  leading,\n  trailing,\n  title,\n  titleSuffix,\n  isSelected,\n}: Pick<\n  ActionListItemProps,\n  'intent' | 'isDisabled' | 'description' | 'trailing' | 'leading' | 'title' | 'titleSuffix'\n> & {\n  selectionType: DropdownProps['selectionType'];\n  isSelected?: boolean;\n}): React.ReactElement => {\n  return (\n    <>\n      <BaseBox\n        display=\"flex\"\n        justifyContent=\"center\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        maxHeight={isReactNative() ? undefined : makeSize(size[20])}\n      >\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {selectionType === 'multiple' ? (\n            // Adding aria-hidden because the listbox item in multiselect in itself explains the behaviour so announcing checkbox is unneccesary and just a nice UI tweak for us\n            <BaseBox\n              pointerEvents=\"none\"\n              paddingRight=\"spacing.2\"\n              {...makeAccessible({\n                hidden: true,\n              })}\n            >\n              <Checkbox isChecked={isSelected} tabIndex={-1} isDisabled={isDisabled}>\n                {/* \n                      Checkbox requires children. Didn't want to make it optional because its helpful for consumers\n                      But for this case in particular, we just want to use Text separately so that we can control spacing and color and keep it consistent with non-multiselect dropdowns\n                    */}\n                {null}\n              </Checkbox>\n            </BaseBox>\n          ) : (\n            leading\n          )}\n        </BaseBox>\n        <BaseBox\n          paddingLeft={selectionType === 'multiple' || !leading ? 'spacing.0' : 'spacing.3'}\n          paddingRight=\"spacing.3\"\n          display=\"flex\"\n          alignItems=\"center\"\n          flexDirection=\"row\"\n        >\n          <Text\n            truncateAfterLines={1}\n            color={\n              intent === 'negative'\n                ? 'feedback.text.negative.intense'\n                : getNormalTextColor(isDisabled)\n            }\n          >\n            {title}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n        <BaseBox marginLeft=\"auto\">{trailing}</BaseBox>\n      </BaseBox>\n      <BaseBox paddingLeft={leading || selectionType === 'multiple' ? 'spacing.7' : undefined}>\n        {description ? (\n          <Text color={getNormalTextColor(isDisabled, { isMuted: true })} size=\"small\">\n            {description}\n          </Text>\n        ) : null}\n      </BaseBox>\n    </>\n  );\n};\n\nconst ActionListItemBody = React.memo(_ActionListItemBody);\n\n/**\n * ### ActionListItem\n *\n * Creates option inside `ActionList`.\n *\n * #### Usage\n *\n * ```jsx\n * <ActionList>\n *  <ActionListItem\n *    title=\"Home\"\n *    value=\"home\"\n *    leading={<ActionListItemIcon icon={HomeIcon} />}\n *    trailing={<ActionListItemText>⌘ + S</ActionListItemText>}\n *  />\n * </ActionList>\n * ```\n */\nconst _ActionListItem = (props: ActionListItemProps): React.ReactElement => {\n  const {\n    activeIndex,\n    dropdownBaseId,\n    onOptionClick,\n    selectedIndices,\n    setShouldIgnoreBlurAnimation,\n    selectionType,\n    dropdownTriggerer,\n    isKeydownPressed,\n    filteredValues,\n    hasAutoCompleteInBottomSheetHeader,\n  } = useDropdown();\n\n  const { platform } = useTheme();\n  const isMobile = platform === 'onMobile';\n  const hasAutoComplete =\n    hasAutoCompleteInBottomSheetHeader ||\n    dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n  const renderOnWebAs = props.href ? 'a' : 'button';\n\n  /**\n   * In SelectInput, returns the isSelected according to selected indexes in the state\n   *\n   * In Other Triggers (Menu Usecase), returns `props.isSelected` since passing the\n   * isSelected prop explicitly is the only way to select item in menu\n   */\n  const getIsSelected = (): boolean | undefined => {\n    if (dropdownTriggerer === dropdownComponentIds.triggers.SelectInput || hasAutoComplete) {\n      if (typeof props._index === 'number') {\n        return selectedIndices.includes(props._index);\n      }\n\n      return undefined;\n    }\n\n    return props.isSelected;\n  };\n\n  const isSelected = getIsSelected();\n\n  React.useEffect(() => {\n    validateActionListItemProps({\n      leading: props.leading,\n      trailing: props.trailing,\n      titleSuffix: props.titleSuffix,\n    });\n  }, [props.leading, props.trailing, props.titleSuffix]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (\n        dropdownTriggerer === dropdownComponentIds.triggers.SelectInput &&\n        props.intent === 'negative'\n      ) {\n        throwBladeError({\n          message:\n            'negative intent ActionListItem cannot be used inside Dropdown with SelectInput trigger',\n          moduleName: 'ActionListItem',\n        });\n      }\n    }\n  }, [props.intent, dropdownTriggerer]);\n\n  return (\n    <ActionListItemContext.Provider value={{ intent: props.intent, isDisabled: props.isDisabled }}>\n      <StyledActionListItem\n        isVisible={hasAutoComplete && filteredValues ? filteredValues.includes(props.value) : true}\n        as={!isReactNative() ? renderOnWebAs : undefined}\n        id={`${dropdownBaseId}-${props._index}`}\n        type=\"button\"\n        tabIndex={-1}\n        href={props.href}\n        target={props.target}\n        className={activeIndex === props._index ? 'active-focus' : ''}\n        {...makeAccessible({\n          selected: isSelected,\n          current: isRoleMenu(dropdownTriggerer) ? isSelected : undefined,\n          role: getActionListItemRole(dropdownTriggerer, props.href),\n          disabled: props.isDisabled,\n        })}\n        {...makeActionListItemClickable((e: React.MouseEvent<HTMLButtonElement>): void => {\n          if (typeof props._index === 'number') {\n            onOptionClick(e, props._index);\n            props.onClick?.({ name: props.value, value: isSelected });\n          }\n        })}\n        {...metaAttribute({ name: MetaConstants.ActionListItem, testID: props.testID })}\n        onMouseDown={() => {\n          // We want to keep focus on Dropdown's trigger while option is being clicked\n          // So We set this flag that ignores the blur animation to avoid the flicker between focus out + focus in\n          setShouldIgnoreBlurAnimation(true);\n        }}\n        onMouseUp={() => {\n          // (Contd from above comment...) We set this flag back to false since blur of SelectInput is done calling by this time\n          setShouldIgnoreBlurAnimation(false);\n        }}\n        data-value={props.value}\n        data-index={props._index}\n        // Custom props for changes in styles\n        selectionType={selectionType}\n        hasDescription={Boolean(props.description)}\n        intent={props.intent}\n        isSelected={isSelected}\n        isKeydownPressed={isKeydownPressed}\n        isMobile={isMobile}\n      >\n        <ActionListItemBody\n          selectionType={selectionType}\n          intent={props.intent}\n          description={props.description}\n          isDisabled={props.isDisabled}\n          leading={props.leading}\n          trailing={props.trailing}\n          title={props.title}\n          titleSuffix={props.titleSuffix}\n          isSelected={isSelected}\n        />\n      </StyledActionListItem>\n    </ActionListItemContext.Provider>\n  );\n};\n\nconst ActionListItem = assignWithoutSideEffects(React.memo(_ActionListItem), {\n  componentId: componentIds.ActionListItem,\n  displayName: componentIds.ActionListItem,\n});\n\nexport type { ActionListItemProps, ActionListSectionProps };\nexport {\n  ActionListItem,\n  ActionListItemIcon,\n  ActionListItemText,\n  ActionListItemBadge,\n  ActionListItemBadgeGroup,\n  ActionListSection,\n};\n"],"names":["ActionListItemContext","React","createContext","StyledActionListSectionTitle","styled","BaseBox","withConfig","displayName","componentId","props","padding","makeSize","theme","spacing","_ActionListSection","_ref","title","children","testID","_hideDivider","_sectionChildValues","_useDropdown","useDropdown","hasAutoCompleteInBottomSheetHeader","dropdownTriggerer","filteredValues","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","isSectionVisible","useMemo","visibleActionListItemInSection","find","actionItemValue","includes","Boolean","showDividerInRN","isReactNative","showDividerInAutoComplete","length","_jsxs","_objectSpread","makeAccessible","role","getActionListSectionRole","label","metaAttribute","name","MetaConstants","ActionListSection","_jsx","hidden","Text","color","size","weight","undefined","Divider","marginX","marginY","assignWithoutSideEffects","componentIds","_ActionListItemIcon","_ref2","icon","Icon","_React$useContext","useContext","intent","isDisabled","iconState","concat","ActionListItemIcon","_ActionListItemBadgeGroup","_ref3","Box","display","alignItems","flexDirection","ActionListItemBadgeGroup","_ActionListItemBadge","Badge","marginLeft","ActionListItemBadge","_ActionListItemText","_ref4","_React$useContext2","variant","getNormalTextColor","isMuted","ActionListItemText","makeActionListItemClickable","clickHandler","onPress","onClick","_ActionListItemBody","_ref5","selectionType","description","leading","trailing","titleSuffix","isSelected","_Fragment","justifyContent","maxHeight","pointerEvents","paddingRight","Checkbox","isChecked","tabIndex","paddingLeft","truncateAfterLines","ActionListItemBody","memo","_ActionListItem","_useDropdown2","activeIndex","dropdownBaseId","onOptionClick","selectedIndices","setShouldIgnoreBlurAnimation","isKeydownPressed","_useTheme","useTheme","platform","isMobile","renderOnWebAs","href","getIsSelected","SelectInput","_index","useEffect","validateActionListItemProps","throwBladeError","message","moduleName","Provider","value","StyledActionListItem","isVisible","as","id","type","target","className","selected","current","isRoleMenu","getActionListItemRole","disabled","e","_props$onClick","call","ActionListItem","onMouseDown","onMouseUp","hasDescription"],"mappings":"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"}

package/build/lib/web/development/components/ActionList/ActionListNoResults.js

@@ -15,15 +15,15 @@ var ActionListNoResults = function ActionListNoResults() {
     padding: "spacing.5",
     children: [/*#__PURE__*/jsx(SearchIcon, {
       size: "xlarge",
-      color: "surface.text.normal.lowContrast"
+      color: "surface.icon.gray.muted"
     }), /*#__PURE__*/jsx(Text, {
       marginTop: "spacing.5",
-      weight: "bold",
+      weight: "semibold",
       children: "No Search Result Found"
     }), /*#__PURE__*/jsx(Text, {
+      color: "surface.text.gray.subtle",
       marginTop: "spacing.3",
       size: "small",
-      type: "subtle",
       children: "Try searching for a different value"
     })]
   });

package/build/lib/web/development/components/ActionList/ActionListNoResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListNoResults.js","sources":["../../../../../../src/components/ActionList/ActionListNoResults.tsx"],"sourcesContent":["import { Box } from '~components/Box';\nimport { SearchIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\n\nconst ActionListNoResults = (): React.ReactElement => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      padding=\"spacing.5\"\n    >\n      <SearchIcon size=\"xlarge\" color=\"surface.text.normal.lowContrast\" />\n      <Text marginTop=\"spacing.5\" weight=\"bold\">\n        No Search Result Found\n      </Text>\n      <Text marginTop=\"spacing.3\" size=\"small\" type=\"subtle\">\n        Try searching for a different value\n      </Text>\n    </Box>\n  );\n};\n\nexport { ActionListNoResults };\n"],"names":["ActionListNoResults","_jsxs","Box","display","flexDirection","alignItems","justifyContent","padding","children","_jsx","SearchIcon","size","color","Text","marginTop","weight","type"],"mappings":";;;;;;;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAA6B;EACpD,oBACEC,IAAA,CAACC,GAAG,EAAA;AACFC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,OAAO,EAAC,WAAW;IAAAC,QAAA,EAAA,cAEnBC,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,iCAAA;AAAiC,KAAE,CAAC,eACpEH,GAAA,CAACI,IAAI,EAAA;AAACC,MAAAA,SAAS,EAAC,WAAW;AAACC,MAAAA,MAAM,EAAC,MAAM;AAAAP,MAAAA,QAAA,EAAC,wBAAA;AAE1C,KAAM,CAAC,eACPC,GAAA,CAACI,IAAI,EAAA;AAACC,MAAAA,SAAS,EAAC,WAAW;AAACH,MAAAA,IAAI,EAAC,OAAO;AAACK,MAAAA,IAAI,EAAC,QAAQ;AAAAR,MAAAA,QAAA,EAAC,qCAAA;AAEvD,KAAM,CAAC,CAAA;AAAA,GACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ActionListNoResults.js","sources":["../../../../../../src/components/ActionList/ActionListNoResults.tsx"],"sourcesContent":["import { Box } from '~components/Box';\nimport { SearchIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\n\nconst ActionListNoResults = (): React.ReactElement => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      padding=\"spacing.5\"\n    >\n      <SearchIcon size=\"xlarge\" color=\"surface.icon.gray.muted\" />\n      <Text marginTop=\"spacing.5\" weight=\"semibold\">\n        No Search Result Found\n      </Text>\n      <Text color=\"surface.text.gray.subtle\" marginTop=\"spacing.3\" size=\"small\">\n        Try searching for a different value\n      </Text>\n    </Box>\n  );\n};\n\nexport { ActionListNoResults };\n"],"names":["ActionListNoResults","_jsxs","Box","display","flexDirection","alignItems","justifyContent","padding","children","_jsx","SearchIcon","size","color","Text","marginTop","weight"],"mappings":";;;;;;;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAA6B;EACpD,oBACEC,IAAA,CAACC,GAAG,EAAA;AACFC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,OAAO,EAAC,WAAW;IAAAC,QAAA,EAAA,cAEnBC,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,IAAI,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,yBAAA;AAAyB,KAAE,CAAC,eAC5DH,GAAA,CAACI,IAAI,EAAA;AAACC,MAAAA,SAAS,EAAC,WAAW;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAP,MAAAA,QAAA,EAAC,wBAAA;AAE9C,KAAM,CAAC,eACPC,GAAA,CAACI,IAAI,EAAA;AAACD,MAAAA,KAAK,EAAC,0BAA0B;AAACE,MAAAA,SAAS,EAAC,WAAW;AAACH,MAAAA,IAAI,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAAC,qCAAA;AAE1E,KAAM,CAAC,CAAA;AAAA,GACJ,CAAC,CAAA;AAEV;;;;"}

package/build/lib/web/development/components/ActionList/actionListUtils.js

@@ -176,12 +176,12 @@ var getNormalTextColor = function getNormalTextColor(isDisabled) {
   var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     isMuted = _ref2.isMuted;
   if (isDisabled) {
-    return 'surface.text.placeholder.lowContrast';
+    return 'interactive.text.gray.disabled';
   }
   if (isMuted) {
-    return 'surface.text.muted.lowContrast';
+    return 'interactive.text.gray.muted';
   }
-  return 'surface.text.normal.lowContrast';
+  return 'interactive.text.gray.normal';
 };
 
 export { getActionListProperties, getNormalTextColor, validateActionListItemProps };

package/build/lib/web/development/components/ActionList/actionListUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionListUtils.js","sources":["../../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/**\n * Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n *\n * It is used to decide if ActionListSection add divider at the end\n */\nconst getActionListSectionPosition = (\n  children: React.ReactNode,\n): {\n  isActionListItemPresentAfterSection: boolean;\n  lastActionListSectionIndex: number;\n} => {\n  // Creating an array of componentIds\n  const childComponentIdArray = React.Children.toArray(children).map((child) =>\n    getComponentId(child),\n  );\n\n  // Reading the last `ActionListSection` component's index\n  const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n    componentIds.ActionListSection,\n  );\n\n  // Checking if there is any `ActionListItem` present after `ActionListSection`\n  const isActionListItemPresentAfterSection = childComponentIdArray\n    .slice(lastActionListSectionIndex)\n    .includes(componentIds.ActionListItem);\n\n  return {\n    isActionListItemPresentAfterSection,\n    lastActionListSectionIndex,\n  };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n  title: string;\n  hideDivider: boolean;\n  data: ActionListItemProps[];\n}[];\n\n/**\n * Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n  children: React.ReactNode,\n): {\n  sectionData: SectionData;\n  childrenWithId?: React.ReactNode[] | null;\n  actionListOptions: OptionsType;\n} => {\n  const sectionData: SectionData = [];\n  let currentSection: string | null = null;\n  const actionListOptions: OptionsType = [];\n\n  const getActionListItemWithId = (\n    child: React.ReactNode,\n    hideDivider: boolean,\n  ): React.ReactNode => {\n    if (React.isValidElement(child) && !child.props.isDisabled) {\n      actionListOptions.push({\n        title: child.props.title,\n        value: child.props.value,\n        onClickTrigger: (value) => {\n          const anchorLink = child.props.href;\n          child.props.onClick?.({\n            name: child.props.value,\n            value: child.props.isSelected ?? value,\n          });\n\n          if (anchorLink && !isReactNative()) {\n            const target = child.props.target ?? '_self';\n            window.open(anchorLink, target);\n            if (window.top) {\n              window.top.open(anchorLink, target);\n            }\n          }\n        },\n      });\n      const currentIndex = actionListOptions.length - 1;\n\n      const foundSection = sectionData.find((v) => v.title === currentSection);\n      // push the item in the appropriate bucket\n      if (foundSection) {\n        foundSection?.data.push({\n          ...child.props,\n          _index: currentIndex,\n        });\n      } else {\n        // create a new bucket\n        sectionData.push({\n          title: currentSection!,\n          hideDivider,\n          data: [\n            {\n              ...child.props,\n              _index: currentIndex,\n            },\n          ],\n        });\n      }\n\n      const clonedChild = React.cloneElement(child, {\n        // @ts-expect-error: TS doesn't understand the child's props\n        _index: currentIndex,\n      });\n      return clonedChild;\n    }\n\n    return child;\n  };\n\n  let isActionListItemPresentAfterSection: boolean;\n  // eslint-disable-next-line one-var\n  let lastActionListSectionIndex: number;\n\n  if (isReactNative()) {\n    // We're reading this so that we can decide whether to show the divider or not.\n    // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n    // On web, we do it using descendant styling\n    ({\n      isActionListItemPresentAfterSection,\n      lastActionListSectionIndex,\n    } = getActionListSectionPosition(children));\n  }\n\n  // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n  const childrenWithId = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n        const shouldHideDivider =\n          index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n        const sectionChildValues: string[] = [];\n        return React.cloneElement(child, {\n          // @ts-expect-error: TS doesn't understand the child's props\n          children: React.Children.map(child.props.children, (childInSection) => {\n            currentSection = child.props.title;\n            sectionChildValues.push(childInSection.props.value);\n            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n              return getActionListItemWithId(childInSection, shouldHideDivider);\n            }\n\n            return childInSection;\n          }),\n          // On web, we handle it with descendant styling in css so no need of JS there\n          _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n          _sectionChildValues: sectionChildValues,\n        });\n      }\n\n      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n        return getActionListItemWithId(child, true);\n      }\n\n      if (__DEV__) {\n        throwBladeError({\n          message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n          moduleName: 'ActionList',\n        });\n      }\n    }\n    return child;\n  });\n\n  return {\n    sectionData,\n    childrenWithId,\n    actionListOptions,\n  };\n};\n\nconst validateActionListItemProps = ({\n  leading,\n  trailing,\n  titleSuffix,\n}: {\n  leading: ActionListItemProps['leading'];\n  trailing: ActionListItemProps['trailing'];\n  titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n  if (__DEV__) {\n    React.Children.map(trailing, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(titleSuffix, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(leading, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemAsset)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n  }\n};\n\nconst getNormalTextColor = (\n  isDisabled: boolean | undefined,\n  { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n  BaseTextProps['color'],\n  | 'surface.text.placeholder.lowContrast'\n  | 'surface.text.muted.lowContrast'\n  | 'surface.text.normal.lowContrast'\n> => {\n  if (isDisabled) {\n    return 'surface.text.placeholder.lowContrast';\n  }\n\n  if (isMuted) {\n    return 'surface.text.muted.lowContrast';\n  }\n\n  return 'surface.text.normal.lowContrast';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$onClick","_child$props","_child$props$isSelect","anchorLink","href","onClick","call","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","_objectSpread","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","throwBladeError","message","concat","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":"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"}
+{"version":3,"file":"actionListUtils.js","sources":["../../../../../../src/components/ActionList/actionListUtils.ts"],"sourcesContent":["import React from 'react';\nimport { componentIds } from './componentIds';\nimport type { ActionListItemProps } from './ActionListItem';\nimport type { OptionsType } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\n/**\n * Returns if there is ActionListItem after ActionListSection\n * and an index of last ActionListSection\n *\n * It is used to decide if ActionListSection add divider at the end\n */\nconst getActionListSectionPosition = (\n  children: React.ReactNode,\n): {\n  isActionListItemPresentAfterSection: boolean;\n  lastActionListSectionIndex: number;\n} => {\n  // Creating an array of componentIds\n  const childComponentIdArray = React.Children.toArray(children).map((child) =>\n    getComponentId(child),\n  );\n\n  // Reading the last `ActionListSection` component's index\n  const lastActionListSectionIndex = childComponentIdArray.lastIndexOf(\n    componentIds.ActionListSection,\n  );\n\n  // Checking if there is any `ActionListItem` present after `ActionListSection`\n  const isActionListItemPresentAfterSection = childComponentIdArray\n    .slice(lastActionListSectionIndex)\n    .includes(componentIds.ActionListItem);\n\n  return {\n    isActionListItemPresentAfterSection,\n    lastActionListSectionIndex,\n  };\n};\n\nconst actionListAllowedChildren = [componentIds.ActionListItem, componentIds.ActionListSection];\n\nexport type SectionData = {\n  title: string;\n  hideDivider: boolean;\n  data: ActionListItemProps[];\n}[];\n\n/**\n * Loops over action list items and returns different properties from children like option values, header and footer child, etc\n */\nconst getActionListProperties = (\n  children: React.ReactNode,\n): {\n  sectionData: SectionData;\n  childrenWithId?: React.ReactNode[] | null;\n  actionListOptions: OptionsType;\n} => {\n  const sectionData: SectionData = [];\n  let currentSection: string | null = null;\n  const actionListOptions: OptionsType = [];\n\n  const getActionListItemWithId = (\n    child: React.ReactNode,\n    hideDivider: boolean,\n  ): React.ReactNode => {\n    if (React.isValidElement(child) && !child.props.isDisabled) {\n      actionListOptions.push({\n        title: child.props.title,\n        value: child.props.value,\n        onClickTrigger: (value) => {\n          const anchorLink = child.props.href;\n          child.props.onClick?.({\n            name: child.props.value,\n            value: child.props.isSelected ?? value,\n          });\n\n          if (anchorLink && !isReactNative()) {\n            const target = child.props.target ?? '_self';\n            window.open(anchorLink, target);\n            if (window.top) {\n              window.top.open(anchorLink, target);\n            }\n          }\n        },\n      });\n      const currentIndex = actionListOptions.length - 1;\n\n      const foundSection = sectionData.find((v) => v.title === currentSection);\n      // push the item in the appropriate bucket\n      if (foundSection) {\n        foundSection?.data.push({\n          ...child.props,\n          _index: currentIndex,\n        });\n      } else {\n        // create a new bucket\n        sectionData.push({\n          title: currentSection!,\n          hideDivider,\n          data: [\n            {\n              ...child.props,\n              _index: currentIndex,\n            },\n          ],\n        });\n      }\n\n      const clonedChild = React.cloneElement(child, {\n        // @ts-expect-error: TS doesn't understand the child's props\n        _index: currentIndex,\n      });\n      return clonedChild;\n    }\n\n    return child;\n  };\n\n  let isActionListItemPresentAfterSection: boolean;\n  // eslint-disable-next-line one-var\n  let lastActionListSectionIndex: number;\n\n  if (isReactNative()) {\n    // We're reading this so that we can decide whether to show the divider or not.\n    // If ActionListSection is final item and no ActionListItem is present after that, we hide the divider\n\n    // On web, we do it using descendant styling\n    ({\n      isActionListItemPresentAfterSection,\n      lastActionListSectionIndex,\n    } = getActionListSectionPosition(children));\n  }\n\n  // Looping through ActionListItems to add index to them and get an options array for moving focus between items\n  const childrenWithId = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      if (isValidAllowedChildren(child, componentIds.ActionListSection)) {\n        const shouldHideDivider =\n          index === lastActionListSectionIndex && !isActionListItemPresentAfterSection;\n        const sectionChildValues: string[] = [];\n        return React.cloneElement(child, {\n          // @ts-expect-error: TS doesn't understand the child's props\n          children: React.Children.map(child.props.children, (childInSection) => {\n            currentSection = child.props.title;\n            sectionChildValues.push(childInSection.props.value);\n            if (isValidAllowedChildren(childInSection, componentIds.ActionListItem)) {\n              return getActionListItemWithId(childInSection, shouldHideDivider);\n            }\n\n            return childInSection;\n          }),\n          // On web, we handle it with descendant styling in css so no need of JS there\n          _hideDivider: isReactNative() ? shouldHideDivider : undefined,\n          _sectionChildValues: sectionChildValues,\n        });\n      }\n\n      if (isValidAllowedChildren(child, componentIds.ActionListItem)) {\n        return getActionListItemWithId(child, true);\n      }\n\n      if (__DEV__) {\n        throwBladeError({\n          message: `Only ${actionListAllowedChildren.join(', ')} supported inside ActionList`,\n          moduleName: 'ActionList',\n        });\n      }\n    }\n    return child;\n  });\n\n  return {\n    sectionData,\n    childrenWithId,\n    actionListOptions,\n  };\n};\n\nconst validateActionListItemProps = ({\n  leading,\n  trailing,\n  titleSuffix,\n}: {\n  leading: ActionListItemProps['leading'];\n  trailing: ActionListItemProps['trailing'];\n  titleSuffix: ActionListItemProps['titleSuffix'];\n}): void => {\n  if (__DEV__) {\n    React.Children.map(trailing, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon} and ${componentIds.ActionListItemText} are allowed in trailing prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(titleSuffix, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadge) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemBadgeGroup)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemBadge} and ${componentIds.ActionListItemBadgeGroup} are allowed in titleSuffix prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n\n    React.Children.map(leading, (child) => {\n      if (\n        !isValidAllowedChildren(child, componentIds.ActionListItemIcon) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemText) &&\n        !isValidAllowedChildren(child, componentIds.ActionListItemAsset)\n      ) {\n        throwBladeError({\n          message: `Only ${componentIds.ActionListItemIcon}, ${componentIds.ActionListItemAsset}, and ${componentIds.ActionListItemText} are allowed in leading prop`,\n          moduleName: 'ActionListItem',\n        });\n      }\n    });\n  }\n};\n\nconst getNormalTextColor = (\n  isDisabled: boolean | undefined,\n  { isMuted }: { isMuted?: boolean } = {},\n): Extract<\n  BaseTextProps['color'],\n  'interactive.text.gray.disabled' | 'interactive.text.gray.muted' | 'interactive.text.gray.normal'\n> => {\n  if (isDisabled) {\n    return 'interactive.text.gray.disabled';\n  }\n\n  if (isMuted) {\n    return 'interactive.text.gray.muted';\n  }\n\n  return 'interactive.text.gray.normal';\n};\n\nexport { getActionListProperties, validateActionListItemProps, getNormalTextColor };\n"],"names":["getActionListSectionPosition","children","childComponentIdArray","React","Children","toArray","map","child","getComponentId","lastActionListSectionIndex","lastIndexOf","componentIds","ActionListSection","isActionListItemPresentAfterSection","slice","includes","ActionListItem","actionListAllowedChildren","getActionListProperties","sectionData","currentSection","actionListOptions","getActionListItemWithId","hideDivider","isValidElement","props","isDisabled","push","title","value","onClickTrigger","_child$props$onClick","_child$props","_child$props$isSelect","anchorLink","href","onClick","call","name","isSelected","isReactNative","_child$props$target","target","window","open","top","currentIndex","length","foundSection","find","v","data","_objectSpread","_index","clonedChild","cloneElement","_getActionListSection","childrenWithId","index","isValidAllowedChildren","shouldHideDivider","sectionChildValues","childInSection","_hideDivider","undefined","_sectionChildValues","throwBladeError","message","concat","join","moduleName","validateActionListItemProps","_ref","leading","trailing","titleSuffix","ActionListItemIcon","ActionListItemText","ActionListItemBadge","ActionListItemBadgeGroup","ActionListItemAsset","getNormalTextColor","_ref2","arguments","isMuted"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-export { ActionList, useActionListContext } from './ActionList.js';
+export { ActionList } from './ActionList.js';
 export { ActionListItem, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemText, ActionListSection } from './ActionListItem.js';
 export { ActionListItemAsset } from './ActionListItemAsset.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/ActionList/styles/StyledActionListItem.web.js

@@ -15,13 +15,16 @@ var StyledActionListItem = /*#__PURE__*/styled(BaseBox).withConfig({
     display: props.isVisible ? 'block' : 'none',
     // Web-specific styles
     '&:hover:not([aria-disabled=true])': {
-      backgroundColor: props.intent === 'negative' ? props.theme.colors.feedback.background.negative.lowContrast : props.theme.colors.brand.gray.a50.lowContrast
+      backgroundColor: props.intent === 'negative' ? props.theme.colors.interactive.background.negative.faded : props.theme.colors.interactive.background.gray["default"]
     },
     '&.active-focus': {
-      borderColor: props.isKeydownPressed ? props.theme.colors.brand.primary[300] : undefined
+      borderColor: props.isKeydownPressed ? props.theme.colors.surface.border.primary.muted : undefined
     },
     '&[aria-selected=true]': {
-      backgroundColor: props.selectionType === 'single' ? props.theme.colors.brand.primary[300] : undefined
+      backgroundColor: props.selectionType === 'single' ? props.theme.colors.interactive.background.primary.faded : undefined
+    },
+    '&[aria-selected=true]:hover': {
+      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted
     }
   });
 });

package/build/lib/web/development/components/ActionList/styles/StyledActionListItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.feedback.background.negative.lowContrast\n          : props.theme.colors.brand.gray.a50.lowContrast,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed ? props.theme.colors.brand.primary[300] : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single' ? props.theme.colors.brand.primary[300] : undefined,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","feedback","background","negative","lowContrast","brand","gray","a50","borderColor","isKeydownPressed","primary","undefined","selectionType"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,UAAU,CAACC,QAAQ,CAACC,WAAW,GAC3DZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACC,IAAI,CAACC,GAAG,CAACH,WAAAA;KACzC;AACD,IAAA,gBAAgB,EAAE;AAChBI,MAAAA,WAAW,EAAEhB,KAAK,CAACiB,gBAAgB,GAAGjB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACK,OAAO,CAAC,GAAG,CAAC,GAAGC,SAAAA;KAC/E;AACD,IAAA,uBAAuB,EAAE;AACvBd,MAAAA,eAAe,EACbL,KAAK,CAACoB,aAAa,KAAK,QAAQ,GAAGpB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACK,OAAO,CAAC,GAAG,CAAC,GAAGC,SAAAA;AAC/E,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed\n        ? props.theme.colors.surface.border.primary.muted\n        : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.primary.faded\n          : undefined,\n    },\n    '&[aria-selected=true]:hover': {\n      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","interactive","background","negative","faded","gray","borderColor","isKeydownPressed","surface","border","primary","muted","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxDZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;KACrD;AACD,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAEd,KAAK,CAACe,gBAAgB,GAC/Bf,KAAK,CAACO,KAAK,CAACC,MAAM,CAACQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK,GAC/CC,SAAAA;KACL;AACD,IAAA,uBAAuB,EAAE;MACvBf,eAAe,EACbL,KAAK,CAACqB,aAAa,KAAK,QAAQ,GAC5BrB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACN,KAAK,GACvDQ,SAAAA;KACP;AACD,IAAA,6BAA6B,EAAE;AAC7Bf,MAAAA,eAAe,EAAEL,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACI,gBAAAA;AACrE,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}

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

@@ -14,7 +14,6 @@ import '../Button/BaseButton/index.js';
 import '../Link/BaseLink/index.js';
 import '../BladeProvider/index.js';
 import '../../utils/makeAccessible/index.js';
-import '../../utils/logger/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
@@ -22,10 +21,8 @@ import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';
 import AlertTriangleIcon from '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
 import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 import AlertTriangleIcon$1 from '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import { Heading } from '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import { castNativeType, castWebType } from '../../utils/platform/castUtils.js';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
@@ -37,7 +34,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 
-var _excluded = ["description", "title", "isDismissible", "onDismiss", "contrast", "isFullWidth", "intent", "color", "actions", "testID"];
+var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "color", "actions", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative = getPlatformType() === 'react-native';
@@ -57,41 +54,28 @@ var Alert = function Alert(_ref) {
     _ref$isDismissible = _ref.isDismissible,
     isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible,
     onDismiss = _ref.onDismiss,
-    _ref$contrast = _ref.contrast,
-    contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? 'subtle' : _ref$emphasis,
     _ref$isFullWidth = _ref.isFullWidth,
     isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-    _ref$intent = _ref.intent,
-    intent = _ref$intent === void 0 ? 'neutral' : _ref$intent,
-    color = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'neutral' : _ref$color,
     actions = _ref.actions,
     testID = _ref.testID,
     styledProps = _objectWithoutProperties(_ref, _excluded);
-  if (true) {
-    if (!(actions !== null && actions !== void 0 && actions.primary) && actions !== null && actions !== void 0 && actions.secondary) {
-      throwBladeError({
-        message: 'SecondaryAction is allowed only when PrimaryAction is defined.',
-        moduleName: 'Alert'
-      });
-    }
-  }
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var _useBreakpoint = useBreakpoint({
       breakpoints: theme.breakpoints
     }),
     matchedDeviceType = _useBreakpoint.matchedDeviceType;
-  var isDesktop = matchedDeviceType === 'desktop';
-  var isMobile = !isDesktop;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
     setIsVisible = _useState2[1];
-  var contrastType = "".concat(contrast, "Contrast");
-  var iconSize = isFullWidth ? 'large' : 'medium';
-  var textSize = isFullWidth ? 'medium' : 'small';
-  var alertColor = color !== null && color !== void 0 ? color : intent;
-  var Icon = intentIconMap[alertColor];
+  var isDesktop = matchedDeviceType === 'desktop';
+  var isMobile = !isDesktop;
+  var Icon = intentIconMap[color];
   var iconOffset = 'spacing.1';
 
   // certain special cases below needs special care for near perfect alignment
@@ -110,36 +94,36 @@ var Alert = function Alert(_ref) {
       iconOffset = 'spacing.2';
     }
   } else if (isFullWidth) {
-    iconOffset = 'spacing.0';
+    iconOffset = 'spacing.1';
   }
+  var shouldCenterAlign = isFullWidth && !title;
+  var alignment = 'flex-start';
+  if (!isFullWidth) alignment = 'flex-start';
+  if (shouldCenterAlign) alignment = 'center';
   var icon = /*#__PURE__*/jsx(BaseBox, {
-    marginTop: iconOffset,
     display: "flex",
+    alignSelf: alignment,
+    marginTop: iconOffset,
     children: /*#__PURE__*/jsx(Icon, {
-      color: "feedback.icon.".concat(alertColor, ".").concat(contrastType),
-      size: iconSize
+      color: emphasis === 'intense' ? 'surface.icon.staticWhite.normal' : "feedback.icon.".concat(color, ".").concat(emphasis === 'subtle' ? 'intense' : 'subtle'),
+      size: "medium"
     })
   });
+  var textColor = emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';
   var _title = title ? /*#__PURE__*/jsx(BaseBox, {
     marginBottom: "spacing.2",
-    children: isFullWidth ? /*#__PURE__*/jsx(Heading, {
-      type: "subtle",
-      size: "small",
-      contrast: contrast,
-      children: title
-    }) : /*#__PURE__*/jsx(Text, {
-      type: "subtle",
-      weight: "bold",
-      contrast: contrast,
+    children: /*#__PURE__*/jsx(Text, {
+      color: textColor,
+      size: "medium",
+      weight: "semibold",
       children: title
     })
   }) : null;
   var _description = /*#__PURE__*/jsx(BaseBox, {
     marginTop: title || isReactNative ? 'spacing.0' : 'spacing.1',
     children: /*#__PURE__*/jsx(Text, {
-      type: "subtle",
-      size: textSize,
-      contrast: contrast,
+      color: textColor,
+      size: "small",
       children: description
     })
   });
@@ -147,10 +131,10 @@ var Alert = function Alert(_ref) {
     marginRight: "spacing.5",
     display: isReactNative ? castNativeType('flex') : castWebType('inline-flex'),
     children: /*#__PURE__*/jsx(BaseButton, {
-      size: textSize,
+      size: "small",
       onClick: actions.primary.onClick,
-      color: alertColor,
-      variant: contrast === 'high' ? 'primary' : 'secondary',
+      color: emphasis === 'intense' ? 'white' : color,
+      variant: "secondary",
       children: actions.primary.text
     })
   }) : null;
@@ -171,10 +155,10 @@ var Alert = function Alert(_ref) {
   }
   var secondaryAction = actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(BaseBox, {
     marginRight: "spacing.4",
-    display: isReactNative ? castNativeType('flex') : castWebType('inline-flex'),
+    display: isReactNative ? 'flex' : 'inline-flex',
     children: /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread({
-      size: textSize,
-      color: contrast === 'high' ? 'white' : alertColor
+      size: "small",
+      color: emphasis === 'intense' ? 'white' : color
     }, secondaryActionParams), {}, {
       children: actions.secondary.text
     }))
@@ -203,15 +187,15 @@ var Alert = function Alert(_ref) {
     children: /*#__PURE__*/jsx(IconButton, {
       accessibilityLabel: "Dismiss alert",
       onClick: onClickDismiss,
-      contrast: contrast,
-      size: iconSize,
+      emphasis: emphasis === 'intense' ? 'subtle' : 'intense',
+      size: "large",
       icon: CloseIcon
     })
   }) : null;
   var a11yProps = makeAccessible(_objectSpread({
     // React Native doesn't has status as role
-    role: isReactNative || alertColor === 'negative' || alertColor === 'notice' ? 'alert' : 'status'
-  }, alertColor === 'notice' && {
+    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status'
+  }, color === 'notice' && {
     liveRegion: 'polite'
   }));
   if (!isVisible) {
@@ -222,8 +206,8 @@ var Alert = function Alert(_ref) {
     testID: testID
   })), getStyledProps(styledProps)), {}, {
     children: /*#__PURE__*/jsxs(StyledAlert, {
-      color: alertColor,
-      contrastType: contrastType,
+      color: color,
+      emphasis: emphasis,
       isFullWidth: isFullWidth,
       isDesktop: isDesktop,
       textAlign: 'left',