@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js

@@ -31,7 +31,7 @@ import { Text } from '../Typography/Text/Text.js';
 import ChevronUpDownIcon from '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "size"];
+var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "showDisplayValue", "size"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
@@ -89,6 +89,8 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
     defaultValue = _ref2.defaultValue,
     Icon = _ref2.icon,
     leading = _ref2.leading,
+    _ref2$showDisplayValu = _ref2.showDisplayValue,
+    showDisplayValue = _ref2$showDisplayValu === void 0 ? true : _ref2$showDisplayValu,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     rest = _objectWithoutProperties(_ref2, _excluded);
@@ -123,6 +125,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
   return /*#__PURE__*/jsx(StyledSearchTrailingDropdown, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     type: "button",
     $size: size,
+    disabled: isDisabled,
     onClick: function onClick(e) {
       if (isDisabled) return;
       onTriggerClick();
@@ -174,7 +177,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
       }), leading, Icon && /*#__PURE__*/jsx(Icon, {
         size: "medium",
         color: isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'
-      }), /*#__PURE__*/jsx(Text, {
+      }), showDisplayValue && /*#__PURE__*/jsx(Text, {
         variant: "body",
         size: "medium",
         weight: "regular",

package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          weight=\"regular\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n        >\n          {displayValue}\n        </Text>\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * showDisplayValue shows the selected value text in the trigger button.\n   * When false, only the leading element (e.g., a flag) is shown.\n   * @default true\n   */\n  showDisplayValue?: boolean;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  showDisplayValue = true,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      disabled={isDisabled}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        {showDisplayValue && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          >\n            {displayValue}\n          </Text>\n        )}\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$showDisplayValu","showDisplayValue","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","disabled","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}

package/build/lib/web/production/components/Elevate/Elevate.web.js

@@ -6,7 +6,7 @@ import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.web.js';
 
 var Elevate = function Elevate(_ref) {
   var children = _ref.children,

package/build/lib/web/production/components/EmptyState/emptyStateTokens.js

@@ -4,28 +4,32 @@ var emptyStateSizeTokens = {
     assetMaxHeight: '60px',
     titleSize: 'small',
     descriptionSize: 'xsmall',
-    gapBetweenSections: 'spacing.5'
+    gapBetweenSections: 'spacing.5',
+    gapInsideContentSection: 'spacing.1'
   },
   medium: {
     assetMaxWidth: '90px',
     assetMaxHeight: '90px',
     titleSize: 'small',
     descriptionSize: 'small',
-    gapBetweenSections: 'spacing.6'
+    gapBetweenSections: 'spacing.6',
+    gapInsideContentSection: 'spacing.1'
   },
   large: {
     assetMaxWidth: '120px',
     assetMaxHeight: '120px',
     titleSize: 'medium',
     descriptionSize: 'medium',
-    gapBetweenSections: 'spacing.7'
+    gapBetweenSections: 'spacing.7',
+    gapInsideContentSection: 'spacing.1'
   },
   xlarge: {
     assetMaxWidth: '160px',
     assetMaxHeight: '160px',
     titleSize: 'xlarge',
     descriptionSize: 'large',
-    gapBetweenSections: 'spacing.8'
+    gapBetweenSections: 'spacing.8',
+    gapInsideContentSection: 'spacing.1'
   }
 };
 

package/build/lib/web/production/components/EmptyState/emptyStateTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n  assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n  assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n  titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n  descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  gapBetweenSections: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n  small: {\n    assetMaxWidth: '60px',\n    assetMaxHeight: '60px',\n    titleSize: 'small',\n    descriptionSize: 'xsmall',\n    gapBetweenSections: 'spacing.5',\n  },\n  medium: {\n    assetMaxWidth: '90px',\n    assetMaxHeight: '90px',\n    titleSize: 'small',\n    descriptionSize: 'small',\n    gapBetweenSections: 'spacing.6',\n  },\n  large: {\n    assetMaxWidth: '120px',\n    assetMaxHeight: '120px',\n    titleSize: 'medium',\n    descriptionSize: 'medium',\n    gapBetweenSections: 'spacing.7',\n  },\n  xlarge: {\n    assetMaxWidth: '160px',\n    assetMaxHeight: '160px',\n    titleSize: 'xlarge',\n    descriptionSize: 'large',\n    gapBetweenSections: 'spacing.8',\n  },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","medium","large","xlarge"],"mappings":"AAcO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDC,EAAAA,MAAM,EAAE;AACNL,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDE,EAAAA,KAAK,EAAE;AACLN,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAA;GACrB;AACDG,EAAAA,MAAM,EAAE;AACNP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAA;AACtB,GAAA;AACF;;;;"}
+{"version":3,"file":"emptyStateTokens.js","sources":["../../../../../../src/components/EmptyState/emptyStateTokens.ts"],"sourcesContent":["import type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { HeadingProps } from '~components/Typography/Heading/Heading';\nimport type { BaseTextSizes } from '~components/Typography/BaseText/types';\n\nexport type EmptyStateSize = 'small' | 'medium' | 'large' | 'xlarge';\n\nexport type EmptyStateSizeTokens = {\n  assetMaxWidth: DotNotationSpacingStringToken | `${string}px`;\n  assetMaxHeight: DotNotationSpacingStringToken | `${string}px`;\n  titleSize: Extract<HeadingProps['size'], 'small' | 'medium' | 'xlarge'>;\n  descriptionSize: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  gapBetweenSections: DotNotationSpacingStringToken;\n  gapInsideContentSection: DotNotationSpacingStringToken;\n};\n\nexport const emptyStateSizeTokens: Record<EmptyStateSize, EmptyStateSizeTokens> = {\n  small: {\n    assetMaxWidth: '60px',\n    assetMaxHeight: '60px',\n    titleSize: 'small',\n    descriptionSize: 'xsmall',\n    gapBetweenSections: 'spacing.5',\n    gapInsideContentSection: 'spacing.1',\n  },\n  medium: {\n    assetMaxWidth: '90px',\n    assetMaxHeight: '90px',\n    titleSize: 'small',\n    descriptionSize: 'small',\n    gapBetweenSections: 'spacing.6',\n    gapInsideContentSection: 'spacing.1',\n  },\n  large: {\n    assetMaxWidth: '120px',\n    assetMaxHeight: '120px',\n    titleSize: 'medium',\n    descriptionSize: 'medium',\n    gapBetweenSections: 'spacing.7',\n    gapInsideContentSection: 'spacing.1',\n  },\n  xlarge: {\n    assetMaxWidth: '160px',\n    assetMaxHeight: '160px',\n    titleSize: 'xlarge',\n    descriptionSize: 'large',\n    gapBetweenSections: 'spacing.8',\n    gapInsideContentSection: 'spacing.1',\n  },\n};\n"],"names":["emptyStateSizeTokens","small","assetMaxWidth","assetMaxHeight","titleSize","descriptionSize","gapBetweenSections","gapInsideContentSection","medium","large","xlarge"],"mappings":"AAeO,IAAMA,oBAAkE,GAAG;AAChFC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDC,EAAAA,MAAM,EAAE;AACNN,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,SAAS,EAAE,OAAO;AAClBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDE,EAAAA,KAAK,EAAE;AACLP,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,QAAQ;AACzBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;GAC1B;AACDG,EAAAA,MAAM,EAAE;AACNR,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,eAAe,EAAE,OAAO;AACxBC,IAAAA,kBAAkB,EAAE,WAAW;AAC/BC,IAAAA,uBAAuB,EAAE,WAAA;AAC3B,GAAA;AACF;;;;"}

package/build/lib/web/production/components/Fade/Fade.web.js

@@ -8,7 +8,7 @@ import { msToSeconds } from '../../utils/msToSeconds.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.web.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/lib/web/production/components/FileUpload/FileUpload.web.js

@@ -3,7 +3,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useRef, useState, useMemo, useCallback, forwardRef } from 'react';
-import { StyledFileUploadWrapper } from './StyledFileUploadWrapper.js';
+import { StyledFileUploadWrapper } from './StyledFileUploadWrapper.web.js';
 import { fileUploadHeightTokens, fileUploadColorTokens, getFileUploadInputHoverTokens, fileUploadLinkBorderTokens } from './fileUploadTokens.js';
 import { FileUploadItem } from './FileUploadItem.js';
 import { isFileAccepted } from './isFileAccepted.js';

package/build/lib/web/production/components/FileUpload/FileUploadItem.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { memo } from 'react';
-import { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper.js';
+import { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper.web.js';
 import { FileUploadItemIcon } from './FileUploadItemIcon.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
@@ -23,9 +23,9 @@ import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
 import RotateClockWiseIcon from '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
 import { MAKE_ANALYTICS_CONSTANTS } from '../../utils/makeAnalyticsAttribute/makeAnalyticsConstants.js';
-import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import TrashIcon from '../Icons/TrashIcon/TrashIcon.js';
+import EyeIcon from '../Icons/EyeIcon/EyeIcon.js';
 import { ProgressBar } from '../ProgressBar/ProgressBar.js';
 
 var _excluded = ["file", "onPreview", "onRemove", "onReupload", "onDismiss", "size", "width", "minWidth", "maxWidth", "flexShrink", "flexGrow", "flexBasis"];
@@ -82,6 +82,8 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
           })
         }), /*#__PURE__*/jsxs(BaseBox, {
           flexGrow: 1,
+          flexShrink: 1,
+          minWidth: "0px",
           children: [/*#__PURE__*/jsxs(BaseBox, {
             alignItems: "center",
             display: "flex",
@@ -113,7 +115,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
           display: "flex",
           alignItems: "center",
           children: /*#__PURE__*/jsx(IconButton, {
-            accessibilityLabel: "Remove File",
+            accessibilityLabel: "Remove ".concat(name),
             icon: CloseIcon,
             onClick: function onClick() {
               return onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss({
@@ -121,24 +123,50 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
               });
             }
           })
-        }) : status === 'error' ? /*#__PURE__*/jsx(BaseBox, {
+        }) : status === 'error' ? /*#__PURE__*/jsxs(BaseBox, {
           display: "flex",
           flexDirection: "row",
           alignItems: "center",
-          children: /*#__PURE__*/jsx(BaseLink, {
-            marginX: "spacing.1",
-            variant: "button",
-            icon: RotateClockWiseIcon,
-            color: "negative",
-            size: "small",
-            onClick: function onClick() {
-              onReupload === null || onReupload === void 0 || onReupload({
-                file: file
-              });
-            },
-            "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON,
-            children: "Re-upload"
-          })
+          gap: "spacing.3",
+          children: [/*#__PURE__*/jsx(BaseBox, {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            children: /*#__PURE__*/jsx(BaseLink, {
+              marginX: "spacing.1",
+              variant: "button",
+              icon: RotateClockWiseIcon,
+              color: "negative",
+              size: "medium",
+              accessibilityProps: {
+                label: "Reupload ".concat(name)
+              },
+              onClick: function onClick() {
+                onReupload === null || onReupload === void 0 || onReupload({
+                  file: file
+                });
+              },
+              "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON
+            })
+          }), onRemove ? /*#__PURE__*/jsxs(BaseBox, {
+            display: "flex",
+            flexDirection: "row",
+            alignItems: "center",
+            gap: "spacing.3",
+            children: [/*#__PURE__*/jsx(Divider, {
+              orientation: "vertical",
+              thickness: "thin",
+              variant: "normal"
+            }), /*#__PURE__*/jsx(IconButton, {
+              accessibilityLabel: "Remove ".concat(name),
+              icon: TrashIcon,
+              onClick: function onClick() {
+                return onRemove({
+                  file: file
+                });
+              }
+            })]
+          }) : null]
         }) : /*#__PURE__*/jsx(BaseBox, {
           display: "flex",
           flexDirection: "row",
@@ -150,7 +178,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
             padding: "spacing.0",
             gap: "spacing.3",
             children: [/*#__PURE__*/jsx(IconButton, {
-              accessibilityLabel: "Preview File",
+              accessibilityLabel: "Preview ".concat(name),
               icon: EyeIcon,
               onClick: function onClick() {
                 return onPreview === null || onPreview === void 0 ? void 0 : onPreview({
@@ -162,7 +190,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
               thickness: "thinner",
               variant: "normal"
             }), /*#__PURE__*/jsx(IconButton, {
-              accessibilityLabel: "Remove File",
+              accessibilityLabel: "Remove ".concat(name),
               icon: TrashIcon,
               onClick: function onClick() {
                 return onRemove === null || onRemove === void 0 ? void 0 : onRemove({
@@ -171,7 +199,7 @@ var FileUploadItem = /*#__PURE__*/memo(function (_ref) {
               }
             })]
           }) : /*#__PURE__*/jsx(IconButton, {
-            accessibilityLabel: "Remove File",
+            accessibilityLabel: "Remove ".concat(name),
             icon: TrashIcon,
             onClick: function onClick() {
               return onRemove === null || onRemove === void 0 ? void 0 : onRemove({

package/build/lib/web/production/components/FileUpload/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1}>\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel=\"Remove File\"\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                <BaseLink\n                  marginX=\"spacing.1\"\n                  variant=\"button\"\n                  icon={RotateClockWiseIcon}\n                  color=\"negative\"\n                  size=\"small\"\n                  onClick={() => {\n                    onReupload?.({ file });\n                  }}\n                  data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                >\n                  Re-upload\n                </BaseLink>\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel=\"Preview File\"\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel=\"Remove File\"\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel=\"Remove File\"\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","_objectSpread","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","BaseLink","marginX","variant","RotateClockWiseIcon","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","padding","gap","EyeIcon","Divider","orientation","thickness","TrashIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,cAAc,gBAAGC,IAAI,CACzB,UAAAC,IAAA,EAc+C;AAAA,EAAA,IAb7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACHC,aAAa,GAAAN,IAAA,CAAnBO,IAAI;IACJC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,UAAU,GAAAX,IAAA,CAAVW,UAAU;IACVC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,SAAS,GAAAb,IAAA,CAATa,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAEP,EAAA,IAAQC,IAAI,GAA6ChB,IAAI,CAArDgB,IAAI;IAAEV,IAAI,GAAuCN,IAAI,CAA/CM,IAAI;IAAEW,aAAa,GAAwBjB,IAAI,CAAzCiB,aAAa;IAAEC,SAAS,GAAalB,IAAI,CAA1BkB,SAAS;IAAEC,MAAM,GAAKnB,IAAI,CAAfmB,MAAM,CAAA;AACpD,EAAA,IAAMC,WAAW,GAAGD,MAAM,KAAK,WAAW,CAAA;AAC1C,EAAA,IAAME,QAAQ,GAAGf,IAAI,GAAG,IAAI,CAAA;AAC5B,EAAA,IAAMgB,QAAQ,GAAGD,QAAQ,GAAG,IAAI,CAAA;AAChC,EAAA,IAAME,YAAY,GAAGF,QAAQ,GAAG,IAAI,CAAA;AAEpC,EAAA,oBACEG,GAAA,CAACC,2BAA2B,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAC1BpB,IAAAA,IAAI,EAAED,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI,QAAS;AAChCc,IAAAA,MAAM,EAAEA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GAAI,SAAU;AAC5BQ,IAAAA,YAAY,EAAC,QAAQ;AACrBC,IAAAA,WAAW,EAAC,MAAM;AAClBrB,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,SAAS,EAAEA,SAAAA;GACPiB,EAAAA,cAAc,CAAChB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAiB,QAAA,eAExBC,IAAA,CAACC,OAAO,EAAA;AAACzB,MAAAA,KAAK,EAAC,MAAM;AAAC0B,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,QAAQ;MAAAJ,QAAA,EAAA,cACzDC,IAAA,CAACC,OAAO,EAAA;AACNC,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,aAAa,EAAC,KAAK;AACnBC,QAAAA,MAAM,EACJ9B,aAAa,KAAK,OAAO,GACrB,WAAW,GACX,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CACxD;QAAAyB,QAAA,EAAA,cAEDN,GAAA,CAACQ,OAAO,EAAA;AAACI,UAAAA,WAAW,EAAC,WAAW;UAAAN,QAAA,eAC9BN,GAAA,CAACa,kBAAkB,EAAA;AAACC,YAAAA,QAAQ,EAAEtB,IAAK;AAACuB,YAAAA,YAAY,EAAEpB,MAAAA;WAAS,CAAA;AAAC,SACrD,CAAC,eACVY,IAAA,CAACC,OAAO,EAAA;AAACrB,UAAAA,QAAQ,EAAE,CAAE;UAAAmB,QAAA,EAAA,cACnBC,IAAA,CAACC,OAAO,EAAA;AAACQ,YAAAA,UAAU,EAAC,QAAQ;AAACP,YAAAA,OAAO,EAAC,MAAM;YAAAH,QAAA,EAAA,cACzCN,GAAA,CAACQ,OAAO,EAAA;AAACQ,cAAAA,UAAU,EAAC,QAAQ;AAAC/B,cAAAA,QAAQ,EAAC,KAAK;AAACwB,cAAAA,OAAO,EAAC,MAAM;AAACG,cAAAA,WAAW,EAAC,WAAW;cAAAN,QAAA,eAChFN,GAAA,CAACiB,IAAI,EAAA;AACHnC,gBAAAA,IAAI,EAAC,QAAQ;AACboC,gBAAAA,MAAM,EAAC,QAAQ;AACfC,gBAAAA,KAAK,EAAC,0BAA0B;AAChCC,gBAAAA,kBAAkB,EAAE,CAAE;AAAAd,gBAAAA,QAAA,EAErBd,IAAAA;eACG,CAAA;aACC,CAAC,EACTG,MAAM,KAAK,SAAS,iBACnBK,GAAA,CAACqB,eAAe,EAAA;AACdvC,cAAAA,IAAI,EAAC,QAAQ;AACb8B,cAAAA,WAAW,EAAC,WAAW;AACvBO,cAAAA,KAAK,EAAC,kCAAA;AAAkC,aACzC,CACF,CAAA;AAAA,WACM,CAAC,eACVnB,GAAA,CAACiB,IAAI,EAAA;AACHnC,YAAAA,IAAI,EAAC,OAAO;AACZoC,YAAAA,MAAM,EAAC,SAAS;AAChBC,YAAAA,KAAK,EACHxB,MAAM,KAAK,OAAO,GAAG,gCAAgC,GAAG,yBACzD;AACDyB,YAAAA,kBAAkB,EAAE,CAAE;AAAAd,YAAAA,QAAA,EAErBZ,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAA4B,EAAAA,CAAAA,MAAA,CACL,CAACvB,YAAY,GAAGF,QAAQ,GAAGC,QAAQ,EAAEyB,OAAO,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAD,MAAA,CAChDvB,YAAY,GAAG,IAAI,GAAG,IAAI,EAAAuB,GAAAA,CAAAA,CAAAA,MAAA,CACxB1B,WAAW,IAAIH,aAAa,GAAA,GAAA,CAAA6B,MAAA,CAAO7B,aAAa,UAAO,EAAE,CAAA;AAAA,WAC3D,CAAC,CAAA;SACA,CAAC,EACTE,MAAM,KAAK,WAAW,gBACrBK,GAAA,CAACQ,OAAO,EAAA;AAACC,UAAAA,OAAO,EAAC,MAAM;AAACO,UAAAA,UAAU,EAAC,QAAQ;UAAAV,QAAA,eACzCN,GAAA,CAACwB,UAAU,EAAA;AACTC,YAAAA,kBAAkB,EAAC,aAAa;AAChCC,YAAAA,IAAI,EAAEC,SAAU;YAChBC,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,cAAA,OAAQhD,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAG;AAAEJ,gBAAAA,IAAI,EAAJA,IAAAA;AAAK,eAAC,CAAC,CAAA;AAAA,aAAA;WACrC,CAAA;SACM,CAAC,GACRmB,MAAM,KAAK,OAAO,gBACpBK,GAAA,CAACQ,OAAO,EAAA;AAACC,UAAAA,OAAO,EAAC,MAAM;AAACC,UAAAA,aAAa,EAAC,KAAK;AAACM,UAAAA,UAAU,EAAC,QAAQ;UAAAV,QAAA,eAC7DN,GAAA,CAAC6B,QAAQ,EAAA;AACPC,YAAAA,OAAO,EAAC,WAAW;AACnBC,YAAAA,OAAO,EAAC,QAAQ;AAChBL,YAAAA,IAAI,EAAEM,mBAAoB;AAC1Bb,YAAAA,KAAK,EAAC,UAAU;AAChBrC,YAAAA,IAAI,EAAC,OAAO;AACZ8C,YAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AACbjD,cAAAA,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,IAAAA,UAAU,CAAG;AAAEH,gBAAAA,IAAI,EAAJA,IAAAA;AAAK,eAAC,CAAC,CAAA;aACtB;AACF,YAAA,qBAAA,EAAqByD,wBAAwB,CAACC,WAAW,CAACC,eAAgB;AAAA7B,YAAAA,QAAA,EAC3E,WAAA;WAES,CAAA;AAAC,SACJ,CAAC,gBAEVN,GAAA,CAACQ,OAAO,EAAA;AAACC,UAAAA,OAAO,EAAC,MAAM;AAACC,UAAAA,aAAa,EAAC,KAAK;AAACM,UAAAA,UAAU,EAAC,QAAQ;AAAAV,UAAAA,QAAA,EAC5D7B,SAAS,gBACR8B,IAAA,CAACC,OAAO,EAAA;AACNC,YAAAA,OAAO,EAAC,MAAM;AACdC,YAAAA,aAAa,EAAC,KAAK;AACnBM,YAAAA,UAAU,EAAC,QAAQ;AACnBoB,YAAAA,OAAO,EAAC,WAAW;AACnBC,YAAAA,GAAG,EAAC,WAAW;YAAA/B,QAAA,EAAA,cAEfN,GAAA,CAACwB,UAAU,EAAA;AACTC,cAAAA,kBAAkB,EAAC,cAAc;AACjCC,cAAAA,IAAI,EAAEY,OAAQ;cACdV,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,gBAAA,OAAQnD,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAG;AAAED,kBAAAA,IAAI,EAAJA,IAAAA;AAAK,iBAAC,CAAC,CAAA;AAAA,eAAA;AAAC,aACtC,CAAC,eACFwB,GAAA,CAACuC,OAAO,EAAA;AAACC,cAAAA,WAAW,EAAC,UAAU;AAACC,cAAAA,SAAS,EAAC,SAAS;AAACV,cAAAA,OAAO,EAAC,QAAA;AAAQ,aAAE,CAAC,eACvE/B,GAAA,CAACwB,UAAU,EAAA;AACTC,cAAAA,kBAAkB,EAAC,aAAa;AAChCC,cAAAA,IAAI,EAAEgB,SAAU;cAChBd,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,gBAAA,OAAQlD,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAG;AAAEF,kBAAAA,IAAI,EAAJA,IAAAA;AAAK,iBAAC,CAAC,CAAA;AAAA,eAAA;AAAC,aACrC,CAAC,CAAA;AAAA,WACK,CAAC,gBAEVwB,GAAA,CAACwB,UAAU,EAAA;AACTC,YAAAA,kBAAkB,EAAC,aAAa;AAChCC,YAAAA,IAAI,EAAEgB,SAAU;YAChBd,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,cAAA,OAAQlD,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAG;AAAEF,gBAAAA,IAAI,EAAJA,IAAAA;AAAK,eAAC,CAAC,CAAA;AAAA,aAAA;WACpC,CAAA;AACF,SACM,CACV,CAAA;AAAA,OACM,CAAC,EACToB,WAAW,iBACVI,GAAA,CAACQ,OAAO,EAAA;AAACzB,QAAAA,KAAK,EAAC,MAAM;AAAC4D,QAAAA,QAAQ,EAAC,UAAU;AAACC,QAAAA,MAAM,EAAC,WAAW;QAAAtC,QAAA,eAC1DN,GAAA,CAAC6C,WAAW,EAAA;AACVC,UAAAA,IAAI,EAAC,WAAW;AAChBC,UAAAA,cAAc,EAAE,KAAM;AACtBC,UAAAA,KAAK,EAAEvD,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI,CAAE;UAC1BwD,eAAe,EAAEC,WAAW,CAACzD,aAAa,CAAA;SAC3C,CAAA;AAAC,OACK,CACV,CAAA;KACM,CAAA;AAAC,GAAA,CACiB,CAAC,CAAA;AAElC,CACF;;;;"}
+{"version":3,"file":"FileUploadItem.js","sources":["../../../../../../src/components/FileUpload/FileUploadItem.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { StyledFileUploadItemWrapper } from './StyledFileUploadItemWrapper';\nimport type { FileUploadItemProps } from './types';\nimport { FileUploadItemIcon } from './FileUploadItemIcon';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport {\n  TrashIcon,\n  EyeIcon,\n  CloseIcon,\n  CheckCircleIcon,\n  RotateClockWiseIcon,\n} from '~components/Icons';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { Divider } from '~components/Divider';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ProgressBar } from '~components/ProgressBar';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst FileUploadItem = memo(\n  ({\n    file,\n    onPreview,\n    onRemove,\n    onReupload,\n    onDismiss,\n    size: containerSize,\n    width,\n    minWidth,\n    maxWidth,\n    flexShrink,\n    flexGrow,\n    flexBasis,\n    ...rest\n  }: FileUploadItemProps): React.ReactElement => {\n    const { name, size, uploadPercent, errorText, status } = file;\n    const isUploading = status === 'uploading';\n    const sizeInKB = size / 1024;\n    const sizeInMB = sizeInKB / 1024;\n    const showSizeInKB = sizeInKB < 1024;\n\n    return (\n      <StyledFileUploadItemWrapper\n        size={containerSize ?? 'medium'}\n        status={status ?? 'success'}\n        borderRadius=\"medium\"\n        borderWidth=\"thin\"\n        width={width}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        flexShrink={flexShrink}\n        flexGrow={flexGrow}\n        flexBasis={flexBasis}\n        {...getStyledProps(rest)}\n      >\n        <BaseBox width=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            margin={\n              containerSize === 'large'\n                ? 'spacing.4'\n                : ['spacing.3', 'spacing.4', 'spacing.3', 'spacing.3']\n            }\n          >\n            <BaseBox marginRight=\"spacing.4\">\n              <FileUploadItemIcon fileName={name} uploadStatus={status} />\n            </BaseBox>\n            <BaseBox flexGrow={1} flexShrink={1} minWidth=\"0px\">\n              <BaseBox alignItems=\"center\" display=\"flex\">\n                <BaseBox alignItems=\"center\" maxWidth=\"70%\" display=\"flex\" marginRight=\"spacing.3\">\n                  <Text\n                    size=\"medium\"\n                    weight=\"medium\"\n                    color=\"surface.text.gray.subtle\"\n                    truncateAfterLines={1}\n                  >\n                    {name}\n                  </Text>\n                </BaseBox>\n                {status === 'success' && (\n                  <CheckCircleIcon\n                    size=\"medium\"\n                    marginRight=\"spacing.2\"\n                    color=\"interactive.icon.positive.normal\"\n                  />\n                )}\n              </BaseBox>\n              <Text\n                size=\"small\"\n                weight=\"regular\"\n                color={\n                  status === 'error' ? 'feedback.text.negative.intense' : 'surface.text.gray.muted'\n                }\n                truncateAfterLines={1}\n              >\n                {errorText ??\n                  `${(showSizeInKB ? sizeInKB : sizeInMB).toFixed(2)} ${\n                    showSizeInKB ? 'KB' : 'MB'\n                  } ${isUploading && uploadPercent ? `(${uploadPercent}%)` : ''}`}\n              </Text>\n            </BaseBox>\n            {status === 'uploading' ? (\n              <BaseBox display=\"flex\" alignItems=\"center\">\n                <IconButton\n                  accessibilityLabel={`Remove ${name}`}\n                  icon={CloseIcon}\n                  onClick={() => onDismiss?.({ file })}\n                />\n              </BaseBox>\n            ) : status === 'error' ? (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\">\n                <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n                  <BaseLink\n                    marginX=\"spacing.1\"\n                    variant=\"button\"\n                    icon={RotateClockWiseIcon}\n                    color=\"negative\"\n                    size=\"medium\"\n                    accessibilityProps={{ label: `Reupload ${name}` }}\n                    onClick={() => {\n                      onReupload?.({ file });\n                    }}\n                    data-analytics-name={MAKE_ANALYTICS_CONSTANTS.FILE_UPLOAD.REUPLOAD_BUTTON}\n                  />\n                </BaseBox>\n                {onRemove ? (\n                  <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" gap=\"spacing.3\">\n                    <Divider orientation=\"vertical\" thickness=\"thin\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel={`Remove ${name}`}\n                      icon={TrashIcon}\n                      onClick={() => onRemove({ file })}\n                    />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            ) : (\n              <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n                {onPreview ? (\n                  <BaseBox\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    padding=\"spacing.0\"\n                    gap=\"spacing.3\"\n                  >\n                    <IconButton\n                      accessibilityLabel={`Preview ${name}`}\n                      icon={EyeIcon}\n                      onClick={() => onPreview?.({ file })}\n                    />\n                    <Divider orientation=\"vertical\" thickness=\"thinner\" variant=\"normal\" />\n                    <IconButton\n                      accessibilityLabel={`Remove ${name}`}\n                      icon={TrashIcon}\n                      onClick={() => onRemove?.({ file })}\n                    />\n                  </BaseBox>\n                ) : (\n                  <IconButton\n                    accessibilityLabel={`Remove ${name}`}\n                    icon={TrashIcon}\n                    onClick={() => onRemove?.({ file })}\n                  />\n                )}\n              </BaseBox>\n            )}\n          </BaseBox>\n          {isUploading && (\n            <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n              <ProgressBar\n                left=\"spacing.0\"\n                showPercentage={false}\n                value={uploadPercent ?? 0}\n                isIndeterminate={isUndefined(uploadPercent)}\n              />\n            </BaseBox>\n          )}\n        </BaseBox>\n      </StyledFileUploadItemWrapper>\n    );\n  },\n);\n\nexport type { FileUploadItemProps } from './types';\nexport { FileUploadItem };\n"],"names":["FileUploadItem","memo","_ref","file","onPreview","onRemove","onReupload","onDismiss","containerSize","size","width","minWidth","maxWidth","flexShrink","flexGrow","flexBasis","rest","_objectWithoutProperties","_excluded","name","uploadPercent","errorText","status","isUploading","sizeInKB","sizeInMB","showSizeInKB","_jsx","StyledFileUploadItemWrapper","_objectSpread","borderRadius","borderWidth","getStyledProps","children","_jsxs","BaseBox","display","flexDirection","margin","marginRight","FileUploadItemIcon","fileName","uploadStatus","alignItems","Text","weight","color","truncateAfterLines","CheckCircleIcon","concat","toFixed","IconButton","accessibilityLabel","icon","CloseIcon","onClick","gap","justifyContent","BaseLink","marginX","variant","RotateClockWiseIcon","accessibilityProps","label","MAKE_ANALYTICS_CONSTANTS","FILE_UPLOAD","REUPLOAD_BUTTON","Divider","orientation","thickness","TrashIcon","padding","EyeIcon","position","bottom","ProgressBar","left","showPercentage","value","isIndeterminate","isUndefined"],"mappings":"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"}

package/build/lib/web/production/components/FileUpload/FileUploadItemIcon.js

@@ -84,6 +84,7 @@ var FileUploadItemIcon = function FileUploadItemIcon(_ref) {
   return /*#__PURE__*/jsxs(BaseBox, {
     display: "flex",
     position: "relative",
+    alignItems: "center",
     justifyContent: "center",
     children: [/*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({
       width: "38",
@@ -111,6 +112,9 @@ var FileUploadItemIcon = function FileUploadItemIcon(_ref) {
     })), /*#__PURE__*/jsx(Text, {
       position: "absolute",
       top: "46%",
+      left: "spacing.0",
+      right: "spacing.0",
+      textAlign: "center",
       color: "interactive.text.staticWhite.normal",
       size: "xsmall",
       children: ".".concat(fileType)

package/build/lib/web/production/components/FileUpload/FileUploadItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItemIcon.js","sources":["../../../../../../src/components/FileUpload/FileUploadItemIcon.tsx"],"sourcesContent":["import type { BladeFile } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Svg, Path } from '~components/Icons/_Svg';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { colors as globalColors } from '~tokens/global';\n\ntype FileUploadItemIconProps = { fileName: string; uploadStatus: BladeFile['status'] };\n\nconst FileUploadItemIcon: React.ComponentType<FileUploadItemIconProps> = ({\n  fileName,\n  uploadStatus,\n  ...styledProps\n}: FileUploadItemIconProps) => {\n  const { theme } = useTheme();\n\n  if (uploadStatus === 'error') {\n    return (\n      <Svg {...styledProps} width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" fill=\"none\">\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.95314 2.04416C6.56342 1.3756 7.39114 1 8.25422 1H26.0591L33.2032 8.82636V33.085C33.2032 34.0305 32.8603 34.9373 32.2501 35.6058C31.6398 36.2744 30.8121 36.65 29.949 36.65H8.25422C7.39114 36.65 6.56342 36.2744 5.95314 35.6058C5.34285 34.9373 5 34.0305 5 33.085V4.565C5 3.6195 5.34285 2.71273 5.95314 2.04416ZM24.2408 14.2499C25.5737 15.5828 26.3224 17.3905 26.3224 19.2755C26.3224 21.1604 25.5737 22.9682 24.2408 24.301C22.9079 25.6339 21.1002 26.3827 19.2152 26.3827C17.3303 26.3827 15.5225 25.6339 14.1897 24.301C12.8568 22.9682 12.108 21.1604 12.108 19.2755C12.108 17.3905 12.8568 15.5828 14.1897 14.2499C15.5225 12.917 17.3303 12.1683 19.2152 12.1683C21.1002 12.1683 22.9079 12.917 24.2408 14.2499ZM19.926 20.46V15.248C19.926 15.0596 19.8511 14.8788 19.7178 14.7455C19.5845 14.6122 19.4037 14.5373 19.2152 14.5373C19.0267 14.5373 18.846 14.6122 18.7127 14.7455C18.5794 14.8788 18.5045 15.0596 18.5045 15.248V20.46C18.5045 20.6485 18.5794 20.8293 18.7127 20.9626C18.846 21.0958 19.0267 21.1707 19.2152 21.1707C19.4037 21.1707 19.5845 21.0958 19.7178 20.9626C19.8511 20.8293 19.926 20.6485 19.926 20.46ZM19.8853 23.736C20.063 23.5583 20.1629 23.3173 20.1629 23.066C20.1629 22.8146 20.063 22.5736 19.8853 22.3959C19.7076 22.2182 19.4666 22.1183 19.2152 22.1183C18.9639 22.1183 18.7229 22.2182 18.5452 22.3959C18.3674 22.5736 18.2676 22.8146 18.2676 23.066C18.2676 23.3173 18.3674 23.5583 18.5452 23.736C18.7229 23.9138 18.9639 24.0136 19.2152 24.0136C19.4666 24.0136 19.7076 23.9138 19.8853 23.736Z\"\n          fill={getIn(theme.colors, 'interactive.icon.negative.disabled')}\n        />\n      </Svg>\n    );\n  }\n\n  const fileType = fileName.split('.').pop();\n\n  const iconColors: Record<'background' | 'border' | 'cover' | 'fold', string> = {\n    background: globalColors.chromatic.cloud[50],\n    border: globalColors.chromatic.cloud[600],\n    cover: globalColors.chromatic.cloud[700],\n    fold: globalColors.chromatic.cloud[800],\n  };\n\n  switch (fileType) {\n    case 'pdf':\n      iconColors.background = globalColors.chromatic.crimson[50];\n      iconColors.border = globalColors.chromatic.crimson[600];\n      iconColors.cover = globalColors.chromatic.crimson[700];\n      iconColors.fold = globalColors.chromatic.crimson[800];\n      break;\n    case 'doc':\n    case 'docx':\n      iconColors.background = globalColors.chromatic.azure[50];\n      iconColors.border = globalColors.chromatic.azure[600];\n      iconColors.cover = globalColors.chromatic.azure[700];\n      iconColors.fold = globalColors.chromatic.azure[800];\n      break;\n    case 'xls':\n    case 'xlsx':\n    case 'csv':\n      iconColors.background = globalColors.chromatic.emerald[50];\n      iconColors.border = globalColors.chromatic.emerald[600];\n      iconColors.cover = globalColors.chromatic.emerald[700];\n      iconColors.fold = globalColors.chromatic.emerald[800];\n      break;\n    case 'jpg':\n    case 'jpeg':\n    case 'png':\n    case 'gif':\n      iconColors.background = globalColors.chromatic.sapphire[50];\n      iconColors.border = globalColors.chromatic.sapphire[600];\n      iconColors.cover = globalColors.chromatic.sapphire[700];\n      iconColors.fold = globalColors.chromatic.sapphire[800];\n      break;\n    default:\n      iconColors.background = globalColors.chromatic.cloud[50];\n      iconColors.border = globalColors.chromatic.cloud[600];\n      iconColors.cover = globalColors.chromatic.cloud[700];\n      iconColors.fold = globalColors.chromatic.cloud[800];\n  }\n\n  return (\n    <BaseBox display=\"flex\" position=\"relative\" justifyContent=\"center\">\n      <Svg width=\"38\" height=\"39\" viewBox=\"0 0 38 39\" fill=\"none\" {...styledProps}>\n        <Path d=\"M5.5 31.5801H3L5.5 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path d=\"M32.7998 31.5801H35.2998L32.7998 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M6.35552 2.71162C6.91384 2.09227 7.66518 1.75 8.44238 1.75H25.9153L32.832 9.42294V33.5872C32.832 34.4743 32.514 35.3206 31.955 35.9408C31.3966 36.5601 30.6453 36.9024 29.8681 36.9024H8.44238C7.66518 36.9024 6.91384 36.5601 6.35552 35.9408C5.79644 35.3206 5.47852 34.4743 5.47852 33.5872V5.06524C5.47852 4.17809 5.79644 3.33184 6.35552 2.71162Z\"\n          fill={iconColors.background}\n          stroke={iconColors.border}\n        />\n\n        <Path d=\"M3 19.3262H35.31V31.5817H3V19.3262Z\" fill={iconColors.cover} strokeWidth=\"0.5\" />\n      </Svg>\n      <Text position=\"absolute\" top=\"46%\" color=\"interactive.text.staticWhite.normal\" size=\"xsmall\">\n        {`.${fileType}`}\n      </Text>\n    </BaseBox>\n  );\n};\n\nexport { FileUploadItemIcon };\n"],"names":["FileUploadItemIcon","_ref","fileName","uploadStatus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_jsx","Svg","_objectSpread","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","getIn","colors","fileType","split","pop","iconColors","background","globalColors","chromatic","cloud","border","cover","fold","crimson","azure","emerald","sapphire","_jsxs","BaseBox","display","position","justifyContent","stroke","strokeWidth","Text","top","color","size","concat"],"mappings":"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"}
+{"version":3,"file":"FileUploadItemIcon.js","sources":["../../../../../../src/components/FileUpload/FileUploadItemIcon.tsx"],"sourcesContent":["import type { BladeFile } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Svg, Path } from '~components/Icons/_Svg';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { colors as globalColors } from '~tokens/global';\n\ntype FileUploadItemIconProps = { fileName: string; uploadStatus: BladeFile['status'] };\n\nconst FileUploadItemIcon: React.ComponentType<FileUploadItemIconProps> = ({\n  fileName,\n  uploadStatus,\n  ...styledProps\n}: FileUploadItemIconProps) => {\n  const { theme } = useTheme();\n\n  if (uploadStatus === 'error') {\n    return (\n      <Svg {...styledProps} width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" fill=\"none\">\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M5.95314 2.04416C6.56342 1.3756 7.39114 1 8.25422 1H26.0591L33.2032 8.82636V33.085C33.2032 34.0305 32.8603 34.9373 32.2501 35.6058C31.6398 36.2744 30.8121 36.65 29.949 36.65H8.25422C7.39114 36.65 6.56342 36.2744 5.95314 35.6058C5.34285 34.9373 5 34.0305 5 33.085V4.565C5 3.6195 5.34285 2.71273 5.95314 2.04416ZM24.2408 14.2499C25.5737 15.5828 26.3224 17.3905 26.3224 19.2755C26.3224 21.1604 25.5737 22.9682 24.2408 24.301C22.9079 25.6339 21.1002 26.3827 19.2152 26.3827C17.3303 26.3827 15.5225 25.6339 14.1897 24.301C12.8568 22.9682 12.108 21.1604 12.108 19.2755C12.108 17.3905 12.8568 15.5828 14.1897 14.2499C15.5225 12.917 17.3303 12.1683 19.2152 12.1683C21.1002 12.1683 22.9079 12.917 24.2408 14.2499ZM19.926 20.46V15.248C19.926 15.0596 19.8511 14.8788 19.7178 14.7455C19.5845 14.6122 19.4037 14.5373 19.2152 14.5373C19.0267 14.5373 18.846 14.6122 18.7127 14.7455C18.5794 14.8788 18.5045 15.0596 18.5045 15.248V20.46C18.5045 20.6485 18.5794 20.8293 18.7127 20.9626C18.846 21.0958 19.0267 21.1707 19.2152 21.1707C19.4037 21.1707 19.5845 21.0958 19.7178 20.9626C19.8511 20.8293 19.926 20.6485 19.926 20.46ZM19.8853 23.736C20.063 23.5583 20.1629 23.3173 20.1629 23.066C20.1629 22.8146 20.063 22.5736 19.8853 22.3959C19.7076 22.2182 19.4666 22.1183 19.2152 22.1183C18.9639 22.1183 18.7229 22.2182 18.5452 22.3959C18.3674 22.5736 18.2676 22.8146 18.2676 23.066C18.2676 23.3173 18.3674 23.5583 18.5452 23.736C18.7229 23.9138 18.9639 24.0136 19.2152 24.0136C19.4666 24.0136 19.7076 23.9138 19.8853 23.736Z\"\n          fill={getIn(theme.colors, 'interactive.icon.negative.disabled')}\n        />\n      </Svg>\n    );\n  }\n\n  const fileType = fileName.split('.').pop();\n\n  const iconColors: Record<'background' | 'border' | 'cover' | 'fold', string> = {\n    background: globalColors.chromatic.cloud[50],\n    border: globalColors.chromatic.cloud[600],\n    cover: globalColors.chromatic.cloud[700],\n    fold: globalColors.chromatic.cloud[800],\n  };\n\n  switch (fileType) {\n    case 'pdf':\n      iconColors.background = globalColors.chromatic.crimson[50];\n      iconColors.border = globalColors.chromatic.crimson[600];\n      iconColors.cover = globalColors.chromatic.crimson[700];\n      iconColors.fold = globalColors.chromatic.crimson[800];\n      break;\n    case 'doc':\n    case 'docx':\n      iconColors.background = globalColors.chromatic.azure[50];\n      iconColors.border = globalColors.chromatic.azure[600];\n      iconColors.cover = globalColors.chromatic.azure[700];\n      iconColors.fold = globalColors.chromatic.azure[800];\n      break;\n    case 'xls':\n    case 'xlsx':\n    case 'csv':\n      iconColors.background = globalColors.chromatic.emerald[50];\n      iconColors.border = globalColors.chromatic.emerald[600];\n      iconColors.cover = globalColors.chromatic.emerald[700];\n      iconColors.fold = globalColors.chromatic.emerald[800];\n      break;\n    case 'jpg':\n    case 'jpeg':\n    case 'png':\n    case 'gif':\n      iconColors.background = globalColors.chromatic.sapphire[50];\n      iconColors.border = globalColors.chromatic.sapphire[600];\n      iconColors.cover = globalColors.chromatic.sapphire[700];\n      iconColors.fold = globalColors.chromatic.sapphire[800];\n      break;\n    default:\n      iconColors.background = globalColors.chromatic.cloud[50];\n      iconColors.border = globalColors.chromatic.cloud[600];\n      iconColors.cover = globalColors.chromatic.cloud[700];\n      iconColors.fold = globalColors.chromatic.cloud[800];\n  }\n\n  return (\n    <BaseBox display=\"flex\" position=\"relative\" alignItems=\"center\" justifyContent=\"center\">\n      <Svg width=\"38\" height=\"39\" viewBox=\"0 0 38 39\" fill=\"none\" {...styledProps}>\n        <Path d=\"M5.5 31.5801H3L5.5 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path d=\"M32.7998 31.5801H35.2998L32.7998 34.0801V31.5801Z\" fill={iconColors.fold} />\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M6.35552 2.71162C6.91384 2.09227 7.66518 1.75 8.44238 1.75H25.9153L32.832 9.42294V33.5872C32.832 34.4743 32.514 35.3206 31.955 35.9408C31.3966 36.5601 30.6453 36.9024 29.8681 36.9024H8.44238C7.66518 36.9024 6.91384 36.5601 6.35552 35.9408C5.79644 35.3206 5.47852 34.4743 5.47852 33.5872V5.06524C5.47852 4.17809 5.79644 3.33184 6.35552 2.71162Z\"\n          fill={iconColors.background}\n          stroke={iconColors.border}\n        />\n\n        <Path d=\"M3 19.3262H35.31V31.5817H3V19.3262Z\" fill={iconColors.cover} strokeWidth=\"0.5\" />\n      </Svg>\n      <Text\n        position=\"absolute\"\n        top=\"46%\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        textAlign=\"center\"\n        color=\"interactive.text.staticWhite.normal\"\n        size=\"xsmall\"\n      >\n        {`.${fileType}`}\n      </Text>\n    </BaseBox>\n  );\n};\n\nexport { FileUploadItemIcon };\n"],"names":["FileUploadItemIcon","_ref","fileName","uploadStatus","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_jsx","Svg","_objectSpread","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","getIn","colors","fileType","split","pop","iconColors","background","globalColors","chromatic","cloud","border","cover","fold","crimson","azure","emerald","sapphire","_jsxs","BaseBox","display","position","alignItems","justifyContent","stroke","strokeWidth","Text","top","left","right","textAlign","color","size","concat"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAgE,GAAG,SAAnEA,kBAAgEA,CAAAC,IAAA,EAIvC;AAAA,EAAA,IAH7BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;AACTC,IAAAA,WAAW,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,IAAIN,YAAY,KAAK,OAAO,EAAE;IAC5B,oBACEO,GAAA,CAACC,GAAG,EAAAC,aAAA,CAAAA,aAAA,KAAKR,WAAW,CAAA,EAAA,EAAA,EAAA;AAAES,MAAAA,KAAK,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,IAAI;AAACC,MAAAA,OAAO,EAAC,WAAW;AAACC,MAAAA,IAAI,EAAC,MAAM;MAAAC,QAAA,eAC1EP,GAAA,CAACQ,IAAI,EAAA;AACHC,QAAAA,QAAQ,EAAC,SAAS;AAClBC,QAAAA,QAAQ,EAAC,SAAS;AAClBC,QAAAA,CAAC,EAAC,+9CAA+9C;AACj+CL,QAAAA,IAAI,EAAEM,KAAK,CAACb,KAAK,CAACc,MAAM,EAAE,oCAAoC,CAAA;OAC/D,CAAA;AAAC,KAAA,CACC,CAAC,CAAA;AAEV,GAAA;EAEA,IAAMC,QAAQ,GAAGtB,QAAQ,CAACuB,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAA;AAE1C,EAAA,IAAMC,UAAsE,GAAG;IAC7EC,UAAU,EAAEC,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC;IAC5CC,MAAM,EAAEH,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC;IACzCE,KAAK,EAAEJ,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC;AACxCG,IAAAA,IAAI,EAAEL,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAA;GACvC,CAAA;AAED,EAAA,QAAQP,QAAQ;AACd,IAAA,KAAK,KAAK;MACRG,UAAU,CAACC,UAAU,GAAGC,MAAY,CAACC,SAAS,CAACK,OAAO,CAAC,EAAE,CAAC,CAAA;MAC1DR,UAAU,CAACK,MAAM,GAAGH,MAAY,CAACC,SAAS,CAACK,OAAO,CAAC,GAAG,CAAC,CAAA;MACvDR,UAAU,CAACM,KAAK,GAAGJ,MAAY,CAACC,SAAS,CAACK,OAAO,CAAC,GAAG,CAAC,CAAA;MACtDR,UAAU,CAACO,IAAI,GAAGL,MAAY,CAACC,SAAS,CAACK,OAAO,CAAC,GAAG,CAAC,CAAA;AACrD,MAAA,MAAA;AACF,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,MAAM;MACTR,UAAU,CAACC,UAAU,GAAGC,MAAY,CAACC,SAAS,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;MACxDT,UAAU,CAACK,MAAM,GAAGH,MAAY,CAACC,SAAS,CAACM,KAAK,CAAC,GAAG,CAAC,CAAA;MACrDT,UAAU,CAACM,KAAK,GAAGJ,MAAY,CAACC,SAAS,CAACM,KAAK,CAAC,GAAG,CAAC,CAAA;MACpDT,UAAU,CAACO,IAAI,GAAGL,MAAY,CAACC,SAAS,CAACM,KAAK,CAAC,GAAG,CAAC,CAAA;AACnD,MAAA,MAAA;AACF,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,KAAK;MACRT,UAAU,CAACC,UAAU,GAAGC,MAAY,CAACC,SAAS,CAACO,OAAO,CAAC,EAAE,CAAC,CAAA;MAC1DV,UAAU,CAACK,MAAM,GAAGH,MAAY,CAACC,SAAS,CAACO,OAAO,CAAC,GAAG,CAAC,CAAA;MACvDV,UAAU,CAACM,KAAK,GAAGJ,MAAY,CAACC,SAAS,CAACO,OAAO,CAAC,GAAG,CAAC,CAAA;MACtDV,UAAU,CAACO,IAAI,GAAGL,MAAY,CAACC,SAAS,CAACO,OAAO,CAAC,GAAG,CAAC,CAAA;AACrD,MAAA,MAAA;AACF,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,KAAK;MACRV,UAAU,CAACC,UAAU,GAAGC,MAAY,CAACC,SAAS,CAACQ,QAAQ,CAAC,EAAE,CAAC,CAAA;MAC3DX,UAAU,CAACK,MAAM,GAAGH,MAAY,CAACC,SAAS,CAACQ,QAAQ,CAAC,GAAG,CAAC,CAAA;MACxDX,UAAU,CAACM,KAAK,GAAGJ,MAAY,CAACC,SAAS,CAACQ,QAAQ,CAAC,GAAG,CAAC,CAAA;MACvDX,UAAU,CAACO,IAAI,GAAGL,MAAY,CAACC,SAAS,CAACQ,QAAQ,CAAC,GAAG,CAAC,CAAA;AACtD,MAAA,MAAA;AACF,IAAA;MACEX,UAAU,CAACC,UAAU,GAAGC,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAAA;MACxDJ,UAAU,CAACK,MAAM,GAAGH,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;MACrDJ,UAAU,CAACM,KAAK,GAAGJ,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;MACpDJ,UAAU,CAACO,IAAI,GAAGL,MAAY,CAACC,SAAS,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACvD,GAAA;EAEA,oBACEQ,IAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,QAAQ,EAAC,UAAU;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,cAAc,EAAC,QAAQ;AAAA3B,IAAAA,QAAA,gBACrFsB,IAAA,CAAC5B,GAAG,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,MAAAA,KAAK,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,IAAI;AAACC,MAAAA,OAAO,EAAC,WAAW;AAACC,MAAAA,IAAI,EAAC,MAAA;AAAM,KAAA,EAAKZ,WAAW,CAAA,EAAA,EAAA,EAAA;MAAAa,QAAA,EAAA,cACzEP,GAAA,CAACQ,IAAI,EAAA;AAACG,QAAAA,CAAC,EAAC,qCAAqC;QAACL,IAAI,EAAEW,UAAU,CAACO,IAAAA;AAAK,OAAE,CAAC,eACvExB,GAAA,CAACQ,IAAI,EAAA;AAACG,QAAAA,CAAC,EAAC,mDAAmD;QAACL,IAAI,EAAEW,UAAU,CAACO,IAAAA;AAAK,OAAE,CAAC,eACrFxB,GAAA,CAACQ,IAAI,EAAA;AACHC,QAAAA,QAAQ,EAAC,SAAS;AAClBC,QAAAA,QAAQ,EAAC,SAAS;AAClBC,QAAAA,CAAC,EAAC,yVAAyV;QAC3VL,IAAI,EAAEW,UAAU,CAACC,UAAW;QAC5BiB,MAAM,EAAElB,UAAU,CAACK,MAAAA;AAAO,OAC3B,CAAC,eAEFtB,GAAA,CAACQ,IAAI,EAAA;AAACG,QAAAA,CAAC,EAAC,qCAAqC;QAACL,IAAI,EAAEW,UAAU,CAACM,KAAM;AAACa,QAAAA,WAAW,EAAC,KAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KAAA,CACvF,CAAC,eACNpC,GAAA,CAACqC,IAAI,EAAA;AACHL,MAAAA,QAAQ,EAAC,UAAU;AACnBM,MAAAA,GAAG,EAAC,KAAK;AACTC,MAAAA,IAAI,EAAC,WAAW;AAChBC,MAAAA,KAAK,EAAC,WAAW;AACjBC,MAAAA,SAAS,EAAC,QAAQ;AAClBC,MAAAA,KAAK,EAAC,qCAAqC;AAC3CC,MAAAA,IAAI,EAAC,QAAQ;MAAApC,QAAA,EAAA,GAAA,CAAAqC,MAAA,CAER9B,QAAQ,CAAA;AAAA,KACT,CAAC,CAAA;AAAA,GACA,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/{development/components/FileUpload/StyledFileUploadItemWrapper.js → production/components/FileUpload/StyledFileUploadItemWrapper.web.js}

@@ -16,8 +16,8 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledFileUploadItemWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledFileUploadItemWrapper",
-  componentId: "sc-1rxjypg-0"
+  displayName: "StyledFileUploadItemWrapperweb__StyledFileUploadItemWrapper",
+  componentId: "sc-1oifs57-0"
 })(function (_ref) {
   var theme = _ref.theme,
     status = _ref.status,
@@ -50,4 +50,4 @@ var StyledFileUploadItemWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 
 export { StyledFileUploadItemWrapper };
-//# sourceMappingURL=StyledFileUploadItemWrapper.js.map
+//# sourceMappingURL=StyledFileUploadItemWrapper.web.js.map

package/build/lib/web/production/components/FileUpload/StyledFileUploadItemWrapper.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledFileUploadItemWrapper.web.js","sources":["../../../../../../src/components/FileUpload/StyledFileUploadItemWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadItemWrapperProps } from './types';\nimport {\n  fileUploadItemBackgroundColors,\n  fileUploadMotionTokens,\n  fileUploadHeightTokens,\n} from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType, makeSize, useTheme } from '~utils';\nimport { colors as globalColors } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledFileUploadItemWrapper = styled(BaseBox)<StyledFileUploadItemWrapperProps>(\n  ({ theme, status, size }) => {\n    const { colorScheme } = useTheme();\n    const boxShadowColor =\n      colorScheme === 'light'\n        ? globalColors.neutral.blueGrayLight.a906\n        : globalColors.neutral.black[50];\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      justifyContent: 'space-between',\n      borderStyle: 'solid',\n      minHeight: makeSize(fileUploadHeightTokens[size === 'variable' ? 'large' : size]),\n      width: '100%',\n      backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].default),\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor:\n        status === 'error'\n          ? theme.colors.interactive.border.negative.faded\n          : theme.colors.surface.border.gray.subtle,\n      wordBreak: 'break-all',\n      boxShadow: `0px 0.5px 4px 0px ${boxShadowColor}`,\n\n      ...(status !== 'uploading' && {\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover),\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledFileUploadItemWrapper };\n"],"names":["StyledFileUploadItemWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","status","size","_useTheme","useTheme","colorScheme","boxShadowColor","globalColors","neutral","blueGrayLight","a906","black","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","position","overflow","display","justifyContent","borderStyle","minHeight","makeSize","fileUploadHeightTokens","width","backgroundColor","colors","fileUploadItemBackgroundColors","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","interactive","border","negative","faded","surface","gray","subtle","wordBreak","boxShadow","concat","hover"],"mappings":";;;;;;;;;;;;;;;;;AAaA,IAAMA,2BAA2B,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6DAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACjD,CAAA,CAAA,UAAAC,IAAA,EAA6B;AAAA,EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAA;AACpB,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BC,WAAW,GAAAF,SAAA,CAAXE,WAAW,CAAA;EACnB,IAAMC,cAAc,GAClBD,WAAW,KAAK,OAAO,GACnBE,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI,GACvCH,MAAY,CAACC,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CAAA;EACpC,IAAMC,MAAM,GAAGC,KAAK,CAACb,KAAK,CAACc,MAAM,EAAEC,sBAAsB,CAACH,MAAM,CAAC,CAAA;AACjE,EAAA,IAAMI,QAAQ,GAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACb,KAAK,CAACc,MAAM,EAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAAA;AAED,EAAA,OAAAG,aAAA,CAAA;AACEC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,eAAe;AAC/BC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAEC,QAAQ,CAACC,sBAAsB,CAACzB,IAAI,KAAK,UAAU,GAAG,OAAO,GAAGA,IAAI,CAAC,CAAC;AACjF0B,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,eAAe,EAAEhB,KAAK,CAACb,KAAK,CAAC8B,MAAM,EAAEC,8BAA8B,CAAC9B,MAAM,CAAC,CAAA,SAAA,CAAQ,CAAC;AACpF+B,IAAAA,kBAAkB,EAAE,kBAAkB;AACtCC,IAAAA,wBAAwB,EAAErB,MAAM;AAChCsB,IAAAA,kBAAkB,EAAElB,QAAQ;IAC5BmB,WAAW,EACTlC,MAAM,KAAK,OAAO,GACdD,KAAK,CAAC8B,MAAM,CAACM,WAAW,CAACC,MAAM,CAACC,QAAQ,CAACC,KAAK,GAC9CvC,KAAK,CAAC8B,MAAM,CAACU,OAAO,CAACH,MAAM,CAACI,IAAI,CAACC,MAAM;AAC7CC,IAAAA,SAAS,EAAE,WAAW;IACtBC,SAAS,EAAA,oBAAA,CAAAC,MAAA,CAAuBvC,cAAc,CAAA;GAE1CL,EAAAA,MAAM,KAAK,WAAW,IAAI;AAC5B,IAAA,SAAS,EAAE;AACT4B,MAAAA,eAAe,EAAEhB,KAAK,CAACb,KAAK,CAAC8B,MAAM,EAAEC,8BAA8B,CAAC9B,MAAM,CAAC,CAAC6C,KAAK,CAAA;AACnF,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/{development/components/FileUpload/StyledFileUploadWrapper.js → production/components/FileUpload/StyledFileUploadWrapper.web.js}

@@ -12,8 +12,8 @@ import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledFileUploadWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledFileUploadWrapper",
-  componentId: "sc-1wln1sx-0"
+  displayName: "StyledFileUploadWrapperweb__StyledFileUploadWrapper",
+  componentId: "sc-12lf2rw-0"
 })(function (_ref) {
   var theme = _ref.theme,
     isDisabled = _ref.isDisabled,
@@ -37,4 +37,4 @@ var StyledFileUploadWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 
 export { StyledFileUploadWrapper };
-//# sourceMappingURL=StyledFileUploadWrapper.js.map
+//# sourceMappingURL=StyledFileUploadWrapper.web.js.map

package/build/lib/web/production/components/FileUpload/StyledFileUploadWrapper.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledFileUploadWrapper.web.js","sources":["../../../../../../src/components/FileUpload/StyledFileUploadWrapper.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadWrapperProps } from './types';\nimport { fileUploadMotionTokens, fileUploadColorTokens } from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils';\n\nconst StyledFileUploadWrapper = styled(BaseBox)<StyledFileUploadWrapperProps>(\n  ({ theme, isDisabled, isActive }) => {\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      display: 'flex',\n      borderStyle: 'dashed',\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor: getIn(\n        theme.colors,\n        fileUploadColorTokens.border[isDisabled ? 'disabled' : 'default'],\n      ),\n\n      ...(isActive && {\n        backgroundColor: getIn(theme.colors, fileUploadColorTokens.background.active),\n      }),\n\n      ...(!isDisabled &&\n        !isActive && {\n          '&:hover': {\n            backgroundColor: getIn(theme.colors, fileUploadColorTokens.background.hover),\n          },\n        }),\n    };\n  },\n);\n\nexport { StyledFileUploadWrapper };\n"],"names":["StyledFileUploadWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isDisabled","isActive","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","_objectSpread","display","borderStyle","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","colors","fileUploadColorTokens","border","backgroundColor","background","active","hover"],"mappings":";;;;;;;;;;;;;AAQA,IAAMA,uBAAuB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAC7C,CAAA,CAAA,UAAAC,IAAA,EAAqC;AAAA,EAAA,IAAlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;EAC5B,IAAMC,MAAM,GAAGC,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,sBAAsB,CAACH,MAAM,CAAC,CAAA;AACjE,EAAA,IAAMI,QAAQ,GAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAAA;EAED,OAAAG,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,WAAW,EAAE,QAAQ;AACrBC,IAAAA,kBAAkB,EAAE,kBAAkB;AACtCC,IAAAA,wBAAwB,EAAEX,MAAM;AAChCY,IAAAA,kBAAkB,EAAER,QAAQ;AAC5BS,IAAAA,WAAW,EAAEZ,KAAK,CAChBJ,KAAK,CAACiB,MAAM,EACZC,qBAAqB,CAACC,MAAM,CAAClB,UAAU,GAAG,UAAU,GAAG,SAAS,CAClE,CAAA;AAAC,GAAA,EAEGC,QAAQ,IAAI;IACdkB,eAAe,EAAEhB,KAAK,CAACJ,KAAK,CAACiB,MAAM,EAAEC,qBAAqB,CAACG,UAAU,CAACC,MAAM,CAAA;AAC9E,GAAC,GAEG,CAACrB,UAAU,IACb,CAACC,QAAQ,IAAI;AACX,IAAA,SAAS,EAAE;MACTkB,eAAe,EAAEhB,KAAK,CAACJ,KAAK,CAACiB,MAAM,EAAEC,qBAAqB,CAACG,UAAU,CAACE,KAAK,CAAA;AAC7E,KAAA;GACD,CAAA,CAAA;AAEP,CAAC;;;;"}

package/build/lib/web/production/components/FileUpload/fileUploadTokens.js

@@ -68,6 +68,15 @@ var fileUploadLinkBorderTokens = {
     "default": 'thin'
   }
 };
+var getFileIconExtension = function getFileIconExtension(acceptValue) {
+  if (!acceptValue) return 'example.xyz';
+  var extensions = acceptValue.split(',').map(function (ext) {
+    return ext.trim();
+  }).filter(function (ext) {
+    return ext.startsWith('.');
+  });
+  return extensions.length === 1 ? "example".concat(extensions[0]) : 'example.xyz';
+};
 
-export { fileUploadColorTokens, fileUploadHeightTokens, fileUploadItemBackgroundColors, fileUploadLinkBorderTokens, fileUploadMotionTokens, getFileUploadInputHoverTokens };
+export { fileUploadColorTokens, fileUploadHeightTokens, fileUploadItemBackgroundColors, fileUploadLinkBorderTokens, fileUploadMotionTokens, getFileIconExtension, getFileUploadInputHoverTokens };
 //# sourceMappingURL=fileUploadTokens.js.map